@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300.eot');
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300.woff2') format('woff2'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300.woff') format('woff'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300.ttf') format('truetype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    src: url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300italic.eot');
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300italic.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300italic.woff2') format('woff2'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300italic.woff') format('woff'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300italic.ttf') format('truetype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-300italic.svg#SourceSansPro') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-regular.eot');
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-regular.woff2') format('woff2'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-regular.woff') format('woff'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-regular.ttf') format('truetype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-italic.eot');
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-italic.woff2') format('woff2'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-italic.woff') format('woff'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-italic.ttf') format('truetype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600.eot');
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600.woff2') format('woff2'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600.woff') format('woff'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600.ttf') format('truetype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600italic.eot');
    src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600italic.woff') format('woff'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-700.eot');
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-700.woff2') format('woff2'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-700.woff') format('woff'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-700.ttf') format('truetype'), url('/assets/Fonts/sourcepro/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/Fonts/eb-garamond/eb-garamond-v10-latin-regular.eot');
    src: local('EB Garamond Regular'), local('EBGaramond-Regular'), url('/assets/Fonts/eb-garamond/eb-garamond-v10-latin-regular.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/eb-garamond/eb-garamond-v10-latin-regular.woff2') format('woff2'), url('/assets/Fonts/eb-garamond/eb-garamond-v10-latin-regular.woff') format('woff'), url('/assets/Fonts/eb-garamond/eb-garamond-v10-latin-regular.ttf') format('truetype'), url('/assets/Fonts/eb-garamond/eb-garamond-v10-latin-regular.svg#EBGaramond') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans Light';
    font-style: normal;
    font-weight: 300;
    src: url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-300.eot');
    src: local('Nunito Sans Light'), local('NunitoSans-Light'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-300.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-300.woff2') format('woff2'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-300.woff') format('woff'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-300.ttf') format('truetype'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-300.svg#NunitoSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-regular.eot');
    src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-regular.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-regular.woff2') format('woff2'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-regular.woff') format('woff'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-regular.ttf') format('truetype'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-regular.svg#NunitoSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans SemiBold';
    font-style: normal;
    font-weight: 600;
    src: url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-600.eot');
    src: local('Nunito Sans SemiBold'), local('NunitoSans-SemiBold'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-600.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-600.woff2') format('woff2'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-600.woff') format('woff'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-600.ttf') format('truetype'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-600.svg#NunitoSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'Nunito Sans Bold';
    font-style: normal;
    font-weight: 700;
    src: url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-700.eot');
    src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-700.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-700.woff2') format('woff2'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-700.woff') format('woff'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-700.ttf') format('truetype'), url('/assets/Fonts/nunito-sans/nunito-sans-v4-latin-700.svg#NunitoSans') format('svg');
    font-display: swap
}

@font-face {
    font-family: 'FontAwesome';
    font-display: swap;
    src: url('/fonts/font-awesome/fontawesome-webfont.eot?v=4.6.3');
    src: url('/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/fonts/font-awesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/fonts/font-awesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/fonts/font-awesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/fonts/font-awesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

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

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

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

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

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-gear:before,
.fa-cog:before {
    content: ""
}

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

.fa-clock-o:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-arrow-circle-o-down:before {
    content: ""
}

.fa-arrow-circle-o-up:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-dedent:before,
.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-mail-forward:before,
.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-gears:before,
.fa-cogs:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,
.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-group:before,
.fa-users:before {
    content: ""
}

.fa-chain:before,
.fa-link:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-cut:before,
.fa-scissors:before {
    content: ""
}

.fa-copy:before,
.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-save:before,
.fa-floppy-o:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-unsorted:before,
.fa-sort:before {
    content: ""
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: ""
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,
.fa-undo:before {
    content: ""
}

.fa-legal:before,
.fa-gavel:before {
    content: ""
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

.fa-flash:before,
.fa-bolt:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-paste:before,
.fa-clipboard:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-mail-reply:before,
.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-code-fork:before {
    content: ""
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

.fa-calendar-o:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: ""
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: ""
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: ""
}

.fa-euro:before,
.fa-eur:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,
.fa-usd:before {
    content: ""
}

.fa-rupee:before,
.fa-inr:before {
    content: ""
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: ""
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: ""
}

.fa-won:before,
.fa-krw:before {
    content: ""
}

.fa-bitcoin:before,
.fa-btc:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,
.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-arrow-circle-o-right:before {
    content: ""
}

.fa-arrow-circle-o-left:before {
    content: ""
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: ""
}

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-turkish-lira:before,
.fa-try:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: ""
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-automobile:before,
.fa-car:before {
    content: ""
}

.fa-cab:before,
.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: ""
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: ""
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: ""
}

.fa-circle-o-notch:before {
    content: ""
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: ""
}

.fa-ge:before,
.fa-empire:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,
.fa-weixin:before {
    content: ""
}

.fa-send:before,
.fa-paper-plane:before {
    content: ""
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-area-chart:before {
    content: ""
}

.fa-pie-chart:before {
    content: ""
}

.fa-line-chart:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-cc:before {
    content: ""
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,
.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-hotel:before,
.fa-bed:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-yc:before,
.fa-y-combinator:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-battery-4:before,
.fa-battery-full:before {
    content: ""
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: ""
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: ""
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: ""
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-tv:before,
.fa-television:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-calendar-plus-o:before {
    content: ""
}

.fa-calendar-minus-o:before {
    content: ""
}

.fa-calendar-times-o:before {
    content: ""
}

.fa-calendar-check-o:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-credit-card-alt:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-pause-circle-o:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stop-circle-o:before {
    content: ""
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-universal-access:before {
    content: ""
}

.fa-wheelchair-alt:before {
    content: ""
}

.fa-question-circle-o:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-volume-control-phone:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: ""
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-signing:before,
.fa-sign-language:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: ""
}

.fa-fa:before,
.fa-font-awesome:before {
    content: ""
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UXtXA-W2r.woff2) format('woff2');
    unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UXt7A-W2r.woff2) format('woff2');
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UXt_A-W2r.woff2) format('woff2');
    unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_k-UXtHA-Q.woff2) format('woff2');
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDTbtPY_Q.woff2) format('woff2');
    unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(playfair/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDYbtPY_Q.woff2) format('woff2');
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDZbtPY_Q.woff2) format('woff2');
    unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvXDXbtM.woff2) format('woff2');
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTXtXA-W2r.woff2) format('woff2');
    unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTXt7A-W2r.woff2) format('woff2');
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTXt_A-W2r.woff2) format('woff2');
    unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: swap
}

@font-face {
    font-family: 'Playfair Display';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/Fonts/playfair/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTXtHA-Q.woff2) format('woff2');
    unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap
}

.fancybox-inner .container {
    width: auto !important
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #444;
    text-shadow: none;
    padding: 0 !important
}

.fancybox-opened {
    z-index: 100007
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .65);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .65);
    box-shadow: 0 0 10px rgba(0, 0, 0, .65)
}

.fancybox-outer,
.fancybox-inner {
    position: relative;
    width: 100% !important;
    float: left
}

.fancybox-inner {
    background: none repeat scroll 0 0 #fff;
    float: left;
    width: 100%;
    height: 100% !important;
    max-height: 90vh;
    padding-bottom: 10px;
    text-align: left;
    font-size: 10px;
    overflow-x: hidden !important
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-inner p.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 40px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('/images/fancybox/fancybox_sprite.png')
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 100007
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('/images/fancybox/fancybox_loading.svg') center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -17px;
    right: -17px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 100005
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('/images/fancybox/blank.gif');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 100004
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 100005;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 100003;
    background: rgba(0, 0, 0, .7)
}

.fancybox-overlay * {
    z-index: 100006
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 100005
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 100006;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, .8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #fff;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

.fancybox-wrap {
    height: 450px !important;
    position: absolute;
    top: 20px !important;
    z-index: 100006 !important;
    -webkit-transform: translateZ(0)
}

.fancybox-inner .half {
    width: 100% !important
}

.fancybox-inner p,
.fancybox-inner h3,
.fancybox-inner .h3 {
    padding: 0 10px
}

.padding-30 {
    padding: 0 20px
}

.fancybox-inner p.label {
    padding: 0
}

.fancybox-inner label {
    font-size: 1.4em;
    font-style: normal;
    font-weight: 400;
    line-height: 2.1em;
    margin: 0;
    position: relative;
    width: 100%;
    text-align: left;
    padding-top: 6px;
    float: left
}

.fancybox-inner .req {
    color: #ffc13a;
    display: inline !important;
    padding: 0 !important
}

.fancybox-inner select {
    width: 100%;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 3px
}

.fancybox-inner input {
    max-width: 100%;
    padding: 4px 1.5%;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    font-size: 1em;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    width: 100%
}

.fancybox-inner input.smallerInput {
    max-width: 50%;
    margin-left: 15%
}

.fancybox-inner textarea {
    width: 100%;
    resize: none;
    border: 1px solid #ccc;
    border-radius: 3px
}

.fancybox-inner p.label {
    margin: 10px 0 0 0 !important;
    width: 100% !important;
    text-align: left;
    float: left
}

.fancybox-inner p span.float-left {
    width: 100%;
    margin-top: 10px
}

.fancybox-inner p select {
    float: left;
    width: 16%;
    height: 27px;
    border-radius: 3px;
    border: 1px solid #ccc
}

.fancybox-inner p input {
    width: 80%
}

.fancybox-inner .tel_prefix {
    width: 100%
}

.fancybox-inner .tel_input {
    width: 100%
}

.fancybox-inner .half {
    width: 47%
}

.fancybox-inner h3,
.fancybox-inner .h3 {
    text-align: center;
    text-transform: capitalize;
    font-size: 2em
}

.fancybox-inner .h4,
.fancybox-inner h4 {
    text-align: center;
    color: #000
}

.fancybox-inner .underline {
    text-decoration: underline
}

.fancybox-inner p {
    text-align: center;
    font-size: 14px
}

.fancybox-inner b {
    background: #ffc766 url(/images/logos/77DiamondsLogo.svg) no-repeat scroll center center/auto;
    background-size: 27.5%;
    clear: both;
    display: block;
    height: 80px;
    margin: 0 auto 20px;
    position: relative
}

.fancybox-inner .btn {
    background-color: #ffc13a;
    border: 1px solid #ffc13a;
    clear: both;
    color: #000;
    font-size: 1.6em;
    margin: 20px auto 10px auto;
    padding: 10px 13px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: auto !important
}

.fancybox-inner .bookAppointment {
    font-size: 18px;
    margin-right: 15px;
    text-decoration: underline;
    font-weight: 400
}

.fancybox-inner .coln {
    padding: 0 10px
}

.fancybox-inner #immediate,
#specific {
    width: auto
}

.fancybox-inner .paymenttype {
    width: 100%;
    float: left
}

.fancybox-inner .type2 .half:nth-child(2) {
    float: right
}

@media(max-width:1030px) {
    .fancybox-wrap {
        left: 5% !important;
        width: 90% !important;
        height: 450px !important;
        position: absolute;
        top: 20px !important;
        z-index: 100006
    }
}

@media(max-width:480px) {
    .fancybox-need-help {
        padding-bottom: 60px !important
    }
}

@media(min-width:769px) {
    .fancybox-inner .btn:hover {
        background: #333;
        color: #fff;
        border: 1px solid #333
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {

    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url('/images/fancybox/fancybox_sprite@2x.png');
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url('/images/fancybox/fancybox_loading@2x.gif');
        background-size: 24px 24px
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .fancybox-inner b {
        background-size: 50%
    }
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none !important
}

.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    transform-style: preserve-3d
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide__progress__bar {
    width: 0
}

.splide {
    outline: none;
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    outline: none;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__slider {
    position: relative
}

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide--draggable>.splide__slider>.splide__track,
.splide--draggable>.splide__track {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide--fade>.splide__slider>.splide__track>.splide__list,
.splide--fade>.splide__track>.splide__list {
    display: block
}

.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,
.splide--fade>.splide__track>.splide__list>.splide__slide {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,
.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
    opacity: 1;
    position: relative;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,
.splide--ttb.is-active>.splide__track>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover {
    opacity: .9
}

.splide__arrow:focus {
    outline: none
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    transition: transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    transform: scale(1.4)
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus {
    outline: none
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide,
.splide--nav>.splide__track>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide--nav>.splide__slider>.splide__track>.splide__list>.splide__slide:focus,
.splide--nav>.splide__track>.splide__list>.splide__slide:focus {
    outline: none
}

.splide--rtl>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide--rtl>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--prev svg {
    transform: scaleX(1)
}

.splide--rtl>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide--rtl>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,
.splide--rtl>.splide__track>.splide__arrows .splide__arrow--next svg {
    transform: scaleX(-1)
}

.splide--ttb>.splide__arrows .splide__arrow,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide--ttb>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev {
    top: 1em
}

.splide--ttb>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--prev svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--prev svg {
    transform: rotate(-90deg)
}

.splide--ttb>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide--ttb>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__slider>.splide__track>.splide__arrows .splide__arrow--next svg,
.splide--ttb>.splide__track>.splide__arrows .splide__arrow--next svg {
    transform: rotate(90deg)
}

.splide--ttb>.splide__pagination,
.splide--ttb>.splide__slider>.splide__pagination {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.coln,
.coln::after,
.coln::before,
.line,
.line::after,
.line::before,
.containerWrapper,
.containerWrapper::after,
.containerWrapper::before {
    box-sizing: border-box
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1920px
}

.container-large {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1440px
}

.container-fluid .inner {
    padding-left: 15px;
    padding-right: 15px
}

.coln {
    position: relative;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 1px;
    background-clip: content-box
}

.coln.bigGutter {
    padding-left: 15px;
    padding-right: 15px
}

.coln.doubleGutter {
    padding-left: 30px;
    padding-right: 30px
}

.containerWrapper {
    width: 100%;
    margin: auto
}

.line {
    min-height: 1px;
    clear: both
}

.line:before {
    content: " ";
    display: table;
    clear: both
}

.line:after {
    content: " ";
    display: table;
    clear: both
}

.flex-line {
    display: flex;
    flex-wrap: wrap
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.d-1col {
    width: 8.33333%
}

.d-2col {
    width: 16.6667%
}

.d-2-5col {
    width: 20%
}

.d-3col {
    width: 25%
}

.d-4col {
    width: 33.3333%
}

.d-5col {
    width: 41.6667%
}

.d-6col {
    width: 50%
}

.d-7col {
    width: 58.3333%
}

.d-8col {
    width: 66.6667%
}

.d-9col {
    width: 75%
}

.d-10col {
    width: 83.3333%
}

.d-11col {
    width: 91.6667%
}

.d-12col {
    width: 100%
}

.t-1col {
    width: 8.33333%
}

.t-2col {
    width: 16.6667%
}

.t-2-5col {
    width: 20%
}

.t-3col {
    width: 25%
}

.t-4col {
    width: 33.3333%
}

.t-5col {
    width: 41.6667%
}

.t-6col {
    width: 50%
}

.t-7col {
    width: 58.3333%
}

.t-8col {
    width: 66.6667%
}

.t-9col {
    width: 75%
}

.t-10col {
    width: 83.3333%
}

.t-11col {
    width: 91.6667%
}

.t-12col {
    width: 100%
}

.p-1col {
    width: 8.33333%
}

.p-2col {
    width: 16.6667%
}

.p-2-5col {
    width: 20%
}

.p-3col {
    width: 25%
}

.p-4col {
    width: 33.3333%
}

.p-5col {
    width: 41.6667%
}

.p-6col {
    width: 50%
}

.p-7col {
    width: 58.3333%
}

.p-8col {
    width: 66.6667%
}

.p-9col {
    width: 75%
}

.p-10col {
    width: 83.3333%
}

.p-11col {
    width: 91.6667%
}

.p-12col {
    width: 100%
}

.box-table {
    display: table;
    height: 100%;
    width: 100%
}

.box-table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.hidden {
    display: none !important
}

.shown {
    display: initial !important
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.text-justified {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center
}

.text-style-italic {
    font-style: italic !important
}

.text-style-normal {
    font-style: normal !important
}

.text-weight-bold {
    font-weight: bold !important
}

.text-weight-normal {
    font-weight: normal !important
}

.text-underline {
    text-decoration: underline !important
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.noPadding-left {
    padding-left: 0 !important
}

.noPadding-right {
    padding-right: 0 !important
}

.noPadding {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.noMargin {
    margin: 0 !important
}

.topLeftCorner {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 4%;
    transform: none
}

.topRightCorner {
    top: 10%;
    right: 4%;
    bottom: auto;
    left: auto;
    transform: none
}

.bottomLeftCorner {
    top: auto;
    right: auto;
    bottom: 10%;
    left: 4%;
    transform: none
}

.bottomRightCorner {
    top: auto;
    right: 4%;
    bottom: 10%;
    left: auto;
    transform: none
}

.centeredContent {
    top: 45%;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(-50%);
    margin: auto
}

.centerLeft {
    top: 50%;
    transform: translateY(-50%)
}

.width-50 {
    width: 50%;
    height: 100%
}

.width-100 {
    width: 100%;
    height: 50%
}

.table-be {
    display: table
}

.table-be .table-cell {
    display: table-cell;
    float: none;
    vertical-align: middle
}

.nowrap {
    white-space: nowrap !important
}

.transparent {
    opacity: 0
}

@media(max-width:480px) {
    .desktopText {
        display: none
    }

    .tabletText {
        display: none
    }

    .phoneText {
        display: block
    }

    .phoneText.desktopText {
        display: block
    }

    .phoneText.tabletText {
        display: block
    }

    .phoneText.tabletText.desktopText {
        display: block
    }

    .p-offset-1col {
        margin-left: 8.33333%
    }

    .p-offset-2col {
        margin-left: 16.6667%
    }

    .p-offset-2-5col {
        margin-left: 20%
    }

    .p-offset-3col {
        margin-left: 25%
    }

    .p-offset-4col {
        margin-left: 33.3333%
    }

    .p-offset-5col {
        margin-left: 41.6667%
    }

    .p-offset-6col {
        margin-left: 50%
    }

    .p-offset-7col {
        margin-left: 58.3333%
    }

    .p-offset-8col {
        margin-left: 66.6667%
    }

    .p-offset-9col {
        margin-left: 75%
    }

    .p-offset-10col {
        margin-left: 83.3333%
    }

    .p-offset-11col {
        margin-left: 91.6667%
    }

    .p-offset-12col {
        margin-left: 100%
    }

    .p-no-offset {
        margin-left: 0
    }

    .p-hidden {
        display: none !important
    }

    .p-shown {
        display: initial !important
    }

    .p-float-left {
        float: left !important
    }

    .p-float-right {
        float: right !important
    }

    .p-float-none {
        float: none !important
    }

    .p-text-left {
        text-align: left !important
    }

    .p-text-right {
        text-align: right !important
    }

    .p-text-center {
        text-align: center !important
    }

    .p-text-style-italic {
        font-style: italic !important
    }

    .p-text-style-normal {
        font-style: normal !important
    }

    .p-text-weight-bold {
        font-weight: bold !important
    }

    .p-text-weight-normal {
        font-weight: normal !important
    }

    .p-text-uppercase {
        text-transform: uppercase
    }

    .p-text-lowercase {
        text-transform: lowercase
    }

    .p-text-capitalize {
        text-transform: capitalize
    }

    .p-noPadding-left {
        padding-left: 0 !important
    }

    .p-noPadding-right {
        padding-right: 0 !important
    }

    .p-noPadding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-topLeftCorner {
        top: 4%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .p-topRightCorner {
        top: 4%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .p-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 4%;
        left: 4%;
        transform: none
    }

    .p-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 4%;
        left: auto;
        transform: none
    }

    .p-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .p-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .p-width-50 {
        width: 50%;
        height: 100%
    }

    .p-width-100 {
        width: 100%;
        height: 50%
    }

    .p-table-be {
        display: table
    }

    .p-table-be .p-table-cell {
        display: table-cell;
        float: none;
        vertical-align: middle
    }
}

@media(min-width:481px) {
    .np-hidden {
        display: none
    }
}

@media(min-width:481px) and (max-width:1023px) {
    .desktopText {
        display: none
    }

    .phoneText {
        display: none
    }

    .tabletText {
        display: block
    }

    .tabletText.phoneText {
        display: block
    }

    .tabletText.desktopText {
        display: block
    }

    .phoneText.tabletText.desktopText {
        display: block
    }

    .containerWrapper {
        max-width: 720px
    }

    .d-1col {
        width: 8.33333%
    }

    .d-2col {
        width: 16.6667%
    }

    .d-2-5col {
        width: 20%
    }

    .d-3col {
        width: 25%
    }

    .d-4col {
        width: 33.3333%
    }

    .d-5col {
        width: 41.6667%
    }

    .d-6col {
        width: 50%
    }

    .d-7col {
        width: 58.3333%
    }

    .d-8col {
        width: 66.6667%
    }

    .d-9col {
        width: 75%
    }

    .d-10col {
        width: 83.3333%
    }

    .d-11col {
        width: 91.6667%
    }

    .d-12col {
        width: 100%
    }

    .p-1col {
        width: 8.33333%
    }

    .p-2col {
        width: 16.6667%
    }

    .p-2-5col {
        width: 20%
    }

    .p-3col {
        width: 25%
    }

    .p-4col {
        width: 33.3333%
    }

    .p-5col {
        width: 41.6667%
    }

    .p-6col {
        width: 50%
    }

    .p-7col {
        width: 58.3333%
    }

    .p-8col {
        width: 66.6667%
    }

    .p-9col {
        width: 75%
    }

    .p-10col {
        width: 83.3333%
    }

    .p-11col {
        width: 91.6667%
    }

    .p-12col {
        width: 100%
    }

    .t-1col {
        width: 8.33333%
    }

    .t-2col {
        width: 16.6667%
    }

    .t-2-5col {
        width: 20%
    }

    .t-3col {
        width: 25%
    }

    .t-4col {
        width: 33.3333%
    }

    .t-5col {
        width: 41.6667%
    }

    .t-6col {
        width: 50%
    }

    .t-7col {
        width: 58.3333%
    }

    .t-8col {
        width: 66.6667%
    }

    .t-9col {
        width: 75%
    }

    .t-10col {
        width: 83.3333%
    }

    .t-11col {
        width: 91.6667%
    }

    .t-12col {
        width: 100%
    }

    .p-offset-1col {
        margin-left: 8.33333%
    }

    .p-offset-1-5col {
        margin-left: 12.5%
    }

    .p-offset-2col {
        margin-left: 16.6667%
    }

    .p-offset-2-5col {
        margin-left: 20%
    }

    .p-offset-3col {
        margin-left: 25%
    }

    .p-offset-4col {
        margin-left: 33.3333%
    }

    .p-offset-5col {
        margin-left: 41.6667%
    }

    .p-offset-6col {
        margin-left: 50%
    }

    .p-offset-7col {
        margin-left: 58.3333%
    }

    .p-offset-8col {
        margin-left: 66.6667%
    }

    .p-offset-9col {
        margin-left: 75%
    }

    .p-offset-10col {
        margin-left: 83.3333%
    }

    .p-offset-11col {
        margin-left: 91.6667%
    }

    .p-offset-12col {
        margin-left: 100%
    }

    .p-no-offset {
        margin-left: 0
    }

    .t-hidden {
        display: none !important
    }

    .t-shown {
        display: initial !important
    }

    .t-float-left {
        float: left !important
    }

    .t-float-right {
        float: right !important
    }

    .t-float-none {
        float: none !important
    }

    .t-text-left {
        text-align: left !important
    }

    .t-text-right {
        text-align: right !important
    }

    .t-text-center {
        text-align: center !important
    }

    .t-text-style-italic {
        font-style: italic !important
    }

    .t-text-style-normal {
        font-style: normal !important
    }

    .t-text-weight-bold {
        font-weight: bold !important
    }

    .t-text-weight-normal {
        font-weight: normal !important
    }

    .t-text-uppercase {
        text-transform: uppercase
    }

    .t-text-lowercase {
        text-transform: lowercase
    }

    .t-text-capitalize {
        text-transform: capitalize
    }

    .t-noPadding-left {
        padding-left: 0 !important
    }

    .t-noPadding-right {
        padding-right: 0 !important
    }

    .t-noPadding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .t-topLeftCorner {
        top: 10%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .t-topRightCorner {
        top: 10%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .t-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 10%;
        left: 4%;
        transform: none
    }

    .t-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 10%;
        left: auto;
        transform: none
    }

    .t-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .t-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .t-width-50 {
        width: 50%;
        height: 100%
    }

    .t-width-100 {
        width: 100%;
        height: 50%
    }

    .t-table-be {
        display: table
    }

    .t-table-be .t-table-cell {
        display: table-cell;
        float: none;
        vertical-align: middle
    }
}

@media(min-width:481px) and (max-width:768px) {
    .desktopText {
        display: none
    }

    .phoneText {
        display: none
    }

    .tabletText {
        display: block
    }

    .tabletText.phoneText {
        display: block
    }

    .tabletText.desktopText {
        display: block
    }

    .phoneText.tabletText.desktopText {
        display: block
    }

    .containerWrapper {
        max-width: 720px
    }

    .d-1col {
        width: 8.33333%
    }

    .d-2col {
        width: 16.6667%
    }

    .d-2-5col {
        width: 20%
    }

    .d-3col {
        width: 25%
    }

    .d-4col {
        width: 33.3333%
    }

    .d-5col {
        width: 41.6667%
    }

    .d-6col {
        width: 50%
    }

    .d-7col {
        width: 58.3333%
    }

    .d-8col {
        width: 66.6667%
    }

    .d-9col {
        width: 75%
    }

    .d-10col {
        width: 83.3333%
    }

    .d-11col {
        width: 91.6667%
    }

    .d-12col {
        width: 100%
    }

    .tl-1col {
        width: 8.33333%
    }

    .tl-2col {
        width: 16.6667%
    }

    .tl-2-5col {
        width: 20%
    }

    .tl-3col {
        width: 25%
    }

    .tl-4col {
        width: 33.3333%
    }

    .tl-5col {
        width: 41.6667%
    }

    .tl-6col {
        width: 50%
    }

    .tl-7col {
        width: 58.3333%
    }

    .tl-8col {
        width: 66.6667%
    }

    .tl-9col {
        width: 75%
    }

    .tl-10col {
        width: 83.3333%
    }

    .tl-11col {
        width: 91.6667%
    }

    .tl-12col {
        width: 100%
    }

    .p-1col {
        width: 8.33333%
    }

    .p-2col {
        width: 16.6667%
    }

    .p-2-5col {
        width: 20%
    }

    .p-3col {
        width: 25%
    }

    .p-4col {
        width: 33.3333%
    }

    .p-5col {
        width: 41.6667%
    }

    .p-6col {
        width: 50%
    }

    .p-7col {
        width: 58.3333%
    }

    .p-8col {
        width: 66.6667%
    }

    .p-9col {
        width: 75%
    }

    .p-10col {
        width: 83.3333%
    }

    .p-11col {
        width: 91.6667%
    }

    .p-12col {
        width: 100%
    }

    .t-1col {
        width: 8.33333%
    }

    .t-2col {
        width: 16.6667%
    }

    .t-2-5col {
        width: 20%
    }

    .t-3col {
        width: 25%
    }

    .t-4col {
        width: 33.3333%
    }

    .t-5col {
        width: 41.6667%
    }

    .t-6col {
        width: 50%
    }

    .t-7col {
        width: 58.3333%
    }

    .t-8col {
        width: 66.6667%
    }

    .t-9col {
        width: 75%
    }

    .t-10col {
        width: 83.3333%
    }

    .t-11col {
        width: 91.6667%
    }

    .t-12col {
        width: 100%
    }

    .tp-1col {
        width: 8.33333%
    }

    .tp-2col {
        width: 16.6667%
    }

    .tp-2-5col {
        width: 20%
    }

    .tp-3col {
        width: 25%
    }

    .tp-4col {
        width: 33.3333%
    }

    .tp-5col {
        width: 41.6667%
    }

    .tp-6col {
        width: 50%
    }

    .tp-7col {
        width: 58.3333%
    }

    .tp-8col {
        width: 66.6667%
    }

    .tp-9col {
        width: 75%
    }

    .tp-10col {
        width: 83.3333%
    }

    .tp-11col {
        width: 91.6667%
    }

    .tp-12col {
        width: 100%
    }

    .t-offset-1col {
        margin-left: 8.33333%
    }

    .t-offset-1-5col {
        margin-left: 12.5%
    }

    .t-offset-2col {
        margin-left: 16.6667%
    }

    .t-offset-2-5col {
        margin-left: 20%
    }

    .t-offset-3col {
        margin-left: 25%
    }

    .t-offset-4col {
        margin-left: 33.3333%
    }

    .t-offset-5col {
        margin-left: 41.6667%
    }

    .t-offset-6col {
        margin-left: 50%
    }

    .t-offset-7col {
        margin-left: 58.3333%
    }

    .t-offset-8col {
        margin-left: 66.6667%
    }

    .t-offset-9col {
        margin-left: 75%
    }

    .t-offset-10col {
        margin-left: 83.3333%
    }

    .t-offset-11col {
        margin-left: 91.6667%
    }

    .t-offset-12col {
        margin-left: 100%
    }

    .t-no-offset {
        margin-left: 0
    }

    .tp-offset-0col {
        margin-left: 0
    }

    .tp-offset-1col {
        margin-left: 8.33333%
    }

    .tp-offset-1-5col {
        margin-left: 12.5%
    }

    .tp-offset-2col {
        margin-left: 16.6667%
    }

    .tp-offset-2-5col {
        margin-left: 20%
    }

    .tp-offset-3col {
        margin-left: 25%
    }

    .tp-offset-4col {
        margin-left: 33.3333%
    }

    .tp-offset-5col {
        margin-left: 41.6667%
    }

    .tp-offset-6col {
        margin-left: 50%
    }

    .tp-offset-7col {
        margin-left: 58.3333%
    }

    .tp-offset-8col {
        margin-left: 66.6667%
    }

    .tp-offset-9col {
        margin-left: 75%
    }

    .tp-offset-10col {
        margin-left: 83.3333%
    }

    .tp-offset-11col {
        margin-left: 91.6667%
    }

    .tp-offset-12col {
        margin-left: 100%
    }

    .tp-no-offset {
        margin-left: 0
    }

    .tp-hidden {
        display: none !important
    }

    .tp-shown {
        display: initial !important
    }

    .tp-float-left {
        float: left !important
    }

    .tp-float-right {
        float: right !important
    }

    .tp-float-none {
        float: none !important
    }

    .tp-text-left {
        text-align: left !important
    }

    .tp-text-right {
        text-align: right !important
    }

    .tp-text-center {
        text-align: center !important
    }

    .tp-text-style-italic {
        font-style: italic !important
    }

    .tp-text-style-normal {
        font-style: normal !important
    }

    .tp-text-weight-bold {
        font-weight: bold !important
    }

    .tp-text-weight-normal {
        font-weight: normal !important
    }

    .tp-text-uppercase {
        text-transform: uppercase
    }

    .tp-text-lowercase {
        text-transform: lowercase
    }

    .tp-text-capitalize {
        text-transform: capitalize
    }

    .tp-noPadding-left {
        padding-left: 0 !important
    }

    .tp-noPadding-right {
        padding-right: 0 !important
    }

    .tp-noPadding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-topLeftCorner {
        top: 10%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .p-topRightCorner {
        top: 10%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .p-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 10%;
        left: 4%;
        transform: none
    }

    .p-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 10%;
        left: auto;
        transform: none
    }

    .p-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .p-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .p-width-50 {
        width: 50%;
        height: 100%
    }

    .p-width-100 {
        width: 100%;
        height: 50%
    }

    .tp-topLeftCorner {
        top: 10%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .tp-topRightCorner {
        top: 10%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .tp-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 10%;
        left: 4%;
        transform: none
    }

    .tp-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 10%;
        left: auto;
        transform: none
    }

    .tp-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .tp-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .tp-width-50 {
        width: 50%;
        height: 100%
    }

    .tp-width-100 {
        width: 100%;
        height: 50%
    }

    .tp-table-be {
        display: table
    }

    .tp-table-be .tp-table-cell {
        display: table-cell;
        float: none;
        vertical-align: middle
    }
}

@media(min-width:769px) and (max-width:1023px) {
    .desktopText {
        display: none
    }

    .phoneText {
        display: none
    }

    .tabletText {
        display: block
    }

    .tabletText.phoneText {
        display: block
    }

    .tabletText.desktopText {
        display: block
    }

    .phoneText.tabletText.desktopText {
        display: block
    }

    .containerWrapper {
        max-width: 720px
    }

    .d-1col {
        width: 8.33333%
    }

    .d-2col {
        width: 16.6667%
    }

    .d-2-5col {
        width: 20%
    }

    .d-3col {
        width: 25%
    }

    .d-4col {
        width: 33.3333%
    }

    .d-5col {
        width: 41.6667%
    }

    .d-6col {
        width: 50%
    }

    .d-7col {
        width: 58.3333%
    }

    .d-8col {
        width: 66.6667%
    }

    .d-9col {
        width: 75%
    }

    .d-10col {
        width: 83.3333%
    }

    .d-11col {
        width: 91.6667%
    }

    .d-12col {
        width: 100%
    }

    .p-1col {
        width: 8.33333%
    }

    .p-2col {
        width: 16.6667%
    }

    .p-2-5col {
        width: 20%
    }

    .p-3col {
        width: 25%
    }

    .p-4col {
        width: 33.3333%
    }

    .p-5col {
        width: 41.6667%
    }

    .p-6col {
        width: 50%
    }

    .p-7col {
        width: 58.3333%
    }

    .p-8col {
        width: 66.6667%
    }

    .p-9col {
        width: 75%
    }

    .p-10col {
        width: 83.3333%
    }

    .p-11col {
        width: 91.6667%
    }

    .p-12col {
        width: 100%
    }

    .t-1col {
        width: 8.33333%
    }

    .t-2col {
        width: 16.6667%
    }

    .t-2-5col {
        width: 20%
    }

    .t-3col {
        width: 25%
    }

    .t-4col {
        width: 33.3333%
    }

    .t-5col {
        width: 41.6667%
    }

    .t-6col {
        width: 50%
    }

    .t-7col {
        width: 58.3333%
    }

    .t-8col {
        width: 66.6667%
    }

    .t-9col {
        width: 75%
    }

    .t-10col {
        width: 83.3333%
    }

    .t-11col {
        width: 91.6667%
    }

    .t-12col {
        width: 100%
    }

    .tp-1col {
        width: 8.33333%
    }

    .tp-2col {
        width: 16.6667%
    }

    .tp-2-5col {
        width: 20%
    }

    .tp-3col {
        width: 25%
    }

    .tp-4col {
        width: 33.3333%
    }

    .tp-5col {
        width: 41.6667%
    }

    .tp-6col {
        width: 50%
    }

    .tp-7col {
        width: 58.3333%
    }

    .tp-8col {
        width: 66.6667%
    }

    .tp-9col {
        width: 75%
    }

    .tp-10col {
        width: 83.3333%
    }

    .tp-11col {
        width: 91.6667%
    }

    .tp-12col {
        width: 100%
    }

    .tl-1col {
        width: 8.33333%
    }

    .tl-2col {
        width: 16.6667%
    }

    .tl-2-5col {
        width: 20%
    }

    .tl-3col {
        width: 25%
    }

    .tl-4col {
        width: 33.3333%
    }

    .tl-5col {
        width: 41.6667%
    }

    .tl-6col {
        width: 50%
    }

    .tl-7col {
        width: 58.3333%
    }

    .tl-8col {
        width: 66.6667%
    }

    .tl-9col {
        width: 75%
    }

    .tl-10col {
        width: 83.3333%
    }

    .tl-11col {
        width: 91.6667%
    }

    .tl-12col {
        width: 100%
    }

    .t-offset-1col {
        margin-left: 8.33333%
    }

    .t-offset-1-5col {
        margin-left: 12.5%
    }

    .t-offset-2col {
        margin-left: 16.6667%
    }

    .t-offset-2-5col {
        margin-left: 20%
    }

    .t-offset-3col {
        margin-left: 25%
    }

    .t-offset-4col {
        margin-left: 33.3333%
    }

    .t-offset-5col {
        margin-left: 41.6667%
    }

    .t-offset-6col {
        margin-left: 50%
    }

    .t-offset-7col {
        margin-left: 58.3333%
    }

    .t-offset-8col {
        margin-left: 66.6667%
    }

    .t-offset-9col {
        margin-left: 75%
    }

    .t-offset-10col {
        margin-left: 83.3333%
    }

    .t-offset-11col {
        margin-left: 91.6667%
    }

    .t-offset-12col {
        margin-left: 100%
    }

    .t-no-offset {
        margin-left: 0
    }

    .tl-offset-0col {
        margin-left: 0%
    }

    .tl-offset-1col {
        margin-left: 8.33333%
    }

    .tl-offset-1-5col {
        margin-left: 12.5%
    }

    .tl-offset-2col {
        margin-left: 16.6667%
    }

    .tl-offset-2-5col {
        margin-left: 20%
    }

    .tl-offset-3col {
        margin-left: 25%
    }

    .tl-offset-4col {
        margin-left: 33.3333%
    }

    .tl-offset-5col {
        margin-left: 41.6667%
    }

    .tl-offset-6col {
        margin-left: 50%
    }

    .tl-offset-7col {
        margin-left: 58.3333%
    }

    .tl-offset-8col {
        margin-left: 66.6667%
    }

    .tl-offset-9col {
        margin-left: 75%
    }

    .tl-offset-10col {
        margin-left: 83.3333%
    }

    .tl-offset-11col {
        margin-left: 91.6667%
    }

    .tl-offset-12col {
        margin-left: 100%
    }

    .tl-no-offset {
        margin-left: 0
    }

    .tl-hidden {
        display: none !important
    }

    .tl-shown {
        display: initial !important
    }

    .tl-float-left {
        float: left !important
    }

    .tl-float-right {
        float: right !important
    }

    .tl-float-none {
        float: none !important
    }

    .tl-text-left {
        text-align: left !important
    }

    .tl-text-right {
        text-align: right !important
    }

    .tl-text-center {
        text-align: center !important
    }

    .tl-text-style-italic {
        font-style: italic !important
    }

    .tl-text-style-normal {
        font-style: normal !important
    }

    .tl-text-weight-bold {
        font-weight: bold !important
    }

    .tl-text-weight-normal {
        font-weight: normal !important
    }

    .tl-text-uppercase {
        text-transform: uppercase
    }

    .tl-text-lowercase {
        text-transform: lowercase
    }

    .tl-text-capitalize {
        text-transform: capitalize
    }

    .tl-noPadding-left {
        padding-left: 0 !important
    }

    .tl-noPadding-right {
        padding-right: 0 !important
    }

    .tl-noPadding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-topLeftCorner {
        top: 10%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .p-topRightCorner {
        top: 10%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .p-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 10%;
        left: 4%;
        transform: none
    }

    .p-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 10%;
        left: auto;
        transform: none
    }

    .p-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .p-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .p-width-50 {
        width: 50%;
        height: 100%
    }

    .p-width-100 {
        width: 100%;
        height: 50%
    }

    .tp-topLeftCorner {
        top: 10%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .tp-topRightCorner {
        top: 10%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .tp-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 10%;
        left: 4%;
        transform: none
    }

    .tp-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 10%;
        left: auto;
        transform: none
    }

    .tp-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .tp-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .tp-width-50 {
        width: 50%;
        height: 100%
    }

    .tp-width-100 {
        width: 100%;
        height: 50%
    }

    .tl-topLeftCorner {
        top: 10%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .tl-topRightCorner {
        top: 10%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .tl-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 10%;
        left: 4%;
        transform: none
    }

    .tl-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 10%;
        left: auto;
        transform: none
    }

    .tl-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .tl-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .tl-width-50 {
        width: 50%;
        height: 100%
    }

    .tl-width-100 {
        width: 100%;
        height: 50%
    }

    .tl-table-be {
        display: table
    }

    .tl-table-be tl-table-cell {
        display: table-cell;
        float: none;
        vertical-align: middle
    }
}

@media(min-width:1024px) {
    .desktopText {
        display: block
    }

    .tabletText {
        display: none
    }

    .phoneText {
        display: none
    }

    .desktopText.tabletText {
        display: block
    }

    .desktopText.phoneText {
        display: block
    }

    .phoneText.tabletText.desktopText {
        display: block
    }

    .containerWrapper {
        max-width: 1180px
    }

    .p-1col {
        width: 8.33333%
    }

    .p-2col {
        width: 16.6667%
    }

    .p-2-5col {
        width: 20%
    }

    .p-3col {
        width: 25%
    }

    .p-4col {
        width: 33.3333%
    }

    .p-5col {
        width: 41.6667%
    }

    .p-6col {
        width: 50%
    }

    .p-7col {
        width: 58.3333%
    }

    .p-8col {
        width: 66.6667%
    }

    .p-9col {
        width: 75%
    }

    .p-10col {
        width: 83.3333%
    }

    .p-11col {
        width: 91.6667%
    }

    .p-12col {
        width: 100%
    }

    .t-1col {
        width: 8.33333%
    }

    .t-2col {
        width: 16.6667%
    }

    .t-2-5col {
        width: 20%
    }

    .t-3col {
        width: 25%
    }

    .t-4col {
        width: 33.3333%
    }

    .t-5col {
        width: 41.6667%
    }

    .t-6col {
        width: 50%
    }

    .t-7col {
        width: 58.3333%
    }

    .t-8col {
        width: 66.6667%
    }

    .t-9col {
        width: 75%
    }

    .t-10col {
        width: 83.3333%
    }

    .t-11col {
        width: 91.6667%
    }

    .t-12col {
        width: 100%
    }

    .tp-1col {
        width: 8.33333%
    }

    .tp-2col {
        width: 16.6667%
    }

    .tp-2-5col {
        width: 20%
    }

    .tp-3col {
        width: 25%
    }

    .tp-4col {
        width: 33.3333%
    }

    .tp-5col {
        width: 41.6667%
    }

    .tp-6col {
        width: 50%
    }

    .tp-7col {
        width: 58.3333%
    }

    .tp-8col {
        width: 66.6667%
    }

    .tp-9col {
        width: 75%
    }

    .tp-10col {
        width: 83.3333%
    }

    .tp-11col {
        width: 91.6667%
    }

    .tp-12col {
        width: 100%
    }

    .tl-1col {
        width: 8.33333%
    }

    .tl-2col {
        width: 16.6667%
    }

    .tl-2-5col {
        width: 20%
    }

    .tl-3col {
        width: 25%
    }

    .tl-4col {
        width: 33.3333%
    }

    .tl-5col {
        width: 41.6667%
    }

    .tl-6col {
        width: 50%
    }

    .tl-7col {
        width: 58.3333%
    }

    .tl-8col {
        width: 66.6667%
    }

    .tl-9col {
        width: 75%
    }

    .tl-10col {
        width: 83.3333%
    }

    .tl-11col {
        width: 91.6667%
    }

    .tl-12col {
        width: 100%
    }

    .d-1col {
        width: 8.33333%
    }

    .d-2col {
        width: 16.6667%
    }

    .d-2-5col {
        width: 20%
    }

    .d-3col {
        width: 25%
    }

    .d-4col {
        width: 33.3333%
    }

    .d-5col {
        width: 41.6667%
    }

    .d-6col {
        width: 50%
    }

    .d-7col {
        width: 58.3333%
    }

    .d-8col {
        width: 66.6667%
    }

    .d-9col {
        width: 75%
    }

    .d-10col {
        width: 83.3333%
    }

    .d-11col {
        width: 91.6667%
    }

    .d-12col {
        width: 100%
    }

    .d-offset-5percent {
        margin-left: 5%
    }

    .d-offset-1col {
        margin-left: 8.33333%
    }

    .d-offset-1-5col {
        margin-left: 12.5%
    }

    .d-offset-2col {
        margin-left: 16.6667%
    }

    .d-offset-2-5col {
        margin-left: 20%
    }

    .d-offset-3col {
        margin-left: 25%
    }

    .d-offset-4col {
        margin-left: 33.3333%
    }

    .d-offset-5col {
        margin-left: 41.6667%
    }

    .d-offset-6col {
        margin-left: 50%
    }

    .d-offset-7col {
        margin-left: 58.3333%
    }

    .d-offset-8col {
        margin-left: 66.6667%
    }

    .d-offset-9col {
        margin-left: 75%
    }

    .d-offset-10col {
        margin-left: 83.3333%
    }

    .d-offset-11col {
        margin-left: 91.6667%
    }

    .d-offset-12col {
        margin-left: 100%
    }

    .d-no-offset {
        margin-left: 0
    }

    .d-hidden {
        display: none !important
    }

    .d-shown {
        display: initial !important
    }

    .d-float-left {
        float: left !important
    }

    .d-float-right {
        float: right !important
    }

    .d-float-none {
        float: none !important
    }

    .d-text-left {
        text-align: left !important
    }

    .d-text-right {
        text-align: right !important
    }

    .d-text-center {
        text-align: center !important
    }

    .d-text-style-italic {
        font-style: italic !important
    }

    .d-text-style-normal {
        font-style: normal !important
    }

    .d-text-weight-bold {
        font-weight: bold !important
    }

    .d-text-weight-normal {
        font-weight: normal !important
    }

    .d-text-uppercase {
        text-transform: uppercase
    }

    .d-text-lowercase {
        text-transform: lowercase
    }

    .d-text-capitalize {
        text-transform: capitalize
    }

    .d-noPadding-left {
        padding-left: 0 !important
    }

    .d-noPadding-right {
        padding-right: 0 !important
    }

    .d-noPadding {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .p-topLeftCorner {
        top: 10%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .p-topRightCorner {
        top: 10%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .p-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 10%;
        left: 4%;
        transform: none
    }

    .p-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 10%;
        left: auto;
        transform: none
    }

    .p-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .p-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .p-width-50 {
        width: 50%;
        height: 100%
    }

    .p-width-100 {
        width: 100%;
        height: 50%
    }

    .tp-topLeftCorner {
        top: 10%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .tp-topRightCorner {
        top: 10%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .tp-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 10%;
        left: 4%;
        transform: none
    }

    .tp-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 10%;
        left: auto;
        transform: none
    }

    .tp-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .pt-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .tp-width-50 {
        width: 50%;
        height: 100%
    }

    .tp-width-100 {
        width: 100%;
        height: 50%
    }

    .tl-topLeftCorner {
        top: 10%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .tl-topRightCorner {
        top: 10%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .tl-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 10%;
        left: 4%;
        transform: none
    }

    .tl-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 10%;
        left: auto;
        transform: none
    }

    .tl-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .tl-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .tl-width-50 {
        width: 50%;
        height: 100%
    }

    .tl-width-100 {
        width: 100%;
        height: 50%
    }

    .d-topLeftCorner {
        top: 10%;
        right: auto;
        bottom: auto;
        left: 4%;
        transform: none
    }

    .d-topRightCorner {
        top: 10%;
        right: 4%;
        bottom: auto;
        left: auto;
        transform: none
    }

    .d-bottomLeftCorner {
        top: auto;
        right: auto;
        bottom: 10%;
        left: 4%;
        transform: none
    }

    .d-bottomRightCorner {
        top: auto;
        right: 4%;
        bottom: 10%;
        left: auto;
        transform: none
    }

    .d-centeredContent {
        top: 45%;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(-50%);
        margin: auto
    }

    .d-centerLeft {
        top: 50%;
        transform: translateY(-50%)
    }

    .d-width-50 {
        width: 50%;
        height: 100%
    }

    .d-width-100 {
        width: 100%;
        height: 50%
    }

    .d-table-be {
        display: table
    }

    .d-table-be .d-table-cell {
        display: table-cell;
        float: none;
        vertical-align: middle
    }
}

.dropdown.dropdown-scroll {
    background: #fff;
    padding: 30px;
    width: 380px;
    max-width: 100%
}

.dropdown.dropdown-scroll .scroll-row {
    width: 100%;
    float: left;
    line-height: 1.2;
    margin-bottom: 5px
}

.dropdown.dropdown-scroll .scroll-row span {
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .58px;
    display: block;
    margin-bottom: 8px;
    margin-top: 15px
}

.dropdown.dropdown-scroll .scroll-row label {
    color: #3d3d3d;
    float: left;
    font-size: 11px;
    margin: 10px 0;
    text-transform: none;
    width: 100%;
    text-align: left
}

.dropdown.dropdown-scroll .scroll-row select {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: 100%;
    height: 45px;
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .58px;
    cursor: pointer
}

.sidebarMenu.container {
    border-bottom: 2px solid #dadada;
    margin-bottom: 20px
}

.sidebarMenu>ul {
    list-style: none;
    width: 100%;
    text-align: center;
    margin: 0 !important;
    padding: 0
}

.sidebarMenu>ul>li {
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    cursor: pointer;
    margin: 0;
    padding: 0
}

.educationPage .sidebarMenu ul li a {
    text-decoration: none
}

.sidebarMenu>ul>li>a {
    white-space: nowrap;
    display: block;
    text-transform: capitalize;
    color: #3b3c51;
    text-decoration: none;
    padding: 20px 20px 18px
}

.sidebarMenu>ul>li.active>a {
    color: #ffb002
}

@media(max-width:768px) {
    .sidebarMenu.container {
        border-bottom: 0 none
    }

    .sidebarMenu>ul {
        max-height: 70px;
        overflow: hidden;
        -webkit-transition: max-height .5s ease;
        transition: max-height .5s ease;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px
    }

    .sidebarMenu>ul.active {
        max-height: 500px
    }

    .sidebarMenu>ul>li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #dadada;
        color: #222;
        line-height: 50px;
        height: 50px;
        text-indent: 20px;
        opacity: 0;
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }

    .sidebarMenu ul.active li {
        opacity: 1
    }

    .sidebarMenu ul li.educationHome {
        color: #ffc13a;
        max-height: 0;
        display: block;
        border-bottom: 2px solid #feb100;
        -webkit-transition: max-height .5s ease;
        transition: max-height .5s ease
    }

    .sidebarMenu ul.active li.educationHome {
        max-height: 50px
    }

    .sidebarMenu>ul>li.active {
        display: none
    }

    .sidebarMenu>ul>li.currentPage {
        position: relative;
        text-transform: capitalize;
        border: 1px solid #ccc;
        opacity: 1
    }

    .sidebarMenu>ul>li.currentPage:after {
        content: "";
        font-family: FontAwesome;
        cursor: pointer;
        color: #222;
        font-size: 22px;
        line-height: 50px;
        position: absolute;
        right: 25px;
        top: 0
    }

    .sidebarMenu>ul>li>a {
        padding: 0
    }
}

@media(min-width:769px) {
    .educationPage .sidebarMenu ul li.educationHome {
        position: relative
    }

    .educationPage .sidebarMenu ul li.educationHome:after {
        background-color: #ccc;
        content: "";
        height: 45px;
        position: absolute;
        right: 0;
        top: 5px;
        width: 1px
    }
}

.cookieBarFooter {
    background-color: #f6f6f6;
    bottom: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    height: 40px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100
}

.cookieBarFooter:not(.active) {
    display: none
}

.cookieBarFooter .cookieBarInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    width: 100%
}

.cookieBarFooter .cookieBarInner .closeCookieBar {
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px
}

.cookieBarFooter .cookieBarInner p {
    font-size: 14px;
    line-height: 20px;
    margin: auto;
    padding: 0 26px
}

.cookieBarFooter .cookieBarInner p a {
    text-decoration: underline
}

.cookieBarFooter .cookieBarInner p a:hover {
    text-decoration: underline
}

#liveHelp.cookieNoticeActive {
    bottom: 50px
}

#liveHelp {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

body.hasAddToBagStickyBtn .cookieBarFooter,
body.hasAddToBagStickyBtn #liveHelp {
    -webkit-transform: translateY(-45px);
    transform: translateY(-45px)
}

.hasCookieNotice #___ratingbadge_0 {
    margin-bottom: 50px !important
}

html.hasStickyFooter .cookieBarFooter {
    -webkit-transform: translateY(-93px);
    transform: translateY(-93px);
    -webkit-transition: .5s;
    transition: .5s
}

@media(min-width:1030px) {
    .cookieBarFooter {
        -webkit-transition: .5s;
        transition: .5s
    }

    html.hasStickyFooter .cookieBarFooter {
        -webkit-transform: translateY(-93px);
        transform: translateY(-93px);
        -webkit-transition: .5s;
        transition: .5s
    }

    html.hasStickyFooter body#rings.hasCookieNotice #___ratingbadge_0 {
        margin-bottom: 140px !important
    }
}

@media(min-width:769px) and (max-width:1030px) {
    .cookieBarFooter .cookieBarInner p {
        font-size: 14px;
        line-height: 18px
    }
}

@media(min-width:481px) and (max-width:768px) {
    .cookieBarFooter {
        font-size: 14px;
        height: 50px;
        line-height: 18px
    }

    #liveHelp.cookieNoticeActive {
        bottom: 60px
    }

    .hasCookieNotice #___ratingbadge_0 {
        margin-bottom: 50px !important
    }
}

@media(max-width:480px) {
    .cookieBarFooter {
        font-size: 14px;
        height: 70px;
        line-height: 18px
    }

    #liveHelp.cookieNoticeActive {
        bottom: 80px
    }

    .hasCookieNotice #___ratingbadge_0 {
        margin-bottom: 70px !important
    }
}

.modal-content {
    padding: 16px
}

.modal ._form-group {
    margin-bottom: 12px
}

.modal ._form-group label {
    font-size: 13px;
    margin-bottom: 0
}

.modal .errorMessage {
    display: block;
    color: red;
    font-size: 12px
}

.modal .fakeCheckbox {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.2
}

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

.modal .fakeCheckbox input {
    opacity: 0
}

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

.modal .fakeCheckbox input:checked~.checkmark:after {
    position: absolute;
    content: "";
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal .disclaimer {
    text-align: center;
    font-size: 13px
}

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

.modal .btnLoading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    display: none
}

.modal .btnLoading .icon77-loading {
    position: absolute;
    top: 50%;
    margin: -20px
}

.modal-fixed {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.modal-fixed .modal-header {
    display: none
}

.modal-overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    background: rgba(0, 0, 0, .7);
    z-index: 1040
}

.modal-overlay .modal {
    width: 740px;
    max-width: 90%;
    max-height: 95%;
    overflow: auto;
    background: #fff;
    margin: 0 auto
}

.modal-overlay .modal-content {
    padding: 16px 32px
}

.modal-overlay .modal-header {
    background: #ffc766 url(/images/logos/77DiamondsLogo.svg) no-repeat scroll center center/auto;
    background-size: auto 50px;
    clear: both;
    display: block;
    height: 80px;
    margin: 0 auto 20px;
    position: relative
}

.stepByStepModal.modal-overlay .modal {
    width: 90%;
    max-width: 1280px
}

.stepByStepModal.modal-overlay .modal-header {
    height: 0;
    margin: 0
}

.stepByStepModal.modal-overlay .modal-header ._btn {
    position: absolute;
    right: 0;
    z-index: 1
}

.stepByStepModal .modal-content {
    padding: 0
}

.stepByStepModal video {
    width: 100%;
    display: block
}

.icon77 {
    display: inline-block;
    vertical-align: middle
}

body.noScroll {
    overflow: hidden;
    padding-right: 18px
}

.covidDisabled {
    cursor: not-allowed !important
}

.fancybox-inner small.covidNotice {
    display: block;
    margin: 20px auto;
    font-size: 14px
}

.fancybox-inner .showroom-consultation.bookAppointment.covidNotice {
    display: block;
    margin-bottom: 30px
}

.live-help--content .btn.covidDisabled {
    background-color: #e1e1e1 !important;
    color: #959595 !important
}

.live-help--content .btn.covidDisabled:hover {
    background-color: #e1e1e1 !important
}

.visitShowroom .ShowroomItems {
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden
}

.visitShowroom .ShowroomItems .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    margin: 0;
    padding: 0;
    border: 0
}

.visitShowroom .ShowroomItems .slick-arrow:first-child {
    left: 7.5px
}

.visitShowroom .ShowroomItems .slick-arrow:last-child {
    right: 7.5px
}

.visitShowroom .btn.bookApp.covidDisabled {
    margin-bottom: 6px;
    background-color: #e1e1e1 !important;
    color: #959595 !important
}

.visitShowroom .btn.bookApp.covidDisabled:hover {
    background-color: #e1e1e1 !important
}

.visitShowroom .btn.bookApp.covidDisabled+small {
    margin-bottom: 16px;
    display: block;
    font-size: 12px
}

#about .ourStoryPage article.about-info {
    margin: auto;
    color: #000;
    text-align: center;
    padding: 72px 0
}

#about .ourStoryPage article.about-info h1 {
    font-family: "Playfair Display";
    font-size: 25px;
    font-weight: bold;
    letter-spacing: .5px;
    line-height: 33px;
    margin: 0;
    margin-bottom: 24px
}

@media(min-width:1023.98px) {
    #about .ourStoryPage article.about-info h1 {
        font-size: 45px;
        letter-spacing: 1.41px;
        line-height: 60px;
        margin-bottom: 36px
    }
}

#about .ourStoryPage article.about-info h2 {
    font-family: "Playfair Display";
    font-size: 25px;
    font-weight: bold;
    letter-spacing: .5px;
    line-height: 33px;
    margin: 0;
    margin-top: 72px;
    margin-bottom: 24px
}

@media(min-width:1023.98px) {
    #about .ourStoryPage article.about-info h2 {
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 40px;
        margin-top: 96px;
        margin-bottom: 48px
    }
}

#about .ourStoryPage article.about-info h6 {
    border-bottom: none
}

#about .ourStoryPage article.about-info ul {
    margin-left: 0
}

#about .ourStoryPage article.about-info hr {
    border: none;
    border-bottom: 1px solid #000;
    width: 120px;
    margin: auto;
    margin-bottom: 24px
}

#about .ourStoryPage article.about-info p {
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px
}

@media(min-width:1023.98px) {
    #about .ourStoryPage article.about-info p {
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 26px
    }
}

#about .ourStoryPage article.about-info p.strong {
    font-family: "Nunito Sans SemiBold"
}

#about .ourStoryPage article.about-info picture {
    margin: 72px auto;
    display: block
}

#about .ourStoryPage article.about-info picture img {
    max-width: 100%
}

#about .ourStoryPage article.about-info picture figcaption {
    font-family: "Nunito Sans Light";
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 16px;
    text-align: center;
    margin: 6px
}

span.newTag {
    color: #fff;
    font-family: "Nunito Sans Bold";
    font-size: 8px;
    letter-spacing: .8px;
    line-height: 16px;
    background-color: #000;
    padding: 2px 6px;
    margin-left: 4px;
    vertical-align: middle
}

@media(min-width:768px) {
    #ConfirmationWindow {
        margin: 40px 95px
    }
}

@media(max-width:425px) {
    #ConfirmationWindow {
        margin-top: 20px
    }
}

#ConfirmationWindow a,
#ConfirmationWindow a:hover {
    color: unset
}

#ConfirmationWindow a:hover .Item .product_category {
    opacity: .4
}

#ConfirmationWindow .Item .product_category {
    font-family: "Nunito Sans";
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 22px;
    margin-top: 10px
}

#ConfirmationWindow .Item .product_area {
    font-family: 'Nunito Sans SemiBold';
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px;
    color: #adadad
}

#contactsPage .underline {
    text-decoration: underline
}

#contactsPage #appointment .online-consultation p:last-of-type,
#contactsPage #appointment .showroom-consultation p:last-of-type {
    margin-bottom: 32px
}

#contactUsContent .appointment-options .option {
    padding: 0 18px
}

@media(max-width:1440px) {
    #contactUsContent .appointment-options .option {
        padding: 0
    }
}

@media(max-width:1440px) {
    #contactUsContent .appointment-form .calendar77 tbody td {
        width: 18px;
        height: 18px;
        line-height: 23px
    }
}

.appointment-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5;
    margin: auto;
    font-size: 1.4em;
    margin-bottom: 24px
}

.appointment-options .option {
    height: auto;
    margin: 0 12px;
    padding: 0 4px;
    cursor: pointer;
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px
}

.appointment-options .option:not(.disabled) {
    opacity: 1;
    color: #000;
    cursor: pointer
}

.appointment-options .option.disabled {
    opacity: .7;
    cursor: default
}

.appointment-options .option.active {
    font-family: "Nunito Sans SemiBold", sans-serif;
    opacity: 1;
    cursor: pointer
}

select {
    appearance: none;
    background: #fff url(/images/NewImages/Icons/BlackArrowDown.png) no-repeat right 10px center/auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 35px
}

.generic_btn {
    text-align: center;
    width: auto;
    display: inline-block;
    padding-right: 28px;
    padding-left: 28px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    cursor: pointer;
    font-family: 'Nunito Sans SemiBold';
    letter-spacing: 1px;
    -webkit-transition: .3s;
    transition: .3s
}

.generic_btn.no-padding {
    min-width: 0;
    width: 200px;
    padding-right: 0;
    padding-left: 0
}

.generic_btn:hover {
    -webkit-transition: .3s;
    transition: .3s
}

.generic_btn.uppercase {
    text-transform: uppercase
}

.generic_btn.uppercase a {
    color: #fff !important
}

.generic_btn.uppercase a:hover {
    color: #000 !important
}

@media(min-width:769px) {
    .generic_btn {
        height: 45px;
        line-height: 45px
    }
}

.transparent_btn {
    border: 1px solid #000;
    color: #000;
    background-color: transparent
}

@media(min-width:769px) {
    .transparent_btn:hover {
        background-color: #000;
        color: #fff
    }
}

.black_btn {
    border: 1px solid #000;
    background-color: #000;
    color: #fff
}

.black_btn:visited {
    color: #fff
}

@media(min-width:769px) {
    .black_btn:hover {
        background-color: transparent;
        color: #000
    }
}

span.emoji {
    width: 18px;
    height: 18px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center
}

span.emoji.diamond {
    background-image: url("/images/NewImages/Icons/Emoji_Icon_Diamond.png")
}

span.emoji.money {
    background-image: url("/images/NewImages/Icons/Emoji_Icon_Money.png")
}

span.emoji.education {
    background-image: url("/images/NewImages/Icons/Emoji_Icon_Education.png")
}

#insureYourItemPage {
    text-align: center
}

#insureYourItemPage .content-area {
    padding: 40px 0
}

#insureYourItemPage .content-area img {
    width: 120px;
    height: auto;
    max-width: 80%;
    margin: 20px 12px
}

#insureYourItemPage .content-area .strong {
    font-weight: 600
}

#insureYourItemPage .content-area h1 {
    margin: 0;
    font-size: 25px
}

#insureYourItemPage .content-area p {
    margin: .625em auto;
    width: 500px;
    max-width: 80%
}

#insureYourItemPage .content-area p.affiliateCode {
    font-size: 24px;
    margin: 24px auto
}

#insureYourItemPage .content-area p.affiliateCode #CodeToCopy.yellow {
    color: #ffc13a
}

#insureYourItemPage .content-area p.affiliateCode #copyToClipboard {
    display: block;
    font-size: 14px;
    line-height: 20px;
    text-decoration: underline;
    cursor: pointer
}

#insureYourItemPage .generic_btn {
    line-height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%
}

body.iexplorer .form .floating-label>label,
body.edge .form .floating-label>label {
    top: 2px;
    left: 5px;
    font-size: 12px
}

p.stepByStepGuide {
    cursor: pointer
}

.htmlVideoOverlay .fancybox-inner {
    padding: 0
}

.htmlVideoOverlay video {
    max-width: 100%;
    margin-bottom: -2px
}

.icon77-loading {
    -webkit-animation: icon77-spin 2s infinite linear;
    animation: icon77-spin 2s infinite linear
}

#contactsPage .modal #Link121 ._col-md-6,
#contactsPage .modal #Link123 ._col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

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

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

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

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

.modal .btnLoading {
    z-index: 100
}

.modal-content {
    padding: 16px
}

.modal ._form-group {
    margin-bottom: 12px
}

.modal ._form-group label {
    font-size: 13px;
    margin-bottom: 0
}

.modal .errorMessage {
    display: block;
    color: red;
    font-size: 12px
}

.modal .fakeCheckbox {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.2
}

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

.modal .fakeCheckbox input {
    opacity: 0;
    height: 0
}

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

.modal .fakeCheckbox input:checked~.checkmark:after {
    position: absolute;
    content: "";
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal .disclaimer {
    text-align: center;
    font-size: 13px
}

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

.modal .btnLoading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    text-align: center;
    display: none;
    z-index: 100
}

.modal .btnLoading .icon77-loading {
    position: absolute;
    top: 50%;
    margin: -20px
}

.modal-fixed {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.modal-fixed .modal-header {
    display: none
}

.modal-overlay.newSignupForm .modal {
    background: #fff;
    height: auto
}

.modal-overlay.newSignupForm .modal-header {
    height: 10px;
    background: unset
}

.modal-overlay.newSignupForm .modal-header button .closeText {
    display: inline;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px
}

.modal-overlay .modal-header button .closeText {
    display: none
}

#ConfirmationWindow a {
    color: unset
}

#ConfirmationWindow a:hover {
    color: unset
}

#ConfirmationWindow a:hover .Item .product_category {
    opacity: .4
}

#ConfirmationWindow .Item .product_category {
    font-family: "Nunito Sans";
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 22px;
    margin-top: 10px
}

#ConfirmationWindow .Item .product_area {
    font-family: 'Nunito Sans SemiBold';
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px;
    color: #adadad
}

.appointment-form .fakeCheckbox {
    font-size: 14px;
    font-family: 'Nunito Sans Light';
    padding-left: 27px;
    text-align: left;
    letter-spacing: .3px
}

.appointment-form .fakeCheckbox a {
    font-family: 'Nunito Sans SemiBold';
    margin: 0 4px
}

.appointment-form .fakeCheckbox .checkmark {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    height: 18px !important;
    width: 18px !important;
    border: .1em solid #000 !important;
    border-radius: .2em !important;
    color: transparent !important;
    font-size: 9px !important;
    -webkit-transition: unset !important;
    transition: unset !important
}

.appointment-form .fakeCheckbox input:checked~.checkmark {
    background: #000 !important;
    border-color: #000 !important;
    border-radius: .3em !important
}

.appointment-form .fakeCheckbox input:checked~.checkmark:after {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: unset !important;
    border-width: unset !important;
    -webkit-transform: unset !important;
    transform: unset !important;
    border-radius: .3em !important;
    background-image: url(/images/shop/icons/full_tick.svg) !important;
    background-color: #000 !important;
    background-position: 50% !important;
    background-size: 19px !important;
    background-repeat: no-repeat !important;
    border-color: #000 !important;
    color: #fff !important
}

.appointment-form ._h1 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 22px;
    letter-spacing: .6px;
    line-height: 30px;
    text-align: center
}

.appointment-form ._h3 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center
}

.appointment-form ._p {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 16px;
    text-align: center
}

.appointment-form #gdprCheckboxHolder {
    margin-top: 10px
}

.appointment-form #gdprCheckboxHolder .disclaimer {
    display: none
}

.appointment-form .captchaHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.appointment-form #gdprCheckboxHolderFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 6px 0
}

.appointment-form #gdprCheckboxHolderFooter input[type=checkbox] {
    display: none !important;
    width: auto;
    display: inline;
    vertical-align: middle;
    margin-right: 7px
}

.appointment-form #gdprCheckboxHolderFooter input[type=checkbox]+label {
    display: block;
    margin: .2em;
    cursor: pointer;
    padding: 0 .2em;
    float: left;
    margin-left: 18px
}

.appointment-form #gdprCheckboxHolderFooter input[type=checkbox]+label:before {
    content: "";
    border: .1em solid #000;
    border-radius: .2em;
    display: inline-block;
    height: 22px;
    width: 21px;
    padding-left: .2em;
    padding-bottom: .4em;
    margin-right: .5em;
    padding-right: .1em;
    vertical-align: bottom;
    color: transparent;
    font-size: 9px;
    margin-left: -20px
}

.appointment-form #gdprCheckboxHolderFooter input[type=checkbox]:checked+label:before {
    background-image: url(/images/shop/icons/full_tick.svg);
    background-color: #000;
    background-position: 50%;
    background-size: 19px;
    background-repeat: no-repeat;
    border-color: #000;
    color: #fff
}

.appointment-form #gdprCheckboxHolderFooter input[type=checkbox]:checked:disabled+label:before {
    background-color: #a9a9a9;
    border-color: #a9a9a9
}

.appointment-form #gdprCheckboxHolderFooter input[type=checkbox]:checked:after {
    background-color: #000
}

.appointment-form #gdprCheckboxHolderFooter input[type=checkbox]:disabled+label:before {
    border-color: #aaa
}

.appointment-form #gdprCheckboxHolderFooter label {
    display: inline-block;
    font-family: "Nunito Sans Light";
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 16px;
    margin-top: 7px;
    padding-left: 3px
}

.appointment-form ._form-group .errorMessage {
    margin-top: 8px;
    font-size: 12px;
    font-family: 'Nunito Sans SemiBold'
}

.appointment-form ._form-group label {
    font-family: 'Nunito Sans SemiBold';
    font-size: 15px;
    margin: 5px 0
}

.appointment-form ._form-group input::-webkit-input-placeholder {
    color: #9a9a9a;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px
}

.appointment-form ._form-group input::-moz-placeholder {
    color: #9a9a9a;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px
}

.appointment-form ._form-group input::-ms-input-placeholder {
    color: #9a9a9a;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px
}

.appointment-form ._form-group input::placeholder {
    color: #9a9a9a;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px
}

.appointment-form ._form-group ._form-control:focus {
    -webkit-box-shadow: 0 0 0 .2rem transparent !important;
    box-shadow: 0 0 0 .2rem transparent !important
}

.appointment-form .safeguarding {
    font-family: 'Nunito Sans SemiBold';
    font-size: 15px;
    margin: 5px 0
}

#AptCodeTel {
    border-radius: .25rem 0 0 .25rem;
    border-left: 1px solid #9a9a9a;
    border-right: 0 solid #9a9a9a;
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    background: unset;
    cursor: pointer
}

#AptCodeTel:focus {
    border: 1px solid #404040 !important;
    font-family: "Nunito Sans"
}

#AptCodeTel:hover {
    border: 1px solid #404040 !important
}

#AptTelephone {
    border-radius: 0 .25rem .25rem 0;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px
}

.appointment-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5;
    margin: auto;
    font-size: 1.4em;
    margin-bottom: 24px
}

.appointment-options .option {
    height: 24px;
    margin: 0 5px 7px 5px;
    padding: 0 24px;
    cursor: pointer;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center;
    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;
    position: relative;
    opacity: .7
}

.appointment-options .option:not(.disabled) {
    opacity: 1;
    color: #000;
    cursor: pointer
}

.appointment-options .option.active {
    font-family: "Nunito Sans SemiBold"
}

.appointment-options .option.active:after {
    position: absolute;
    content: '';
    border-bottom: 3px solid #000;
    bottom: -9px;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%
}

.appointment-options .option.disabled {
    opacity: .7;
    cursor: default;
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center
}

#contactUsContent #Link124 {
    padding: 16px 20px
}

#Link124 {
    padding: 16px 50px
}

#Link124 ._form-control {
    border: 1px solid #9a9a9a
}

#Link124 .itemsFlex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

#Link124 .itemsFlex ._col-md-12 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

#Link124 .container {
    max-width: unset;
    min-width: unset
}

#Link124 .card {
    width: 100%;
    border: 1px solid #000;
    background-color: #fff;
    border-radius: .5em;
    margin-bottom: 1em;
    cursor: pointer;
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px
}

#Link124 .card.tall {
    height: auto;
    text-align: left
}

#Link124 .card.tall:hover {
    border: 1px solid #000
}

#Link124 .card.time {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center
}

#Link124 .card.time .container {
    padding: 15px
}

#Link124 .card.time:hover {
    border: 1px solid #000
}

#Link124 .card.tall.lastCard {
    text-align: center;
    border: 1px solid #000;
    background-color: #fff
}

#Link124 .card.tall.lastCard .container {
    padding: 12px !important
}

#Link124 .lastItem {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important
}

#Link124 .item {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

#Link124 .item.notActive {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

#Link124 .item.notActive .card.tall {
    border: 1px solid #9a9a9a;
    color: #9a9a9a;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    cursor: default
}

#Link124 .item.notActive .card.tall .container b {
    font-weight: unset
}

#Link124 .card.tall.lastCard.unclickable {
    border: 1px solid #9a9a9a;
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center
}

#Link124 .card.tall.lastCard.unclickable .container b {
    font-weight: unset
}

#Link124 .card.tall.active {
    border: 2px solid #000
}

#Link124 .card.time.active {
    background: #212529;
    color: #fff
}

#Link124 .card.active .container {
    font-weight: 800
}

#Link124 .container.tall {
    text-align: left
}

#Link124 .container {
    padding: 19px
}

#Link124 .pickDateBtn {
    background: transparent;
    border: 0
}

#Link124 .pickDateBtn.prev {
    float: left
}

#Link124 .pickDateBtn.next {
    float: right
}

#btnApt {
    border-radius: 4px;
    font-size: 13px;
    font-family: 'Nunito Sans'
}

@media(min-width:768px) {
    #ConfirmationWindow {
        margin: 40px 95px
    }
}

@media(max-width:425px) {
    #ConfirmationWindow {
        margin-top: 20px
    }
}

@media(max-width:587px) {
    .appointment-options .option {
        padding: 0 7px
    }

    .newSignupForm {
        background: #fff
    }
}

@media(max-width:768px) {
    #Link124 {
        padding: 16px 30px
    }
}

@media(max-width:562px) {
    #Link124 {
        padding: 16px 0
    }

    .appointment-options .option {
        margin: 0 0 7px 0
    }

    #Link124 .appointment-form ._row>.container,
    #Link124 .appointment-form ._row._container {
        padding: 0
    }
}

@media(max-width:375px) {
    .appointment-options .option {
        padding: 0 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 45px
    }
}

@media(max-width:320px) {
    .appointment-options .option {
        font-size: 13px
    }
}

.newPageTopTitle {
    padding: 0 10px
}

.newPageTopTitle .h2 {
    font-family: "Nunito Sans Light";
    font-size: 14px;
    color: #000;
    letter-spacing: .5px;
    line-height: 21px
}

.newPageTopTitle .h1 {
    font-family: "Nunito Sans SemiBold";
    font-size: 21px;
    color: #000;
    letter-spacing: .6px;
    line-height: 29px
}

.newPageTopTitle .alreadySignUp {
    display: none
}

.newPageTopTitle .signUpCopyCode {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 26px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "Nunito Sans SemiBold";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.newPageTopTitle .signUpDiscountCode {
    margin: 24px 0;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: "Nunito Sans Semibold"
}

@media(max-width:425px) {
    .newPageTopTitle .h1 {
        margin: 0 15px
    }
}

#BrexitPopup {
    margin: 15px 28px 28px
}

@media(max-width:425px) {
    #BrexitPopup {
        margin: 15px 0 28px
    }
}

#BrexitPopup .newPageTopTitle .h1 {
    font-family: "Nunito Sans SemiBold";
    font-size: 22px;
    letter-spacing: .3px;
    line-height: 30px;
    text-align: center
}

#BrexitPopup .newPageTopTitle .h2 {
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center;
    margin-top: 24px
}

#BrexitPopup .info p {
    color: #000;
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center
}

#BrexitPopup .info p b {
    font-weight: 700 !important
}

#BrexitPopup .info h3 {
    font-family: "Nunito Sans";
    font-size: 28px;
    font-weight: bold;
    letter-spacing: .6px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase
}

#BrexitPopup .info span {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 22px;
    letter-spacing: .3px;
    line-height: 30px;
    display: block;
    text-align: center
}

@media(max-width:425px) {
    #BrexitPopup .info span {
        font-size: 17px
    }
}

#BrexitPopup .info ._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;
    width: 100%
}

#BrexitPopup .info ._cta-white:hover {
    color: #fff;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 4px
}

#LinkWinter {
    margin: 15px 28px 28px
}

#LinkWinter label {
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 16px
}

#LinkWinter .new {
    height: 45px;
    margin-bottom: 10px;
    color: #000;
    background-color: transparent;
    border: 1px solid #a9a9a9;
    text-indent: 10px;
    font-size: 14px;
    font-family: "nunito sans";
    width: 100%
}

#LinkWinter #gdprCheckboxHolderFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 6px 0
}

#LinkWinter #gdprCheckboxHolderFooter label {
    display: inline-block;
    font-family: "Nunito Sans Light";
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 16px;
    margin-top: 7px;
    padding-left: 3px
}

#LinkWinter #gdprCheckboxHolderFooter input[type=checkbox] {
    display: none
}

#LinkWinter #gdprCheckboxHolderFooter input[type=checkbox]+label {
    display: block;
    margin: .2em;
    cursor: pointer;
    padding: 0 .2em;
    float: left;
    margin-left: 18px
}

#LinkWinter #gdprCheckboxHolderFooter input[type=checkbox]+label:before {
    content: "";
    border: .1em solid #000;
    border-radius: .2em;
    display: inline-block;
    width: 1.6em;
    height: 1.69em;
    padding-left: .2em;
    padding-bottom: .4em;
    margin-right: .5em;
    padding-right: .1em;
    vertical-align: bottom;
    color: transparent;
    font-size: 9px;
    margin-left: -20px
}

#LinkWinter #gdprCheckboxHolderFooter input[type=checkbox]:checked+label:before {
    background-image: url(/images/shop/icons/full_tick.svg);
    background-color: #000;
    background-position: 50%;
    background-size: 19px;
    background-repeat: no-repeat;
    border-color: #000;
    color: #fff
}

#LinkWinter #gdprCheckboxHolderFooter input[type=checkbox]:checked:disabled+label:before {
    background-color: #a9a9a9;
    border-color: #a9a9a9
}

#LinkWinter #gdprCheckboxHolderFooter input[type=checkbox]:disabled+label:before {
    border-color: #aaa
}

#LinkWinter .newPageTopTitle .h1 {
    font-family: "Nunito Sans SemiBold";
    font-size: 22px;
    letter-spacing: .3px;
    line-height: 30px;
    text-align: center
}

#LinkWinter .newPageTopTitle .h2 {
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center;
    margin-top: 24px
}

#LinkWinter .newPageTopTitle .signUpDiscountCode {
    font-family: "Nunito Sans SemiBold";
    font-size: 22px;
    letter-spacing: .3px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 30px
}

#LinkWinter .newPageTopTitle .signUpCopyCode {
    border: 1px solid #000;
    border-radius: 4px;
    background-color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    text-align: center;
    text-transform: uppercase
}

#LinkWinter .newPageTopTitle .signUpCopyCode:hover {
    border: 1px solid #000;
    border-radius: 4px;
    background-color: #fff;
    color: #000
}

#LinkWinter .errorMessage {
    text-align: left;
    font-family: "Nunito Sans";
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 21px;
    margin-bottom: 8px;
    padding-top: 8px
}

#LinkWinter .info p {
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center
}

#LinkWinter .info p b {
    font-weight: 700 !important
}

#LinkWinter .info h3 {
    font-family: "Nunito Sans";
    font-size: 28px;
    font-weight: bold;
    letter-spacing: .6px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase
}

#LinkWinter .info span {
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center;
    text-transform: uppercase
}

#LinkWinter #SubscribeWinterOffre {
    color: #fff;
    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: #000
}

#LinkWinter #SubscribeWinterOffre:disabled {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #ccc
}

#LinkWinter #SubscribeWinterOffre:not(:disabled):hover {
    color: #000;
    background: #fff;
    border: 1px solid #000
}

#genderCheckBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#genderCheckBox ._col-6 input[type=checkbox] {
    display: none
}

#genderCheckBox ._col-6 input[type=checkbox]+label {
    display: block;
    margin: .2em;
    cursor: pointer;
    padding: 0 .2em;
    float: left;
    margin-left: 18px
}

#genderCheckBox ._col-6 input[type=checkbox]+label:before {
    content: "";
    border: .1em solid #000;
    border-radius: .2em;
    display: inline-block;
    width: 1.6em;
    height: 1.69em;
    padding-left: .2em;
    padding-bottom: .4em;
    margin-right: .5em;
    padding-right: .1em;
    vertical-align: bottom;
    color: transparent;
    font-size: 9px;
    margin-left: -20px
}

#genderCheckBox ._col-6 input[type=checkbox]:checked+label:before {
    background-image: url(/images/shop/icons/full_tick.svg);
    background-color: #000;
    background-position: 50%;
    background-size: 19px;
    background-repeat: no-repeat;
    border-color: #000;
    color: #fff
}

#genderCheckBox ._col-6 input[type=checkbox]:checked:disabled+label:before {
    background-color: #a9a9a9;
    border-color: #a9a9a9
}

#genderCheckBox ._col-6 input[type=checkbox]:disabled+label:before {
    border-color: #aaa
}

.modal-overlay.newSignupForm .modal-header {
    height: 0;
    background: rgba(255, 255, 255, .95)
}

.modal-overlay.newSignupForm .modal-header button .closeText {
    display: inline;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 21px
}

.modal-overlay.newSignupForm.winter .modal {
    width: 448px;
    border: 2px solid #ffc13b;
    background: rgba(255, 255, 255, .95)
}

.modal-overlay.brexitPop.newSignupForm .modal-header {
    height: 0;
    background: #fff !important
}

.modal-overlay.brexitPop.newSignupForm .modal-header button .closeText {
    display: none !important
}

.modal-overlay.brexitPop.newSignupForm .modal {
    width: 448px;
    border: unset !important;
    background: #fff !important
}

@media(max-width:425px) {
    #LinkWinter #gdprCheckboxHolderFooter label {
        margin-top: 0
    }
}

@media(max-width:523px) {
    #LinkWinter {
        margin: 60px 0 0 0
    }
}

#LooseDiamonds .hero-banner picture {
    display: table-cell
}

#LooseDiamonds .hero-banner .hero-banner--image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: unset
}

@media(max-width:426px) {
    #LooseDiamonds .hero-banner .hero-banner--caption {
        width: 100% !important
    }
}

@media(max-width:426px) {
    #LooseDiamonds .hero-banner .hero-banner--title {
        font-size: 24px !important;
        margin-bottom: 12px !important
    }
}

#LooseDiamonds ._container ._row {
    margin-right: 0;
    margin-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:768px) {
    #LooseDiamonds ._container ._row {
        margin-right: 0;
        margin-left: 0
    }

    #LooseDiamonds ._container ._row ._col-lg-5 {
        padding-right: 0;
        padding-left: 0
    }
}

@media(min-width:1023px) {
    #LooseDiamonds .DiamondTypes {
        padding: 35px 0
    }
}

@media(max-width:1023px) {
    #LooseDiamonds .DiamondTypes {
        padding: 35px 0
    }
}

#LooseDiamonds .DiamondTypes ._row div {
    display: inline-grid
}

#LooseDiamonds .DiamondTypes ._row div .LinkDisplay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#LooseDiamonds .DiamondTypes .vert-sig {
    font-family: "Nunito Sans SemiBold";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 20px;
    margin: 0 5px
}

#LooseDiamonds .DiamondTypes .h3 {
    text-transform: uppercase;
    font-family: "Nunito Sans SemiBold";
    color: #000
}

@media(min-width:768px) {
    #LooseDiamonds .DiamondTypes .h3 {
        font-size: 16px;
        letter-spacing: .5px;
        margin-bottom: 14px
    }
}

@media(max-width:768px) {
    #LooseDiamonds .DiamondTypes .h3 {
        font-size: 14px;
        letter-spacing: .44px;
        line-height: 19px
    }
}

#LooseDiamonds .DiamondTypes .p {
    color: #000;
    font-family: "Nunito Sans Light";
    padding-bottom: 14px
}

@media(min-width:768px) {
    #LooseDiamonds .DiamondTypes .p {
        margin: 0 30px;
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 22px
    }
}

@media(max-width:768px) {
    #LooseDiamonds .DiamondTypes .p {
        margin: 0 10px;
        font-size: 14px;
        letter-spacing: .5px;
        line-height: 22px
    }
}

#LooseDiamonds .DiamondTypes ._btn-link {
    color: #000;
    text-decoration: underline;
    font-family: "Nunito Sans SemiBold";
    cursor: pointer;
    text-transform: capitalize
}

@media(min-width:768px) {
    #LooseDiamonds .DiamondTypes ._btn-link {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 20px
    }
}

@media(max-width:768px) {
    #LooseDiamonds .DiamondTypes ._btn-link {
        font-size: 14px;
        letter-spacing: .44px;
        line-height: 19px
    }
}

#LooseDiamonds .DiamondTypes ._btn-link:hover {
    opacity: .4
}

#LooseDiamonds .diamondEduction picture img {
    width: 100%
}

#LooseDiamonds .diamondEduction #looseDiamEdVideo {
    position: relative
}

#LooseDiamonds .diamondEduction #looseDiamEdVideo #DiamEducationVideo {
    width: 100%
}

#LooseDiamonds .diamondEduction .deContent {
    position: absolute;
    top: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#LooseDiamonds .diamondEduction .deContent .h3 {
    color: #fff;
    font-family: "Nunito Sans SemiBold";
    text-align: center
}

@media(min-width:768px) {
    #LooseDiamonds .diamondEduction .deContent .h3 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px
    }
}

@media(max-width:768px) {
    #LooseDiamonds .diamondEduction .deContent .h3 {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: .44px;
        line-height: 19px
    }
}

#LooseDiamonds .diamondEduction .deContent .p {
    color: #fff;
    font-family: "Nunito Sans";
    text-align: center;
    padding: 0 10px;
    margin-bottom: 20px
}

@media(min-width:768px) {
    #LooseDiamonds .diamondEduction .deContent .p {
        width: 85%;
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 22px
    }
}

@media(max-width:768px) {
    #LooseDiamonds .diamondEduction .deContent .p {
        font-size: 12px;
        letter-spacing: .3px;
        line-height: 18px
    }
}

@media(min-width:1024px) {
    #LooseDiamonds .diamondEduction .deContent .p {
        width: 62%
    }
}

#LooseDiamonds .diamondEduction .deContent ._cta-white {
    border-color: #fff;
    background-color: transparent;
    font-family: "Nunito Sans SemiBold"
}

@media(max-width:768px) {
    #LooseDiamonds .diamondEduction .deContent ._cta-white {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 26px;
        min-height: 28px
    }
}

#LooseDiamonds .diamondEduction .deContent ._cta-white:hover {
    background-color: #fff;
    border-color: #fff
}

#LooseDiamonds .diamondEduction .deContent ._cta-white:focus {
    color: #000
}

@media(min-width:768px) {
    #LooseDiamonds .shapesSection {
        padding: 75px 0
    }
}

@media(max-width:768px) {
    #LooseDiamonds .shapesSection {
        padding: 30px 0
    }
}

#LooseDiamonds .shapesSection h2 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px
}

@media(min-width:768px) {
    #LooseDiamonds .shapesSection h2 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px
    }
}

@media(max-width:768px) {
    #LooseDiamonds .shapesSection h2 {
        font-size: 24px;
        letter-spacing: .3px;
        line-height: 32px
    }
}

#LooseDiamonds .shapesSection .simpleHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#LooseDiamonds .shapesSection .simpleHolder figure a figcaption a {
    color: #000;
    font-family: "Nunito Sans Light"
}

@media(min-width:768px) {
    #LooseDiamonds .shapesSection .simpleHolder figure a figcaption a {
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 22px
    }
}

@media(max-width:768px) {
    #LooseDiamonds .shapesSection .simpleHolder figure a figcaption a {
        font-size: 14px;
        letter-spacing: .5px;
        line-height: 22px
    }
}

#LooseDiamonds .InfoSection .h2 {
    color: #000;
    font-family: "Nunito Sans SemiBold"
}

@media(max-width:768px) {
    #LooseDiamonds .InfoSection .h2 {
        font-size: 24px;
        letter-spacing: .3px;
        line-height: 32px
    }
}

#GemstonesLP .hero-banner .hero-banner--image {
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width:426px) {
    #GemstonesLP .hero-banner .hero-banner--caption {
        width: 100% !important
    }
}

@media(max-width:426px) {
    #GemstonesLP .hero-banner .hero-banner--title {
        font-size: 24px !important;
        margin-bottom: 12px !important
    }
}

#GemstonesLP .slick-slide img {
    width: 100%
}

#GemstonesLP ._container ._row {
    margin-right: 0;
    margin-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:768px) {
    #GemstonesLP ._container ._row {
        margin-right: 0;
        margin-left: 0
    }

    #GemstonesLP ._container ._row ._col-lg-5 {
        padding-right: 0;
        padding-left: 0
    }
}

#GemstonesLP .gemstoneEduction picture img {
    width: 100% !important
}

#GemstonesLP .gemstoneEduction #looseGemEdVideo {
    position: relative
}

#GemstonesLP .gemstoneEduction #looseGemEdVideo #GemEducationVideo {
    width: 100%
}

#GemstonesLP .gemstoneEduction .deContent {
    position: absolute;
    top: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#GemstonesLP .gemstoneEduction .deContent .h3 {
    color: #fff;
    font-family: "Nunito Sans SemiBold";
    text-align: center
}

@media(min-width:768px) {
    #GemstonesLP .gemstoneEduction .deContent .h3 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px
    }
}

@media(max-width:768px) {
    #GemstonesLP .gemstoneEduction .deContent .h3 {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: .44px;
        line-height: 19px
    }
}

#GemstonesLP .gemstoneEduction .deContent .p {
    color: #fff;
    font-family: "Nunito Sans";
    text-align: center;
    padding: 0 10px;
    margin-bottom: 20px
}

@media(min-width:768px) {
    #GemstonesLP .gemstoneEduction .deContent .p {
        width: 85%;
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 22px
    }
}

@media(max-width:768px) {
    #GemstonesLP .gemstoneEduction .deContent .p {
        font-size: 12px;
        letter-spacing: .3px;
        line-height: 18px
    }
}

@media(min-width:1024px) {
    #GemstonesLP .gemstoneEduction .deContent .p {
        width: 62%
    }
}

#GemstonesLP .gemstoneEduction .deContent ._cta-white {
    border-color: #fff;
    background-color: transparent;
    font-family: "Nunito Sans SemiBold"
}

@media(max-width:768px) {
    #GemstonesLP .gemstoneEduction .deContent ._cta-white {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 26px;
        min-height: 28px
    }
}

#GemstonesLP .gemstoneEduction .deContent ._cta-white:hover {
    background-color: #fff;
    border-color: #fff
}

#GemstonesLP .gemstoneEduction .deContent ._cta-white:focus {
    color: #000
}

@media(min-width:768px) {
    #GemstonesLP .shapesSection {
        padding: 75px 0
    }
}

@media(max-width:768px) {
    #GemstonesLP .shapesSection {
        padding: 30px 0
    }
}

#GemstonesLP .shapesSection h2 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px
}

@media(min-width:768px) {
    #GemstonesLP .shapesSection h2 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px
    }
}

@media(max-width:768px) {
    #GemstonesLP .shapesSection h2 {
        font-size: 24px;
        letter-spacing: .3px;
        line-height: 32px
    }
}

#GemstonesLP .shapesSection .simpleHolder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#GemstonesLP .shapesSection .simpleHolder figure a figcaption a {
    color: #000;
    font-family: "Nunito Sans Light"
}

@media(min-width:768px) {
    #GemstonesLP .shapesSection .simpleHolder figure a figcaption a {
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 22px
    }
}

@media(max-width:768px) {
    #GemstonesLP .shapesSection .simpleHolder figure a figcaption a {
        font-size: 14px;
        letter-spacing: .5px;
        line-height: 22px
    }
}

#GemstonesLP .InfoSection .h2 {
    color: #000;
    font-family: "Nunito Sans SemiBold"
}

@media(max-width:768px) {
    #GemstonesLP .InfoSection .h2 {
        font-size: 24px;
        letter-spacing: .3px;
        line-height: 32px
    }
}

@media(max-width:426px) {
    #collectionsPage .hero-banner .hero-banner--caption {
        width: 100% !important
    }
}

@media(max-width:426px) {
    #collectionsPage .hero-banner .hero-banner--title {
        font-size: 24px !important;
        margin-bottom: 12px !important
    }
}

#collectionsPage picture img {
    width: 100%
}

#collectionsPage .ImageWithTextSection {
    display: block;
    text-align: center
}

#collectionsPage .ImageWithTextSection .textPart ._h2 {
    color: #000;
    letter-spacing: .6px;
    line-height: 43px;
    margin-bottom: 12px
}

#collectionsPage .ImageWithTextSection .textPart ._p {
    color: #000;
    letter-spacing: .3px;
    line-height: 26px;
    font-size: 15px
}

#collectionsPage .ImageWithTextSection .textPart ._btn-link {
    padding: 0
}

#collectionsPage .ImageWithTextSection .imagePart img {
    width: 100%
}

#collectionsPage .CategoryItemsSection {
    margin: 97px 0
}

@media(max-width:1023px) {
    #collectionsPage .CategoryItemsSection {
        margin: 60px 0
    }
}

#collectionsPage .CategoryItemsSection .subNavSlidesHolder a ._h4 {
    color: #000;
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 19px;
    text-align: center
}

@media only screen and (max-width:1023px) {
    #collectionsPage .CategoryItemsSection .subNavSlidesHolder a ._h4:last-of-type {
        margin-top: 0 !important
    }
}

@media(max-width:426px) {
    #collectionsPage .CategoryItemsSection .subNavSlidesHolder a ._h4 {
        font-size: 12px;
        letter-spacing: .3px;
        line-height: 16px
    }
}

#collectionsPage .CategoryItemsSection ._h2 {
    color: #000;
    font-family: "Nunito Sans SemiBold" !important;
    font-size: 32px !important;
    letter-spacing: .6px !important;
    line-height: 43px !important;
    text-align: center
}

@media(max-width:426px) {
    #collectionsPage .CategoryItemsSection ._h2 {
        color: #000;
        font-size: 24px !important;
        letter-spacing: .3px !important;
        font-family: "Nunito Sans SemiBold";
        line-height: 32px !important;
        text-align: center
    }
}

@media(max-width:768px) {
    #collectionsPage ._container-xl {
        padding: 0 0 !important
    }
}

@media(min-width:1023px) {
    #collectionsPage .ImageWithTextSection {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    #collectionsPage .ImageWithTextSection .imagePart {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 30px
    }

    #collectionsPage .ImageWithTextSection .textPart {
        position: absolute;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    #collectionsPage .ImageWithTextSection .textPart.styleRight {
        left: 60%
    }

    #collectionsPage .ImageWithTextSection .textPart.styleLeft {
        left: 7%;
        width: 40%
    }
}

@media only screen and (min-width:1023px) and (max-width:1292px) {
    #collectionsPage .ImageWithTextSection .textPart.styleRight ._p {
        width: 98%;
        margin: 0 !important
    }

    #collectionsPage ._h2 {
        margin: 0 !important
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    #collectionsPage .ImageWithTextSection .textPart {
        position: static;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        width: 83%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    #collectionsPage .ImageWithTextSection .textPart {
        margin: 72px 65px
    }
}

@media only screen and (min-width:426px) and (max-width:768px) {
    #collectionsPage .ImageWithTextSection .textPart {
        margin: 80px 40px
    }
}

@media(max-width:426px) {
    #collectionsPage .ImageWithTextSection .textPart {
        margin: 80px 40px
    }

    #collectionsPage .ImageWithTextSection .textPart ._h2 {
        color: #000;
        font-family: "Nunito Sans SemiBold";
        font-size: 24px;
        letter-spacing: .6px;
        line-height: 32px;
        margin-bottom: 12px
    }

    #collectionsPage .ImageWithTextSection .textPart ._p {
        color: #000;
        font-family: "Nunito Sans Light";
        font-size: 14px;
        letter-spacing: .5px;
        line-height: 22px
    }

    #collectionsPage .ImageWithTextSection .textPart ._btn-link {
        color: #000;
        font-family: "Nunito Sans SemiBold";
        font-size: 14px;
        letter-spacing: .5px;
        line-height: 22px
    }
}

#education7c .dashList {
    list-style-type: none
}

#education7c .dashList li::before {
    content: "-"
}

.live-help--online-consultation .bookAppointment {
    height: auto !important
}

#termsAndConditions h1,
#privacy h1 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 26px;
    letter-spacing: .5px;
    line-height: 35px;
    margin-top: 60px
}

#termsAndConditions h1 span,
#privacy h1 span {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 26px;
    letter-spacing: .5px;
    line-height: 35px;
    margin-top: 60px
}

#termsAndConditions hr,
#privacy hr {
    margin-bottom: 40px;
    border-top: 1px solid #000;
    border-style: dashed;
    width: 100px;
    margin-left: 0
}

#termsAndConditions .underH1,
#privacy .underH1 {
    border-style: solid;
    width: 100%
}

#termsAndConditions p,
#termsAndConditions span,
#privacy p,
#privacy span {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 26px
}

#termsAndConditions a,
#privacy a {
    text-decoration: underline
}

#termsAndConditions u,
#privacy u {
    text-decoration: none;
    font-weight: 600
}

#termsAndConditions .link span,
#privacy .link span {
    cursor: pointer
}

#termsAndConditions .headingNumber,
#privacy .headingNumber {
    counter-reset: item
}

#termsAndConditions .headingNumber li h1::before,
#privacy .headingNumber li h1::before {
    content: counter(item) ". ";
    counter-increment: item
}

#termsAndConditions li[data-jump-to],
#privacy li[data-jump-to] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

#termsAndConditions .insideNumberHeading,
#privacy .insideNumberHeading {
    counter-reset: item
}

#termsAndConditions .insideNumberHeading li::before,
#privacy .insideNumberHeading li::before {
    content: counters(item, ".") "";
    counter-increment: item;
    font-weight: 700
}

#termsAndConditions .listWithDash li::before,
#privacy .listWithDash li::before {
    content: '-'
}

#termsAndConditions .alphaList,
#privacy .alphaList {
    counter-reset: item
}

#termsAndConditions .alphaList li::before,
#privacy .alphaList li::before {
    content: counter(item, lower-alpha) ") ";
    counter-increment: item;
    font-weight: 700
}

#termsAndConditions .normalNumber,
#privacy .normalNumber {
    counter-reset: item
}

#termsAndConditions .normalNumber li:nth-child(n+3)::before,
#privacy .normalNumber li:nth-child(n+3)::before {
    content: counter(item) ". ";
    counter-increment: item
}

#termsAndConditions .numbersWithSign,
#privacy .numbersWithSign {
    counter-reset: custom-item
}

#termsAndConditions .numbersWithSign li::before,
#privacy .numbersWithSign li::before {
    content: counter(custom-item) ") ";
    counter-increment: custom-item
}

#termsAndConditions .table77 th,
#privacy .table77 th {
    font-size: 16px;
    font-weight: bolder;
    font-family: "Nunito Sans Light";
    padding: 10px;
    text-align: left;
    vertical-align: middle
}

#termsAndConditions .table77 td,
#privacy .table77 td {
    font-family: "Nunito Sans Light";
    font-size: 16px
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    padding: 8px 12px;
    height: auto;
    width: auto
}

.upload-btn-wrapper .btnr {
    border: 1px solid gray;
    color: #000;
    background-color: #eee;
    padding: 5px 10px;
    border-radius: 1px;
    font-size: 14px;
    font-weight: bold;
    position: relative
}

.upload-btn-wrapper .btnr+span {
    padding: 5px;
    font-weight: normal
}

.upload-btn-wrapper input[type=file] {
    font-size: 42px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: auto
}

body#checkout2017 header {
    border-bottom: none;
    position: relative;
    display: block;
    padding: 0;
    border: 0
}

body#checkout2017 header .sitenav {
    background: #dadada
}

body#checkout2017 header .sitenav .coln {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    place-items: center
}

@media(max-width:768px) {
    body#checkout2017 header .sitenav .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

body#checkout2017 header .sitenav a {
    font-size: 13px;
    line-height: 36px;
    font-weight: 600;
    color: #333;
    margin-right: 10px
}

body#checkout2017 header .sitenav a:hover {
    color: #000;
    text-shadow: 0 0
}

body#checkout2017 header .sitenav #live_chat_header:before {
    content: "";
    background-image: url(/images/NewImages/Icons/Chat_Icon_BLK.svg);
    background-repeat: no-repeat;
    height: 18px;
    width: 18px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px
}

body#checkout2017 header .sitenav #headerPhoneNumber:before {
    content: "";
    background-image: url(/images/NewImages/Icons/Phone_Icon_BLK.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    width: 18px;
    vertical-align: middle;
    margin-right: 5px
}

body#checkout2017 header .sitenav [data-dropdown]>a {
    line-height: 26px;
    height: 26px
}

body#checkout2017 header .sitenav #divShowHideLanguage .flag {
    margin-top: -2px
}

body#checkout2017 header .sitenav .language_container a {
    font-size: 11px;
    line-height: 1.7
}

body#checkout2017 header .header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body#checkout2017 header .header-container #logo img {
    height: 48px
}

body#checkout2017 header .header-container>span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

body#checkout2017 .TopHeader {
    max-width: 1180px;
    margin: auto
}

body#checkout2017 .HeaderTopBar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.marketing {
    background: #313032 !important
}

.marketing #footer {
    display: none
}

#marketing-landing {
    margin: 0;
    background-color: #313032;
    color: #fff
}

@media(max-width:480.98px) {
    #marketing-landing {
        text-align: center
    }
}

#marketing-landing .main-row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 50px 0
}

@media(max-width:1023.98px) {
    #marketing-landing .main-row {
        margin: 45px 0;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

@media(max-width:768px) and (min-width:480px) {
    #marketing-landing .main-row {
        margin: 45px 0 10px 0
    }
}

@media(max-width:480.98px) {
    #marketing-landing .main-row {
        height: unset;
        margin: 30px 0 0 0
    }
}

#marketing-landing .main-row>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#marketing-landing .main-row>div>._container-xl {
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media(max-width:480.98px) {
    #marketing-landing .main-row>div>._container-xl {
        height: unset;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

@media(max-width:1023.98px) {
    #marketing-landing .main-row>div {
        z-index: 11
    }
}

#marketing-landing .main-row .image-area {
    margin: 0 !important;
    padding: 0 !important
}

@media(max-width:1023.98px) {
    #marketing-landing .main-row .image-area {
        position: absolute;
        z-index: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        right: 0
    }
}

@media(max-width:480.98px) {
    #marketing-landing .main-row .image-area {
        position: relative;
        z-index: 0;
        width: 100%;
        right: 0;
        top: 30%
    }
}

#marketing-landing .main-row .image-area .yellow-button {
    display: none;
    border: 1px solid #ffc13b;
    padding: 8px 30px;
    border-radius: 4px;
    background-color: #ffc13b;
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    top: 50%;
    left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute
}

@media(max-width:480.98px) {
    #marketing-landing .main-row .image-area .yellow-button {
        display: block
    }
}

#marketing-landing .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#marketing-landing .info .product-info {
    -ms-flex-item-align: center;
    align-self: center
}

#marketing-landing .info .product-info ._p {
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 26px
}

@media(min-width:1440px) {
    #marketing-landing .info .product-info ._p {
        width: 60%
    }
}

@media(max-width:768px) and (min-width:480px) {
    #marketing-landing .info .product-info ._p {
        width: 60%
    }
}

@media(max-width:480px) {
    #marketing-landing .info .product-info ._p {
        font-size: 14px;
        letter-spacing: .3px;
        line-height: 22px
    }
}

#marketing-landing .info .product-info ._h1 {
    font-family: "Nunito Sans SemiBold";
    font-size: 32px;
    letter-spacing: .3px;
    line-height: 43px
}

@media(max-width:480px) {
    #marketing-landing .info .product-info ._h1 {
        font-size: 24px;
        letter-spacing: .3px;
        line-height: 32px
    }
}

#marketing-landing .info .product-info .yellow-button {
    display: block;
    border: 1px solid #ffc13b;
    padding: 8px 50px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 4px;
    background-color: #ffc13b;
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap
}

@media(max-width:480.98px) {
    #marketing-landing .info .product-info .yellow-button {
        display: none
    }
}

#marketing-landing .steps {
    width: 98%;
    height: 35%;
    background-color: rgba(255, 255, 255, .1);
    border: rgba(255, 255, 255, .1) 0 solid;
    border-radius: 0 150px 150px 0
}

@media(max-width:1023.98px) {
    #marketing-landing .steps {
        height: auto;
        padding: 25px 0
    }
}

@media(max-width:767px) {
    #marketing-landing .steps {
        width: auto
    }
}

#marketing-landing .steps.mob {
    display: none
}

@media(min-width:1440px) {
    #marketing-landing .steps {
        width: 70%
    }
}

@media(max-width:480.98px) {
    #marketing-landing .steps {
        height: auto;
        padding: unset;
        width: 90%;
        display: none
    }

    #marketing-landing .steps.mob {
        display: block;
        bottom: 22px;
        position: absolute;
        left: -6px
    }
}

#marketing-landing .steps ._row {
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: center;
    width: 100%
}

#marketing-landing .steps ._p {
    font-family: "Nunito Sans";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 26px;
    text-align: center
}

@media(max-width:1023.98px) {
    #marketing-landing .steps ._p {
        font-size: 14px;
        line-height: 18px
    }
}

#marketing-landing .steps .icon {
    margin-bottom: 20px;
    height: 48px;
    width: 50.88px
}

@media(max-width:1023.98px) {
    #marketing-landing .steps .icon {
        height: 30px;
        width: 34px
    }
}

#marketing-landing .steps>._container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 85%;
    float: right;
    place-content: flex-end
}

@media(max-width:1023.98px) {
    #marketing-landing .steps>._container {
        width: 100%
    }
}

@media(max-width:480.98px) {
    #marketing-landing .steps>._container {
        width: unset
    }
}

#marketing-landing .reviews {
    display: none;
    padding: 20px 0;
    background-color: #f9f9f9;
    margin: 20px 0 60px 0
}

@media(max-width:480px) {
    #marketing-landing .reviews {
        display: block
    }
}

#marketing-landing .bottomFormMob {
    text-align: left;
    display: none;
    padding: 0 40px
}

#marketing-landing .bottomFormMob h2 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 24px;
    letter-spacing: .3px;
    line-height: 32px
}

@media(max-width:480px) {
    #marketing-landing .bottomFormMob {
        display: block
    }
}

#marketing-landing .bottomFormMob .formArea label {
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 16px
}

#marketing-landing .bottomFormMob .formArea .new {
    height: 45px;
    margin-bottom: 10px;
    color: #000;
    background-color: transparent;
    border: 1px solid #a9a9a9;
    text-indent: 10px;
    font-size: 14px;
    font-family: "nunito sans";
    width: 100%
}

#marketing-landing .bottomFormMob .formArea #gdprCheckboxHolderFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 6px 0
}

#marketing-landing .bottomFormMob .formArea #gdprCheckboxHolderFooter label {
    display: inline-block;
    font-family: "Nunito Sans Light";
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 16px;
    margin-top: 7px;
    padding-left: 3px
}

#marketing-landing .bottomFormMob .formArea #gdprCheckboxHolderFooter input[type=checkbox] {
    display: none
}

#marketing-landing .bottomFormMob .formArea #gdprCheckboxHolderFooter input[type=checkbox]+label {
    display: block;
    margin: .2em;
    cursor: pointer;
    padding: 0 .2em;
    float: left;
    margin-left: 18px
}

#marketing-landing .bottomFormMob .formArea #gdprCheckboxHolderFooter input[type=checkbox]+label:before {
    content: "";
    border: .1em solid #000;
    border-radius: .2em;
    display: inline-block;
    width: 1.6em;
    height: 1.69em;
    padding-left: .2em;
    padding-bottom: .4em;
    margin-right: .5em;
    padding-right: .1em;
    vertical-align: bottom;
    color: transparent;
    font-size: 9px;
    margin-left: -20px
}

#marketing-landing .bottomFormMob .formArea #gdprCheckboxHolderFooter input[type=checkbox]:checked+label:before {
    background-image: url(/images/shop/icons/full_tick.svg);
    background-color: #000;
    background-position: 50%;
    background-size: 19px;
    background-repeat: no-repeat;
    border-color: #000;
    color: #fff
}

#marketing-landing .bottomFormMob .formArea #gdprCheckboxHolderFooter input[type=checkbox]:checked:disabled+label:before {
    background-color: #a9a9a9;
    border-color: #a9a9a9
}

#marketing-landing .bottomFormMob .formArea #gdprCheckboxHolderFooter input[type=checkbox]:disabled+label:before {
    border-color: #aaa
}

#marketing-landing .bottomFormMob #SubscribeNewsLetterMarketing {
    color: #fff;
    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: #000
}

#marketing-landing .bottomFormMob #SubscribeNewsLetterMarketing:disabled {
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #ccc
}

#marketing-landing .bottomFormMob #SubscribeNewsLetterMarketing:not(:disabled):hover {
    color: #000;
    background: #fff;
    border: 1px solid #000
}

#marketing-landing .errorMessage {
    color: red
}

#marketing-landing .createSteps {
    background: #fff;
    position: relative;
    color: #000;
    padding: 70px 0
}

#marketing-landing .createSteps .cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

@media(max-width:768px) {
    #marketing-landing .createSteps .cta {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media(max-width:768px) {
    #marketing-landing .createSteps .cta .text-section {
        margin-left: 23px
    }
}

#marketing-landing .createSteps .cta h5 {
    font-family: "Nunito Sans SemiBold";
    font-size: 24px;
    letter-spacing: .3px;
    line-height: 32px
}

#marketing-landing .createSteps .cta span {
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px
}

#marketing-landing .createSteps .cta a {
    font-family: "Nunito Sans SemiBold";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 20px;
    text-transform: capitalize;
    text-decoration: underline
}

#marketing-landing .createSteps .cta a:hover {
    opacity: .4
}

#marketing-landing .createSteps .cta .step1-icon {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background-image: url("/images/icons/images/nav_set_ring.png");
    background-repeat: no-repeat
}

@media(max-width:768px) {
    #marketing-landing .createSteps .cta .step1-icon {
        display: table
    }
}

#marketing-landing .createSteps .cta .step2-icon {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background-image: url("/images/icons/images/nav_c_diamond.png");
    background-repeat: no-repeat
}

@media(max-width:768px) {
    #marketing-landing .createSteps .cta .step2-icon {
        display: table
    }
}

#marketing-landing .createSteps .cta .step3-icon {
    display: inline-block;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    background-image: url("/images/shop/icons/steps/ring.svg");
    background-repeat: no-repeat
}

@media(max-width:768px) {
    #marketing-landing .createSteps .cta .step3-icon {
        display: table
    }
}

.calendar77 button {
    border: none;
    outline: none
}

.calendar77 table,
.calendar77 table th,
.calendar77 table td {
    border: 0;
    box-sizing: content-box
}

.calendar77 table {
    margin: auto;
    width: 90%;
    cursor: default
}

.calendar77 thead.visible .calendar77-title {
    height: 50px;
    vertical-align: middle
}

.calendar77 thead.visible .calendar77-title button {
    height: 100%
}

.calendar77 thead .calendar77-title {
    height: 50px;
    border: 0;
    text-align: center
}

.calendar77 thead .calendar77-btn {
    padding: 5px 0;
    background-color: transparent;
    border: 0
}

@media(max-width:587px) {
    .calendar77 thead .calendar77-btn {
        padding: 0 8px
    }
}

.calendar77 thead .calendar77-title-left {
    float: left
}

.calendar77 thead .calendar77-title-left:disabled {
    opacity: 0
}

.calendar77 thead .calendar77-title-right {
    float: right
}

.calendar77 thead .calendar77-nav-left,
.calendar77 thead .calendar77-nav-right {
    border-radius: 10px;
    color: #999;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 10px 8px;
    text-align: center;
    transition: color .2s, background-color .2s;
    width: 20px
}

.calendar77 thead .calendar77-nav-left {
    float: left
}

.calendar77 thead .calendar77-nav-right {
    float: right
}

.calendar77 thead .calendar77-title-name {
    cursor: pointer;
    padding: 0;
    color: #000;
    font-family: "Nunito Sans";
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 25px;
    text-transform: capitalize
}

.calendar77 thead .calendar77-nav-left:after {
    content: "<"
}

.calendar77 thead .calendar77-nav-right:after {
    content: ">"
}

.calendar77 tbody {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    display: none
}

.calendar77 tbody.visible {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    display: table-row-group
}

.calendar77 tbody td {
    border-radius: unset;
    display: table-cell;
    font-size: 14px;
    font-weight: lighter;
    text-align: center;
    transition: color .1s, background-color .2s;
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 21px;
    text-align: center;
    padding: 9px 12px
}

.calendar77 tbody tr:not(.calendar77-week-days) td {
    border: 1px solid #ddd
}

@media(max-width:587px) {
    .calendar77 tbody td {
        width: 22px;
        height: 22px;
        line-height: 23px
    }
}

@media(max-width:375px) {
    .calendar77 tbody td {
        width: 18px;
        height: 18px;
        line-height: 19px;
        font-size: 12px
    }
}

@media(max-width:320px) {
    .calendar77 tbody td {
        width: 15px;
        height: 15px;
        font-size: 12px !important
    }
}

.calendar77 tbody tr:not(.calendar77-week-days) td:not(.calendar77-disabled) {
    cursor: pointer
}

.calendar77 tbody .calendar77-week-days td {
    font-weight: 800;
    font-size: 15px;
    text-transform: capitalize
}

.calendar77 tbody td.calendar77-selected {
    background-color: #ffc766 !important;
    font-weight: bolder
}

.calendar77 tbody td.calendar77-current {
    border-radius: unset;
    color: #000
}

.calendar77 tbody td.calendar77-disabled {
    background-color: #f2f2f2;
    color: #9a9a9a
}

.calendar77 tbody td.calendar77-next {
    color: #fff;
    pointer-events: none
}

.calendar77 tbody td.calendar77-active {
    border: 2px solid #000 !important;
    background-color: #ffc13b;
    border-radius: unset;
    color: #000
}

.calendar77 ::-moz-selection {
    background: #83d8ff
}

.calendar77 ::selection {
    background: #83d8ff
}

#divShowHideLanguage {
    position: relative
}

#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row {
    margin-bottom: 12px
}

#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row span {
    margin-top: 0;
    margin-bottom: 6px
}

#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row select {
    height: 24px;
    font-size: 13px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 0;
    white-space: normal;
    height: auto;
    padding-right: 16px;
    appearance: none
}

#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row select::-ms-expand {
    display: none
}

#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row select:focus {
    border: 0
}

#divShowHideLanguage .dropdown.dropdown-scroll .scroll-row select option {
    padding-left: 5px
}

#divShowHideLanguage .flag {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    vertical-align: middle;
    background-position: center;
    background-size: 30px
}

body:not(.defered) #divShowHideLanguage .flag {
    background: none !important
}

#divShowHideLanguage .lblcode {
    font-family: "Plain Light", sans-serif;
    font-size: 12px;
    letter-spacing: 1px
}

#divShowHideLanguage>._btn:after {
    content: "";
    display: inline-block;
    transform: rotate(45deg);
    border: solid;
    border-width: 0 1px 1px 0;
    height: 8px;
    width: 8px;
    margin-left: 3px;
    margin-bottom: 3px
}

@media(max-width:1023px) {
    #divShowHideLanguage {
        padding: 16px 0;
        display: inline-block;
        border: 1px solid transparent
    }

    #divShowHideLanguage>._btn {
        margin-bottom: -1px;
        z-index: 2;
        position: relative;
        background: #fff;
        border-radius: 0
    }

    #divShowHideLanguage .dropdown {
        margin-left: 0 !important;
        width: 100%;
        box-sizing: content-box;
        display: block !important;
        max-height: 0;
        overflow: hidden;
        padding: 0;
        transition: all .4s;
        box-shadow: none;
        background-color: #fff;
        position: absolute;
        left: -1px;
        z-index: 1;
        transition: none
    }

    #divShowHideLanguage .language_title {
        font-size: 13px;
        letter-spacing: 1px
    }

    #divShowHideLanguage.dropdown-open {
        border-color: #000 #000 transparent
    }

    #divShowHideLanguage.dropdown-open .dropdown {
        max-height: 1000px;
        width: max-content;
        min-width: 247px;
        height: auto;
        border: 1px solid #000;
        transition: none
    }
}

@media(max-width:1023px) and (min-width:375px) {
    #divShowHideLanguage.dropdown-open .dropdown {
        min-width: 292px
    }
}

@media(max-width:1023px) {
    #divShowHideLanguage.dropdown-open .dropdown #divLanguageContent {
        padding: 8px 16px;
        transition: none
    }
}

@media(min-width:1024px) {
    #divShowHideLanguage {
        margin: 0;
        padding-right: 12px
    }

    #divShowHideLanguage .icon77-ic_down {
        transform: scale(.77)
    }

    #divShowHideLanguage .dropdown.dropdown-scroll .scroll-row {
        margin-bottom: 18px;
        position: relative
    }

    #divShowHideLanguage .dropdown.dropdown-scroll .scroll-row:last-of-type {
        margin-bottom: 0
    }

    #divShowHideLanguage .dropdown.dropdown-scroll .scroll-row .icon77-ic_down {
        position: absolute;
        right: 10px;
        bottom: 0;
        pointer-events: none;
        transform: scale(.5)
    }

    #divShowHideLanguage .dropdown.dropdown-scroll .scroll-row select {
        text-indent: 0;
        position: relative;
        background: none
    }

    #divShowHideLanguage .dropdown.dropdown-scroll .scroll-row .language_title {
        text-transform: none;
        font-size: 13px;
        letter-spacing: 1px
    }

    #divShowHideLanguage .divHeaderItem2Dropdown {
        max-width: 220px;
        padding: 16px;
        background-color: #f5f4f4
    }
}

.headerVisitShowroom {
    display: inline-block;
    margin-right: 12px
}

.headerVisitShowroom .showroom-overlay {
    background-color: rgba(0, 0, 0, .6);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    cursor: pointer
}

.headerVisitShowroom .dropdown {
    padding: 40px;
    padding-bottom: 0;
    width: 500px;
    box-sizing: border-box;
    white-space: normal
}

.headerVisitShowroom #showroomlist {
    box-shadow: 0 0 50px 10px rgba(0, 0, 0, .3);
    position: fixed;
    top: -2px;
    height: 100vh;
    box-sizing: border-box;
    overflow-y: auto;
    padding: 78px 0 50px 0
}

.headerVisitShowroom #showroomlist .closeShowroomArea {
    position: absolute;
    top: 24px;
    right: 36px;
    cursor: pointer
}

@media(max-width:1023.98px) {
    .headerVisitShowroom #showroomlist {
        overflow: auto
    }
}

@media(min-width:1024px) {
    .headerVisitShowroom #showroomlist {
        right: 0;
        left: auto;
        padding: 0;
        padding: 78px 0 50px 0;
        background-color: #fff;
        box-shadow: none
    }

    .headerVisitShowroom #showroomlist:after {
        content: "";
        position: absolute;
        width: 100vw;
        background: rgba(0, 0, 0, .3);
        height: 100%;
        right: 500px;
        top: -60px;
        pointer-events: none
    }
}

.headerVisitShowroom #showroomlist div.showroom-item {
    padding-left: 32px;
    padding-right: 32px
}

.headerVisitShowroom #showroomlist div.showroom-item.closest .showroomTitle {
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px
}

.headerVisitShowroom #showroomlist div.showroom-item:not(.closest).open .icon77.-down {
    transform: rotate(0deg)
}

.headerVisitShowroom .showroom-item {
    border-bottom: 1px solid #d3d3d3
}

.headerVisitShowroom .showroom-item:not(.closest) {
    background-color: #f5f5f5;
    padding: 10px 0
}

@media(max-width:400px) {
    .headerVisitShowroom .showroom-item .showroom-address {
        width: 100%
    }

    .headerVisitShowroom .showroom-item .showroom-map {
        width: 100%;
        padding-left: 0;
        padding-top: 12px
    }
}

.headerVisitShowroom .showroom-item iframe {
    border: 1px solid #000;
    padding: 1px
}

.headerVisitShowroom .showroom-item h5 {
    cursor: pointer
}

.headerVisitShowroom .showroom-item .showroom-more-info {
    display: none;
    padding-top: 15px
}

.headerVisitShowroom .newTag {
    color: #fff;
    font-size: 8px;
    background-color: #000;
    padding: 4px 4px 2px;
    vertical-align: top
}

.headerVisitShowroom .onlineConsultation {
    background: #ffeec9;
    padding: 20px 32px 25px 32px;
    margin-bottom: 20px
}

@media only screen and (min-width:1024px) {
    .headerVisitShowroom .onlineConsultation {
        padding: 36px 60px
    }

    .headerVisitShowroom .onlineConsultation ._h3 {
        font-size: 25px;
        text-align: center
    }
}

@media(max-width:1023px) {
    .headerVisitShowroom .dropdown {
        width: 100%;
        padding: 0
    }

    .headerVisitShowroom .showroom-item {
        padding: 0 16px
    }
}

.TopHeader {
    position: relative;
    padding: 15px 12px
}

@media(min-width:768px) {
    .TopHeader {
        padding: 25px
    }
}

@media(max-width:1023.98px) {
    body.stickyHeader .TopHeader {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        border-bottom: 1px solid #e4e4e4
    }
}

@media(min-width:1024px) {
    .TopHeader {
        padding: 22px 32px
    }

    .TopHeader .localizedLogo img {
        height: 40px
    }
}

header .TopHeader [data-dropdown] .dropdown.help-dropdown {
    min-width: 200px;
    box-shadow: 0 0 12px -1px rgba(13, 9, 0, .1), 0 1px 4px -1px rgba(13, 9, 0, .06)
}

header .TopHeader [data-dropdown] .dropdown.help-dropdown h3,
header .TopHeader [data-dropdown] .dropdown.help-dropdown p {
    font-family: "Domaine Text Light";
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

header .TopHeader [data-dropdown] .dropdown.help-dropdown:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: -5px;
    left: 8px;
    transform: rotate(-45deg);
    z-index: 1000;
    background: #fff;
    box-shadow: 3px -3px 7px -2px rgba(13, 9, 0, .1)
}

@media(min-width:1024px) {
    header .TopHeader [data-dropdown] .dropdown.help-dropdown {
        left: 50%;
        transform: translateX(-50%)
    }

    header .TopHeader [data-dropdown] .dropdown.help-dropdown:before {
        left: calc(50% - 10px)
    }
}

.TopHeader .localizedLogo img {
    height: 40px
}

#currency-popup {
    position: absolute;
    top: 35px;
    left: 5px;
    z-index: 1000;
    text-align: center;
    min-width: 260px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    box-shadow: 0 4px 9px -5px #444;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: visibility .4s linear, opacity .4s linear;
    visibility: hidden;
    opacity: 0
}

#currency-popup.hide {
    visibility: hidden;
    opacity: 0
}

#currency-popup.show {
    visibility: visible;
    opacity: 1
}

#currency-popup .popup-header {
    margin-top: 4px;
    color: #0d0900;
    font-family: "Domaine Text Light";
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center
}

#currency-popup .popup-text {
    color: #0d0900;
    width: 180px;
    font-family: "Domaine Text Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center
}

#currency-popup .popup-icon {
    position: absolute;
    top: 0%;
    right: 0%;
    margin: 8px;
    cursor: pointer
}

#currency-popup hr {
    width: 100%;
    margin: 16px 0
}

#currency-popup .popup-button {
    cursor: pointer;
    color: #fff;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .4px;
    line-height: 20px;
    text-align: center;
    background-color: #0d0900;
    border: 1px solid transparent;
    transition: all .4s linear;
    padding: 6px 33px;
    width: 100%;
    text-transform: uppercase
}

#currency-popup .popup-button:hover {
    color: #0d0900;
    border: 1px solid #0d0900;
    background-color: #fff
}

#currency-popup .popup-close-text {
    margin-top: 16px;
    color: #0d0900;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer
}

#currency-popup.nondispatch-country {
    width: calc(100vw - 34px)
}

@media only screen and (min-width:768px) {
    #currency-popup.nondispatch-country {
        width: 500px
    }
}

#currency-popup.nondispatch-country .popup-close-btn {
    position: absolute;
    top: 0;
    right: 0
}

#showroom-popover {
    position: absolute;
    top: 35px;
    right: 5px;
    z-index: 1000;
    text-align: center;
    min-width: 260px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    box-shadow: 0 4px 9px -5px #444;
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: visibility .4s linear, opacity .4s linear;
    visibility: hidden;
    opacity: 0
}

#showroom-popover.hide {
    visibility: hidden;
    opacity: 0
}

#showroom-popover.show {
    visibility: visible;
    opacity: 1
}

#showroom-popover .popover-header {
    margin-top: 4px;
    color: #0d0900;
    font-family: "Domaine Text Light";
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center
}

#showroom-popover .popover-text {
    color: #0d0900;
    width: 180px;
    font-family: "Domaine Text Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center
}

#showroom-popover .popover-text i {
    font-family: "Domaine Text Italic"
}

#showroom-popover .popover-icon {
    position: absolute;
    top: 0%;
    right: 0%;
    margin: 8px;
    cursor: pointer
}

#showroom-popover hr {
    width: 100%;
    margin: 16px 0
}

#showroom-popover .popover-button-underline {
    cursor: pointer;
    color: #0d0900;
    font-family: "Plain Light";
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: underline;
    text-underline-offset: 1px;
    margin-top: 12px
}

#showroom-popover .popover-button {
    cursor: pointer;
    color: #fff;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .4px;
    line-height: 20px;
    text-align: center;
    background-color: #0d0900;
    border: 1px solid transparent;
    transition: all .4s linear;
    padding: 6px 33px;
    text-transform: uppercase
}

#showroom-popover .popover-button:hover {
    color: #0d0900;
    border: 1px solid #0d0900;
    background-color: #fff
}

.header-bag {
    position: fixed;
    height: 100%;
    z-index: 1050;
    transition: all .4s
}

@media screen and (max-width:479.8px) {
    .header-bag {
        width: 100%;
        top: 0;
        right: 0
    }

    .header-bag:not(.active) {
        top: 100%
    }
}

@media screen and (min-width:480px) {
    .header-bag {
        width: 400px;
        top: 0;
        right: 0
    }

    .header-bag:not(.active) {
        right: -400px
    }
}

.header-bag:not(.active) {
    visibility: hidden
}

.header-bag:not(.active) .header-bag-overlay {
    opacity: 0;
    pointer-events: none
}

.header-bag .header-bag-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: -1;
    cursor: pointer;
    transition: all .4s
}

.header-bag .header-bag-content {
    background: #fff;
    height: 100%
}

.header-bag .header-bag-image {
    background-color: #fafafa;
    padding: 16px 5px
}

.header-bag .header-bag-image img {
    mix-blend-mode: darken
}

.header-bag .icon77-loading {
    margin: 150px 155px
}

.header-bag.loading:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    pointer-events: none
}

.header-bag.loading[data-items="1"] .icon77-loading {
    margin: 92px 155px
}

.main-nav {
    font-family: "Plain Light", sans-serif
}

.main-nav a {
    color: #0d0900
}

.main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-nav .nav-link {
    display: block;
    color: #0d0900;
    font-size: 12px;
    letter-spacing: .6px;
    text-transform: uppercase
}

.main-nav .icon77 {
    margin-right: 8px;
    margin-top: -3px
}

.main-nav .menu-title,
.main-nav .submenu-title,
.main-nav .menu-back {
    display: block;
    font-family: inherit
}

.main-nav .menu-title,
.main-nav .menu-back {
    font-size: 14px;
    line-height: 30px
}

.main-nav .submenu-title {
    font-size: 12px;
    line-height: 35px;
    margin-bottom: 0
}

.main-nav .submenu-link {
    display: block;
    line-height: 36px;
    font-size: 14px;
    text-transform: capitalize
}

.main-nav .submenu-link.link-highlight {
    background-color: #f3ece5;
    padding: 0 16px;
    font-size: 12px
}

.main-nav .small-submenu-link .submenu-link {
    line-height: 32px
}

.main-nav .menu-highlight {
    position: relative;
    display: block;
    background-color: #f3ece5;
    padding: 16px 46px 16px 16px;
    color: #0d0900;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.main-nav .menu-highlight:after {
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    border: solid;
    border-width: 0 1px 1px 0;
    height: 8px;
    width: 8px;
    top: 50%;
    margin-top: -6px;
    right: 20px
}

.main-nav .newTag {
    color: #fff;
    font-size: 7px;
    background-color: #0d0900;
    padding: 4px 6px 2px;
    margin-left: 4px;
    vertical-align: middle
}

.main-nav .metal-icon {
    width: 40px;
    height: 20px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle
}

@media(min-width:1024px) {
    .main-nav .metal-icon {
        margin-right: 12px;
        width: 20px
    }
}

.main-nav .metal-icon.rose-gold {
    background-color: #f5c8a9
}

.main-nav .metal-icon.yellow-gold {
    background-color: #e9d590
}

.main-nav .metal-icon.white-gold {
    background-color: #efefef
}

.main-nav .metal-icon.platinum {
    background-color: #c8c8c8
}

.main-nav .metal-icon.palladium {
    background-color: #e7eaeb
}

body.stickyHeader header {
    height: 59px
}

@media(min-width:768px) {
    body.stickyHeader header {
        height: 67px
    }
}

@media(min-width:1024px) {
    body.stickyHeader header {
        height: 110px
    }
}

@media(min-width:1024px) {
    body.stickyHeader .main-nav {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 65px;
        border-bottom: 1px solid #ccc
    }
}

a.header-phone-icon {
    font-family: "Plain Light", sans-serif;
    color: #0d0900;
    font-size: 12px;
    letter-spacing: .4px
}

.bookAppointment {
    cursor: pointer
}

@media(max-width:1024px) {
    .bookAppointment .icon77 {
        display: inline-block;
        margin-right: 12px
    }
}

@media(max-width:767px) {
    .bookAppointment .icon77 {
        margin-right: 0
    }
}

.bookAppointment .bookAppointment-title {
    margin: auto 10px;
    font-family: "Plain Light", sans-serif;
    color: #0d0900;
    font-size: 13px;
    line-height: initial;
    letter-spacing: 0
}

@media(max-width:1023.98px) {
    .NavigationItems {
        position: fixed;
        z-index: 1500;
        width: 100%;
        height: 100%;
        top: 0;
        visibility: hidden;
        transition: visibility .4s
    }

    body.menu .NavigationItems {
        visibility: visible
    }

    .wrapper-overlay {
        transition: background-color .4s;
        background-color: rgba(0, 0, 0, 0);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        top: 0
    }

    body.menu .wrapper-overlay {
        background-color: rgba(0, 0, 0, .3);
        width: 100%
    }

    /* .main-nav,
    ul.sub-menu {
        height: 100%;
        overflow: auto;
        left: -320px;
        width: 85%;
        max-width: 320px;
        background-color: #fff;
        transition: left .5s ease;
        z-index: 10002;
        padding: 0 24px 24px
    } */
}

/* @media(max-width:1023.98px) and (min-width:480px) {

    .main-nav,
    ul.sub-menu {
        max-width: 400px;
        left: -400px
    }
} */

@media(max-width:1023.98px) {
    .main-nav {
        position: absolute
    }

    body.menu .main-nav {
        left: 0
    }

    .main-nav .menu-title,
    .main-nav .menu-back {
        line-height: 42px
    }
}

@media(max-width:1023.98px) {
    /* .sub-menu {
        position: fixed;
        top: 0
    } */

    body.menu .sub-menu.active {
        left: 0
    }
}

@media(max-width:1023.98px) {
    .main-nav .menu-title.has-childs:before {
        content: "";
        float: right;
        transform: rotate(-45deg);
        border: solid;
        border-width: 0 1px 1px 0;
        height: 8px;
        width: 8px;
        margin: 17px 15px 0 5px
    }

    .main-nav li {
        padding: 8px 0;
        border-top: 1px solid #e4e4e4
    }

    .main-nav li.active .submenu-title.has-childs:after {
        border-width: 1px 0 0 1px;
        margin-top: 15px
    }

    .main-nav li.active .submenu-link {
        height: 36px
    }

    .main-nav li.active .submenu-link:last-child {
        height: 41px
    }

    .main-nav li.active .submenu-link.link-highlight {
        height: 26px
    }

    .main-nav li.active .submenu-link.link-highlight:first-of-type {
        height: 36px
    }

    .main-nav li.active .submenu-link.link-highlight:last-of-type {
        height: 36px
    }

    .main-nav li.-double .submenu-link:nth-child(2n) {
        width: 50%;
        float: left
    }

    .main-nav li.-double:after {
        content: "";
        clear: both;
        display: block
    }

    .main-nav .menu-back {
        border-top: 0
    }

    .main-nav .menu-back:before {
        content: "";
        float: left;
        transform: rotate(135deg);
        border: solid;
        border-width: 0 1px 1px 0;
        height: 8px;
        width: 8px;
        margin: 17px 5px 0 5px
    }

    .main-nav .submenu-title.has-childs:after {
        content: "";
        float: right;
        transform: rotate(45deg);
        border: solid;
        border-width: 0 1px 1px 0;
        height: 8px;
        width: 8px;
        margin-right: 7px;
        margin-top: 10px
    }

    .main-nav .submenu-link {
        height: 0;
        overflow: hidden;
        transition: height .2s
    }

    .main-nav .submenu-link.link-highlight {
        line-height: 26px
    }

    .main-nav .submenu-link.link-highlight:first-of-type {
        line-height: 46px
    }
}

.main-menu {
    display: flex
}

@media only screen and (max-width:1023.8px) {
    .main-menu {
        flex-direction: column
    }
}

@media only screen and (min-width:1024px) {
    .main-menu {
        justify-content: center
    }

    .main-menu .main-menu-item {
        display: inline-block;
        padding: 0 10px;
        line-height: 32px
    }
}

@media only screen and (min-width:1024px) and (min-width:1440px) {
    .main-menu .main-menu-item {
        padding: 0 20px
    }
}

@media only screen and (min-width:1024px) {
    .main-menu .main-menu-item .menu-title {
        font-size: 12px;
        letter-spacing: .4px
    }
}

@media only screen and (min-width:1024px) {
    .main-menu .main-menu-item:hover .sub-menu {
        visibility: visible;
        border: 1px solid #f2f2f2;
        border-width: 1px 0
    }

    html.no-touch .main-menu .main-menu-item:hover .sub-menu {
        transition-delay: .3s
    }

    .main-menu .main-menu-item:hover .sub-menu:after {
        content: ""
    }

    .main-menu .main-menu-item:hover .menu-title {
        position: relative
    }

    .main-menu .main-menu-item:hover .menu-title:after {
        content: "";
        border-bottom: 2px solid #ffc13b;
        z-index: 1000;
        width: 100%;
        left: 0;
        bottom: -1px;
        position: absolute
    }
}

@media only screen and (min-width:1024px) {
    body.stickyHeader .main-menu .main-menu-item .menu-title {
        line-height: 64px
    }
}

@media only screen and (min-width:1024px) and (min-width:1440px) {
    body.stickyHeader .main-menu .main-menu-item .menu-title {
        padding: 0 12px
    }
}

@media only screen and (min-width:1024px) {
    .main-menu .sub-menu {
        position: absolute;
        display: flex;
        z-index: 200;
        left: 0;
        width: 100%;
        background: #fff;
        height: 300px;
        padding: 30px calc(50% - 500px) 40px;
        align-content: space-between;
        flex-flow: column wrap;
        visibility: hidden
    }

    .main-menu .sub-menu li {
        max-width: 250px;
        margin-bottom: 25px
    }

    .main-menu .sub-menu li.-double .submenu-link {
        width: 50%;
        float: left
    }

    .main-menu .sub-menu li.-double:after {
        content: "";
        clear: both;
        display: block
    }

    .main-menu .sub-menu li.-small {
        max-width: 18%
    }

    .main-menu .sub-menu li.-small .menu-highlight {
        font-size: 11px;
        line-height: 1.8;
        padding-right: 16px
    }

    .main-menu .sub-menu li.-small .menu-highlight:after {
        content: none
    }

    .main-menu .sub-menu .submenu-title {
        color: #666
    }

    .main-menu .sub-menu.-engagement-rings {
        height: 500px
    }

    .main-menu .sub-menu.-jewellery {
        height: 575px
    }

    .main-menu .sub-menu.-diamonds {
        height: 495px
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .main-menu .sub-menu:after {
        background-position: center;
        background-repeat: no-repeat;
        order: 13;
        width: 25%;
        height: 100%;
        image-rendering: pixelated;
        margin-top: 10px
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:300dpi),
only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:2dppx) {
    .main-menu .sub-menu:after {
        background-size: cover
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .main-menu .sub-menu.-engagement-rings:after {
        background-image: url("/images/header/Categories/01_NAV_ER_x1.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:300dpi),
only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:2dppx) {
    .main-menu .sub-menu.-engagement-rings:after {
        background-image: url("/images/header/Categories/01_NAV_ER_x2.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .main-menu .sub-menu.-wedding-rings:after {
        background-image: url("/images/header/Categories/03_NAV_WED_x1.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:300dpi),
only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:2dppx) {
    .main-menu .sub-menu.-wedding-rings:after {
        background-image: url("/images/header/Categories/03_NAV_WED_x2.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .main-menu .sub-menu.-eternity-rings:after {
        background-image: url("/images/header/Categories/02_NAV_ET_x1.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:300dpi),
only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:2dppx) {
    .main-menu .sub-menu.-eternity-rings:after {
        background-image: url("/images/header/Categories/02_NAV_ET_x2.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .main-menu .sub-menu.-jewellery:after {
        background-image: url("/images/header/Categories/04_NAV_DJ_x1.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:300dpi),
only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:2dppx) {
    .main-menu .sub-menu.-jewellery:after {
        background-image: url("/images/header/Categories/04_NAV_DJ_x2.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .main-menu .sub-menu.-diamonds:after {
        background-image: url("/images/header/Categories/05_NAV_DIA_x1.jpg?v=2");
        background-position-y: top
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:300dpi),
only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:2dppx) {
    .main-menu .sub-menu.-diamonds:after {
        background-image: url("/images/header/Categories/05_NAV_DIA_x2.jpg?v=2")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .main-menu .sub-menu.-gemstones:after {
        background-image: url("/images/header/Categories/06_NAV_GEM_x1.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:300dpi),
only screen and (min-width:1024px) and (min-width:1024px) and (min-resolution:2dppx) {
    .main-menu .sub-menu.-gemstones:after {
        background-image: url("/images/header/Categories/06_NAV_GEM_x2.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) {
    .main-menu .sub-menu.-education:after {
        background-image: url("/images/header/Categories/07_NAV_EDU_x1.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1024px) and (min-device-pixel-ratio:2) {
    .main-menu .sub-menu.-education:after {
        background-image: url("/images/header/Categories/07_NAV_EDU_x2.jpg")
    }
}

@media only screen and (min-width:1024px) and (min-width:1440px) {
    .main-menu .sub-menu.-engagement-rings {
        padding-left: calc(50% - 600px);
        padding-right: calc(50% - 600px)
    }
}

@media only screen and (min-width:1024px) {
    .main-menu .submenu-link.link-highlight {
        line-height: 24px
    }

    .main-menu .submenu-link.link-highlight:first-of-type {
        padding-top: 10px
    }

    .main-menu .submenu-link.link-highlight:last-of-type {
        padding-bottom: 10px
    }
}

header {
    min-height: 60px;
    border-bottom: 1px solid #f2f2f2
}

header #logo img {
    max-height: 35px;
    width: auto;
    margin: 0 auto
}

header .navCloseButton {
    display: none;
    position: absolute
}

header [data-dropdown] {
    cursor: pointer;
    white-space: nowrap
}

header [data-dropdown] .dropdown {
    cursor: default;
    position: absolute;
    top: 100%;
    background: #fff;
    margin-top: 1px
}

header [data-dropdown]:not(.-right) .dropdown {
    left: 0
}

header [data-dropdown].-right .dropdown {
    right: 0
}

.caret-icon {
    position: relative
}

.caret-icon:after {
    content: "";
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -10px;
    width: 12px;
    height: 12px;
    transform: rotate(225deg);
    border: solid;
    border-width: 1.5px 0 0 1.5px
}

.caret-icon.-small:after {
    margin-top: -6px;
    width: 8px;
    height: 8px
}

.caret-icon.-up:after,
.open .caret-icon:after,
.active .caret-icon:after {
    transform: rotate(45deg);
    margin-top: 0
}

#vat_increase_banner.last-order-messaging {
    background-color: #f4f0ee !important
}

#vat_increase_banner div {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #f5f5f5
}

@media(max-width:768px) {
    #vat_increase_banner div {
        height: auto !important;
        flex-direction: column;
        padding: 10px 4px
    }
}

#vat_increase_banner ._p {
    font-size: 14px;
    color: #000;
    letter-spacing: .5px;
    text-align: center;
    line-height: 18px
}

@media(max-width:768px) {
    #vat_increase_banner ._p {
        margin-bottom: 10px
    }
}

#vat_increase_banner ._btn-link {
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 18px;
    color: #000;
    text-decoration: underline;
    text-transform: capitalize;
    margin-left: 10px;
    font-weight: 700;
    cursor: pointer
}

#vat_increase_banner ._btn-link:hover {
    opacity: .4
}

#ot-sdk-btn-floating,
#onetrust-close-btn-container {
    display: none !important
}

#onetrust-banner-sdk:focus {
    outline: 2px solid transparent !important
}

.cursor-pointer {
    cursor: pointer
}

.auth-header {
    padding-right: 10px
}

@media(max-width:1024px) {
    .auth-header {
        display: none
    }
}

#auth-popup {
    position: absolute;
    top: 35px;
    z-index: 1000;
    text-align: center;
    align-items: center;
    width: 367px;
    border: 1px solid #e4e4e4;
    background-color: #fff;
    box-shadow: 0 4px 9px -5px #444;
    padding: 24px;
    display: flex;
    flex-direction: column;
    transition: visibility .4s linear, opacity .4s linear;
    visibility: hidden;
    opacity: 0
}

#auth-popup.logged-in {
    width: 260px;
    text-align: left;
    align-items: flex-start;
    right: 10px
}

@media(max-width:768px) {
    #auth-popup {
        width: calc(100vw - 45px) !important;
        right: 0 !important
    }
}

#auth-popup.hide {
    visibility: hidden;
    opacity: 0
}

#auth-popup.show {
    visibility: visible;
    opacity: 1
}

#auth-popup .popup-header {
    margin-top: 4px;
    color: #0d0900;
    font-family: "Domaine Text Light";
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center
}

#auth-popup .popup-text {
    color: #0d0900;
    width: 100%;
    font-family: "Plain Medium";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left;
    margin-bottom: 0
}

#auth-popup .cta-link {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: underline;
    color: #0d0900;
    font-family: "Plain Medium";
    text-transform: capitalize;
    border: 0;
    background: none;
    padding: 0
}

#auth-popup ._cta {
    margin-top: 16px;
    width: 100%
}

#auth-popup .popup-icon {
    position: absolute;
    top: 0%;
    right: 0%;
    margin: 8px;
    cursor: pointer
}

#auth-popup hr {
    width: 100%;
    margin: 16px 0
}

#auth-popup .popup-button {
    cursor: pointer;
    color: #fff;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .4px;
    line-height: 20px;
    text-align: center;
    background-color: #0d0900;
    border: 1px solid transparent;
    transition: all .4s linear;
    padding: 6px 33px;
    width: 100%;
    text-transform: uppercase
}

#auth-popup .popup-button:hover {
    color: #0d0900;
    border: 1px solid #0d0900;
    background-color: #fff
}

#auth-popup .popup-close-text {
    margin-top: 16px;
    color: #0d0900;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer
}

#auth-popup.nondispatch-country {
    width: calc(100vw - 34px)
}

@media only screen and (min-width:768px) {
    #auth-popup.nondispatch-country {
        width: 500px
    }
}

#auth-popup.nondispatch-country .popup-close-btn {
    position: absolute;
    top: 0;
    right: 0
}

#auth-popup #formAuthPopup .fieldHolder.floating-label {
    position: relative;
    margin-bottom: 24px;
    height: 44px;
    border: 1px solid #e4e4e4;
    background-color: #fff
}

#auth-popup #formAuthPopup .fieldHolder.floating-label .floating-input:focus~label,
#auth-popup #formAuthPopup .fieldHolder.floating-label .floating-input:not(:placeholder-shown)~label {
    top: 0;
    transform: translateY(4px);
    color: #666;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px
}

#auth-popup #formAuthPopup .fieldHolder.floating-label:focus-within {
    border: 1px solid #666
}

#auth-popup #formAuthPopup .fieldHolder.floating-label label {
    color: #666;
    font-family: "Plain Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    position: absolute;
    pointer-events: none;
    left: 0;
    padding: 0 12px;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

#auth-popup #formAuthPopup .fieldHolder.floating-label.hasError {
    border: 1px solid #a9201e;
    margin-bottom: 40px
}

#auth-popup #formAuthPopup .fieldHolder.floating-label.hasError label {
    color: #a9201e !important
}

#auth-popup #formAuthPopup .fieldHolder.floating-label .errorMessage {
    position: absolute;
    bottom: 0;
    transform: translateY(110%);
    margin: 0
}

#auth-popup #formAuthPopup .fieldHolder.floating-label .errorMessage span {
    color: #a9201e;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 16px
}

#auth-popup #formAuthPopup .fieldHolder input {
    font-family: "Plain Light";
    color: #0d0900;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    height: 28px;
    border: 0;
    outline: 0;
    bottom: 0;
    position: absolute
}

#auth-popup #formAuthPopup .fieldHolder input:-webkit-autofill {
    -webkit-background-clip: text;
    background-clip: text
}

#auth-popup #formAuthPopup .fieldHolder input:focus {
    outline: 0;
    border: 0;
    box-shadow: none
}

#auth-popup #formAuthPopup .fieldHolder input::placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

#auth-popup #formAuthPopup #authPopupButton {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 3.125rem;
    background-color: #0d0900;
    border: 1px solid transparent;
    border-radius: 0;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Plain Light";
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    height: 44px;
    transition: all .4s linear
}

#auth-popup #formAuthPopup #authPopupButton.active {
    background-color: #2ecc71
}

#auth-popup #formAuthPopup #authPopupButton.active:before {
    width: 100%;
    transition: width 3s linear
}

#auth-popup #formAuthPopup #authPopupButton.active span:nth-of-type(1) {
    top: -100%;
    transform: translateY(-50%)
}

#auth-popup #formAuthPopup #authPopupButton.active span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%)
}

#auth-popup #formAuthPopup #authPopupButton.active span:nth-of-type(2) i {
    animation: loading 500ms linear infinite
}

#auth-popup #formAuthPopup #authPopupButton.active span:nth-of-type(3) {
    display: none
}

#auth-popup #formAuthPopup #authPopupButton.active span:nth-of-type(4) {
    display: none
}

#auth-popup #formAuthPopup #authPopupButton.finished {
    background-color: #54d98c
}

#auth-popup #formAuthPopup #authPopupButton.finished .submit {
    display: none
}

#auth-popup #formAuthPopup #authPopupButton.finished .loading {
    display: none
}

#auth-popup #formAuthPopup #authPopupButton.finished .check {
    display: block !important;
    font-size: 24px;
    animation: scale .5s linear
}

#auth-popup #formAuthPopup #authPopupButton.finished .check i {
    transform-origin: center center
}

#auth-popup #formAuthPopup #authPopupButton.failed {
    background-color: #d95954
}

#auth-popup #formAuthPopup #authPopupButton.failed:hover {
    color: #fff
}

#auth-popup #formAuthPopup #authPopupButton.failed .submit {
    display: none
}

#auth-popup #formAuthPopup #authPopupButton.failed .loading {
    display: none
}

#auth-popup #formAuthPopup #authPopupButton.failed .check {
    display: none
}

#auth-popup #formAuthPopup #authPopupButton.failed .error {
    display: flex !important;
    justify-items: center;
    justify-content: center
}

#auth-popup #formAuthPopup #authPopupButton:hover {
    background-color: #fff;
    border: 1px solid #0d0900;
    color: #0d0900
}

#auth-popup #formAuthPopup #authPopupButton.finished:hover,
#auth-popup #formAuthPopup #authPopupButton.active:hover {
    background-color: #54d98c;
    border: 1px solid transparent;
    color: unset
}

#auth-popup #formAuthPopup #authPopupButton.failed:hover {
    background-color: #d95954;
    border: 1px solid transparent;
    color: unset
}

#auth-popup #formAuthPopup #authPopupButton:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #54d98c
}

#auth-popup #formAuthPopup #authPopupButton span {
    position: absolute;
    line-height: 0
}

#auth-popup #formAuthPopup #authPopupButton span i {
    transform-origin: center center
}

#auth-popup #formAuthPopup #authPopupButton span:nth-of-type(1) {
    top: 50%;
    transform: translateY(-50%)
}

#auth-popup #formAuthPopup #authPopupButton span:nth-of-type(2) {
    top: 100%;
    transform: translateY(0%);
    font-size: 24px
}

#auth-popup #formAuthPopup #authPopupButton span:nth-of-type(3) {
    display: none
}

#auth-popup #formAuthPopup #authPopupButton span:nth-of-type(4) {
    display: none
}

#auth-popup #formAuthPopup .error-message {
    color: #a9201e;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 16px
}

#auth-popup #formAuthPopup ._btn-outline-light {
    background-color: #fff;
    border-color: #0d0900;
    color: #0d0900
}

#auth-popup #formAuthPopup ._btn-outline-light:hover {
    background-color: #0d0900;
    border-color: #fff;
    color: #fff
}

#auth-popup #formAuthPopup #togglePassword {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #fff;
    border: 0;
    outline: 0;
    padding: 0 10px
}

#auth-popup ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#auth-popup ul li {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    font-family: "Plain Light"
}

#auth-popup ul li:hover {
    font-family: "Plain Medium"
}

#auth-popup ul li+li {
    margin-top: 12px
}

#christmas_ribbon {
    margin: 24px 0;
    display: flex;
    text-align: center;
    justify-content: center;
    background-color: #d6b679
}

#christmas_ribbon .ribbon-container {
    position: relative;
    max-width: 1372px;
    width: 100%;
    margin: 0 auto
}

@media(max-width:425px) {
    #christmas_ribbon .ribbon-container {
        display: flex;
        justify-content: space-between
    }
}

#christmas_ribbon p {
    margin: 0;
    font-family: "Plain Light";
    padding: 8px 0;
    font-size: 12px;
    font-weight: bold
}

@media(max-width:768px) {
    #christmas_ribbon p {
        max-width: 80%
    }
}

@media(max-width:425px) {
    #christmas_ribbon p {
        max-width: 239px;
        margin: 0 10px;
        font-size: 10px
    }
}

#christmas_ribbon img {
    position: absolute;
    z-index: 100;
    width: 120px;
    right: 80px;
    bottom: -32px
}

@media(max-width:1025px) {
    #christmas_ribbon img {
        right: 20px;
        bottom: -32px
    }
}

@media(max-width:425px) {
    #christmas_ribbon img {
        width: 105px;
        right: 5px;
        bottom: -14px
    }
}

@charset "UTF-8";

@media(max-width:466px) {

    main#mainVideo,
    #RingSizeVideoArea picture img {
        width: 100% !important
    }
}

@media(min-width:466px) {

    main#mainVideo,
    #RingSizeVideoArea picture img {
        width: 60%
    }
}

#RingSizeVideoArea .video-overlay {
    height: 387px;
    position: absolute;
    z-index: 100;
    width: 100%
}

#RingSizeVideoArea .video-overlay .icon77-play_outline {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 40px;
    cursor: pointer
}

#RingSizeVideoArea .video-overlay {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, .537)), to(rgba(255, 255, 255, .279)));
    background: linear-gradient(0deg, rgba(255, 255, 255, .537), rgba(255, 255, 255, .279));
    background-size: cover
}

@media(max-width:480px) {
    #RingSizeVideoArea .video-overlay {
        height: 218px
    }
}

@media(max-width:480px) {
    #RingSizeVideoArea video {
        height: 218px
    }
}

main#education2020 {
    padding: 72px 0
}

main#education2020 .container {
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

main#education2020 ol {
    list-style-type: decimal;
    max-width: 680px;
    margin: auto;
    padding: 0 16px
}

main#education2020 ol.mb-72 {
    margin-bottom: 72px
}

main#education2020 ol li {
    text-align: left;
    font-weight: bold
}

main#education2020 ol li span {
    font-weight: normal
}

main#education2020 ol p {
    text-align: left
}

main#education2020 span a,
main#education2020 p a,
main#education2020 .p a {
    text-decoration: underline
}

main#education2020 section {
    margin-bottom: 72px
}

@media(min-width:769px) {
    main#education2020 section {
        margin-bottom: 72px
    }
}

main#education2020 section:last-of-type {
    padding-bottom: 0
}

main#education2020 section.remember-section {
    background-color: #fafafa;
    padding: 24px 0;
    text-align: left
}

main#education2020 section.remember-section h3 {
    font-family: "Playfair Display";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 27px;
    text-align: center
}

@media(max-width:466px) {
    main#education2020 section.remember-section h3 {
        text-align: left
    }
}

main#education2020 section.remember-section ul {
    list-style: none
}

main#education2020 section.remember-section ul li {
    text-align: left;
    margin: 0 auto;
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 26px
}

main#education2020 section.remember-section ul.dashed li {
    text-indent: -5px
}

main#education2020 section.remember-section ul.dashed li:before {
    content: "- ";
    text-indent: -5px
}

main#education2020 section.remember-section .container {
    max-width: 680px;
    margin: auto
}

main#education2020 section.useful-links {
    background-color: #f5f5f7;
    padding: 24px 0 96px 0
}

main#education2020 section.useful-links .container {
    max-width: 680px;
    margin: auto
}

main#education2020 section.useful-links u,
main#education2020 section.useful-links p {
    text-align: left
}

main#education2020 section.useful-links hr {
    border-bottom: 1px solid #d7d7d7
}

main#education2020 section.useful-links div.link {
    width: 49.8%;
    display: inline-block
}

@media(min-width:769px) {
    main#education2020 section.useful-links div.link {
        width: 33.3%
    }
}

main#education2020 section.useful-links div.link p {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 20px;
    margin-bottom: 12px
}

main#education2020 section.useful-links div.link a {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .26px;
    line-height: 19px;
    text-decoration: underline
}

main#education2020 section.useful-links div.link a:after {
    content: " »"
}

main#education2020 section.useful-links a:hover {
    opacity: .4
}

main#education2020 table {
    margin: 48px auto;
    width: 680px;
    table-layout: auto
}

@media(max-width:767.98px) {
    main#education2020 table {
        width: 96%
    }
}

main#education2020 table td,
main#education2020 table th {
    padding: 12px 0;
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 26px;
    text-align: left
}

@media(max-width:767.98px) {

    main#education2020 table td,
    main#education2020 table th {
        font-family: "Nunito Sans Light";
        font-size: 12px;
        letter-spacing: .43px;
        line-height: 18px;
        padding-right: 16px
    }
}

main#education2020 table td:first-of-type,
main#education2020 table th:first-of-type {
    min-width: 210px
}

@media(max-width:768.98px) {

    main#education2020 table td:first-of-type,
    main#education2020 table th:first-of-type {
        min-width: 140px
    }
}

main#education2020 table th:not(:first-of-type) {
    border-bottom: 1px solid #ccc
}

main#education2020 .tableWrapper {
    overflow: auto;
    height: 350px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

@media(max-width:466px) {
    main#education2020 .tableWrapper {
        width: auto
    }
}

main#education2020 table.table_ringsize {
    max-width: unset;
    width: auto;
    margin: auto
}

main#education2020 table.table_ringsize thead th {
    position: sticky;
    top: 0;
    background-color: #000;
    color: #fff;
    font-family: "Nunito Sans SemiBold";
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 16px;
    text-align: center
}

main#education2020 table.table_ringsize tbody {
    overflow-y: scroll
}

main#education2020 table.table_ringsize tbody tr:nth-child(odd) {
    background: #f5f5f5
}

main#education2020 table.table_ringsize tbody td {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 12px;
    letter-spacing: .3px;
    line-height: 24px;
    text-align: center;
    padding: 0
}

main#education2020 section.index {
    background-color: #fafafa;
    padding: 24px 0
}

main#education2020 section.index li {
    text-align: left;
    margin-bottom: 0
}

main#education2020 section.index .container {
    max-width: 380px;
    margin: auto
}

@media(min-width:768px) {
    main#education2020 section.index .container {
        max-width: 680px
    }
}

@media(min-width:769px) {
    main#education2020 section.index {
        padding: 32px 0
    }
}

main#education2020 section.index h5 {
    color: #000;
    font-family: "Nunito Sans Bold";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px
}

@media(min-width:1023.98px) {
    main#education2020 section.index h5 {
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 26px
    }
}

main#education2020 section.index ul {
    list-style-type: disc;
    list-style-position: inside
}

main#education2020 section.index ul li {
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px;
    cursor: pointer
}

@media(min-width:1023.98px) {
    main#education2020 section.index ul li {
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 26px
    }
}

main#education2020 h1,
main#education2020 h2 {
    font-family: "Playfair Display";
    font-size: 25px;
    font-weight: bold;
    letter-spacing: .5px;
    line-height: 33px;
    text-align: center;
    margin: auto;
    margin-bottom: 36px
}

@media(min-width:769px) {

    main#education2020 h1,
    main#education2020 h2 {
        font-size: 44px;
        letter-spacing: 1.41px;
        line-height: 60px;
        margin-bottom: 48px
    }
}

main#education2020 h2 {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:769px) {
    main#education2020 h2 {
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 40px
    }
}

@media(max-width:466px) {
    main#education2020 h2 {
        text-align: left
    }
}

main#education2020.brexit2021 h2 {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

@media(min-width:769px) {
    main#education2020.brexit2021 h2 {
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 40px
    }
}

@media(max-width:466px) {
    main#education2020.brexit2021 h2 {
        text-align: left
    }
}

main#education2020 u {
    text-decoration: none;
    font-weight: bold;
    letter-spacing: .36px;
    line-height: 24px
}

main#education2020.ring-size-guide u {
    margin: 24px 0
}

main#education2020 p,
main#education2020 li,
main#education2020 .p,
main#education2020 .ul-list {
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 21px;
    text-align: left;
    margin: auto;
    margin-bottom: 24px;
    max-width: 370px
}

@media(min-width:768px) {

    main#education2020 p,
    main#education2020 li,
    main#education2020 .p,
    main#education2020 .ul-list {
        max-width: 680px;
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 26px
    }
}

main#education2020 p strong,
main#education2020 li strong,
main#education2020 .p strong,
main#education2020 .ul-list strong {
    font-family: "Nunito Sans SemiBold"
}

@media(min-width:769px) {
    main#education2020 .ul-list {
        max-width: 630px;
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 26px
    }
}

main#education2020 .ul-list li:before {
    content: "-";
    padding-right: 5px
}

main#education2020 .sectionTitle p {
    text-align: center
}

main#education2020 .p li:first-of-type {
    margin-top: 24px
}

main#education2020 .p li {
    margin-bottom: 0
}

main#education2020 hr {
    border: none;
    border-bottom: 1px solid #000;
    width: 120px;
    max-width: 100%;
    margin: 24px auto
}

@media(min-width:769px) {
    main#education2020 hr {
        margin: 36px auto
    }
}

main#education2020 hr.fullWidth {
    width: 100%
}

main#education2020 .faq_question {
    font-family: "Nunito Sans SemiBold";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 26px
}

main#education2020 .faq_text {
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 26px;
    margin-top: 10px
}

@media(min-width:769px) {
    main#education2020 .faq_summary {
        max-width: 680px;
        margin: auto
    }
}

main#education2020 .faq_summary::-webkit-details-marker {
    display: none
}

main#education2020 .faq_summary:after {
    display: inline-block;
    width: 15px;
    height: 18px;
    vertical-align: middle;
    content: "";
    background-image: url(~icons/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: center right;
    margin-left: 10px
}

#education7c.OurPromises .content .main-title {
    color: #000;
    font-family: "Domaine Text Light";
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 52px;
    text-align: center;
    margin-bottom: 16px;
    margin-top: 32px
}

#education7c.OurPromises .content .main-p {
    color: #000;
    font-family: "Domaine Text Light";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center
}

#education7c.OurPromises .content hr {
    margin: 48px auto;
    height: 2px;
    width: 200px;
    background-color: #000
}

#education7c.OurPromises .content .sub-title {
    color: #000;
    font-family: "Domaine Text Light";
    font-size: 32px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 48px;
    margin-bottom: 8px
}

#education7c.OurPromises .content .sub-p {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 32px
}

@media(max-width:480px) {
    #education7c.OurPromises .content .main-title {
        font-size: 32px;
        line-height: 44px;
        margin-top: 10px
    }

    #education7c.OurPromises .content .main-p {
        color: #000;
        font-family: "Domaine Text Light";
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 28px;
        text-align: center
    }

    #education7c.OurPromises .content hr {
        margin: 32px auto
    }

    #education7c.OurPromises .content .sub-title {
        font-size: 22px;
        line-height: 28px
    }

    #education7c.OurPromises .content .sub-p {
        font-size: 14px;
        line-height: 20px
    }
}

.icon77 {
    background-image: url(/Assets/icons/icon77.png?v=638786825780000000)
}

@media(-webkit-min-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min--moz-device-pixel-ratio:1.5), (min-resolution:1.5dppx), (min-device-pixel-ratio:1.5) {
    .icon77 {
        background-image: url(/Assets/icons/icon77@2x.png?v=638786825780000000);
        background-size: 473px 442px
    }
}

.icon77-AGS-Horizontal_color_tag {
    background-position: 0 -58px;
    width: 145.5px;
    height: 56px
}

.icon77-Apple {
    background-position: -321px -94px;
    width: 35px;
    height: 35px
}

.icon77-Back_to_top {
    background-position: -453px -428px;
    width: 15px;
    height: 9px
}

.icon77-Coloured {
    background-position: -52px -340px;
    width: 24px;
    height: 24px
}

.icon77-Em_Ring {
    background-position: -364px -340px;
    width: 24px;
    height: 24px
}

.icon77-Footer_Assay {
    background-position: 0 -116px;
    width: 100px;
    height: 54px
}

.icon77-Footer_BSA {
    background-position: -169px 0;
    width: 100px;
    height: 59px
}

.icon77-Google {
    background-position: -321px -205px;
    width: 35px;
    height: 35px
}

.icon77-Icon_AmazonPay {
    background-position: -50px -232px;
    width: 50px;
    height: 30px
}

.icon77-Icon_Amex {
    background-position: -102px -232px;
    width: 50px;
    height: 30px
}

.icon77-Icon_CB {
    background-position: -154px -232px;
    width: 50px;
    height: 30px
}

.icon77-Icon_CallUs {
    background-position: -102px -116px;
    width: 50px;
    height: 50px
}

.icon77-Icon_ChatNow {
    background-position: -154px -116px;
    width: 50px;
    height: 50px
}

.icon77-Icon_Email {
    background-position: -206px -116px;
    width: 50px;
    height: 50px
}

.icon77-Icon_Klarna {
    background-position: -206px -232px;
    width: 50px;
    height: 30px
}

.icon77-Icon_MasterCard {
    background-position: -258px -232px;
    width: 50px;
    height: 30px
}

.icon77-Icon_NewDeco {
    background-position: 0 -282px;
    width: 50px;
    height: 30px
}

.icon77-Icon_Paypal {
    background-position: -52px -282px;
    width: 50px;
    height: 30px
}

.icon77-Icon_Support {
    background-position: 0 -172px;
    width: 58px;
    height: 58px
}

.icon77-Icon_Visa {
    background-position: -104px -282px;
    width: 50px;
    height: 30px
}

.icon77-Minus-icon {
    background-position: -453px -222px;
    width: 19px;
    height: 19px
}

.icon77-Ruby_Ring {
    background-position: -286px -392px;
    width: 24px;
    height: 24px
}

.icon77-Sapph_Necklace {
    background-position: -364px -392px;
    width: 24px;
    height: 24px
}

.icon77-Sapph_Ring {
    background-position: -390px -392px;
    width: 24px;
    height: 24px
}

.icon77-Trustpilot_logo {
    background-position: -169px -61px;
    width: 100px;
    height: 40px
}

.icon77-advice {
    background-position: -271px 0;
    width: 48px;
    height: 48px
}

.icon77-arrow-left {
    background-position: -453px -380px;
    width: 18px;
    height: 9px
}

.icon77-arrow-left_g {
    background-position: -363px -152px;
    width: 35px;
    height: 18px
}

.icon77-arrow-right {
    background-position: -453px -391px;
    width: 18px;
    height: 9px
}

.icon77-arrow-right_g {
    background-position: -363px -172px;
    width: 35px;
    height: 18px
}

.icon77-arrow {
    background-position: -363px -218px;
    width: 24px;
    height: 24px
}

.icon77-arrow_g {
    background-position: -321px -131px;
    width: 35px;
    height: 35px
}

.icon77-attachement {
    background-position: -453px -159px;
    width: 19px;
    height: 19px
}

.icon77-bell {
    background-position: -363px -244px;
    width: 24px;
    height: 24px
}

.icon77-book_app {
    background-position: -363px -270px;
    width: 24px;
    height: 24px
}

.icon77-calendar {
    background-position: -363px -296px;
    width: 24px;
    height: 24px
}

.icon77-carat-down {
    background-position: -390px -192px;
    width: 8px;
    height: 4px
}

.icon77-carat-down_white {
    background-position: -363px -322px;
    width: 12px;
    height: 6px
}

.icon77-caret-down {
    background-position: -453px -402px;
    width: 16px;
    height: 10px
}

.icon77-cert {
    background-position: -271px -50px;
    width: 48px;
    height: 48px
}

.icon77-chat-black {
    background-position: 0 -340px;
    width: 24px;
    height: 24px
}

.icon77-chat-sm {
    background-position: -453px -27px;
    width: 20px;
    height: 20px
}

.icon77-chat {
    background-position: -453px -345px;
    width: 18px;
    height: 17px
}

.icon77-chevron {
    background-position: -26px -340px;
    width: 24px;
    height: 24px
}

.icon77-close_white {
    background-position: -453px -285px;
    width: 18px;
    height: 18px
}

.icon77-crafted {
    background-position: -271px -100px;
    width: 48px;
    height: 48px
}

.icon77-cupids {
    background-position: -78px -340px;
    width: 24px;
    height: 24px
}

.icon77-cupidslg {
    background-position: -104px -340px;
    width: 24px;
    height: 24px
}

.icon77-delivery-box {
    background-position: -130px -340px;
    width: 24px;
    height: 24px
}

.icon77-dia_triangular {
    background-position: -208px -340px;
    width: 24px;
    height: 24px
}

.icon77-diamond_round {
    background-position: -156px -340px;
    width: 24px;
    height: 24px
}

.icon77-diamond_round_yellow {
    background-position: -182px -340px;
    width: 24px;
    height: 24px
}

.icon77-double_tick {
    background-position: -234px -340px;
    width: 24px;
    height: 24px
}

.icon77-down_gray {
    background-position: -260px -340px;
    width: 24px;
    height: 24px
}

.icon77-email-chat {
    background-position: -453px -180px;
    width: 19px;
    height: 19px
}

.icon77-email {
    background-position: -286px -340px;
    width: 24px;
    height: 24px
}

.icon77-email:not(.hover-disabled):hover {
    background-position: -312px -340px;
    width: 24px;
    height: 24px
}

.icon77-emerald_round {
    background-position: -338px -340px;
    width: 24px;
    height: 24px
}

.icon77-error {
    background-position: 0 -366px;
    width: 24px;
    height: 24px
}

.icon77-et_channel {
    background-position: -121px -264px;
    width: 68px;
    height: 12px
}

.icon77-et_claw {
    background-position: -191px -264px;
    width: 68px;
    height: 12px
}

.icon77-et_designer {
    background-position: -50px -264px;
    width: 69px;
    height: 14px
}

.icon77-exit {
    background-position: -453px -414px;
    width: 12px;
    height: 12px
}

.icon77-eye-off {
    background-position: -26px -366px;
    width: 24px;
    height: 24px
}

.icon77-eye {
    background-position: -52px -366px;
    width: 24px;
    height: 24px
}

.icon77-facebook-new {
    background-position: -321px -168px;
    width: 35px;
    height: 35px
}

.icon77-facebook {
    background-position: -78px -366px;
    width: 24px;
    height: 24px
}

.icon77-gia-logo {
    background-position: 0 0;
    width: 167px;
    height: 56px
}

.icon77-help-circle-outline {
    background-position: -104px -366px;
    width: 24px;
    height: 24px
}

.icon77-help {
    background-position: -271px -150px;
    width: 48px;
    height: 48px
}

.icon77-ic_chat {
    background-position: -130px -366px;
    width: 24px;
    height: 24px
}

.icon77-ic_down {
    background-position: -453px -71px;
    width: 20px;
    height: 20px
}

.icon77-ic_left {
    background-position: -453px -93px;
    width: 20px;
    height: 20px
}

.icon77-ic_right {
    background-position: -453px -115px;
    width: 20px;
    height: 20px
}

.icon77-icon-email {
    background-position: -453px -364px;
    width: 20px;
    height: 14px
}

.icon77-icon-phone {
    background-position: -453px -49px;
    width: 20px;
    height: 20px
}

.icon77-info-circle-solid {
    background-position: -156px -366px;
    width: 24px;
    height: 24px
}

.icon77-instagram {
    background-position: -182px -366px;
    width: 24px;
    height: 24px
}

.icon77-jcb {
    background-position: -156px -282px;
    width: 50px;
    height: 30px
}

.icon77-leave {
    background-position: -453px -201px;
    width: 19px;
    height: 19px
}

.icon77-linkedin {
    background-position: -208px -366px;
    width: 24px;
    height: 24px
}

.icon77-loading {
    background-position: -321px -52px;
    width: 40px;
    height: 40px
}

.icon77-location_alert {
    background-position: -234px -366px;
    width: 24px;
    height: 24px
}

.icon77-lock {
    background-position: -260px -366px;
    width: 24px;
    height: 24px
}

.icon77-log-out {
    background-position: -286px -366px;
    width: 24px;
    height: 24px
}

.icon77-logo-assay-sm {
    background-position: -453px 0;
    width: 20px;
    height: 25px
}

.icon77-logo-assay {
    background-position: -321px 0;
    width: 40px;
    height: 50px
}

.icon77-map-marker {
    background-position: -312px -366px;
    width: 24px;
    height: 24px
}

.icon77-nav-cross {
    background-position: -453px -305px;
    width: 18px;
    height: 18px
}

.icon77-nav_EAR_drops {
    background-position: -401px -182px;
    width: 24px;
    height: 24px
}

.icon77-nav_EAR_hoops {
    background-position: -401px -208px;
    width: 24px;
    height: 24px
}

.icon77-nav_EAR_studs {
    background-position: -401px -234px;
    width: 24px;
    height: 24px
}

.icon77-nav_ER_diamband {
    background-position: -271px -200px;
    width: 48px;
    height: 24px
}

.icon77-nav_ER_halo {
    background-position: -260px -282px;
    width: 48px;
    height: 24px
}

.icon77-nav_ER_solitaire {
    background-position: -310px -282px;
    width: 48px;
    height: 24px
}

.icon77-nav_ER_trilogy {
    background-position: 0 -314px;
    width: 48px;
    height: 24px
}

.icon77-nav_ER_vintage {
    background-position: -50px -314px;
    width: 48px;
    height: 24px
}

.icon77-nav_ET_channel {
    background-position: -100px -314px;
    width: 65px;
    height: 12px
}

.icon77-nav_ET_claw {
    background-position: -167px -314px;
    width: 65px;
    height: 12px
}

.icon77-nav_ET_designer {
    background-position: -234px -314px;
    width: 65px;
    height: 12px
}

.icon77-nav_GEM_emerald {
    background-position: -321px -242px;
    width: 36px;
    height: 29px
}

.icon77-nav_GEM_ruby {
    background-position: -363px 0;
    width: 36px;
    height: 29px
}

.icon77-nav_GEM_sapphire {
    background-position: -363px -31px;
    width: 36px;
    height: 29px
}

.icon77-nav_NECK_initials {
    background-position: -26px -392px;
    width: 24px;
    height: 24px
}

.icon77-nav_NECK_necklaces {
    background-position: -52px -392px;
    width: 24px;
    height: 24px
}

.icon77-nav_NECK_pendants {
    background-position: -78px -392px;
    width: 24px;
    height: 24px
}

.icon77-nav_bag {
    background-position: -338px -366px;
    width: 24px;
    height: 24px
}

.icon77-nav_bag_full {
    background-position: -364px -366px;
    width: 24px;
    height: 24px
}

.icon77-nav_c_coldiam {
    background-position: -401px 0;
    width: 24px;
    height: 24px
}

.icon77-nav_c_diamond {
    background-position: -401px -26px;
    width: 24px;
    height: 24px
}

.icon77-nav_c_earring {
    background-position: -401px -52px;
    width: 24px;
    height: 24px
}

.icon77-nav_c_necklaces {
    background-position: -401px -78px;
    width: 24px;
    height: 24px
}

.icon77-nav_c_ring {
    background-position: -401px -104px;
    width: 24px;
    height: 24px
}

.icon77-nav_drops {
    background-position: -401px -130px;
    width: 24px;
    height: 24px
}

.icon77-nav_ear {
    background-position: -401px -156px;
    width: 24px;
    height: 24px
}

.icon77-nav_emerald {
    background-position: -401px -260px;
    width: 24px;
    height: 24px
}

.icon77-nav_hoops {
    background-position: -401px -286px;
    width: 24px;
    height: 24px
}

.icon77-nav_location {
    background-position: -401px -312px;
    width: 24px;
    height: 24px
}

.icon77-nav_location_full {
    background-position: -401px -338px;
    width: 24px;
    height: 24px
}

.icon77-nav_menu {
    background-position: -401px -364px;
    width: 24px;
    height: 24px
}

.icon77-nav_neck {
    background-position: 0 -392px;
    width: 24px;
    height: 24px
}

.icon77-nav_ruby {
    background-position: -104px -392px;
    width: 24px;
    height: 24px
}

.icon77-nav_sapphire {
    background-position: -130px -392px;
    width: 24px;
    height: 24px
}

.icon77-nav_set_ring {
    background-position: -156px -392px;
    width: 24px;
    height: 24px
}

.icon77-nav_studs {
    background-position: -182px -392px;
    width: 24px;
    height: 24px
}

.icon77-phone {
    background-position: -208px -392px;
    width: 24px;
    height: 24px
}

.icon77-pinterest {
    background-position: -234px -392px;
    width: 24px;
    height: 24px
}

.icon77-play_outline {
    background-position: -60px -172px;
    width: 56px;
    height: 56px
}

.icon77-plus-512 {
    background-position: -453px -243px;
    width: 19px;
    height: 19px
}

.icon77-ratings_4half {
    background-position: -118px -172px;
    width: 110px;
    height: 20.5px
}

.icon77-ratings_5 {
    background-position: -118px -194.5px;
    width: 110px;
    height: 20.5px
}

.icon77-refresh {
    background-position: -260px -392px;
    width: 24px;
    height: 24px
}

.icon77-ruby_round {
    background-position: -312px -392px;
    width: 24px;
    height: 24px
}

.icon77-sapphire_round {
    background-position: -338px -392px;
    width: 24px;
    height: 24px
}

.icon77-secure {
    background-position: -427px 0;
    width: 24px;
    height: 24px
}

.icon77-send {
    background-position: -453px -264px;
    width: 19px;
    height: 19px
}

.icon77-shape_asscher {
    background-position: -427px -26px;
    width: 24px;
    height: 24px
}

.icon77-shape_cushion {
    background-position: -427px -52px;
    width: 24px;
    height: 24px
}

.icon77-shape_emerald {
    background-position: -427px -78px;
    width: 24px;
    height: 24px
}

.icon77-shape_heart {
    background-position: -427px -104px;
    width: 24px;
    height: 24px
}

.icon77-shape_kite {
    background-position: -427px -130px;
    width: 24px;
    height: 24px
}

.icon77-shape_marquise {
    background-position: -427px -156px;
    width: 24px;
    height: 24px
}

.icon77-shape_oldcut {
    background-position: -427px -182px;
    width: 24px;
    height: 24px
}

.icon77-shape_other {
    background-position: -427px -208px;
    width: 24px;
    height: 24px
}

.icon77-shape_oval {
    background-position: -427px -234px;
    width: 24px;
    height: 24px
}

.icon77-shape_pear {
    background-position: -427px -260px;
    width: 24px;
    height: 24px
}

.icon77-shape_princess {
    background-position: -427px -286px;
    width: 24px;
    height: 24px
}

.icon77-shape_radiant {
    background-position: -427px -312px;
    width: 24px;
    height: 24px
}

.icon77-shape_rectangle {
    background-position: -427px -338px;
    width: 24px;
    height: 24px
}

.icon77-shape_round {
    background-position: -427px -364px;
    width: 24px;
    height: 24px
}

.icon77-shape_square {
    background-position: -427px -390px;
    width: 24px;
    height: 24px
}

.icon77-share {
    background-position: -453px -325px;
    width: 18px;
    height: 18px
}

.icon77-social-X {
    background-position: -26px -418px;
    width: 24px;
    height: 24px
}

.icon77-social-tiktok-24px {
    background-position: 0 -418px;
    width: 24px;
    height: 24px
}

.icon77-sourced {
    background-position: 0 -232px;
    width: 48px;
    height: 48px
}

.icon77-star {
    background-position: -363px -192px;
    width: 25px;
    height: 24px
}

.icon77-tab-tick {
    background-position: -52px -418px;
    width: 24px;
    height: 24px
}

.icon77-thumbs {
    background-position: -363px -62px;
    width: 28px;
    height: 28px
}

.icon77-thumbs:not(.hover-disabled):hover {
    background-position: -363px -92px;
    width: 28px;
    height: 28px
}

.icon77-thumbs_selected {
    background-position: -363px -122px;
    width: 28px;
    height: 28px
}

.icon77-twitter {
    background-position: -78px -418px;
    width: 24px;
    height: 24px
}

.icon77-user {
    background-position: -104px -418px;
    width: 24px;
    height: 24px
}

.icon77-v12-logo {
    background-position: -208px -282px;
    width: 50px;
    height: 30px
}

.icon77-whatsapp-sm {
    background-position: -453px -137px;
    width: 20px;
    height: 20px
}

.icon77-whatsapp {
    background-position: -130px -418px;
    width: 24px;
    height: 24px
}

.icon77-wheelchair {
    background-position: -156px -418px;
    width: 24px;
    height: 24px
}

.icon77-youtube {
    background-position: -182px -418px;
    width: 24px;
    height: 24px
}

.icon77.-right {
    transform: rotate(90deg)
}

.icon77.-down {
    transform: rotate(180deg)
}

.icon77.-left {
    transform: rotate(-90deg)
}

.icon77.flip {
    transform: rotateX(180deg) rotateY(180deg)
}

.icon77.-white {
    filter: invert(1)
}

.icon77.-red {
    filter: invert(25%) sepia(86%) saturate(100)
}

.icon77.-yellow {
    filter: brightness(0) invert(1) sepia(67%) saturate(100)
}

.icon77.-emerald {
    filter: invert(12%) sepia(95%) saturate(4964%) hue-rotate(154deg) brightness(95%) contrast(101%)
}

.icon77.-tourmaline {
    filter: invert(41%) sepia(99%) saturate(1434%) hue-rotate(190deg) brightness(97%) contrast(90%)
}

#showHideSeoText {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 8px;
    z-index: 9
}

#showHideSeoText>i {
    -webkit-transition: color .5s ease, -webkit-transform .5s ease;
    transition: color .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, color .5s ease;
    transition: transform .5s ease, color .5s ease, -webkit-transform .5s ease
}

#showHideSeoText:hover>i,
#showHideSeoText.active>i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

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

#seoTextTop h1 {
    font-size: 2.2em;
    margin-bottom: .75em
}

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

@media(max-width:768px) {
    #showHideSeoText.active+#seoTextTop {
        padding: 10px 6px
    }
}

@media(max-width:768px) {
    #showHideSeoText.active+#seoTextTop .h1 {
        font-size: 17px
    }
}

@media(max-width:320px) {
    #showHideSeoText.active+#seoTextTop .h1 {
        font-size: 13px
    }
}

@media(max-width:768px) {
    #showHideSeoText.active+#seoTextTop p {
        font-size: 14px;
        line-height: 1.4
    }
}

@media(max-width:320px) {
    #showHideSeoText.active+#seoTextTop p {
        font-size: 13px
    }
}

#hero {
    position: relative
}

#hero .HomepageTopBanner {
    margin: 0;
    padding: 0;
    border-width: 0;
    white-space: nowrap
}

#hero .HomepageTopBanner .singleSlide {
    overflow: hidden;
    position: relative;
    text-align: center
}

#hero .HomepageTopBanner .singleSlide .singleSlideInner img {
    max-width: 100%;
    height: auto
}

#hero .HomepageTopBanner .singleSlide .link_btn {
    -webkit-transition: .5s;
    transition: .5s;
    font-family: 'Nunito Sans SemiBold';
    pointer-events: none;
    text-align: center;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 45px;
    line-height: 45px;
    max-width: 90%;
    background-color: #fff;
    color: #333;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    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;
    white-space: normal;
    line-height: 17px;
    text-transform: uppercase
}

#hero .HomepageTopBanner.christmas .singleSlide .link_btn {
    background-color: #fff;
    border: 1px solid #0e3752;
    color: #0e3752
}

#hero .newHomepageBanner .slideContent {
    padding-top: 50px
}

#hero .newHomepageBanner .slideContent.mobilePreCTA {
    position: absolute;
    bottom: 12px;
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#hero .newHomepageBanner .slideContent.mobilePreCTA .buttonsHolder a._cta-white {
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid #fff;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 18px
}

#hero .newHomepageBanner .slideContent .h1 {
    font-family: "Nunito Sans";
    font-size: 22px;
    font-weight: 600;
    letter-spacing: .6px;
    line-height: 30px;
    text-align: center;
    margin: auto;
    margin-bottom: 24px;
    max-width: 84%
}

#hero .newHomepageBanner .slideContent p {
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .5px;
    line-height: 21px;
    text-align: center;
    max-width: 84%;
    margin: auto
}

#hero .newHomepageBanner .slideContent .buttonsHolder {
    text-align: center;
    padding: 11px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0
}

#hero .newHomepageBanner .slideContent .buttonsHolder a._cta-black {
    width: 220px;
    padding: 0 12px
}

@media(min-width:425px) {
    #hero .newHomepageBanner.bespoke .slide img {
        width: 100%
    }
}

@media(max-width:425px) {
    #hero .newHomepageBanner.bespoke .slideContent .h1 {
        font-size: 14px;
        color: #fff;
        letter-spacing: .44px;
        text-align: center;
        margin-bottom: 0
    }
}

@media(max-width:425px) {
    #hero .newHomepageBanner.bespoke .slideContent p {
        font-size: 12px;
        color: #fff;
        letter-spacing: .3px;
        text-align: center;
        line-height: 18px;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

#hero .newHomepageBanner.bespoke .slideContent.mobilePreCTA {
    position: absolute;
    top: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: 24px
}

#hero .newHomepageBanner.bespoke .slideContent.mobilePreCTA .buttonsHolder {
    padding-top: 20px
}

@media(max-width:425px) {
    #hero .newHomepageBanner.bespoke .slideContent.mobilePreCTA .buttonsHolder {
        padding: 0;
        margin: 0
    }
}

#hero .newHomepageBanner.bespoke .slideContent.mobilePreCTA .buttonsHolder a._cta-white {
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid #fff;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    line-height: 18px
}

#hero .newHomepageBanner.bespoke .slideContent.mobilePreCTA .buttonsHolder a._cta-white:hover {
    background: rgba(255, 255, 255, .4)
}

#hero .newHomepageBanner.olympia .buttonsHolder a._cta-black,
#hero .newHomepageBanner.olympia .buttonsHolder a._cta-white {
    border-radius: 4px
}

#hero .newHomepageBanner.olympia .slideContent.mobilePreCTA {
    top: 0
}

#hero .newHomepageBanner.olympia .slideContent .h1 {
    font-family: "Nunito Sans SemiBold";
    font-size: 24px;
    letter-spacing: .3px;
    line-height: 32px;
    font-weight: 600
}

#hero .newHomepageBanner.olympia .slideContent p.pre {
    margin-bottom: 14px;
    font-family: 'Playfair Display';
    font-size: 16px;
    letter-spacing: .5px
}

#hero .valentinesHero {
    position: relative
}

#hero .valentinesHero picture {
    overflow: hidden
}

#hero .valentinesHero figure picture img {
    width: 100%
}

#hero .valentinesHero .slide {
    position: static;
    height: 100%
}

#hero .valentinesHero .slideContent {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#hero .valentinesHero .slideContent .h1 {
    color: #bb5474;
    font-family: 'EB Garamond';
    font-size: 45px;
    line-height: 55px;
    max-width: 561px
}

#hero .valentinesHero .slideContent .h1 span {
    white-space: nowrap
}

#hero .valentinesHero .slideContent p {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 23px;
    text-shadow: none;
    max-width: 561px
}

#hero .valentinesHero .slideContent .buttonsHolder {
    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-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 267px;
    max-width: 561px
}

#hero .valentinesHero .slideContent .buttonsHolder a.btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 6px;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    border: 1px solid #bb5474;
    color: #bb5474;
    background-color: transparent;
    height: 45px;
    width: 267px;
    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
}

@media(min-width:769px) {
    #hero .HomepageTopBanner .singleSlide {
        width: 20%
    }
}

@media(min-width:769px) {
    #hero .HomepageTopBanner .singleSlide .singleSlideInner {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s
    }

    #hero .HomepageTopBanner .singleSlide .singleSlideInner:hover {
        -webkit-transition: -webkit-transform .5s;
        transition: -webkit-transform .5s;
        transition: transform .5s;
        transition: transform .5s, -webkit-transform .5s;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media(max-width:768px) {
    #hero .HomepageTopBanner .singleSlide .link_btn {
        bottom: 30px
    }
}

@media(max-width:480px) {
    #hero .HomepageTopBanner .singleSlide .link_btn {
        bottom: 15px;
        width: 190px;
        height: 40px
    }
}

@media(min-width:769px) {
    #hero .HomepageTopBanner .singleSlide:hover .link_btn {
        -webkit-transition: .5s;
        transition: .5s;
        background-color: #000;
        color: #fff
    }
}

@media(min-width:769px) {
    #hero .HomepageTopBanner.christmas .singleSlide:hover .link_btn {
        background-color: #0e3752;
        color: #0e3752;
        color: #fff
    }
}

@media(max-width:768.9px) {
    #hero .newHomepageBanner picture {
        display: block;
        position: relative
    }
}

@media(min-width:770px) {
    #hero .newHomepageBanner .slideContent.mobilePreCTA {
        display: none
    }
}

@media(min-width:769px) {
    #hero .newHomepageBanner .slideContent .buttonsHolder {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

#hero .newHomepageBanner.olympia .slideContent .textshadow {
    text-shadow: 0 0 20px #000
}

#hero .newHomepageBanner.olympia .slideContent .textshadow.noShadow {
    text-shadow: 0 0 0 transparent
}

@media(min-width:769px) {
    #hero .newHomepageBanner.olympia .slideContent .textshadow.valentine>div {
        background: rgba(255, 255, 255, .8);
        padding: 45px;
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

#hero .newHomepageBanner.olympia .slideContent .textshadow.valentine .h1 {
    color: #000;
    font-family: "Playfair Display";
    font-size: 32px;
    letter-spacing: .6px;
    line-height: 43px;
    font-weight: 400
}

@media(max-width:480px) {
    #hero .newHomepageBanner.olympia .slideContent .textshadow.valentine .h1 {
        font-size: 24px;
        letter-spacing: .3px;
        line-height: 32px;
        text-align: center
    }
}

#hero .newHomepageBanner.olympia .slideContent .textshadow.valentine p {
    color: #000;
    font-family: "Nunito Sans";
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 22px;
    margin-top: 20px !important
}

@media(max-width:768px) {
    #hero .newHomepageBanner.olympia .slideContent .textshadow.valentine p {
        max-width: 89%
    }
}

@media(max-width:480px) {
    #hero .newHomepageBanner.olympia .slideContent .textshadow.valentine p {
        font-family: "Nunito Sans Light";
        font-size: 14px;
        letter-spacing: .5px;
        line-height: 22px;
        text-align: center
    }
}

#hero .newHomepageBanner.olympia .slideContent .textshadow.valentine .buttonsHolder a._cta-black,
#hero .newHomepageBanner.olympia .slideContent .textshadow.valentine .buttonsHolder .divisor {
    color: #000
}

#hero .newHomepageBanner.olympia .slideContent .textshadow .h1 {
    text-transform: capitalize
}

@media(min-width:770px) {
    #hero .newHomepageBanner.olympia .slideContent .textshadow .h1 {
        margin: 0
    }
}

#hero .newHomepageBanner.olympia .slideContent .textshadow p {
    max-width: 423px
}

@media(min-width:769px) {
    #hero .newHomepageBanner.olympia .slideContent .textshadow p {
        margin: 0 !important
    }
}

@media(max-width:768px) {
    #hero .newHomepageBanner.olympia .slideContent .textshadow p strong {
        font-weight: bold
    }
}

@media(max-width:640px) {
    #hero .newHomepageBanner.olympia .slideContent .textshadow .buttonsHolder {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
}

@media(min-width:769px) {
    #hero .newHomepageBanner.olympia .slideContent .textshadow .buttonsHolder {
        padding: 0 !important;
        margin: 0 !important
    }
}

#hero .newHomepageBanner.olympia img {
    width: 100%;
    height: auto
}

@media(max-width:768px) {
    #hero .newHomepageBanner.olympia img {
        background: -webkit-gradient(linear, left top, right top, from(#6c6c6c), to(#707070));
        background: linear-gradient(90deg, #6c6c6c 0%, #707070 100%)
    }
}

@media(min-width:768px) {
    #hero .newHomepageBanner.olympia img {
        background: -webkit-gradient(linear, left top, right top, from(#404141), color-stop(62.27%, #6e6e6e), to(#5d5d5d));
        background: linear-gradient(90deg, #404141 0%, #6e6e6e 62.27%, #5d5d5d 100%)
    }
}

@media(min-width:1024px) {
    #hero .newHomepageBanner.olympia img {
        background: -webkit-gradient(linear, left top, right top, from(#404141), color-stop(62.85%, #6b6b6b), to(#5d5d5d));
        background: linear-gradient(90deg, #404141 0%, #6b6b6b 62.85%, #5d5d5d 100%)
    }
}

@media(min-width:1440px) {
    #hero .newHomepageBanner.olympia img {
        background: -webkit-gradient(linear, left top, right top, from(#404141), color-stop(73.97%, #6b6b6b), to(#5d5d5d));
        background: linear-gradient(90deg, #404141 0%, #6b6b6b 73.97%, #5d5d5d 100%)
    }
}

@media(min-width:1920px) {
    #hero .newHomepageBanner.olympia img {
        background: -webkit-gradient(linear, left top, right top, from(#404141), color-stop(73.97%, #6b6b6b), to(#5d5d5d));
        background: linear-gradient(90deg, #404141 0%, #6b6b6b 73.97%, #5d5d5d 100%)
    }
}

#hero .newHomepageBanner.olympia .bannerDesc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width:768px) {
    #hero .newHomepageBanner.olympia .slideContent {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media(max-width:768px) {

    #hero .newHomepageBanner.olympia .slideContent .h1,
    #hero .newHomepageBanner.olympia .slideContent p {
        color: #000 !important
    }

    #hero .newHomepageBanner.olympia .slideContent .textshadow {
        text-shadow: 0 0 0 transparent
    }
}

@media(min-width:481px) {
    #hero .newHomepageBanner.olympia .slideContent .h1 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px;
        color: #000
    }

    #hero .newHomepageBanner.olympia .slideContent p {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 22px;
        color: #000
    }
}

@media(min-width:769px) {
    #hero .newHomepageBanner.olympia .slideContent {
        width: 100%
    }

    #hero .newHomepageBanner.olympia .slideContent .h1 {
        color: #fff;
        font-family: "Nunito Sans SemiBold";
        font-weight: 600;
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px;
        max-width: 100%;
        text-align: left;
        margin-bottom: 12px
    }

    #hero .newHomepageBanner.olympia .slideContent p {
        color: #fff;
        font-family: "Nunito Sans";
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 22px;
        max-width: 100%;
        text-align: left
    }

    #hero .newHomepageBanner.olympia .slideContent p.pre {
        margin-bottom: 14px
    }

    #hero .newHomepageBanner.olympia .slideContent .buttonsHolder {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-top: 6px
    }

    #hero .newHomepageBanner.olympia .slideContent .buttonsHolder a._cta-black {
        background-color: transparent;
        border: none;
        color: #fff;
        font-family: "Nunito Sans";
        font-size: 16px;
        letter-spacing: .5px;
        text-decoration: underline;
        margin: 0;
        padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-transform: none;
        width: auto
    }

    #hero .newHomepageBanner.olympia .slideContent .buttonsHolder a._cta-black:hover {
        background-color: transparent;
        opacity: .5
    }

    #hero .newHomepageBanner.olympia .slideContent .buttonsHolder .divisor {
        color: #fff;
        font-family: "Nunito Sans";
        font-size: 16px;
        letter-spacing: .5px;
        margin: 0 8px;
        display: block
    }
}

@media(min-width:1023.98px) {
    #hero .newHomepageBanner.olympia .slideContent .h1 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px
    }

    #hero .newHomepageBanner.olympia .slideContent p {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 22px
    }
}

@media(min-width:1439.98px) {
    #hero .newHomepageBanner.olympia .slideContent {
        margin-left: 14%;
        width: 45%
    }

    #hero .newHomepageBanner.olympia .slideContent .h1 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px
    }

    #hero .newHomepageBanner.olympia .slideContent p {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 22px
    }
}

@media(max-width:480px) {
    #hero .newHomepageBanner.olympia .slideContent p.pre {
        font-size: 14px;
        margin-bottom: 14px
    }
}

@media(min-width:640px) {
    #hero .newHomepageBanner .slideContent .buttonsHolder {
        width: 100%
    }

    #hero .newHomepageBanner .slideContent .buttonsHolder a._cta-black {
        margin: 0 12px;
        margin-top: 0
    }
}

#hero .newHomepageBanner .slideContent .h1,
#hero .newHomepageBanner .slideContent p {
    color: #fff
}

#hero .newHomepageBanner .slideContent .buttonsHolder .divisor {
    display: none
}

@media(min-width:769px) {
    #hero .newHomepageBanner .slideContent {
        padding-top: 0;
        position: absolute;
        width: 50%;
        height: 100%;
        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;
        left: 0;
        top: 0;
        z-index: 0
    }

    #hero .newHomepageBanner .slideContent .h1 {
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 1px;
        line-height: 43px;
        max-width: 60%;
        margin: auto;
        margin-bottom: 24px
    }

    #hero .newHomepageBanner .slideContent p {
        font-size: 16px;
        font-weight: 300;
        letter-spacing: .3px;
        line-height: 26px;
        max-width: 60%;
        margin: auto
    }

    #hero .newHomepageBanner .slideContent .buttonsHolder a.btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 0 12px;
        margin-top: 24px
    }

    #hero .newHomepageBanner .slideContent .buttonsHolder a.btn:hover {
        background-color: #000;
        color: #fff
    }
}

@media(min-width:769px) and (max-width:1024px) {
    #hero .newHomepageBanner .slideContent {
        padding-top: 0;
        position: absolute;
        width: 50%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        top: 10%
    }

    #hero .newHomepageBanner .slideContent .h1,
    #hero .newHomepageBanner .slideContent p {
        max-width: 90%
    }
}

@media(min-width:1900px) and (max-width:1920px) {
    #hero .newHomepageBanner .slide img {
        -o-object-fit: none;
        object-fit: none
    }
}

@media(max-width:768px) {
    #hero .valentinesHero .slide {
        left: 0;
        margin: 0;
        width: 100%
    }
}

@media(max-width:1260px) and (min-width:481px) {
    #hero .valentinesHero .slideContent {
        padding-left: 40px
    }
}

@media(max-width:321px) {
    #hero .valentinesHero .slideContent {
        padding-left: 32px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    #hero .valentinesHero .slideContent .buttonsHolder {
        margin-bottom: 80px
    }
}

@media(max-width:480px) {
    #hero .valentinesHero .slideContent {
        padding: 0 20px
    }
}

@media(max-width:769px) {
    #hero .valentinesHero .slideContent .h1 {
        font-size: 40px;
        line-height: 46px
    }

    #hero .valentinesHero .slideContent p {
        font-size: 16px;
        line-height: 22px
    }
}

@media(max-width:640px) {
    #hero .valentinesHero .slideContent .h1 {
        font-size: 28px;
        line-height: 32px
    }

    #hero .valentinesHero .slideContent p {
        font-size: 13px;
        line-height: 20px
    }
}

@media(min-width:768px) {
    #hero .valentinesHero .slideContent .buttonsHolder a.btn:hover {
        background-color: #bb5474;
        color: #fff;
        -webkit-transition: .3s;
        transition: .3s
    }
}

@media(max-width:640px) and (min-width:320px) {

    #hero .valentinesHero .slideContent .h1,
    #hero .valentinesHero .slideContent p,
    #hero .valentinesHero .slideContent .buttonsHolder {
        max-width: 50%
    }
}

@media(max-width:321px) {
    #hero .valentinesHero .slideContent {
        padding: 0
    }

    #hero .valentinesHero .slideContent .h1,
    #hero .valentinesHero .slideContent p {
        max-width: 95%;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    #hero .valentinesHero .slideContent .buttonsHolder {
        display: block;
        max-width: 95%;
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }
}

@media(max-width:768px) {
    #hero .valentinesHero .slideContent .buttonsHolder {
        width: 200px
    }

    #hero .valentinesHero .slideContent .buttonsHolder a.btn {
        width: 200px
    }
}

@media(max-width:640px) {
    #hero .valentinesHero .slideContent .buttonsHolder a.btn {
        height: 36px
    }
}

.HomepagePrimroseCollection {
    padding: 50px 8px;
    text-align: center;
    font-family: 'Nunito Sans SemiBold'
}

.HomepagePrimroseCollection .h2 {
    margin: auto;
    max-width: 356px;
    color: #333;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 32px;
    margin-bottom: 15px
}

.HomepagePrimroseCollection .generic_btn {
    margin: auto
}

@media(min-width:480px) {
    .HomepagePrimroseCollection {
        padding: 70px 8px
    }

    .HomepagePrimroseCollection .h2 {
        max-width: 484px;
        font-size: 28px;
        letter-spacing: .87px;
        line-height: 42px;
        margin-bottom: 20px
    }
}

@media(min-width:768px) {
    .HomepagePrimroseCollection {
        padding: 80px 8px
    }

    .HomepagePrimroseCollection .h2 {
        max-width: 575px;
        font-size: 30px;
        letter-spacing: 1px;
        line-height: 45px;
        margin-bottom: 25px
    }
}

.HomepageTopTierDiamonds {
    position: relative;
    text-align: center
}

.HomepageTopTierDiamonds .captionArea {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    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
}

.HomepageTopTierDiamonds .captionArea .captionAreaInner {
    color: #000;
    text-align: left;
    padding: 0 16px
}

.HomepageTopTierDiamonds .captionArea .captionAreaInner .h2 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 43px;
    margin-bottom: 24px;
    max-width: 650px
}

.HomepageTopTierDiamonds .captionArea .captionAreaInner .h3 {
    font-family: 'Nunito Sans SemiBold';
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    margin: auto;
    max-width: 650px
}

.HomepageTopTierDiamonds .captionArea .captionAreaInner .p {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 26px;
    margin-bottom: 36px;
    max-width: 540px
}

.HomepageTopTierDiamonds .captionArea .captionAreaInner a {
    width: 216px
}

.HomepageTopTierDiamonds .captionArea .captionAreaInner a:first-of-type {
    margin-right: 30px
}

.HomepageTopTierDiamonds .captionArea .captionAreaInner a:last-of-type {
    margin-bottom: 0
}

@media(min-width:769px) {
    .HomepageTopTierDiamonds .captionArea .captionAreaInner {
        padding-left: 8%
    }
}

@media(min-width:1024px) {
    .HomepageTopTierDiamonds .captionArea .captionAreaInner {
        padding-left: 4%
    }
}

@media(min-width:1440px) {
    .HomepageTopTierDiamonds .captionArea .captionAreaInner {
        padding-left: 0
    }
}

@media(max-width:1440px) {
    .HomepageTopTierDiamonds .captionArea .captionAreaInner .h2 {
        max-width: 560px
    }
}

@media(max-width:14404px) {
    .HomepageTopTierDiamonds .captionArea .captionAreaInner .h3 {
        max-width: 560px
    }
}

@media(max-width:768px) {
    .HomepageTopTierDiamonds .captionArea {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .HomepageTopTierDiamonds .captionArea .captionAreaInner {
        padding: 0 0 50px 5%;
        max-width: 540px
    }

    .HomepageTopTierDiamonds .captionArea .captionAreaInner .h2 {
        font-size: 22px;
        letter-spacing: .6px;
        line-height: 30px
    }

    .HomepageTopTierDiamonds .captionArea .captionAreaInner .p {
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 26px
    }
}

@media(max-width:480px) {
    .HomepageTopTierDiamonds .captionArea {
        position: static;
        padding-top: 48px
    }

    .HomepageTopTierDiamonds .captionArea .captionAreaInner {
        text-align: center;
        padding: 0 8% 0 8%
    }

    .HomepageTopTierDiamonds .captionArea .captionAreaInner .h2 {
        font-size: 22px;
        letter-spacing: .6px;
        line-height: 30px;
        margin-bottom: 36px
    }

    .HomepageTopTierDiamonds .captionArea .captionAreaInner .p {
        font-size: 14px;
        letter-spacing: .5px;
        line-height: 21px;
        margin-bottom: 36px
    }

    .HomepageTopTierDiamonds .captionArea .captionAreaInner a {
        margin: auto
    }

    .HomepageTopTierDiamonds .captionArea .captionAreaInner a:first-of-type {
        margin: auto;
        margin-bottom: 24px
    }
}

.HomepageShapeSlider {
    padding: 36px 0 0 0
}

.HomepageShapeSlider .ShapesArea {
    overflow: hidden;
    height: 120px;
    white-space: nowrap
}

.HomepageShapeSlider .ShapesArea .slick-slide {
    -webkit-transform: scale(.6) !important;
    transform: scale(.6) !important;
    -webkit-transition: .3s;
    transition: .3s
}

.HomepageShapeSlider .ShapesArea .slick-center {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.HomepageShapeSlider .ShapesArea .singleShape {
    margin: 20px auto;
    display: inline-block
}

.HomepageShapeSlider .ShapesArea .singleShape img {
    margin: auto;
    height: 91.875px
}

.HomepageShapeSlider .controlsArea {
    text-align: center;
    width: 400px;
    max-width: 90%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.HomepageShapeSlider .controlsArea #shapeSlider_prev,
.HomepageShapeSlider .controlsArea #shapeSlider_next {
    cursor: pointer;
    width: 70px
}

.HomepageShapeSlider .controlsArea #shapeSlider_shapeName {
    width: 190px;
    font-family: 'Nunito Sans SemiBold';
    font-size: 16px;
    line-height: 48px;
    letter-spacing: 1px;
    color: #333
}

.HomepageShapeSlider .controlsArea div {
    height: 50px;
    line-height: 50px
}

.HomepageShapeSlider .shapeDescriptionArea {
    padding-top: 10px;
    margin: auto;
    width: 198px;
    color: #333;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .5px;
    text-align: center
}

@media(min-width:480px) {
    .HomepageShapeSlider .ShapesArea {
        height: 310px
    }

    .HomepageShapeSlider .ShapesArea .singleShape img {
        height: 280px;
        -o-object-fit: cover;
        object-fit: cover
    }

    .HomepageShapeSlider .controlsArea #shapeSlider_prev,
    .HomepageShapeSlider .controlsArea #shapeSlider_next {
        width: 70px
    }

    .HomepageShapeSlider .controlsArea #shapeSlider_shapeName {
        width: 190px;
        font-size: 18px
    }

    .HomepageShapeSlider .shapeDescriptionArea {
        width: 198px;
        font-size: 15px;
        line-height: 23px;
        letter-spacing: .5px
    }
}

@media(min-width:769px) {
    .HomepageShapeSlider .ShapesArea {
        height: 240px
    }

    .HomepageShapeSlider .shapeDescriptionArea {
        min-height: 138px
    }

    .HomepageShapeSlider .controlsArea #shapeSlider_prev,
    .HomepageShapeSlider .controlsArea #shapeSlider_next {
        width: 70px
    }

    .HomepageShapeSlider .controlsArea #shapeSlider_shapeName {
        width: 190px;
        font-size: 18px
    }

    .HomepageShapeSlider .shapeDescriptionArea {
        padding-top: 18px;
        width: 268px;
        font-size: 15px;
        line-height: 23px
    }
}

@media(max-width:768px) {
    .HomepageShapeSlider .shapeDescriptionArea {
        min-height: 105px;
        width: 250px
    }
}

@media(min-width:1024px) {
    .HomepageShapeSlider .ShapesArea {
        height: 360px
    }

    .HomepageShapeSlider .ShapesArea .singleShape img {
        height: 360px
    }
}

@media(max-width:640px) {
    .HomepageShapeSlider .ShapesArea {
        height: auto
    }

    .HomepageShapeSlider .ShapesArea .slick-slide {
        -webkit-transform: scale(1.2) !important;
        transform: scale(1.2) !important
    }

    .HomepageShapeSlider .ShapesArea .slick-center {
        -webkit-transform: scale(1.6) !important;
        transform: scale(1.6) !important
    }
}

.HomepageDesignYourDream {
    margin-top: 40px;
    margin-bottom: 40px
}

.HomepageDesignYourDream>._row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.HomepageDesignYourDream .DesignYourDreamImageArea {
    text-align: center
}

.HomepageDesignYourDream .DesignYourDreamTextArea .h2,
.HomepageDesignYourDream .DesignYourDreamTextArea .h3 {
    color: #333;
    font-family: "Nunito Sans SemiBold";
    letter-spacing: 1px;
    font-weight: 600
}

.HomepageDesignYourDream .DesignYourDreamTextArea .h2 {
    font-size: 32px;
    letter-spacing: .6px;
    line-height: 43px;
    margin-bottom: 24px
}

.HomepageDesignYourDream .DesignYourDreamTextArea .h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 14px
}

#HomePageDiamondTypes .h3 {
    font-family: "Nunito Sans SemiBold";
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 14px;
    color: #000;
    font-weight: 600
}

@media(max-width:425px) {
    #HomePageDiamondTypes .h3 {
        font-size: 14px;
        letter-spacing: .44px
    }
}

#HomePageDiamondTypes ._row {
    margin-right: 0;
    margin-left: 0;
    padding: 70px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:768px) {
    #HomePageDiamondTypes ._row {
        margin-right: 0;
        margin-left: 0
    }

    #HomePageDiamondTypes ._row ._col-lg-5 {
        padding-right: 0;
        padding-left: 0
    }
}

#HomePageDiamondTypes ._btn-link {
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 20px;
    text-decoration: underline;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    cursor: pointer;
    text-transform: capitalize
}

@media(max-width:425px) {
    #HomePageDiamondTypes ._btn-link {
        font-size: 14px
    }
}

#HomePageDiamondTypes ._btn-link:hover {
    opacity: .4
}

#HomePageDiamondTypes .p {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 22px;
    padding-bottom: 14px;
    margin: 0 30px
}

@media(max-width:425px) {
    #HomePageDiamondTypes .p {
        font-size: 14px
    }
}

.HomepageDesignYourDream .DesignYourDreamTextArea .p {
    color: #333;
    font-family: "Nunito Sans Light";
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 22px;
    padding-bottom: 14px
}

@media(max-width:640px) {
    .HomepageDesignYourDream .DesignYourDreamTextArea {
        padding-top: 40px
    }

    .HomepageDesignYourDream .DesignYourDreamTextArea .h2,
    .HomepageDesignYourDream .DesignYourDreamTextArea .h3,
    .HomepageDesignYourDream .DesignYourDreamTextArea .p,
    .HomepageDesignYourDream .DesignYourDreamTextArea .buttonArea {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 6px
    }
}

@media(min-width:1031px) {
    .HomepageDesignYourDream .DesignYourDreamTextArea .DesignYourDreamImageArea {
        text-align: left
    }
}

@media(min-width:481px) {
    .HomepageDesignYourDream .DesignYourDreamTextArea .h2 {
        font-size: 28px;
        line-height: 38px
    }

    .HomepageDesignYourDream .DesignYourDreamTextArea .h3 {
        font-size: 18px;
        line-height: 24px
    }
}

@media(min-width:768px) {
    .HomepageDesignYourDream .DesignYourDreamTextArea .h2 {
        font-size: 28px;
        line-height: 38px
    }

    .HomepageDesignYourDream .DesignYourDreamTextArea .h3 {
        font-size: 18px;
        line-height: 24px
    }
}

@media(min-width:1180px) {
    .HomepageDesignYourDream .DesignYourDreamImageArea {
        text-align: left
    }
}

@media(min-width:1440px) {
    .HomepageDesignYourDream .DesignYourDreamTextArea {
        padding-left: 30px
    }
}

@media(max-width:480px) {
    .HomepageDesignYourDream {
        padding: 0 10px
    }
}

.HomepageContactSpecialists {
    padding: 40px 0
}

.HomepageContactSpecialists .container-fluid {
    max-width: none
}

.HomepageContactSpecialists .HomepageContactSpecialistsInner {
    padding: 40px 0;
    background-color: #fbf9f6;
    text-align: center
}

.HomepageContactSpecialists .HomepageContactSpecialistsInner .h2 {
    padding: 0 8px;
    color: #000;
    font-family: 'Nunito Sans SemiBold';
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 1px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto
}

.HomepageContactSpecialists .HomepageContactSpecialistsInner .p {
    padding: 0 8px;
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}

.HomepageContactSpecialists .HomepageContactSpecialistsInner .generic_btn {
    margin: auto
}

.HomepageContactSpecialists.christmas .HomepageContactSpecialistsInner {
    background-repeat: no-repeat;
    background-size: cover
}

@media(min-width:480px) {
    .HomepageContactSpecialists .HomepageContactSpecialistsInner .h2 {
        font-size: 28px;
        line-height: 38px
    }

    .HomepageContactSpecialists .HomepageContactSpecialistsInner .p {
        font-size: 15px;
        line-height: 23px
    }
}

@media(min-width:769px) {
    .HomepageContactSpecialists .HomepageContactSpecialistsInner {
        padding: 70px 0
    }

    .HomepageContactSpecialists .HomepageContactSpecialistsInner .h2 {
        font-size: 28px;
        line-height: 38px
    }

    .HomepageContactSpecialists .HomepageContactSpecialistsInner .p {
        font-size: 15px;
        letter-spacing: .5px;
        line-height: 24px;
        margin-bottom: 40px
    }
}

@media(max-width:480px) {
    .HomepageContactSpecialists .HomepageContactSpecialistsInner {
        margin-left: auto;
        margin-right: auto
    }
}

.HomepageOnlineConsultationArea {
    margin-top: 40px;
    padding: 48px 15px;
    background-color: #ffeec9;
    text-align: center
}

.HomepageOnlineConsultationArea .h2 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    font-size: 22px;
    letter-spacing: .6px;
    line-height: 30px;
    margin-bottom: 24px
}

.HomepageOnlineConsultationArea p {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 21px;
    margin-bottom: 24px
}

.HomepageOnlineConsultationArea p:last-of-type {
    margin-bottom: 36px
}

.HomepageOnlineConsultationArea a {
    width: 100%;
    max-width: 290px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle
}

.HomepageOnlineConsultationArea .a {
    width: 100%;
    max-width: 290px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    margin-right: 30px
}

@media(max-width:640px) {
    .HomepageOnlineConsultationArea a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .HomepageOnlineConsultationArea .a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: auto;
        margin-bottom: 24px
    }
}

@media(min-width:769px) {
    .HomepageOnlineConsultationArea {
        padding: 70px 15px
    }

    .HomepageOnlineConsultationArea .h2 {
        font-size: 32px;
        letter-spacing: 1px;
        line-height: 43px;
        max-width: 900px;
        margin: auto;
        margin-bottom: 24px
    }

    .HomepageOnlineConsultationArea p {
        font-size: 18px;
        letter-spacing: .5px;
        line-height: 26px;
        max-width: 900px;
        margin: auto;
        margin-bottom: 24px
    }

    .HomepageOnlineConsultationArea p:last-of-type {
        margin-bottom: 36px
    }

    .HomepageOnlineConsultationArea a,
    .HomepageOnlineConsultationArea .a {
        font-size: 12px;
        letter-spacing: 1px
    }
}

.HomepagePrimroseVideo {
    max-height: 680px;
    padding-top: 40px
}

.HomepagePrimroseVideo #PrimroseVideoArea {
    position: relative;
    margin: auto;
    width: 1440px;
    max-width: 100%;
    padding-top: 41.5%;
    overflow: hidden;
    margin: auto
}

.HomepagePrimroseVideo #PrimroseVideoArea .videoLoader {
    display: none;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.HomepagePrimroseVideo #PrimroseVideoArea picture {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.HomepagePrimroseVideo #PrimroseVideoArea video {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.HomepagePrimroseVideo #PrimroseVideoArea.christmas {
    width: 1180px;
    padding-top: 44.5%
}

@media(max-width:768px) {
    .HomepagePrimroseVideo {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media(min-width:1440px) {
    .HomepagePrimroseVideo #PrimroseVideoArea.noVideo {
        padding-top: 31%
    }
}

@media(min-width:1031px) {
    .HomepagePrimroseVideo #PrimroseVideoArea.christmas {
        padding-top: 34.5%
    }
}

.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomImageArea {
    text-align: center
}

.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h2,
.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h3 {
    color: #333;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    letter-spacing: 1px
}

.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h2 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 14px
}

.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px
}

.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h3:hover {
    text-decoration: underline
}

.HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .p {
    color: #333;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px;
    max-width: 440px
}

@media(min-width:480px) {
    .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h2 {
        font-size: 28px;
        letter-spacing: .88px;
        line-height: 38px
    }

    .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h3 {
        font-size: 18px;
        letter-spacing: .75px;
        line-height: 20px
    }

    .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .p {
        font-size: 15px;
        letter-spacing: .5px;
        line-height: 23px
    }
}

@media(min-width:769px) {
    .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h2 {
        font-size: 28px;
        letter-spacing: 1px;
        line-height: 43px
    }

    .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .h3 {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 20px;
        margin-bottom: 20px
    }

    .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .p {
        font-size: 15px;
        letter-spacing: .5px;
        line-height: 24px;
        margin-bottom: 30px
    }
}

@media(min-width:1031px) {
    .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea .DesignYourDreamImageArea {
        text-align: left
    }
}

@media(min-width:481px) {
    .HomepageShowroomArea .HomepageShowroomAreaInner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomTextArea {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .HomepageShowroomArea .HomepageShowroomAreaInner .ShowroomImageArea {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.HomepageWorkshopArea {
    padding: 40px 6px 40px 6px
}

.HomepageWorkshopArea .HomepageWorkshopAreaInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea {
    max-width: 440px;
    margin: auto;
    padding-top: 40px
}

.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .h2 {
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 14px
}

.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .p {
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px;
    max-width: 440px
}

.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopImageArea {
    min-width: 50%;
    position: relative
}

.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopImageArea picture {
    height: 100%;
    display: block;
    max-width: 630px
}

.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopImageArea video {
    margin: 0;
    width: 100%;
    height: auto;
    display: none
}

.HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopImageArea .videoLoader {
    display: none;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media(min-width:480px) {
    .HomepageWorkshopArea {
        padding: 40px
    }
}

@media(min-width:769px) {
    .HomepageWorkshopArea {
        padding: 40px 40px 80px 40px
    }
}

@media(max-width:480px) {
    .HomepageWorkshopArea .HomepageWorkshopAreaInner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width:480px) {
    .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea {
        padding-left: 40px;
        padding-top: 0
    }
}

@media(min-width:769px) {
    .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea {
        padding-left: 40px
    }
}

@media(min-width:480px) {
    .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .h2 {
        font-size: 28px;
        letter-spacing: .88px;
        line-height: 38px
    }

    .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .p {
        font-size: 15px;
        letter-spacing: .5px;
        line-height: 23px
    }
}

@media(min-width:769px) {
    .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .h2 {
        font-size: 28px;
        letter-spacing: 1px;
        line-height: 43px
    }

    .HomepageWorkshopArea .HomepageWorkshopAreaInner .WorkshopTextArea .p {
        font-size: 15px;
        letter-spacing: .5px;
        line-height: 24px;
        margin-bottom: 30px
    }
}

.HomepageBestSellersSlider {
    position: relative;
    padding: 60px 0
}

@media(max-width:768px) {
    .HomepageBestSellersSlider {
        padding: 60px 0 0 0
    }
}

@media(max-width:425px) {
    .HomepageBestSellersSlider {
        padding: 40px 0 0 0
    }
}

.HomepageBestSellersSlider .productSliderSlides {
    width: 100%;
    padding: 0 60px;
    white-space: nowrap;
    overflow: hidden
}

@media(max-width:768px) {
    .HomepageBestSellersSlider .productSliderSlides {
        padding: 0
    }
}

.HomepageBestSellersSlider .productSliderSlides .slide {
    padding: 0 5px
}

.HomepageBestSellersSlider .productSliderSlides .slide .innerSlide {
    position: relative
}

.HomepageBestSellersSlider .productSliderSlides .slide .innerSlide .zoomedIn {
    overflow: hidden
}

.HomepageBestSellersSlider .productSliderSlides .slide .innerSlide .zoomedIn img {
    -webkit-transform: scale(2.4) translateY(-20px);
    transform: scale(2.4) translateY(-20px)
}

.HomepageBestSellersSlider .productSliderSlides .slide .innerSlide .pushDown img {
    -webkit-transform: translateY(12%);
    transform: translateY(12%)
}

.HomepageBestSellersSlider .icon77-ic_left,
.HomepageBestSellersSlider .icon77-ic_right {
    position: absolute;
    top: 50%;
    z-index: 9;
    cursor: pointer;
    margin: 10px
}

.HomepageBestSellersSlider .slick-arrow.slick-disabled {
    opacity: 0
}

.HomepageBestSellersSlider .icon77-ic_left {
    left: 7.5px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.HomepageBestSellersSlider .icon77-ic_right {
    right: 7.5px
}

.HomepageBestSellersSlider .h2 {
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 43px;
    margin-bottom: 24px;
    text-align: center;
    text-transform: uppercase
}

@media(max-width:426px) {
    .HomepageBestSellersSlider .h2 {
        font-size: 24px
    }
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider figure {
    display: inline-block;
    overflow: hidden
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider figure img {
    margin: auto;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider figure img:hover {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider .slide {
    text-align: center;
    display: inline-block
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider h3 {
    color: #000;
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .44px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 0
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider h4 {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 24px;
    line-height: 22px;
    margin-bottom: 0
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider h4:first-of-type {
    font-family: "Nunito Sans Semibold";
    font-weight: 600
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider h4:last-of-type {
    margin-bottom: 5px
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider .discountedPrice {
    text-decoration: line-through
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider h5 {
    color: #000;
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .44px;
    line-height: 24px;
    white-space: initial
}

.HomepageBestSellersSlider .productSliderSlides.BestSellersSlider h5 .saving {
    color: #ab0000;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .82px;
    line-height: 24px
}

.HomepageBestSellersSlider .metals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 25px 0
}

.HomepageBestSellersSlider .metals>span {
    width: 13px;
    height: 13px;
    border-radius: 17px;
    padding: 1px;
    display: inline-block;
    margin: 0 7px;
    border: 1px solid #fff
}

.HomepageBestSellersSlider .metals>span.selected {
    -webkit-box-shadow: 0 0 0 1px #979797;
    box-shadow: 0 0 0 1px #979797
}

.HomepageBestSellersSlider .metals>span.white-gold {
    background-color: #efefef
}

.HomepageBestSellersSlider .metals>span.yellow-gold {
    background-color: #e9d590
}

.HomepageBestSellersSlider .metals>span.rose-gold {
    background-color: #f5c8a9
}

.HomepageBestSellersSlider .metals>span.platinum,
.HomepageBestSellersSlider .metals>span.palladium {
    background-color: #c8c8c8
}

.HomepageBestSellersSlider.christmas .h2 {
    color: #0e3752
}

.HomepageBestSellersSlider.christmas .productSliderSlides.BestSellersSlider h3,
.HomepageBestSellersSlider.christmas .productSliderSlides.BestSellersSlider h4,
.HomepageBestSellersSlider.christmas .productSliderSlides.BestSellersSlider h5 {
    color: #0e3752;
    text-align: center
}

.HomepageBestSellersSlider.christmas .productSliderSlides.BestSellersSlider h3 span.savingAmount,
.HomepageBestSellersSlider.christmas .productSliderSlides.BestSellersSlider h4 span.savingAmount,
.HomepageBestSellersSlider.christmas .productSliderSlides.BestSellersSlider h5 span.savingAmount {
    color: #626262
}

@media(max-width:480px) {
    .HomepageBestSellersSlider .productSliderSlides .slide .innerSlide .pushDown img {
        -webkit-transform: translateY(7%);
        transform: translateY(7%)
    }
}

@media(min-width:769px) {
    .HomepageBestSellersSlider .slick-arrow:hover {
        cursor: pointer;
        opacity: .6
    }

    .HomepageBestSellersSlider .slick-arrow.slick-disabled:hover {
        cursor: default;
        opacity: 0
    }
}

@media(min-width:1031px) {
    .HomepageBestSellersSlider {
        padding: 60px 0
    }

    .HomepageBestSellersSlider .icon77-ic_left {
        left: 130px
    }

    .HomepageBestSellersSlider .icon77-ic_right {
        right: 130px
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .HomepageTopTierDiamonds {
        text-align: center
    }
}

.HomepageShowRoomArea {
    margin-top: 40px;
    margin-bottom: 40px
}

@media(max-width:768px) {
    .HomepageShowRoomArea {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .HomepageShowRoomArea ._col,
    .HomepageShowRoomArea [class*="_col-"] {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.HomepageShowRoomArea>._row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.HomepageShowRoomArea .HomepageShowRoomImageArea {
    text-align: center
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    letter-spacing: .6px;
    text-transform: capitalize
}

.HomepageHomepageShowRoom .HomepageShowRoomTextArea .h3 {
    color: #333;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    letter-spacing: 1px
}

.HomepageShowRoomArea {
    margin-top: 40px;
    margin-bottom: 40px
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .lockdown-text {
    font-size: 13px;
    line-height: 17px;
    color: #333;
    font-family: "Nunito Sans Light";
    letter-spacing: .5px;
    padding-bottom: 14px;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6px
}

@media(max-width:768) {
    .HomepageShowRoomArea .HomepageShowRoomTextArea .lockdown-text {
        max-width: unset;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0
    }
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
    font-size: 32px;
    letter-spacing: .6px;
    line-height: 43px;
    margin-bottom: 24px
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 14px
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .p {
    color: #333;
    font-family: "Nunito Sans Light";
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 22px;
    padding-bottom: 14px
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea {
    display: inline-grid
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea ._btn-link {
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 20px;
    text-decoration: underline;
    font-family: "Nunito Sans Bold";
    margin-bottom: 10px;
    text-transform: capitalize
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea ._btn-link:hover {
    opacity: .4
}

.HomepageShowRoomArea._row {
    margin-right: 0;
    margin-left: 0
}

.HomepageShowRoomArea>._row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.HomepageShowRoomArea .HomepageShowRoomImageArea {
    text-align: center
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
    color: #333;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    letter-spacing: 1px
}

@media(max-width:640px) {

    .HomepageShowRoomArea .HomepageShowRoomTextArea .h2,
    .HomepageShowRoomArea .HomepageShowRoomTextArea .h3,
    .HomepageShowRoomArea .HomepageShowRoomTextArea .p,
    .HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 6px
    }
}

@media(min-width:1031px) {
    .HomepageShowRoomArea .HomepageShowRoomTextArea .HomepageShowRoomImageArea {
        text-align: left
    }
}

@media(min-width:481px) {
    .HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
        font-size: 28px;
        line-height: 38px
    }

    .HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
        font-size: 18px;
        line-height: 24px
    }
}

@media(max-width:425px) {
    .HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
        font-size: 24px !important;
        margin-bottom: 10px !important
    }

    .HomepageShowRoomArea .HomepageShowRoomTextArea p {
        font-size: 12px
    }

    .HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea ._btn-link {
        font-size: 14px
    }
}

@media(min-width:768px) {
    .HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px;
        margin-bottom: 24px
    }

    .HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
        font-size: 18px;
        line-height: 24px
    }
}

@media(min-width:1180px) {
    .HomepageShowRoomArea .HomepageShowRoomImageArea {
        text-align: center
    }
}

@media(min-width:1440px) {
    .HomepageShowRoomArea .HomepageShowRoomTextArea {
        padding-left: 30px
    }
}

@media(max-width:480px) {
    .HomepageShowRoomArea {
        padding: 0 0
    }
}

.HomepageHomepageShowRoom .HomepageShowRoomTextArea .h3 {
    color: #333;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    letter-spacing: 1px
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
    font-size: 32px;
    letter-spacing: .6px;
    line-height: 43px;
    margin-bottom: 24px
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 14px
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .p {
    color: #333;
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 22px;
    padding-bottom: 14px
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea {
    display: inline-grid
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea ._btn-link {
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 20px;
    text-decoration: underline;
    text-transform: capitalize;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer
}

.HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea ._btn-link:hover {
    opacity: .4
}

@media(max-width:640px) {

    .HomepageShowRoomArea .HomepageShowRoomTextArea .h2,
    .HomepageShowRoomArea .HomepageShowRoomTextArea .h3,
    .HomepageShowRoomArea .HomepageShowRoomTextArea .p,
    .HomepageShowRoomArea .HomepageShowRoomTextArea .buttonArea {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 6px
    }
}

@media(min-width:1031px) {
    .HomepageShowRoomArea .HomepageShowRoomTextArea .HomepageShowRoomImageArea {
        text-align: left
    }
}

@media(min-width:481px) {
    .HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
        font-size: 28px;
        line-height: 38px
    }

    .HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
        font-size: 18px;
        line-height: 24px
    }
}

@media(min-width:768px) {
    .HomepageShowRoomArea .HomepageShowRoomTextArea .h2 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px;
        margin-bottom: 24px
    }

    .HomepageShowRoomArea .HomepageShowRoomTextArea .h3 {
        font-size: 18px;
        line-height: 24px
    }
}

@media(min-width:1180px) {
    .HomepageShowRoomArea .HomepageShowRoomImageArea {
        text-align: left
    }
}

@media(min-width:1440px) {
    .HomepageShowRoomArea .HomepageShowRoomTextArea {
        padding-left: 30px
    }
}

@media(max-width:480px) {
    .HomepageShowRoomArea {
        padding: 0 0
    }
}

.OnlineConsulationArea {
    margin-top: 40px;
    margin-bottom: 40px
}

@media(max-width:768px) {
    .OnlineConsulationArea {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .OnlineConsulationArea ._col,
    .OnlineConsulationArea [class*="_col-"] {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.OnlineConsulationArea._row {
    margin-right: 0;
    margin-left: 0
}

.OnlineConsulationArea>._row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.OnlineConsulationArea .OnlineConsulationImageArea {
    text-align: center
}

.OnlineConsulationArea .OnlineConsulationTextArea .h2 {
    color: #333;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize
}

.HomepageHomepageShowRoom .OnlineConsulationTextArea .h3 {
    color: #333;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    letter-spacing: 1px
}

.OnlineConsulationArea .OnlineConsulationTextArea .h2 {
    font-size: 32px;
    letter-spacing: .6px;
    line-height: 43px;
    margin-bottom: 24px
}

.OnlineConsulationArea .OnlineConsulationTextArea .h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 14px
}

.OnlineConsulationArea .OnlineConsulationTextArea .p {
    color: #333;
    font-family: "Nunito Sans Light";
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 22px;
    padding-bottom: 14px
}

.OnlineConsulationArea .OnlineConsulationTextArea .buttonArea {
    display: inline-grid
}

.OnlineConsulationArea .OnlineConsulationTextArea .buttonArea ._btn-link {
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 20px;
    text-decoration: underline;
    font-family: "Nunito Sans SemiBold";
    font-weight: 600;
    margin-bottom: 10px;
    cursor: pointer;
    text-transform: capitalize
}

.OnlineConsulationArea .OnlineConsulationTextArea .buttonArea ._btn-link:hover {
    opacity: .4
}

@media(max-width:640px) {

    .OnlineConsulationArea .OnlineConsulationTextArea .h2,
    .OnlineConsulationArea .OnlineConsulationTextArea .h3,
    .OnlineConsulationArea .OnlineConsulationTextArea .p,
    .OnlineConsulationArea .OnlineConsulationTextArea .buttonArea {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 6px
    }
}

@media(min-width:1031px) {
    .OnlineConsulationArea .OnlineConsulationTextArea .OnlineConsulationImageArea {
        text-align: left
    }
}

@media(min-width:481px) {
    .OnlineConsulationArea .OnlineConsulationTextArea .h2 {
        font-size: 28px;
        line-height: 38px
    }

    .OnlineConsulationArea .OnlineConsulationTextArea .h3 {
        font-size: 18px;
        line-height: 24px
    }
}

@media(max-width:425px) {
    .OnlineConsulationArea .OnlineConsulationTextArea .h2 {
        font-size: 24px !important;
        margin-bottom: 10px !important
    }

    .OnlineConsulationArea .OnlineConsulationTextArea p {
        font-size: 14px
    }

    .OnlineConsulationArea .OnlineConsulationTextArea .buttonArea ._btn-link {
        font-size: 14px
    }
}

@media(min-width:768px) {
    .OnlineConsulationArea .OnlineConsulationTextArea .h2 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 43px;
        margin-bottom: 24px
    }

    .OnlineConsulationArea .OnlineConsulationTextArea .h3 {
        font-size: 18px;
        line-height: 24px
    }
}

@media(min-width:1180px) {
    .OnlineConsulationArea .OnlineConsulationImageArea {
        text-align: right
    }
}

@media(min-width:1440px) {
    .OnlineConsulationArea .OnlineConsulationTextArea {
        padding-left: 30px
    }
}

@media(max-width:480px) {
    .OnlineConsulationArea {
        padding: 0 0
    }
}

#homepage .bannerDesc .lockdown-p {
    display: none
}

@media(max-width:768px) {
    #homepage .bannerDesc .lockdown-p {
        display: block;
        padding: 10px 25px
    }
}

#homepage .lockdown-p {
    background: #f6f6f6;
    padding: 10px 0;
    width: 100%;
    z-index: 111;
    display: block
}

@media(max-width:768px) {
    #homepage .lockdown-p {
        display: none
    }
}

#homepage .lockdown-p p {
    font-family: "Nunito Sans";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .5px;
    line-height: 21px;
    text-align: center;
    margin: auto
}

@media(min-width:769px) {
    #homepage .lockdown-p p {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: .3px;
        line-height: 26px;
        margin: auto
    }
}

#homepage .lockdown-p a {
    background-color: transparent;
    border: none;
    color: #000;
    font-family: "Nunito Sans";
    font-size: 14px;
    letter-spacing: .5px;
    text-decoration: underline;
    margin: 0;
    padding: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-transform: none;
    width: auto;
    cursor: pointer
}

#Sample_Page {
    background-color: #f8e5dc
}

#Sample_Page .container {
    padding: 20px 0
}

#Sample_Page.ChristmasSale2019 {
    padding: 75px 0
}

@media(max-width:1031px) {
    #Sample_Page.ChristmasSale2019 {
        padding: 50px 0
    }
}

@media(max-width:480px) {
    #Sample_Page.ChristmasSale2019 {
        padding: 0 0 50px 0
    }
}

#Sample_Page.ChristmasSale2019 .container {
    padding: 0
}

@media(min-width:480px) {
    #Sample_Page.ChristmasSale2019 .pageContentArea {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
}

@media(min-width:480px) and (max-width:1031px) {
    #Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle.topForTablet {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        text-align: center;
        max-width: 800px;
        margin-bottom: 0
    }

    #Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-top: 0 !important
    }

    #Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle .pageTopTitle {
        padding-top: 30px
    }

    #Sample_Page.ChristmasSale2019 .pageContentArea .pageVideo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle {
    padding: 0 10px;
    color: #9e0606
}

#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle p {
    margin-bottom: 0
}

#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle p.strong {
    margin-bottom: 40px
}

#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle .formArea .fieldHolder.hasError .errorMessage {
    margin-bottom: 10px
}

#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle .formArea input[type=text] {
    color: #9e0606 !important;
    border-bottom: 1px solid #9e0606
}

#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle .formArea .floating-label>label {
    color: #9e0606
}

#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle .formArea .maleFemaleHolder .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle .formArea .maleFemaleHolder .slider:before {
    background-color: #9e0606;
    color: #fff
}

#Sample_Page.ChristmasSale2019 .pageContentArea .pageTopTitle .formArea .buttonsHolder button {
    background-color: #9e0606;
    color: #fff
}

#Sample_Page .preFormContent {
    text-align: center;
    max-width: 1000px;
    margin: auto;
    padding: 20px 20px 40px 20px
}

#Sample_Page .preFormContent .h1 {
    font-family: 'Nunito Sans SemiBold';
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 40px
}

#Sample_Page .preFormContent .p {
    font-family: 'Nunito Sans Light';
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px
}

#Sample_Page .pageContentArea .pageTopTitle {
    padding: 0 10px
}

#Sample_Page .pageContentArea .pageTopTitle .h1 {
    font-family: 'Nunito Sans SemiBold';
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 43px
}

#Sample_Page .pageContentArea .pageTopTitle .p {
    font-family: 'Nunito Sans Light';
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px
}

#Sample_Page .pageContentArea .pageTopTitle .line {
    padding-top: 10px
}

#Sample_Page .pageContentArea .pageTopTitle .p.bold {
    font-family: 'Nunito Sans SemiBold'
}

#Sample_Page .pageContentArea .pageTopTitle ul {
    margin-top: 20px
}

#Sample_Page .pageContentArea .pageTopTitle ul li {
    font-family: 'Nunito Sans SemiBold';
    font-size: 21px;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 6px;
    background-image: url("/images/campaigns/frankfurt-showroom/arrow-active.png");
    background-repeat: no-repeat;
    background-position: left 0 center;
    padding-left: 14px;
    text-decoration: none
}

@media(min-width:1031px) {
    #Sample_Page .pageContentArea .pageTopTitle {
        padding: 0 110px
    }
}

@media(max-width:1030px) {
    #Sample_Page .pageContentArea .pageTopTitle .h1 {
        font-size: 28px;
        letter-spacing: .75px;
        line-height: 38px
    }

    #Sample_Page .pageContentArea .pageTopTitle .p {
        font-size: 15px;
        line-height: 23px
    }

    #Sample_Page .pageContentArea .pageTopTitle ul {
        margin-top: 20px
    }

    #Sample_Page .pageContentArea .pageTopTitle ul li {
        font-size: 18px;
        letter-spacing: .75px;
        line-height: 24px
    }
}

#Sample_Page .pageContentArea .formImageArea {
    position: relative;
    padding-left: 0;
    padding-right: 0
}

#Sample_Page .pageContentArea .formImageArea .imageRibbon {
    text-transform: uppercase;
    font-family: 'Nunito Sans SemiBold';
    height: 27px;
    width: 163px;
    color: #333;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 40px;
    background-color: rgba(212, 159, 149, .7);
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    letter-spacing: 1px
}

#Sample_Page .pageContentArea .formArea {
    font-family: 'Nunito Sans SemiBold';
    background-color: #f6f6f6
}

@media(min-width:1031px) {
    #Sample_Page .pageContentArea .formArea {
        padding: 0 110px
    }
}

#Sample_Page .pageContentArea .formArea .form {
    padding: 35px
}

#Sample_Page .pageContentArea .formArea .form.ajaxLoading {
    z-index: 99 !important
}

#Sample_Page .pageContentArea .formArea .h2 {
    font-family: 'Nunito Sans SemiBold';
    font-size: 21px;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 30px
}

@media(max-width:1030px) {
    #Sample_Page .pageContentArea .formArea .h2 {
        font-size: 18px;
        letter-spacing: .75px;
        line-height: 24px
    }
}

#Sample_Page .pageContentArea .formArea p.errorMessage {
    margin-top: -24px
}

#Sample_Page .pageContentArea .formArea input[type=text].error {
    border: none !important;
    border-bottom: 1px solid red !important
}

#Sample_Page .pageContentArea .formArea input[type=text] {
    color: #000;
    background-color: transparent;
    border: none;
    text-indent: 0;
    border-bottom: 1px solid #000;
    margin-bottom: 30px
}

#Sample_Page .pageContentArea .formArea .maleFemaleHolder input[type=radio] {
    display: none
}

#Sample_Page .pageContentArea .formArea .maleFemaleHolder .switch {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 40px;
    margin-bottom: 30px
}

#Sample_Page .pageContentArea .formArea .maleFemaleHolder .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider .maleText,
#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider .femaleText {
    text-align: center;
    line-height: 40px
}

#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider:before {
    position: absolute;
    z-index: 2;
    content: "";
    height: 40px;
    line-height: 40px;
    width: 90px;
    left: 0;
    bottom: 0;
    background-color: #000;
    color: #fff;
    content: attr(data-before);
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s
}

#Sample_Page .pageContentArea .formArea .maleFemaleHolder input:not(:checked)+.slider:before {
    margin-left: 90px
}

#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider.round {
    border-radius: 30px
}

#Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider.round:before {
    border-radius: 30px
}

#Sample_Page .pageContentArea .formArea .buttonsHolder {
    padding-left: 5px;
    padding-right: 5px
}

#Sample_Page .pageContentArea .formArea .buttonsHolder button {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 26px;
    background-color: #000;
    color: #fff;
    font-family: 'Nunito Sans SemiBold';
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 10PX
}

#Sample_Page .pageContentArea .formArea .buttonsHolder .p {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: -.5px;
    line-height: 16px;
    font-family: 'Nunito Sans SemiBold'
}

#Sample_Page .pageContentArea .formArea .buttonsHolder .p a {
    text-decoration: underline
}

@media(min-width:481px) {
    #Sample_Page .pageContentArea {
        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;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media(min-width:481px) and (max-width:1031px) {
    #Sample_Page .pageContentArea .formImageArea {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    #Sample_Page .pageContentArea .formArea {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 10px
    }
}

@media(max-width:480px) {
    #Sample_Page .formImageArea {
        margin-top: 40px
    }

    #Sample_Page .formArea {
        padding: 0 10px
    }

    #Sample_Page .formArea .buttonsHolder .p {
        margin-bottom: 0
    }

    #Sample_Page .formArea input {
        padding-top: 0
    }

    #Sample_Page .formArea button {
        margin-top: 0
    }

    #Sample_Page .pageTopTitle {
        margin-bottom: 70px;
        padding: 0 60px
    }

    #Sample_Page .pageTopTitle .h2 {
        margin-bottom: 0
    }

    #Sample_Page .pageContentArea .formArea .maleFemaleHolder .switch {
        width: 100%
    }

    #Sample_Page .pageContentArea .formArea .maleFemaleHolder .slider:before {
        width: 50%
    }

    #Sample_Page .pageContentArea .formArea .maleFemaleHolder input:not(:checked)+.slider:before {
        margin-left: 50%
    }
}

@media(min-width:481px) {
    #Sample_Page .container {
        padding: 40px 0
    }

    #Sample_Page .pageContentArea .formImageArea .imageRibbon {
        bottom: 30px
    }
}

@media(min-width:1031px) {
    #Sample_Page .container {
        padding: 40px 0
    }

    #Sample_Page .pageContentArea .formImageArea .imageRibbon {
        bottom: 20px
    }
}

@media(max-width:1031px) {
    #Sample_Page .pageContentArea {
        padding: 0 3%
    }

    #Sample_Page .pageTopTitle {
        max-width: 600px;
        margin: auto;
        margin-bottom: 30px
    }
}

@media(min-width:769px) {
    #Sample_Page .pageContentArea .formArea {
        padding-left: 20px
    }
}

.directions {
    padding: 80px 0
}

.directions .h2 {
    font-family: 'Nunito Sans SemiBold';
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 40px
}

.directions .p {
    font-family: 'Nunito Sans Light';
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px
}

#Sample_Page.LondonSampleSale {
    background-color: #f5f5f5
}

#Sample_Page.LondonSampleSale .pageContentArea {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

@media(max-width:1031px) {
    #Sample_Page.LondonSampleSale .pageContentArea {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #Sample_Page.LondonSampleSale .pageContentArea .pageVideo {
        padding: 0
    }
}

#Sample_Page.LondonSampleSale .pageContentArea #PrimroseVideoArea {
    text-align: center
}

#Sample_Page.LondonSampleSale .pageContentArea #PrimroseVideoArea video,
#Sample_Page.LondonSampleSale .pageContentArea #PrimroseVideoArea img {
    max-width: 100%;
    height: auto
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle {
    padding: 0 20px
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle .tablet-right-column {
    padding-left: 30px
}

@media(max-width:480px) {
    #Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle {
        text-align: center
    }
}

@media(max-width:1031px) {
    #Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-top: 60px
    }
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle h1 {
    font-family: "Nunito Sans SemiBold";
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 42px
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle p {
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle p strong {
    font-family: "Nunito Sans SemiBold"
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle p a {
    text-decoration: underline;
    cursor: pointer
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle .fieldHolder.hasError .errorMessage {
    font-size: 14px
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle .form .floating-label {
    padding: 0
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle .floating-label>label {
    color: #000;
    left: 0
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle h3 {
    font-family: "Nunito Sans SemiBold";
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px;
    margin-bottom: 0
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle .formArea {
    padding: 0
}

#Sample_Page.LondonSampleSale .pageContentArea .pageTopTitle .formArea .form {
    padding: 0
}

.hero-banner {
    position: relative
}

.hero-banner .hero-banner--caption {
    position: absolute;
    width: 100%;
    top: 0
}

.hero-banner picture._d-none+.hero-banner--caption {
    position: relative
}

@media only screen and (min-width:768px) {
    .hero-banner picture._d-md-none+.hero-banner--caption {
        position: relative
    }

    .hero-banner picture._d-md-block+.hero-banner--caption {
        position: absolute
    }
}

@media only screen and (min-width:1024px) {
    .hero-banner picture._d-lg-none+.hero-banner--caption {
        position: relative
    }

    .hero-banner picture._d-lg-block+.hero-banner--caption {
        position: absolute
    }
}

.hero-banner .hero-banner--image {
    height: auto;
    width: 100%
}

@media(min-width:1920px) {
    .hero-banner .hero-banner--image {
        max-width: 100%
    }
}

@media(min-width:1004px) and (max-width:1024px), (min-width:1420px) and (max-width:1440px), (min-width:1900px) and (max-width:1920px) {
    .hero-banner.-fit .hero-banner--image {
        -o-object-fit: none;
        object-fit: none
    }
}

.hero-banner.bottom .hero-banner--caption {
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    transform: none
}

.hero-banner.left .hero-banner--caption {
    left: 0
}

.hero-banner.right .hero-banner--caption {
    right: 0
}

.hero-banner.down .hero-banner--caption {
    position: relative
}

.hero-banner.middle .hero-banner--caption {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.hero-banner.center .hero-banner--caption {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    width: 100%
}

.hero-banner.w40 .hero-banner--caption {
    width: 40%
}

.hero-banner.w50 .hero-banner--caption {
    width: 50%
}

.hero-banner.w60 .hero-banner--caption {
    width: 60%
}

.hero-banner.w100 .hero-banner--caption {
    width: 100%
}

@media(max-width:767px) {
    .hero-banner.p-bottom .hero-banner--caption {
        bottom: 0;
        top: auto;
        -webkit-transform: none;
        transform: none
    }

    .hero-banner.p-left .hero-banner--caption {
        left: 0
    }

    .hero-banner.p-right .hero-banner--caption {
        right: 0
    }

    .hero-banner.p-down .hero-banner--caption {
        position: relative
    }

    .hero-banner.p-middle .hero-banner--caption {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .hero-banner.p-center .hero-banner--caption {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        width: 100%
    }

    .hero-banner.p-w40 .hero-banner--caption {
        width: 40%
    }

    .hero-banner.p-w50 .hero-banner--caption {
        width: 50%
    }

    .hero-banner.p-w60 .hero-banner--caption {
        width: 60%
    }

    .hero-banner.p-w100 .hero-banner--caption {
        width: 100%
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .hero-banner.t-bottom .hero-banner--caption {
        bottom: 0;
        top: auto;
        -webkit-transform: none;
        transform: none
    }

    .hero-banner.t-left .hero-banner--caption {
        left: 0
    }

    .hero-banner.t-right .hero-banner--caption {
        right: 0
    }

    .hero-banner.t-down .hero-banner--caption {
        position: relative
    }

    .hero-banner.t-middle .hero-banner--caption {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .hero-banner.t-center .hero-banner--caption {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        width: 100%
    }

    .hero-banner.t-w40 .hero-banner--caption {
        width: 40%
    }

    .hero-banner.t-w50 .hero-banner--caption {
        width: 50%
    }

    .hero-banner.t-w60 .hero-banner--caption {
        width: 60%
    }

    .hero-banner.t-w100 .hero-banner--caption {
        width: 100%
    }
}

@media(min-width:1024px) {
    .hero-banner.d-bottom .hero-banner--caption {
        bottom: 0;
        top: auto;
        -webkit-transform: none;
        transform: none
    }

    .hero-banner.d-left .hero-banner--caption {
        left: 0
    }

    .hero-banner.d-right .hero-banner--caption {
        right: 0
    }

    .hero-banner.d-down .hero-banner--caption {
        position: relative
    }

    .hero-banner.d-middle .hero-banner--caption {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .hero-banner.d-center .hero-banner--caption {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        width: 100%
    }

    .hero-banner.d-w40 .hero-banner--caption {
        width: 40%
    }

    .hero-banner.d-w50 .hero-banner--caption {
        width: 50%
    }

    .hero-banner.d-w60 .hero-banner--caption {
        width: 60%
    }

    .hero-banner.d-w100 .hero-banner--caption {
        width: 100%
    }
}

#PrimroseSignupPage {
    background-color: #f4efec
}

#PrimroseSignupPage .container {
    padding: 30px 0
}

#PrimroseSignupPage .pageTopTitle {
    padding: 0 10px
}

#PrimroseSignupPage .pageTopTitle .h1 {
    font-family: 'Nunito Sans SemiBold';
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 44px
}

#PrimroseSignupPage .pageTopTitle .h2 {
    font-family: 'Nunito Sans Light';
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px
}

#PrimroseSignupPage .pageContentArea .pageTopTitle {
    margin-bottom: 40px
}

#PrimroseSignupPage .pageContentArea .formImageArea {
    position: relative;
    padding-left: 0;
    padding-right: 0
}

#PrimroseSignupPage .pageContentArea .formImageArea .imageRibbon {
    text-transform: uppercase;
    font-family: 'Nunito Sans SemiBold';
    height: 27px;
    width: 163px;
    color: #333;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 40px;
    background-color: rgba(212, 159, 149, .7);
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    letter-spacing: 1px
}

#PrimroseSignupPage .pageContentArea .formArea {
    font-family: 'Nunito Sans SemiBold'
}

#PrimroseSignupPage .pageContentArea .formArea p.errorMessage {
    margin-top: -24px
}

#PrimroseSignupPage .pageContentArea .formArea input[type=text].error {
    border: none !important;
    border-bottom: 1px solid red !important
}

#PrimroseSignupPage .pageContentArea .formArea input[type=text] {
    color: #000;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000;
    margin-bottom: 30px
}

#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder input[type=radio] {
    display: none
}

#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .switch {
    position: relative;
    display: inline-block;
    width: 180px;
    height: 40px;
    margin-bottom: 30px
}

#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .slider .maleText,
#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .slider .femaleText {
    text-align: center;
    line-height: 40px
}

#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .slider:before {
    position: absolute;
    z-index: 2;
    content: "";
    height: 40px;
    line-height: 40px;
    width: 90px;
    left: 0;
    bottom: 0;
    background-color: #000;
    color: #fff;
    content: attr(data-before);
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s
}

#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder input:not(:checked)+.slider:before {
    margin-left: 90px
}

#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .slider.round {
    border-radius: 30px
}

#PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .slider.round:before {
    border-radius: 30px
}

#PrimroseSignupPage .pageContentArea .formArea .buttonsHolder {
    padding-left: 5px;
    padding-right: 5px
}

#PrimroseSignupPage .pageContentArea .formArea .buttonsHolder button#Subscribe_Primrose_OffersPage {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 26px;
    background-color: #000;
    color: #fff;
    font-family: 'Nunito Sans SemiBold'
}

#PrimroseSignupPage .pageContentArea .formArea .buttonsHolder .p {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: -.5px;
    line-height: 16px;
    font-family: 'Nunito Sans SemiBold'
}

#PrimroseSignupPage .pageContentArea .formArea .buttonsHolder .p a {
    text-decoration: underline
}

@media(min-width:481px) {
    #PrimroseSignupPage .pageContentArea {
        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;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media(min-width:481px) and (max-width:1031px) {
    #PrimroseSignupPage .pageContentArea .formImageArea {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    #PrimroseSignupPage .pageContentArea .formArea {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 20px
    }
}

@media(max-width:480px) {
    #PrimroseSignupPage .formImageArea {
        margin-top: 40px
    }

    #PrimroseSignupPage .formArea {
        padding: 0 30px
    }

    #PrimroseSignupPage .formArea .buttonsHolder .p {
        margin-bottom: 0
    }

    #PrimroseSignupPage .formArea input {
        padding-top: 0
    }

    #PrimroseSignupPage .formArea #Subscribe_Primrose_OffersPage {
        margin-top: 0
    }

    #PrimroseSignupPage .pageTopTitle {
        margin-bottom: 70px;
        padding: 0 60px
    }

    #PrimroseSignupPage .pageTopTitle .h2 {
        margin-bottom: 0
    }

    #PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .switch {
        width: 100%
    }

    #PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder .slider:before {
        width: 50%
    }

    #PrimroseSignupPage .pageContentArea .formArea .maleFemaleHolder input:not(:checked)+.slider:before {
        margin-left: 50%
    }
}

@media(min-width:481px) {
    #PrimroseSignupPage .container {
        padding: 50px 0
    }

    #PrimroseSignupPage .pageContentArea .formArea {
        padding-left: 20px
    }

    #PrimroseSignupPage .pageContentArea .formImageArea .imageRibbon {
        bottom: 30px
    }
}

@media(min-width:1031px) {
    #PrimroseSignupPage .container {
        padding: 70px 0
    }

    #PrimroseSignupPage .pageContentArea .formArea {
        padding-left: 0;
        padding-right: 40px
    }

    #PrimroseSignupPage .pageContentArea .formImageArea .imageRibbon {
        bottom: 20px
    }
}

@media(max-width:1031px) {
    #PrimroseSignupPage .pageTopTitle {
        text-align: center;
        max-width: 600px;
        margin: auto;
        margin-bottom: 30px
    }
}

#SignupPageCountdown .countdown .label.alternative {
    display: none !important
}

#SecretSalePage {
    background-color: #f8e5dc
}

#SecretSalePage.BF2019 {
    background-color: #fff;
    padding-bottom: 40px
}

#SecretSalePage.BF2019 .hero .hero-content {
    text-align: center;
    padding: 90px 10px;
    background-color: #fbf9f6
}

#SecretSalePage.BF2019 .hero .hero-content h1 {
    color: #2c7aa1;
    font-family: "Nunito Sans SemiBold";
    font-size: 36px;
    letter-spacing: .8px;
    line-height: 46px;
    max-width: 480px;
    margin: auto;
    margin-bottom: 20px
}

#SecretSalePage.BF2019 .hero .hero-content.salesPage h1 {
    color: #000
}

#SecretSalePage.BF2019 .hero .hero-content p {
    font-family: "Nunito Sans Light";
    font-size: 18px;
    letter-spacing: .5px;
    line-height: 26px;
    max-width: 480px;
    margin: auto;
    margin-bottom: 20px
}

#SecretSalePage.BF2019 .hero .hero-content button {
    height: 45px;
    color: #2c7aa1;
    background-color: transparent;
    border: 1px solid #2c7aa1;
    font-family: "Nunito Sans SemiBold";
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 18px;
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom: 28px
}

@media(min-width:769px) {
    #SecretSalePage.BF2019 .hero .hero-content button:hover {
        background-color: #2c7aa1;
        color: #fff;
        -webkit-transition: .3s;
        transition: .3s
    }
}

#SecretSalePage.BF2019 .hero .hero-content .arrowDown {
    cursor: pointer;
    height: 45px;
    width: 45px;
    margin: auto;
    border-radius: 45px;
    border: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#SecretSalePage.BF2019 .hero .hero-content .arrowDown svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#SecretSalePage.BF2019 .hero .hero-content .arrowDown svg polyline {
    stroke: black
}

#SecretSalePage.BF2019 .hero img {
    width: 100%;
    height: auto
}

#SecretSalePage.BF2019 .hero.gemstones {
    margin-top: 25px;
    display: inline-block
}

@media(min-width:480.01px) {
    #SecretSalePage.BF2019 .hero.gemstones figcaption.diamonds {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding: 47px
    }

    #SecretSalePage.BF2019 .hero.gemstones figcaption.diamonds .p-bottomRightCorner.gem {
        width: 380px
    }
}

@media(min-width:480.01px) and (max-width:769px) {
    #SecretSalePage.BF2019 .hero.gemstones figcaption.diamonds {
        padding: 30px
    }

    #SecretSalePage.BF2019 .hero.gemstones figcaption.diamonds .p-bottomRightCorner.gem {
        width: 260px
    }
}

#SecretSalePage.BF2019 .container {
    padding: 0
}

#SecretSalePage.BF2019 .container.bottom-area {
    max-width: 1120px
}

#SecretSalePage.BF2019 .container-large {
    margin-bottom: 0
}

#SecretSalePage.BF2019 .caption {
    margin-top: 20px;
    max-width: 90%
}

#SecretSalePage.BF2019 h3 {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 28px;
    letter-spacing: .75px;
    line-height: 38px;
    margin-bottom: 15px
}

#SecretSalePage.BF2019 p {
    color: #000;
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px;
    margin-bottom: 15px
}

#SecretSalePage.BF2019 .link {
    color: #000;
    font-family: "Nunito Sans SemiBold";
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px
}

#SecretSalePage.BF2019 .link::after {
    content: "";
    top: 0;
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    background-image: url(/images/NewImages/Icons/arrow-right-buttons.svg);
    background-repeat: no-repeat;
    background-size: auto 95%
}

@media(max-width:480px) {
    #SecretSalePage.BF2019 h3 {
        font-size: 24px;
        letter-spacing: 1px;
        line-height: 32px;
        max-width: 90%
    }

    #SecretSalePage.BF2019 p {
        font-size: 15px;
        letter-spacing: .5px;
        line-height: 24px
    }
}

#SecretSalePage.BF2019 .hero-bottom {
    margin-top: 70px
}

@media(max-width:480px) {
    #SecretSalePage.BF2019 .hero-bottom {
        margin-top: 20px
    }
}

#SecretSalePage.BF2019 .hero .coln {
    padding: 0
}

#SecretSalePage.BF2019 .hero .coln.smaller {
    padding: 15px 20px
}

@media(min-width:480px) {
    #SecretSalePage.BF2019 .hero .coln.smaller {
        padding: 60px 20px
    }
}

@media(min-width:769px) {
    #SecretSalePage.BF2019 .hero .coln.smaller {
        padding: 70px 50px
    }
}

#SecretSalePage.BF2019 .hero figcaption {
    padding: 0 8%;
    padding-top: 40px
}

@media(max-width:380px) {
    #SecretSalePage.BF2019 .hero figcaption {
        padding: 0 5%;
        padding-top: 16px
    }
}

@media(min-width:769px) and (max-width:1024px) {
    #SecretSalePage.BF2019 .hero figcaption.diamonds {
        max-width: 300px
    }
}

#SecretSalePage.BF2019 .hero figcaption p {
    max-width: 90%
}

@media(min-width:480px) {
    #SecretSalePage.BF2019 .hero figcaption {
        padding-left: 30px;
        padding-top: 30px;
        width: 380px;
        margin: 0
    }
}

@media(min-width:769px) {
    #SecretSalePage.BF2019 .hero figcaption {
        padding-left: 40px;
        padding-top: 40px
    }
}

@media(min-width:769px) and (max-width:1024px) {
    #SecretSalePage.BF2019 .hero figcaption {
        padding-left: 20px;
        padding-top: 20px;
        width: 380px
    }
}

@media(min-width:481px) and (max-width:769px) {
    #SecretSalePage.BF2019 .container.bottom-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #SecretSalePage.BF2019 .container.bottom-area a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        display: list-item;
        list-style-type: none
    }
}

#SecretSalePage.BF2019 .container.bottom-area .coln {
    padding: 10px 16px
}

#SecretSalePage video {
    max-width: 100%
}

#SecretSalePage .container {
    padding: 30px 0
}

#SecretSalePage .pageTopTitle {
    padding: 0 10px
}

#SecretSalePage .pageTopTitle .h1 {
    font-family: 'Nunito Sans SemiBold';
    font-size: 32px;
    letter-spacing: 1px;
    line-height: 44px
}

#SecretSalePage .pageTopTitle .h2 {
    font-family: 'Nunito Sans Light';
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 24px
}

#SecretSalePage .pageContentArea .pageTopTitle {
    margin-bottom: 40px
}

#SecretSalePage .pageContentArea .formImageArea {
    position: relative;
    padding-left: 0;
    padding-right: 0
}

#SecretSalePage .pageContentArea .formImageArea .imageRibbon {
    text-transform: uppercase;
    font-family: 'Nunito Sans SemiBold';
    height: 27px;
    width: 163px;
    color: #333;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 40px;
    background-color: rgba(212, 159, 149, .7);
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    letter-spacing: 1px
}

#SecretSalePage .pageContentArea .formArea {
    font-family: 'Nunito Sans SemiBold'
}

#SecretSalePage .pageContentArea .formArea p.errorMessage {
    margin-top: -24px
}

#SecretSalePage .pageContentArea .formArea input[type=text].error {
    border: none !important;
    border-bottom: 1px solid red !important
}

#SecretSalePage .pageContentArea .formArea input[type=text] {
    color: #000;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #000;
    margin-bottom: 30px
}

#SecretSalePage .pageContentArea .formArea .buttonsHolder {
    padding-left: 5px;
    padding-right: 5px
}

#SecretSalePage .pageContentArea .formArea .buttonsHolder button#SignupSecretSale2019 {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 26px;
    background-color: #000;
    color: #fff;
    font-family: 'Nunito Sans SemiBold'
}

#SecretSalePage .pageContentArea .formArea .buttonsHolder .p {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: -.5px;
    line-height: 16px;
    font-family: 'Nunito Sans SemiBold'
}

#SecretSalePage .pageContentArea .formArea .buttonsHolder .p a {
    text-decoration: underline
}

@media(min-width:481px) {
    #SecretSalePage .pageContentArea {
        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;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
}

@media(min-width:481px) and (max-width:1031px) {
    #SecretSalePage .pageContentArea .formImageArea {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    #SecretSalePage .pageContentArea .formArea {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 20px
    }
}

@media(max-width:480px) {
    #SecretSalePage .formImageArea {
        margin-top: 40px
    }

    #SecretSalePage .formArea {
        padding: 0 30px
    }

    #SecretSalePage .formArea .buttonsHolder .p {
        margin-bottom: 0
    }

    #SecretSalePage .formArea input {
        padding-top: 0
    }

    #SecretSalePage .formArea #Subscribe_Primrose_OffersPage {
        margin-top: 0
    }

    #SecretSalePage .pageTopTitle {
        margin-bottom: 70px;
        padding: 0 60px
    }

    #SecretSalePage .pageTopTitle .h2 {
        margin-bottom: 0
    }

    #SecretSalePage .pageContentArea .formArea .maleFemaleHolder .switch {
        width: 100%
    }

    #SecretSalePage .pageContentArea .formArea .maleFemaleHolder .slider:before {
        width: 50%
    }

    #SecretSalePage .pageContentArea .formArea .maleFemaleHolder input:not(:checked)+.slider:before {
        margin-left: 50%
    }
}

@media(min-width:481px) {
    #SecretSalePage .container {
        padding: 50px 0
    }

    #SecretSalePage .pageContentArea .formArea {
        padding-left: 20px
    }

    #SecretSalePage .pageContentArea .formImageArea .imageRibbon {
        bottom: 30px
    }
}

@media(min-width:1031px) {
    #SecretSalePage .container {
        padding: 70px 0
    }

    #SecretSalePage .pageContentArea .formArea {
        padding-left: 0;
        padding-right: 30px
    }

    #SecretSalePage .pageContentArea .formImageArea .imageRibbon {
        bottom: 20px
    }
}

@media(max-width:1031px) {
    #SecretSalePage .pageTopTitle {
        text-align: center;
        max-width: 600px;
        margin: auto;
        margin-bottom: 30px
    }
}

.alertify-dialog {
    font-family: 'Nunito Sans Light'
}

.alertify-dialog p.alertify-message {
    font-size: 17px;
    letter-spacing: .5px;
    line-height: 23px
}

.alertify-dialog .alertify-button {
    height: 45px;
    line-height: 45px;
    padding: 0 26px;
    background-color: #000;
    color: #fff;
    font-family: 'Nunito Sans SemiBold';
    border: 1px solid #000
}

.alertify-dialog #popupDiscountCode {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 1px;
    font-family: 'Nunito Sans Semibold'
}

.alertify-dialog #popupDiscountCode.yellow {
    color: #ffc13a
}

.alertify-dialog #popupCopyToClipboard {
    font-family: 'Nunito Sans';
    color: #fff;
    height: auto;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    letter-spacing: .5px;
    line-height: 23px;
    text-transform: capitalize;
    text-decoration: none;
    background-color: #000;
    padding: 15px 20px;
    margin-top: 20px;
    border: 1px solid transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.alertify-dialog #popupCopyToClipboard:hover {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #000
}

.stickyMasterTopBar.SummerSaleBlue {
    background-color: #a4d8e4
}

.newsletterSubscriptionTopbar_ghostElement.summerSale {
    height: 60px
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar {
    background-color: #cde1e4;
    cursor: pointer;
    height: 60px
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent {
    height: 60px
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .SaleEndsIn {
    font-size: 11px;
    margin-top: 6px;
    height: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: "Nunito Sans Bold"
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown {
    height: 30px;
    line-height: 30px
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown .timer.days,
.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown .divisor.day-hour {
    display: inline-block
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown .timer.seconds,
.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown .divisor.min-sec {
    display: none
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown .timer {
    display: inline-block;
    position: relative;
    font-size: 20px;
    padding: 0 8px;
    text-align: center
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown .timer .timerLabel {
    text-transform: uppercase;
    position: absolute;
    width: 100%;
    margin: auto;
    height: 8px;
    line-height: 8px;
    bottom: -6px;
    left: 0;
    font-size: 7px;
    text-align: center
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown .divisor {
    display: inline-block;
    font-size: 20px;
    margin: 0
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown.showSecondsHideDays .timer.days,
.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown.showSecondsHideDays .divisor.day-hour {
    display: none
}

.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown.showSecondsHideDays .timer.seconds,
.newsletterSubscriptionTopbar_topBarHolder.summerSale .stickynewsletterSubscriptionTopbar .stickyBarContent .contentHolder .summerSaleCountdown.showSecondsHideDays .divisor.min-sec {
    display: inline-block
}

body.HasSummerSaleTopBar header {
    top: 60px
}

body.HasSummerSaleTopBar.HasMasterTopBar header {
    top: 100px
}

#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
}

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

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

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

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

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

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
}

#___ratingbadge_0 {
    z-index: 16000000 !important;
    transition: margin-bottom .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: 'Caslon Pro';
    src: url('/Assets/Fonts/casionpro/acaslonpro-regular.woff') format('woff');
    unicode-range: U+0-5FF;
    font-display: swap
}

.overflow-auto {
    overflow: auto
}

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

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

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

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

h5,
.h5 {
    font-weight: normal;
    font-style: normal;
    font-weight: 400;
    font-size: 1.65em;
    margin-top: 0;
    margin-bottom: .75em
}

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

strong,
.strong {
    font-weight: bold
}

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

button:focus {
    outline: none
}

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

a:hover {
    cursor: pointer
}

a:focus {
    outline: 0 none
}

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

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    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
}

.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
}

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

.paypal-text {
    color: #199ddb
}

.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
}

.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
}

.noOverflow {
    overflow: hidden
}

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

:root {
    max-width: 100vw
}

body {
    font-size: 70%
}

html {
    font-size: 100%
}

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

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

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

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

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

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

.innerpadding {
    padding: 0 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-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
}

.toggler {
    cursor: pointer
}

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

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

.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: 0 !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 0;
    flex: 1 1 0;
    -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: #fff
}

@media(max-width:768px) {
    .alertify #alertifyConfirmation .socialButtons a {
        margin: 13px 0
    }
}

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

*.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, .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, .3);
    width: 100% !important
}

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

#image360-reel .reel-preloader:after,
*.loadingError:after,
*.loadingSuccess:after,
*.ajaxLoading:after {
    content: "";
    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: ""
}

*.loadingSuccess:after {
    content: ""
}

body.ajaxLoading:after {
    position: fixed
}

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

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

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

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

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;
    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: "";
    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: 0;
    left: 50%;
    margin-left: -15px
}

.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
}

.form label.fakeCheckbox input:checked~.checkmark:after {
    display: block
}

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

.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
}

.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: .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 {
    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
}

.form .fieldHolder.hasError {
    position: relative
}

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

.errorMessage {
    text-align: left
}

.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: "";
    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
}

.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;
    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: "";
    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 {
    background: #efefef;
    background: -moz-linear-gradient(top, #efefef 0%, #efefef 0%, #efefef 0%, #dedede 100%);
    background: -webkit-linear-gradient(top, #efefef 0%, #efefef 0%, #efefef 0%, #dedede 100%);
    background: linear-gradient(to bottom, #efefef 0%, #efefef 0%, #efefef 0%, #dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#dedede', GradientType=0);
    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
}

#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
}

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
}

#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 #fff;
    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: .3 !important;
    cursor: default !important
}

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

#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
}

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

.g-recaptcha>div {
    margin: auto
}

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

#gdprCheckboxHolder {
    overflow: hidden
}

#gdprCheckboxHolder label {}

#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 {
    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>a {
    text-decoration: underline
}

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

.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.popperUpperFullScreen {
    overflow: hidden
}

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

.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
}

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

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

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

#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
}

#stickyContactBar button {
    margin-left: 5vw
}

#stickyContactBar a {
    margin-right: 5vw
}

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

#showHideSeoText {
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
    padding: 5px 8px;
    z-index: 9
}

#showHideSeoText>i.fa {
    text-shadow: 0 0 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
}

#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
}

#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
}

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

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

img.heroBanner {
    width: 100%
}

.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
}

.subNavSliderHolder {
    position: relative;
    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
}

.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-family: "Nunito Sans Light";
    text-transform: none;
    padding: 0 60px;
    box-sizing: border-box
}

.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: "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.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, .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 {
    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 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 {
    color: #fff;
    text-transform: none;
    text-shadow: 1px 1px 1px #575757;
    margin-bottom: 5px
}

.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: 0;
    line-height: 140%
}

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

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

#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: .1em;
    margin-top: 5px;
    text-transform: none;
    font-size: 1.3em
}

#preFooterSlides p {
    font-weight: 100;
    margin: auto 0
}

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

.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, .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 {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

.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, .2);
    position: absolute
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    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 #fff
}

.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: #eee;
    cursor: pointer
}

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

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999;
    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: #eee;
    -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, .25);
    background-image: linear-gradient(top, #b3b3b3, gray);
    border-left-color: gray;
    border-right-color: gray;
    border-top-color: gray;
    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: gray
}

.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: #666 \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, .25);
    background-image: linear-gradient(top, #08c, #04c);
    border-left-color: #04c;
    border-right-color: #04c;
    border-top-color: #04c;
    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: #04c
}

.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: #039 \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: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999;
    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, .25);
    background-image: linear-gradient(top, #08c, #04c);
    border-left-color: #04c;
    border-right-color: #04c;
    border-top-color: #04c;
    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: #04c
}

.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: #039
}

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

.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: #eee
}

.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 #fff;
    vertical-align: middle;
    background-color: #eee;
    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: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(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, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(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: #333;
    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
}

#newsletterBox {
    width: 561px;
    height: 561px;
    margin: auto;
    border: 20px solid #ffc13a;
    border: 20px solid rgba(255, 193, 58, .5);
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    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
}

.at_flat_counter {
    display: none !important
}

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

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

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

.productSliderSlides figure {
    height: 140px
}

.productSliderSlides .image1 {}

.productSliderSlides .slick-slide {
    position: relative
}

.productSliderSlides .slick-slide:not(:hover) .hover-image {
    opacity: 0
}

.productSliderSlides .hover-image {
    position: absolute;
    top: 0;
    width: 100%;
    background: #fff;
    height: 100%;
    transition: opacity .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
}

.textAndImageBlock {
    margin-top: 40px
}

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

.textAndImageBlock h3 {
    text-transform: none
}

.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
}

.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;
    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
}

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

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

.threeImagesBlock h3 {
    margin-bottom: 10px
}

.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
}

.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
}

.simpleHolder {
    font-size: 14px
}

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

#categoriesListHolder ul li>article,
#categoriesListHolder ul li>figure {
    position: relative;
    border: 5px solid #ffb002;
    margin-bottom: 15px;
    height: 40vw;
    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 {}

.educationPage .messages {
    line-height: 21px
}

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

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

#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>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
}

#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
}

#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
}

#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
}

#floatingMenuOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .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
}

#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
}

#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
}

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

#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: #fff 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
    }
}

#heroClockHolder {
    display: none
}

.stickyBF18-clock {
    background-color: #243e64 !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: .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: .7px
}

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

.WinterSaleShoppingBagCountDownHolder {
    background-color: #243e64;
    margin-bottom: 12px;
    color: #fff
}

.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: #243e64 !important;
    color: #fff
}

.cartPhaseHolder .shopCountdownHolder.valentinesPinkBackground {
    background-image: linear-gradient(to right, #d05054, #a53444)
}

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

.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: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .7px !important;
    font-size: 12px
}

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

#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: #000;
    font-size: 36px
}

#homepage .productSliderHolder .WS19Slider .slide h3,
#winterSale2019 .productSliderHolder .WS19Slider .slide h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    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: .8px
}

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

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

#homepage .productSliderHolder .WS19Slider .slide h6,
#winterSale2019 .productSliderHolder .WS19Slider .slide h6 {
    font-size: 13px;
    color: #000
}

#homepage .productSliderHolder .WS19Slider .slide h6 .full-price,
#winterSale2019 .productSliderHolder .WS19Slider .slide h6 .full-price {
    color: #000;
    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: #000;
    color: #fff
}

#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
}

#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
}

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

#hero.xmas_hero .slide .slide_left_homepage {
    float: left;
    position: relative
}

.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 hr.yellowLine.xmas {
    border-bottom: 6px solid #fff
}

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

#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
}

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

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

#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: #fff
}

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

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

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

#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: 0
}

#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: #000;
    margin-bottom: 8px
}

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

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

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

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

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

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

#blackFriday #blackFriday2017Holder #beatTheRushHolder {
    text-align: center;
    padding: 50px 0;
    color: #000
}

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

#blackFriday #blackFriday2017Holder #beatTheRushHolder h3 {
    color: #000;
    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
}

#frankfurtShowroomTopBar {
    display: none;
    position: relative;
    height: 52px;
    background-color: #ffb002;
    font-size: 14px;
    letter-spacing: .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: #fff;
    z-index: 4
}

#frankfurtShowroomTopBar .nowOpenForMobile a {
    color: #fff
}

#frankfurtShowroomTopBar .nowOpen {
    position: absolute;
    left: 0;
    line-height: 52px;
    color: #fff;
    z-index: 4
}

#frankfurtShowroomTopBar .bookAppointment a {
    line-height: 52px;
    color: #fff;
    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%
}

#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-size: 18px
}

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

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

#hero.frankfurtShowroom .slide 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
}

.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 {}

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

.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
}

.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-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: .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%
}

#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
}

#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-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
}

#ctl00_ContentPlaceHolder1_lblTotalOrderSummary.hasDiscount,
#ctl00_ContentPlaceHolder1_lblTotalOrder.hasDiscount,
.discountTextOldPrice {
    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
}

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

#shoppingBagHolder #grandTotal {
    position: relative
}

.checkout2017 #itemsHolder .item .itemTotal>var.hasDiscount {
    margin-top: -20px
}

#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%
}

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

#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
}

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

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

#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
}

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
}

#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-style: italic
}

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

#januarySale .bottomHero p.smallText {
    font-size: 11px
}

.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
}

#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
}

#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
}

#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: #ccc
}

#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 {
    padding: 8px 26px;
    cursor: pointer
}

#homepage .subNavSlidesHolder figure {
    min-height: 450px
}

#homepage .subNavSlider>li {
    padding: 20px 0
}

#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: 0
}

#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 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
}

#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
}

.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 #000
}

@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: #000;
    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: 0;
        text-align: center
    }

    .visitShowroom .onlineConsultation .tabContent77 {
        padding-top: 48px
    }
}

.visitShowroom .tabTitle77>h2 {
    margin-bottom: 0;
    font-size: 18px;
    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 h3 {
    margin-bottom: 15px;
    font-size: 18px
}

.visitShowroom p {}

.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
}

#mayfairShowroomPage #showroomslides {
    margin-bottom: 20px
}

#mayfairShowroomPage article>h1 {
    display: inline-block
}

#mayfairShowroomPage article>.btn {
    float: right;
    margin: 30px 0 20px
}

#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 h2 {
    color: #575757
}

#diamondCollection .flexBlock>figure .centeredContent 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%
}

#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
}

#looseDiamonds figure.centeredImage>a>img {
    margin-top: 0
}

#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
}

.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
}

.productSliderHolder .productSliderSlides .slide h5 {
    font-size: 13px;
    color: #000
}

.productSliderHolder .productSliderSlides .slide h5 .full-price {
    color: #000;
    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
}

#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
}

#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;
    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 0;
    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 {
    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
}

#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 0;
    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;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox
}

#checkoutPage #OrderSummaryContainer>.line {
    border-bottom: 1px solid #dadada;
    padding: 15px 0;
    position: relative;
    font-size: 15px
}

#checkoutPage #OrderSummaryContainer>.line:last-of-type {
    border: 0
}

#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 .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: .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: 0
}

#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
}

.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 {
    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-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(0, 0);
    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%
    }
}

#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%
}

#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
}

#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 {
    border: 1px solid #e4e4e4;
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    max-width: 100%
}

#successPage2017 .subscribe-royal-mail {
    display: block;
    margin-bottom: 12px
}

@media(max-width:768px) {
    #successPage2017 .create-account {
        padding: 16px
    }

    #successPage2017 .subscribe-royal-mail,
    #successPage2017 #subscribe-royal-mail-success {}
}

#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: 0;
    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: #fff;
    width: fit-content;
    background: #0d0900;
    margin-top: 24px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #0d0900;
    transition: all .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: #fff;
    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
}

.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-size: 12px;
    font-weight: bold
}

.checkout2017 #itemsHolder .item .itemTotal {
    font-size: 16px;
    margin: 0
}

.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;
    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 .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
}

#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>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 .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 #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
}

.amazonButtonHolder {
    width: 175px;
    float: left
}

.paypalButtonHolder {}

.paypalButtonHolder .paypal-text {
    width: 280px
}

#checkoutSteps #checkoutStep1 #amazonLoginButton {
    float: left;
    margin-top: 15px
}

#checkoutSteps #checkoutStep1 #amazonLoginButton #LoginWithAmazon {
    margin-top: 6px
}

#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: "";
    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)
}

#checkoutSteps #payWithPaypal,
#checkoutSteps #checkoutStep1 #checkoutWithPaypal {
    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: 0 5px;
    margin-bottom: 0;
    float: left;
    margin-top: 20px;
    margin-left: 15px
}

#checkoutSteps #payWithPaypal:hover,
#checkoutSteps #checkoutStep1 #checkoutWithPaypal:hover {
    background-color: #ffc439;
    color: #000
}

#checkoutSteps #checkoutStep1 a {
    text-decoration: underline
}

.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
}

#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
}

#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: 0 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
}

#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
}

#successPage2017 {
    border-top: 6px solid #ffc13a
}

#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
}

#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
}

#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 a {
    display: block;
    text-decoration: none;
    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 .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 {}

#contactsPage #selectedCountryHolder dl {
    margin: 10px 0
}

#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
}

#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 .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 {}

#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>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
}

#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
}

#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: #fff;
    font-size: 21px
}

#celebrityPage2018 .main-content .celeb-tab .celeb-tab-title .sub-title {
    display: none;
    padding: 0 15px;
    margin-top: -8px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    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
}

#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: #fff
}

#celebrityPage2018 .main-content .celeb-tab .celeb-tab-content .pic-text-block .border-grey {
    border: 2px solid #59585b;
    background-color: #fff;
    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: #fff;
    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 {
    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
}

#night-for-you {
    width: 100%;
    max-width: none
}

#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
}

.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%
}

.nightForYouCampaign .slider-description h1.night-for-you-typography {
    max-width: 90%;
    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%;
    color: #fff;
    font-size: 24px
}

.nightForYouStickyBar .event-title picture img {
    width: 120px;
    height: auto
}

.nightForYouStickyBar .event-description {
    float: right;
    margin-right: 5px;
    color: #fff;
    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
}

#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 0 5px 0;
    text-align: center;
    font-size: 30px
}

#reviewsPage ul#ReviewItemUl>li h4 {
    font-weight: 300;
    text-align: center;
    margin: 0 0 5px 0;
    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: #000;
    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
}

.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;
    bottom: 0%;
    right: 0;
    left: 0;
    width: 90%;
    margin: 5% auto
}

#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
}

#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: #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-size: 16px;
    line-height: 21px;
    margin: 0;
    padding: 0 0 2px 0
}

#step-2 .similar-items .list .h-h6 {
    color: #333;
    display: block;
    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: 0 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: 0 auto;
    color: #000;
    width: 60%;
    display: block;
    font-size: 16pt;
    height: 40px;
    line-height: 40px;
    padding: 5px 0
}

#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 #999;
    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) {
    #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: .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
}

#step-2 .galleryImage #image360-reel #image360 {
    max-width: none !important
}

#step-2 .galleryImage #image360-reel #temp360Text {
    position: absolute;
    bottom: 0;
    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;
    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;
    border: none;
    background-position: top;
    font-size: 16px
}

.video_cocktail {
    display: block;
    width: 50px !important;
    height: 50px !important;
    border: none;
    background-position: top;
    font-size: 16px
}

.video_earrings {
    display: block;
    width: 50px !important;
    height: 50px !important;
    border: none;
    background-position: top;
    font-size: 16px
}

.video_eng {
    display: block;
    width: 50px !important;
    height: 50px !important;
    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;
    border: none;
    background-position: top;
    font-size: 16px
}

.video_neck {
    display: block;
    width: 50px !important;
    height: 50px !important;
    border: none;
    background-position: top;
    font-size: 16px
}

.video_wedd360 {
    display: block;
    width: 50px !important;
    height: 50px !important;
    border: none;
    background-position: top;
    font-size: 16px
}

.video_360 {
    display: block;
    width: 50px !important;
    height: 50px !important;
    border: none;
    background-position: top;
    font-size: 16px
}

.video_wedd {
    display: block;
    width: 50px !important;
    height: 50px !important;
    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 #fff;
    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 #fff;
    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;
    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: ""
}

#step-2 .social-box .social .twitter:before,
#step-2 .social-box .social li.sharethis .addthis_sharing_toolbox a.at-svc-twitter:before {
    content: ""
}

#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: ""
}

#step-2 .social-box .social .pintrest:before,
#step-2 .social-box .social li.sharethis .addthis_sharing_toolbox a.at-svc-pinterest_share:before {
    content: ""
}

#step-2 .social-box .social .link-favo:before {
    content: "";
    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 a:hover {
    color: #000;
    text-decoration: none
}

#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;
    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;
    line-height: 21px;
    margin: 0;
    padding: 0
}

#step-2 .results {
    margin-top: 10px
}

#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 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    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 0;
    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#vatDesc {
    font-size: 17px;
    display: block
}

body#rings #shopBadgesHolder {
    display: none
}

#dropdown-2 {
    position: absolute !important
}

.parentDivTable {
    display: table;
    width: 100%
}

.parentDivTableRow {
    display: table-row
}

.parentDivTableCell {
    display: table-cell;
    border: 1px solid #ccc;
    border-width: 0 0 0 1px;
    width: 1%
}

#step-2 .noTop {
    border-top: 0 !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 0
}

#ReviewItemUl {
    margin: 0;
    padding-right: 5px
}

#ReviewItemUl li p {
    font-size: 14px;
    line-height: 22px !important
}

#ReviewItemUl li {
    padding: 5px 0 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;
    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;
    max-height: 185px;
    -webkit-line-clamp: 7;
    -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;
    max-height: auto;
    -webkit-line-clamp: initial;
    -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
}

#step-2 .tab2-select {
    clear: both;
    display: block;
    margin: 0 0 0 0;
    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: 0
}

#step-2 .tab2-select>div>table>tbody>tr>td {
    border: 1px solid #ccc;
    border-width: 1px 0 0 1px;
    height: 100%
}

table.diamond_control_clarity_container td {
    border: 1px solid #ccc;
    border-width: 0 1px 1px 1px
}

#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: #fc6
}

#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: 0 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: "";
    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: 0 0 0 #333
}

.btnAddDiamondToJewlery {
    display: none
}

.csArrow {
    margin-right: 0
}

.action-btns {
    display: none
}

#step-2 .action-btns2 .bigbtn {
    width: 98%
}

#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 {
    clear: both;
    display: block;
    overflow: hidden;
    padding: 10px 0
}

#step-2 .action .search {
    position: relative;
    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: #999;
    float: left;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    padding: 0 12px;
    width: 100%
}

#step-2 .action .btn-search {
    position: absolute;
    right: 1px;
    background: #fff url(/images/NewImages/Icons/SearchButton.jpg) no-repeat 2px 1px;
    height: 24px;
    width: 24px;
    border-left: 1px solid #ccc
}

#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;
    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 0;
    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
}

#imageThumbnails li {
    position: relative;
    display: inline-block;
    width: 69px;
    height: 69px
}

#imageThumbnails li img {
    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 {
    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;
    margin-bottom: 15px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#galleryAccordion>li {
    float: left;
    width: 28px;
    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>h3,
#galleryAccordion>li>.h3 {
    display: none
}

#galleryAccordion>li>div {
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    transition: max-width .5s ease
}

#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 {
    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 ul.thumbnailsActualPhoto>li {
    border: 1px solid #ddd;
    display: inline-block
}

#galleryAccordion ul.thumbnailsActualPhoto {
    padding: 0 0 0 10px
}

.video_eng {
    display: block;
    width: 50px !important;
    height: 50px !important;
    border: none;
    background-position: top;
    font-size: 16px
}

.video_eng:hover {
    background-position: 0 -50px
}

#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;
    margin-left: -4px;
    margin-bottom: 7px
}

@media(max-width:425px) {
    #diamondTableExtraFiltersHolder {
        margin-right: 0;
        font-size: 12px
    }
}

#diamondTableExtraFiltersHolder input {
    vertical-align: middle
}

.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 .arrange-content {
    padding: 20px 10px 0
}

#rings .arrange .arrange-footer {
    margin: 10px 10px 0;
    padding: 20px;
    border-top: 1px solid;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: #000
}

#rings .arrange h3,
#rings .arrange .h3 {
    color: #000;
    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 #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 {}

#rings .fancybox-close {
    right: 5px;
    top: 5px;
    cursor: pointer
}

#rings .fancybox-inner .coln {
    padding-top: 40px
}

#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/clarity-sprite.jpg)
}

#rings .clarity-preview.clarity-preview-0 {
    background-position: -0 -0
}

#rings .clarity-preview.clarity-preview-1 {
    background-position: -125px -0
}

#rings .clarity-preview.clarity-preview-2 {
    background-position: -0 -95px
}

#rings .clarity-preview.clarity-preview-3 {
    background-position: -125px -95px
}

#rings .clarity-preview.clarity-preview-4 {
    background-position: -0 -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: #000;
    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 0
}

#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 {
    margin-top: -1px;
    position: absolute;
    z-index: 1;
    transition: opacity .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
}

#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;
    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-position: right center;
    background-repeat: no-repeat
}

#comparePage {
    padding: 50px 0 100px 0
}

#comparePage h1 {
    font-size: 32px;
    color: #000
}

#comparePage .back {
    font-size: 20px;
    text-decoration: underline;
    color: #000;
    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: 0;
    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 #d3d3d3;
    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 #d3d3d3;
    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: #000
}

#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: 0;
    margin-top: 160px
}

#comparePage #bottomArea .needHelpArea.fullwidth .helpButtons {
    margin-left: 0;
    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: 0 20px;
    max-width: 24%;
    color: #000
}

.comparePage_selectPopupContainer {
    padding: 45px 10px 30px 10px;
    text-align: center;
    position: relative
}

.comparePage_selectPopupContainer h2 {
    color: #000;
    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 #d3d3d3;
    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%
}

.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
}

.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.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)
}

.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)
}

.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
}

.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
}

#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 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
}

.Error {
    border: 1px solid #ee0101 !important
}

.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-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;
    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
}

.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
}

#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
}

#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 .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%
}

#mobileGifsHolder>ul {
    margin: 20px 0
}

#mobileGifsHolder>a.carrousel_left {
    left: -20px
}

#mobileGifsHolder>a.carrousel_right {
    right: -20px
}

#looseDiamonds .simpleHolder>h2 {
    margin-top: 20px
}

#looseDiamonds .simpleHolder figcaption>a {
    font-size: 16px
}

#taxDuty .box-border {
    margin: auto;
    border: 1px solid #ffc648;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f6f5f2
}

#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
}

.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;
    -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(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
    transform: scale(.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 {}

.no-touch #cd-vertical-nav .cd-dot {
    position: relative;
    top: 8px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #d5d5d5;
    -webkit-transition: -webkit-transform .2s, background-color .5s;
    -moz-transition: -moz-transform .2s, background-color .5s;
    transition: transform .2s, background-color .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: 0 2px 3px rgba(0, 0, 0, .3333);
    border-radius: 5px;
    font-size: 15px;
    font-size: 1.5em;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    transition: transform .2s, opacity .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 .cd-nav-trigger {
    display: block;
    z-index: 100 !important;
    position: fixed;
    bottom: 20px;
    right: 5%;
    height: 40px;
    width: 40px;
    font-size: 0;
    border-radius: .25em;
    background: rgba(220, 220, 220, .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: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
    border-radius: .25em;
    background-color: rgba(220, 220, 220, .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, .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: -.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: 0;
    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
}

#ringSizes .table_ringsize {
    clear: both;
    display: block;
    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 {
    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
}

.about-info>h5 {
    background: url(/images/NewImages/Icons/Check.png) no-repeat;
    padding-left: 40px;
    min-height: 25px;
    padding-top: 10px;
    font-weight: bold
}

.finance-calculator {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    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;
    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
    }
}

#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 {
    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-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
}

#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
}

#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
}

.paymentResultInfo h6 {
    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: 2em;
    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 {
    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 0
}

#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
}

#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 {
    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 .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: .4
}

#expresspage #filtersHolder #ringSizeFilterHolder #metalFilters {
    margin-bottom: 50px
}

.zoomContainer {
    z-index: 1000
}

#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
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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 -.65%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

.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%
}

#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: .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
}

#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-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
}

.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
}

.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%
}

.SEOshapes .subNavSlider>li img {
    max-height: 45px
}

.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: #000
}

#springFlashSale2019 .formArea {
    background-color: #dadada;
    padding: 45px 0;
    text-align: center
}

#springFlashSale2019 .formArea h1 {
    font-size: 35px;
    color: #000;
    font-family: 'Caslon Pro';
    margin-bottom: 12px
}

#springFlashSale2019 .formArea h2 {
    font-size: 22px;
    color: #000
}

#springFlashSale2019 .formArea .form {
    max-width: 520px;
    margin: auto;
    padding: 12px
}

#springFlashSale2019 .formArea .form .maleFemaleHolder .buttonsHolder button {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    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: #fff;
    background-color: #000;
    border: 1px solid #000
}

#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: #000;
    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: #000;
    color: #fff;
    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
    }
}

#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
}

#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
}

.celebrityPage h1 {
    font-size: 4em;
    margin-top: 1em;
    margin-bottom: .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
}

#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
}

#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, .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
}

.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
}

#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
}

#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
}

#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: #fff
}

#hero .slide.ss18 figcaption .info h2 {
    text-shadow: none;
    font-size: 90px;
    margin-bottom: 14px;
    color: #fff
}

#hero .slide.ss18 figcaption .info h3 {
    text-shadow: none;
    font-size: 36px;
    color: #fff
}

#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
}

#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
}

.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
}

#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
}

#homepage.springSale18 .saleLogoHolder {
    margin: 3% 4%
}

#homepage #hero.springSale18 {
    padding-bottom: 60px
}

#homepage #hero.springSale18 figure {
    overflow: visible
}

#homepage #hero.springSale18 figcaption.row>.info {
    width: 65%
}

#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 #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, .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
}

#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
}

#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%
}

#hero.eden18 figcaption h1,
#hero.eden18 figcaption h2,
#hero.eden18 figcaption p,
#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,
#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: #d3d3d3;
    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
}

.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 .summary-message,
#paymentRequest .paymentdetails {
    margin: 0 auto;
    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%;
    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
}

#paymentRequest .summary .coln {}

#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
}

.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 .4s
}

.homepageShowrooms .slick-active button {
    background: #353535
}

.homepageShowrooms .btn {
    font-size: 20px;
    color: #000;
    text-transform: uppercase
}

#paymentRequest .summary-message,
#paymentRequest .paymentdetails {
    margin: 0 auto;
    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%;
    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
}

#paymentRequest .summary .coln {}

#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
}

@media(max-width:1510px) {

    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) {
    #shopBag2017 #itemsHolder .item .itemPriceHolderSmallScreens {
        text-align: center
    }

    #shopBag2017 #itemsHolder .item .itemPriceHolderSmallScreens .priceHolder .itemPrice {
        margin-bottom: 6px
    }

    #shopBag2017 .itemInformationHolder>h3 {
        margin-top: 0
    }

    #shopBag2017 .itemInformationHolder .diamondInformationHolder {
        margin-top: 0;
        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
    }

    .quote2 {
        padding-left: 12px;
        padding-right: 12px
    }

    .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: #000;
        display: initial;
        margin-left: 0
    }

    #diamondCollection2017 #hero.xmas_hero.block {
        margin-bottom: 60px
    }

    #comparePage #bottomArea .productArea .productDescription #step-2 {
        position: initial;
        margin-bottom: 40px
    }

    #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 0
    }

    #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: 0
    }

    #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: 0
    }

    #celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption h2 {
        font-weight: 100;
        font-size: 24px
    }

    #celebrityPage2018 .main-content .subNavSlidesHolder figure figcaption .btn {}

    #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
    }

    #rings .arrange b {
        background-size: 35%
    }

    .alertify {
        left: 5%
    }

    .noOverflow {
        overflow: hidden;
        position: fixed
    }

    .nightForYouStickyBar {
        position: absolute
    }

    .alertify {
        margin-left: 0%
    }

    #tempWarning {
        position: fixed;
        bottom: 0;
        z-index: 9999;
        width: 100%
    }

    #tempWarning>.warningContent>div {
        min-height: 50px;
        text-align: center;
        margin-top: 20px
    }

    html.noScroll,
    body.noScroll {
        overflow: hidden;
        position: fixed
    }

    .scriptStyle {}

    .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)
    }

    .form input.inputBtn {
        width: 70%
    }

    .form input.inputBtn+input[type=button] {
        width: 27%;
        height: 27px
    }

    #newsletterBox {
        width: 70%;
        height: 70%;
        border-radius: 25px;
        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
    }

    .popperUpperHolder,
    .popperUpperHolder.journal.active {
        width: 90vw
    }

    #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
    }

    .textAndImageBlock>div,
    .textAndImageBlock>figure {
        margin-bottom: 10px;
        padding: 0
    }

    .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
    }

    .phraseBannerBlock {
        padding: 0
    }

    .phraseBannerBlock .quoteHolder {
        margin: 20px
    }

    .phraseBannerBlock .quoteHolder h5 {
        font-size: 20px
    }

    .flexBlock {
        display: initial
    }

    .flexBlock>* {
        padding: 0
    }

    .textAndImageBlock h3 {
        padding: 0
    }

    .threeImagesBlock>figure {
        height: auto;
        margin-top: 20px
    }

    .educationPage ul.bottomNav {
        width: 100%
    }

    .educationPage ul.bottomNav li {
        display: block;
        margin-bottom: 20px;
        text-align: left
    }

    .educationPage ul.bottomNav li {
        white-space: normal
    }

    .imgBlock img {
        min-width: 100%
    }

    #diamondCollection #hero figcaption {
        width: 80%
    }

    #diamondCollection .phraseBannerBlock .info {
        margin-top: 0
    }

    #glissadePage .altoTextHolder {
        margin-top: 15px
    }

    #glissadePage .altoTextHolder .altoText {
        margin-top: 30px;
        padding: 60px 20px
    }

    #glissadePage .altoTextHolder picture>img,
    #glissadePage .allegroTextHolder picture>img {
        width: 100%
    }

    #homepage .homepageTestimonialsAndExpertCrafts .testimonialsContainer {
        padding: 0 8%
    }

    #homepage #hero .info {
        max-width: 95%;
        margin-left: 0
    }

    #homepage figure.fig_0 {
        margin-bottom: 10px
    }

    #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 {
        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 .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%
    }

    #diamondCollection .phraseBannerBlock>figure {
        min-height: 300px
    }

    #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
    }

    #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
    }

    #reviewsPage ul#ReviewItemUl {
        width: 100%
    }

    .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 .textHolder {
        margin-bottom: 40px
    }

    .visitShowroom .btn.bookApp {
        margin-right: auto;
        margin-left: auto
    }

    #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: 0 auto;
        margin-top: 5px;
        float: none
    }

    #shoppingBagPage .diamondInfoTable,
    #checkoutPage .diamondInfoTable {
        margin: 15px auto
    }

    #shoppingBagPage h1,
    #shoppingBagPage .headerText {
        text-align: left
    }

    #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
    }

    #checkoutPage #billingInfoContainer {
        padding: 15px
    }

    #checkoutPage #OrderSummaryContainer,
    #checkoutPage #OrderSummaryContainer>.line,
    #checkoutPage #billingInfoContainer>.line:last-of-type {
        text-align: center
    }

    #checkoutPage #OrderSummaryContainer {
        text-align: center
    }

    #checkoutPage div.PriceSummary {
        margin-left: -8px
    }

    #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
    }

    body.firefox .checkout2017 {
        padding-right: 16px
    }

    .checkout2017 .needHelpMobile {
        font-weight: 600;
        font-style: italic;
        text-align: center;
        margin: 10px 0
    }

    .checkout2017 .needHelpMobile>a {
        font-weight: 400
    }

    .checkout2017 .buttonsHolder {
        text-align: left
    }

    .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 .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
    }

    #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
    }

    #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 {
        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
    }

    #checkoutPage2017.paypalReturn .stepContent>div:first-child {
        margin-bottom: 30px
    }

    #checkoutPage2017.paypalReturn .stepContent .buttonsHolder .btn {
        margin: 0 0 10px 0 !important;
        width: 100%
    }

    #successPage2017 #bankDetails {
        box-sizing: border-box;
        width: 100%
    }

    #successPage2017 p.subTitle {
        margin-top: 15px;
        margin-bottom: 5px
    }

    #successPage2017 .insuranceHolder {
        margin-top: 15px
    }

    #style-examples li#liSubcattext_41 img {
        float: none;
        margin: 0;
        width: 100%
    }

    #style-examples li#liSubcattext_41 figure>figcaption {}

    #style-examples li#liSubcattext_41 figure>figcaption h4,
    #style-examples li#liSubcattext_41 figure>figcaption .h4 {}

    #style-examples li#liSubcattext_41 figure>figcaption p {}

    #email.form {
        width: 100%;
        box-sizing: border-box
    }

    #email.form #rc-imageselect,
    #email.form .g-recaptcha {
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    #step-1 .monologueContainer {
        width: 100%
    }

    #step-1 .monologueInitials {
        margin-top: 25px
    }

    #Divshapes #selectedShapeName {
        margin-top: 5px
    }

    #styles .filter2 li {
        float: none;
        padding: 0;
        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: 0 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 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;
        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;
        border: 1px solid #ccc;
        margin: 4px;
        text-align: center;
        display: inline-block;
        font-size: 16px;
        color: gray;
        text-shadow: 0 0
    }

    #rings-area .DiamondFiltersMobile .diamondFilterSingle.active {
        background-color: #fecc3b;
        color: #000
    }

    #rings-area .DiamondFiltersMobile .diamondFilterSingle.selected {
        border-color: #fecc3b;
        color: #000
    }

    #rings-area .DiamondFiltersMobile .diamondShowMoreLess {
        clear: both;
        font-size: 12pt;
        font-weight: 600;
        text-decoration: underline;
        text-align: right;
        margin: 0 15px 10px;
        cursor: pointer
    }

    #rings-area .DiamondFiltersMobile .diamondShowMoreLess #hideMoreOptions {
        display: none
    }

    #rings-area .DiamondFiltersMobile .diamondFilterSetting {
        position: relative;
        display: none;
        width: 100%;
        margin: 25px 0
    }

    #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: .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%
    }

    #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
    }

    #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;
        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 #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
    }

    #content #summary {
        background-color: #dadada
    }

    #content #summary>.item {
        background-color: #fff
    }

    #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
    }

    #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
    }

    #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%
    }

    .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%
    }

    #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
    }

    #awardsCategoriesPage #toggleOpts {
        margin: 0 0 15px 10px;
        border: 1px solid #ccc;
        border-radius: 10px;
        font-size: 14px;
        padding: .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
    }

    #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
    }

    .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
    }

    .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
    }

    #underMenuHolder.springSale18 .underMenu .clockHolder>span:first-child {
        display: block
    }

    #underMenuHolder.springSale18 .underMenu .clockHolder .badge_clock>span {
        width: 40%
    }
}

@media(min-width:769px) {
    figure.imageWithCaptionBlock[class*="-6col"] .p-bottomLeftCorner {
        left: 8%
    }

    .nightForYouCampaign .bottom-images img {
        width: 98%;
        height: auto
    }

    #frankfurtShowroomTopBar .bookAppointment a:hover {
        color: #000
    }

    #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')
    }

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

    .winter-sale_hero .info .btn:not(.disabled):hover {
        background-color: #000
    }

    .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
    }

    .tooltipHover:not([data-title=""]):hover:after {
        content: attr(data-title);
        border-color: #222;
        opacity: 1;
        padding: 5px;
        max-height: 60px
    }

    #tempWarning>.warningContent a.arrowBtn {
        float: right
    }

    .subNavSlidesHolder figure figcaption {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .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;
        padding-left: 105px;
        margin-top: -16px;
        display: block;
        letter-spacing: 0;
        line-height: inherit
    }

    #rings .arrange .arrange-content {
        padding: 40px 40px 20px
    }

    #rings .carat-slider.clarity-slider .noUi-value {
        font-size: 13px
    }

    #step-2 .h2 {
        font-size: 3.5em
    }

    #step-2 #columnTitle2 {
        text-align: left;
        font-style: italic;
        font-size: 48px
    }

    #step-2 #columnTitle2>span:not(.phoneText) {
        display: block;
        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
    }

    .ROLine {
        display: table;
        width: 100%
    }

    .ROLineHeader {
        width: 100%
    }

    #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
    }

    .checkout2017 #itemsHolder .includingVAT {
        text-align: right;
        margin-bottom: 0;
        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 {
        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
    }

    #expresspage #filtersHolder h2>var {
        display: none
    }

    #expresspage #filtersHolder .stylesHolder li>h3 button:hover {
        color: #ffc13a
    }

    .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%)
    }

    #glissadePage .altoText {
        margin-top: -170px
    }
}

@media(min-width:481px) {
    .subNavSlidesHolder figure>a.noMargin-left {
        margin-left: 0
    }

    #style-examples li#liSubcattext_41 figure>figcaption p {
        font-size: 18px
    }

    #floatingMenuOverlay {
        display: none
    }

    #floatingMenuHolder {
        display: none
    }

    #engagementPage.SEOshapes .subNavSlidesHolder figure {
        height: 500px
    }

    #checkoutSteps #checkoutStep1 .buttonsHolder.hasAmazonBtn .continueHolder .btn {
        font-size: 16px;
        line-height: 18px;
        height: auto;
        min-height: 50px
    }

    #rings .arrange .carat-info {
        font-size: 18px
    }

    #rings .shapes-list .shape-item .shape {
        width: 85px;
        font-size: 10px;
        line-height: 24px
    }

    .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
    }

    .visitShowroom .directionsHolder>div>a+a {
        margin-left: 40px
    }
}

@media(max-width:1030px) {
    #hero.xmas_hero .info {
        max-width: 80%;
        padding-left: 18px
    }

    #homepage .homepageTestimonialsAndExpertCrafts .expertsContainer {
        padding: 0
    }

    #step-2 .galleryImage .carrousel_left,
    #step-2 .galleryImage .carrousel_right,
    productInfoHolder .galleryImage .carrousel_right {
        z-index: 100002
    }

    #swipebox-overlay {
        z-index: 100003 !important
    }

    #edenCampaign .eden-blocks .single-block {
        margin: 40px 0;
        padding: 0 40px
    }

    #shoppingBagPage .checkoutBtn {
        float: none;
        margin-bottom: 20px
    }

    #shoppingBagPage {
        width: 95%
    }

    #careersPage .otherApplications {
        text-align: center
    }

    #careersPage .otherApplications>.btn {
        display: block;
        margin: 10px auto
    }
}

@media(max-width:480px) {
    #styles .filter2 li {
        max-width: 50%
    }

    #shopBag2017 #itemsHolder .item .itemInformationHolder.itemInformationSmallScreens {
        max-width: 72%;
        margin-bottom: 20px
    }

    #shopBag2017 .itemInformationHolder.itemInformationSmallScreens>h3>span.itemInfo {
        line-height: 20px
    }

    .faqsPage table td {
        font-size: 12px
    }

    #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 #fff;
        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: #fff
    }

    .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
    }

    .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%
    }

    #hero.xmas_hero .slide_left_landing_pages .info,
    #diamondCollection2017 #hero.xmas_hero .info {
        position: initial;
        max-width: 95%
    }

    .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
    }

    #hero.eden18 .info {
        margin-bottom: 25px
    }

    #frankfurtShowroomTopBar .closeButton {
        width: 12px
    }

    .visitShowroom .directionsHolder {
        margin-top: 40px
    }

    #celebrityPage2018 .top-banner {
        padding: 20px 30px 0 30px
    }

    #celebrityPage2018 .main-content {
        padding: 0 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
    }

    #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: 0
    }

    .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
    }

    #rings .arrange b {
        background-size: 50%
    }

    #rings .arrange .shapes-list {
        position: relative;
        margin: 20px 0 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 {
        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
    }

    #edenCampaign .eden-blocks .single-block {
        padding: 0 12px
    }

    figure.imageWithCaptionBlock figcaption h2,
    #hero .info h1,
    .hero .info h1,
    #hero .info h2,
    .hero .info h2 {
        font-size: 7vw;
        margin-bottom: 3vw
    }

    #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)
    }

    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
    }

    #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
    }

    .landing #hero .info,
    #hero .info,
    .hero .info {
        max-width: 90%;
        font-size: 8px
    }

    #hero.notCentered .slide img.banner {
        left: auto
    }

    .subNavSliderHolder .carrousel_left,
    .subNavSliderHolder .carrousel_right {
        top: 20%
    }

    .phraseBannerBlock {
        padding: 0;
        margin-bottom: 10px
    }

    .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
    }

    .flexGridBlock>* {
        height: 235px;
        padding: 0;
        margin: 0
    }

    .simpleTextBlock {
        padding: 0;
        height: 90vw
    }

    .flexGridBlock>div .centeredContent {
        top: 35%
    }

    .landing .bottomHero .info {
        width: 60%
    }

    #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
    }

    #awardsCategoriesPage #categoriesListHolder ul li>figure {
        height: 70vw
    }

    #awardsCategoriesPage #toggleOpts {
        font-size: 3vw
    }

    .form .fieldHolder.half {
        width: 100%
    }

    .form .fieldHolder.half+.half {
        margin-left: 0
    }

    #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
    }

    #diamondCollection .fig_0 .info {
        font-size: 6.5px
    }

    #diamondCollection .flexBlock>figure .centeredContent {
        margin-left: 5%;
        margin-top: 34%;
        font-size: 7.5px
    }

    #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: 0
    }

    #diamondCollection2017 #behindCollectionsHolder figure figcaption {
        margin-top: 0
    }

    #behindCollectionsHolder .squaredText {
        padding: 0
    }

    #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
    }

    #contactsPage #selectedCountryHolder {}

    #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
    }

    .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;
        max-height: 165px;
        -webkit-line-clamp: 7;
        -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;
        max-height: 4000px;
        -webkit-line-clamp: initial;
        -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%
    }

    #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
    }

    #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
    }

    #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%
    }

    #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 {
        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)
    }

    #checkoutPage #billingInfoContainer {
        width: 92%
    }

    .checkout2017 .includingVAT {
        font-size: 4vw
    }

    .checkout2017 #itemsHolder .item .mobileDiamondInfo>.includingVAT {
        margin-top: 4px
    }

    #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
    }

    #checkoutPage2017 .stepContent .buttonsHolder .btn {
        font-size: 12px
    }

    #careersPage h2 {
        font-size: 10vw;
        line-height: 9vw
    }

    #careersPage .jobPosition dl {
        text-align: left;
        margin-left: 16%
    }

    #samplePage h3 {
        margin-top: 20px;
        margin-bottom: 0;
        font-size: 13vw
    }

    #samplePage iframe {
        margin-top: 0
    }

    #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
    }

    #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
    }

    .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%
    }

    #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
    }

    #homepage #hero .eventLive.christmas .info {
        margin-top: 5%;
        margin-left: 35%
    }

    #homepage #hero .eventLive.christmas.christmasTop .info {
        margin-top: 5%;
        margin-left: 25%
    }

    .topBadge>a>p {
        width: 100%;
        font-size: 3.8vw;
        text-align: center
    }

    .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
    }

    .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 #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
    }

    .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
    }

    #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
    }

    .boxInfoWrap.blackFridayEvent .firstText>span {
        font-size: 5vw
    }

    .boxInfoWrap.blackFridayEvent .firstText>strong {
        font-size: 7vw
    }

    #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%
    }

    #imperoLandingPage a.arrowBtn,
    #imperoLandingPage a.arrowBtn:link,
    #imperoLandingPage a.arrowBtn:visited,
    #imperoLandingPage .arrowBtn {
        font-size: 5vw
    }

    .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
    }

    .bannerLinks {
        white-space: normal
    }

    #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
    }

    #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
    }

    #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
    }

    #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
    }

    #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
    }

    #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
    }

    #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
    }

    .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
    }

    #step-2 .iframeHolder>iframe {
        margin: 0 -70px
    }
}

@media(min-width:481px) and (max-width:1030px) {
    #styles .filter2 a img {
        max-height: 30px;
        width: auto
    }

    #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
    }

    #homepage #hero.frankfurtShowroom .slide figcaption .info {
        width: 200px
    }

    #homepage .homepageTestimonialsAndExpertCrafts .btn {
        margin: 0 !important
    }

    #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
    }

    #educationShapes #shapes {
        border: 0 none
    }

    #educationShapes #shapes li {
        width: 25%
    }

    #educationShapes #shapes li.tabletLast {
        margin-left: 12.5%
    }

    #rings-area #mainslider.gridList .productSliderSlides .slide {
        width: 33% !important
    }

    #step-1 .options .shapes-list {
        max-width: 540px;
        margin: 0 auto
    }

    #checkoutPage .checkboxes {
        margin-left: 30px
    }

    .SEOshapes2017 h1,
    .SEOshapes2017 h2 {
        font-size: 3.2vw
    }

    .SEOshapes2017 .centeredContent p {
        font-size: 1.7vw
    }

    .SEOshapes2017 .videoSize {
        height: 30vw;
        margin-top: 4vw
    }

    .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
    }

    .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
    }

    .topBadge.summer2017>a>p {
        width: 100%
    }

    .visitShowroom .directionsHolder {
        padding: 0 15%;
        margin-top: 0
    }
}

@media(min-width:481px) and (max-width:768px) {
    #shopBag2017 #itemsHolder .item.twoImageTypes .imagesHolder {
        width: 33%
    }

    #shopBag2017 #itemsHolder .item.twoImageTypes .itemInformationHolder {
        width: 67%
    }

    #winterSale2019 #hero .info.tp-topLeftCorner {
        top: 5%
    }

    #homepage .hero .expertCraftSlide .craftsmanText {
        width: 70%;
        margin-top: -10px
    }

    figure.imageWithCaptionBlock figcaption h2,
    #hero .info h1,
    .hero .info h1,
    #hero .info h2,
    .hero .info h2 {
        font-size: 5vw;
        margin-bottom: 2vw
    }

    #checkoutPage #billingInfoContainer {
        width: 96%
    }

    #educationPage .bottomHero .info h2 {
        font-size: 6vw
    }

    #educationPage .bottomHero .info p {
        font-size: 2.5vw
    }

    #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
    }

    #expresspage #itemsList .item figure.slide {
        height: 30vw
    }

    #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
    }

    #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
    }

    #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
    }

    #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
    }

    #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 .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
    }

    #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
    }

    #homepage .saleLogoHolder {
        width: 30%
    }

    #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
    }

    #shopClockHolderMob {
        height: auto;
        margin-top: 4vw;
        padding: 3vw 0
    }
}

@media(min-width:769px) and (max-width:1030px) {
    #dropdown-2.dropdown {
        width: 71%
    }

    #step-1 #moveProductSelect2 {
        width: 100px
    }

    #nav #menu3 .sub-menu {}

    #nav #menu3 .sub-menu .main_sub_inner_4th {}

    #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(2) {}

    #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(3) {}

    #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(4) {}

    #nav #menu3 .sub-menu .main_sub_inner_4th:nth-child(5) {}

    #nav #menu3 .sub-menu {}

    #menu3 .sub-menu .gradient img {}

    #homepage #hero .slick-dots {
        bottom: 0
    }

    figure.imageWithCaptionBlock figcaption h2,
    #hero .info h1,
    .hero .info h1,
    #hero .info h2,
    .hero .info h2 {
        font-size: 3vw;
        margin-bottom: 1.5vw
    }

    .subNavSlider>li {
        font-size: 2vw
    }

    .phraseBannerBlock .quoteHolder q {
        font-size: 1.6vw
    }

    #preFooterSlides p {}

    #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 {}

    #homepage .hero .info p {
        font-size: 2.1vw
    }

    #homepage .hero .info a+a {
        margin-left: 2vw
    }

    #diamondJewellery .subNavSlider>li {
        font-size: 1.7vw
    }

    #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
    }

    .miniToBigSliderHolder figure.active>.overlayInfo {
        opacity: 1;
        z-index: 9
    }

    .miniToBigSliderHolder .miniSlidesHolder>figure {
        height: 22vw;
        margin-bottom: 2vw
    }

    .miniToBigSliderHolder .mainSlide {
        height: 46vw
    }

    #glissadePage .crescendoImageHolder {
        margin-bottom: 100px
    }

    #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%
    }

    #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
    }

    #shoppingBagPage .cta,
    #checkoutPage .cta {
        margin-left: 0
    }

    .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
    }

    .smallerCaptcha .g-recaptcha {
        transform: translateX(5px) scale(.65);
        -webkit-transform: translateX(5px) scale(.65);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    #categoriesListHolder ul li>article,
    #categoriesListHolder ul li>figure {
        height: 23vw
    }

    .SEOshapes .subNavSlider>li {
        font-size: 1.5vw;
        margin-left: 3%
    }

    #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
    }

    #info-table,
    #info-table-pair {
        font-size: .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
    }

    #gdprPage .worldTopNews77Holder article .textHolder h3 {
        font-size: 2.5vw;
        margin-bottom: 1vw
    }

    #gdprPage .worldTopNews77Holder article .textHolder p {
        font-size: 2vw;
        margin-bottom: 1vw
    }

    .eventLive>.bannerLinks {
        bottom: 2vw;
        width: 50%;
        right: 0
    }

    #looseDiamonds.imperoCollection #hero .info,
    #diamondNecklaces.imperoCollection #hero .info {
        width: 40%
    }

    #homepage #hero.imperoCollection figcaption.row>.info>h2 {
        font-size: 3.6vw;
        white-space: nowrap
    }

    #rings-area .rings-panel {
        padding: 0 15px
    }

    #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
    }

    #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
    }

    #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
    }

    #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: .5vw
    }

    #shopClockHolder #jan18_shopClock span,
    #shopClockHolder .textHolder>span {
        font-size: 2.4vw
    }

    #shopClockHolder #jan18_shopClock {
        margin-left: .5vw;
        font-size: 2.4vw
    }

    #shopClockHolder #jan18_shopClock>span {
        width: 5vw;
        margin-left: .2vw
    }

    #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
    }

    #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: .5vw;
        font-size: 2.4vw
    }

    #shopClockHolder #springSale18_shopClock>span {
        width: 6vw;
        margin-left: .2vw
    }

    #engagementPage .quote2 div {
        min-height: 182px
    }
}

@media(min-width:1031px) {
    #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 {}

    #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: #fff
    }

    #celebrityPage2018 .top-banner .banner-content p {
        color: #fff
    }

    #celebrityPage2018 .arrow-celebrity-banner {
        display: inline-block
    }

    #celebrityPage2018 .main-content .celeb-tab {
        margin-top: 0
    }

    #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
    }

    #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
    }

    .smallerCaptcha .g-recaptcha {
        margin-top: 0;
        transform: translateX(5px) scale(.65);
        -webkit-transform: translateX(5px) scale(.65);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }

    .height700 {
        height: 700px
    }

    .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
    }

    .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
    }

    #contacts .styled-select {
        width: 80%
    }

    #shoppingBagPage .desktopLeftCol,
    #checkoutPage .desktopLeftCol {
        margin-left: 4.5%;
        width: 61.5%
    }

    #shoppingBagPage .desktopRightCol,
    #checkoutPage .desktopRightCol {
        margin-right: 4.5%;
        width: 28.5%
    }

    #educationPage #hero {
        margin-bottom: -80px
    }

    #educationPage .caratImageHolder {
        text-align: right;
        margin-bottom: -50px;
        margin-right: 85px
    }

    .educationPage ul.bottomNav .desktopText {
        display: inline
    }

    #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
    }

    #categoriesListHolder ul li>article,
    #categoriesListHolder ul li>figure {
        height: 245px
    }

    #categoryDetailsPage .slidesHolder figure {
        max-width: 80%;
        margin: auto
    }

    #engagementPage .quote2>div {
        height: 210px
    }

    .SEOshapes2017 .chooseHolder img {
        max-width: 550px
    }

    #checkoutSteps .form .post-code>span.manually {
        margin-top: 0
    }

    #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
    }

    .celebrityPage .innerDivTexRight .textHolder {
        right: 0;
        width: 58%
    }

    #style-examples li#liSubcattext_41 figure>figcaption {
        top: 0
    }

    #style-examples li#liSubcattext_41 figure>figcaption p {
        width: 40%
    }

    #careersPage .glassdoor-link {
        margin: 150px 0
    }
}

@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
    }

    .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
    }

    .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
    }

    .mashedComponentImage {
        background-image: url(/images/NewImages/Icons/Retina/NecklaceMashedComps.png);
        background-size: 59px 122px
    }

    .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
    }

    .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
    }

    #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
    }

    #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
    }
}

@media(max-width:650px) {

    .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
    }

    .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: 0;
        margin-right: 0;
        letter-spacing: 1px
    }

    .nightForYouStickyBar .container .event-title {
        display: none
    }
}

@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) {
    .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
    }
}

.item-price {
    display: inline-block;
    font-weight: 600;
    font-size: 17px;
    line-height: 1
}

.item-price.hasDiscount {
    color: #aaa;
    position: relative;
    text-align: right;
    font-size: 16px;
    line-height: 1
}

.item-price.hasDiscount:before {
    content: "";
    position: absolute;
    top: .5em;
    border: 1px solid;
    width: 80%;
    right: 0
}

.item-price.hasDiscount:after {
    content: attr(data-discountedPrice);
    color: #9e0606;
    display: block;
    font-size: 18px
}

.item-price.hasDiscount.-center {
    text-align: center
}

.item-price.hasDiscount.-center:before {
    right: 10%
}

#shopBag2017 .item-price {
    font-size: 30px;
    margin-bottom: 0;
    white-space: unset
}

#shopBag2017 .item-price.hasDiscount {
    font-size: 24px;
    text-align: right
}

@media(max-width:768px) {
    #shopBag2017 .item-price.hasDiscount {
        margin-top: 0
    }

    #shopBag2017 .item-price.hasDiscount:before {
        right: initial
    }
}

#shopBag2017 .item-price.hasDiscount:after {
    font-size: 30px
}

.checkout2017 .grandTotalHolder .item-price {
    font-size: 24px
}

.checkout2017 .grandTotalHolder .item-price.hasDiscount {
    font-size: 20px
}

.checkout2017 .grandTotalHolder .item-price.hasDiscount:after {
    font-size: 24px
}

.item-price#orderInfo_TotalPrice {
    font-weight: bold;
    font-style: italic;
    font-size: 32px
}

.item-price#orderInfo_TotalPrice.hasDiscount {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.item-price#orderInfo_TotalPrice.hasDiscount:before {
    width: 100%
}

.item-price#orderInfo_TotalPrice.hasDiscount:after {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 32px
}

.StripeElement {
    box-sizing: border-box;
    padding: 15px 12px;
    width: 100%;
    margin-bottom: 10px;
    height: 45px;
    border: 1px solid #ccc;
    text-indent: 1px;
    font-size: 16px;
    font-family: "Source Sans Pro", Arial, sans-serif
}

.StripeElement--invalid {
    border-color: #fa755a
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important
}

#cardNumber {
    width: 49.3%;
    vertical-align: middle;
    display: inline-block;
    height: 55px
}

#cardExpiry {
    width: 25.1%;
    vertical-align: middle;
    margin-right: 10.984px;
    display: inline-block;
    height: 55px
}

#cardCvc {
    width: 22.3%;
    vertical-align: middle;
    display: inline-block;
    height: 55px
}

#cvvImage {
    vertical-align: middle;
    margin: 0 0 10px 2%;
    max-height: 36px
}

@charset "UTF-8";

*,
*::before,
*::after {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: "Plain Light", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0d0900;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #0d0900;
    text-decoration: none;
    background-color: transparent
}

a:hover {
    color: #000;
    text-decoration: none
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #666;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none !important
}

h1,
h2,
h3,
h4,
h5,
h6,
._h1,
._h2,
._h3,
._h4,
._h5,
._h6 {
    margin-bottom: .5rem;
    font-family: "Plain Light", sans-serif;
    font-weight: 500;
    line-height: 1.2
}

h1,
._h1 {
    font-size: 1.375rem
}

h2,
._h2 {
    font-size: 1.125rem
}

h3,
._h3 {
    font-size: 1rem
}

h4,
._h4 {
    font-size: .875rem
}

h5,
._h5 {
    font-size: .75rem
}

h6,
._h6 {
    font-size: .625rem
}

._lead {
    font-size: 1.25rem;
    font-weight: 300
}

._display-1 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2
}

._display-2 {
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2
}

._display-3,
._blockquote {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2
}

._display-4 {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.2
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #e4e4e4
}

small,
._small {
    font-size: .875em;
    font-weight: 400
}

mark,
._mark {
    padding: .2em;
    background-color: #fcf8e3
}

._list-unstyled {
    padding-left: 0;
    list-style: none
}

._list-inline {
    padding-left: 0;
    list-style: none
}

._list-inline-item {
    display: inline-block
}

._list-inline-item:not(:last-child) {
    margin-right: .5rem
}

._initialism {
    font-size: 90%;
    text-transform: uppercase
}

._blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

._blockquote-footer {
    display: block;
    font-size: .875em;
    color: #6c757d
}

._blockquote-footer::before {
    content: "— "
}

._img-fluid {
    max-width: 100%;
    height: auto
}

._img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 2px;
    max-width: 100%;
    height: auto
}

._figure {
    display: inline-block
}

._figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

._figure-caption {
    font-size: 90%;
    color: #6c757d
}

._container,
._container-fluid,
._container-xl,
._container-lg,
._container-md,
._container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:480px) {

    ._container-sm,
    ._container {
        max-width: 480px
    }
}

@media(min-width:768px) {

    ._container-md,
    ._container-sm,
    ._container {
        max-width: 768px
    }
}

@media(min-width:1024px) {

    ._container-lg,
    ._container-md,
    ._container-sm,
    ._container {
        max-width: 1024px
    }
}

@media(min-width:1440px) {

    ._container-xl,
    ._container-lg,
    ._container-md,
    ._container-sm,
    ._container {
        max-width: 1440px
    }
}

._row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

._no-gutters {
    margin-right: 0;
    margin-left: 0
}

._no-gutters>._col,
._no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

._col-xxl,
._col-xxl-auto,
._col-xxl-12,
._col-xxl-11,
._col-xxl-10,
._col-xxl-9,
._col-xxl-8,
._col-xxl-7,
._col-xxl-6,
._col-xxl-5,
._col-xxl-4,
._col-xxl-3,
._col-xxl-2,
._col-xxl-1,
._col-xl,
._col-xl-auto,
._col-xl-12,
._col-xl-11,
._col-xl-10,
._col-xl-9,
._col-xl-8,
._col-xl-7,
._col-xl-6,
._col-xl-5,
._col-xl-4,
._col-xl-3,
._col-xl-2,
._col-xl-1,
._col-lg,
._col-lg-auto,
._col-lg-12,
._col-lg-11,
._col-lg-10,
._col-lg-9,
._col-lg-8,
._col-lg-7,
._col-lg-6,
._col-lg-5,
._col-lg-4,
._col-lg-3,
._col-lg-2,
._col-lg-1,
._col-md,
._col-md-auto,
._col-md-12,
._col-md-11,
._col-md-10,
._col-md-9,
._col-md-8,
._col-md-7,
._col-md-6,
._col-md-5,
._col-md-4,
._col-md-3,
._col-md-2,
._col-md-1,
._col-sm,
._col-sm-auto,
._col-sm-12,
._col-sm-11,
._col-sm-10,
._col-sm-9,
._col-sm-8,
._col-sm-7,
._col-sm-6,
._col-sm-5,
._col-sm-4,
._col-sm-3,
._col-sm-2,
._col-sm-1,
._col,
._col-auto,
._col-12,
._col-11,
._col-10,
._col-9,
._col-8,
._col-7,
._col-6,
._col-5,
._col-4,
._col-3,
._col-2,
._col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

._col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

._row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

._row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

._row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

._row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

._row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

._row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

._col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

._col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

._col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

._col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

._col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

._col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

._col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

._col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

._col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

._col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

._col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

._col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

._col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

._order-first {
    order: -1
}

._order-last {
    order: 13
}

._order-0 {
    order: 0
}

._order-1 {
    order: 1
}

._order-2 {
    order: 2
}

._order-3 {
    order: 3
}

._order-4 {
    order: 4
}

._order-5 {
    order: 5
}

._order-6 {
    order: 6
}

._order-7 {
    order: 7
}

._order-8 {
    order: 8
}

._order-9 {
    order: 9
}

._order-10 {
    order: 10
}

._order-11 {
    order: 11
}

._order-12 {
    order: 12
}

._offset-1 {
    margin-left: 8.33333333%
}

._offset-2 {
    margin-left: 16.66666667%
}

._offset-3 {
    margin-left: 25%
}

._offset-4 {
    margin-left: 33.33333333%
}

._offset-5 {
    margin-left: 41.66666667%
}

._offset-6 {
    margin-left: 50%
}

._offset-7 {
    margin-left: 58.33333333%
}

._offset-8 {
    margin-left: 66.66666667%
}

._offset-9 {
    margin-left: 75%
}

._offset-10 {
    margin-left: 83.33333333%
}

._offset-11 {
    margin-left: 91.66666667%
}

@media(min-width:480px) {
    ._col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    ._row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    ._row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    ._row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    ._row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    ._row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    ._row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    ._col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    ._col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    ._col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    ._col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    ._col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    ._col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    ._col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    ._col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    ._col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    ._col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    ._col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    ._col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    ._col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    ._order-sm-first {
        order: -1
    }

    ._order-sm-last {
        order: 13
    }

    ._order-sm-0 {
        order: 0
    }

    ._order-sm-1 {
        order: 1
    }

    ._order-sm-2 {
        order: 2
    }

    ._order-sm-3 {
        order: 3
    }

    ._order-sm-4 {
        order: 4
    }

    ._order-sm-5 {
        order: 5
    }

    ._order-sm-6 {
        order: 6
    }

    ._order-sm-7 {
        order: 7
    }

    ._order-sm-8 {
        order: 8
    }

    ._order-sm-9 {
        order: 9
    }

    ._order-sm-10 {
        order: 10
    }

    ._order-sm-11 {
        order: 11
    }

    ._order-sm-12 {
        order: 12
    }

    ._offset-sm-0 {
        margin-left: 0
    }

    ._offset-sm-1 {
        margin-left: 8.33333333%
    }

    ._offset-sm-2 {
        margin-left: 16.66666667%
    }

    ._offset-sm-3 {
        margin-left: 25%
    }

    ._offset-sm-4 {
        margin-left: 33.33333333%
    }

    ._offset-sm-5 {
        margin-left: 41.66666667%
    }

    ._offset-sm-6 {
        margin-left: 50%
    }

    ._offset-sm-7 {
        margin-left: 58.33333333%
    }

    ._offset-sm-8 {
        margin-left: 66.66666667%
    }

    ._offset-sm-9 {
        margin-left: 75%
    }

    ._offset-sm-10 {
        margin-left: 83.33333333%
    }

    ._offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:768px) {
    ._col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    ._row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    ._row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    ._row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    ._row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    ._row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    ._row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    ._col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    ._col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    ._col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    ._col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    ._col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    ._col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    ._col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    ._col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    ._col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    ._col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    ._col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    ._col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    ._col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    ._order-md-first {
        order: -1
    }

    ._order-md-last {
        order: 13
    }

    ._order-md-0 {
        order: 0
    }

    ._order-md-1 {
        order: 1
    }

    ._order-md-2 {
        order: 2
    }

    ._order-md-3 {
        order: 3
    }

    ._order-md-4 {
        order: 4
    }

    ._order-md-5 {
        order: 5
    }

    ._order-md-6 {
        order: 6
    }

    ._order-md-7 {
        order: 7
    }

    ._order-md-8 {
        order: 8
    }

    ._order-md-9 {
        order: 9
    }

    ._order-md-10 {
        order: 10
    }

    ._order-md-11 {
        order: 11
    }

    ._order-md-12 {
        order: 12
    }

    ._offset-md-0 {
        margin-left: 0
    }

    ._offset-md-1 {
        margin-left: 8.33333333%
    }

    ._offset-md-2 {
        margin-left: 16.66666667%
    }

    ._offset-md-3 {
        margin-left: 25%
    }

    ._offset-md-4 {
        margin-left: 33.33333333%
    }

    ._offset-md-5 {
        margin-left: 41.66666667%
    }

    ._offset-md-6 {
        margin-left: 50%
    }

    ._offset-md-7 {
        margin-left: 58.33333333%
    }

    ._offset-md-8 {
        margin-left: 66.66666667%
    }

    ._offset-md-9 {
        margin-left: 75%
    }

    ._offset-md-10 {
        margin-left: 83.33333333%
    }

    ._offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1024px) {
    ._col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    ._row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    ._row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    ._row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    ._row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    ._row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    ._row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    ._col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    ._col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    ._col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    ._col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    ._col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    ._col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    ._col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    ._col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    ._col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    ._col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    ._col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    ._col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    ._col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    ._order-lg-first {
        order: -1
    }

    ._order-lg-last {
        order: 13
    }

    ._order-lg-0 {
        order: 0
    }

    ._order-lg-1 {
        order: 1
    }

    ._order-lg-2 {
        order: 2
    }

    ._order-lg-3 {
        order: 3
    }

    ._order-lg-4 {
        order: 4
    }

    ._order-lg-5 {
        order: 5
    }

    ._order-lg-6 {
        order: 6
    }

    ._order-lg-7 {
        order: 7
    }

    ._order-lg-8 {
        order: 8
    }

    ._order-lg-9 {
        order: 9
    }

    ._order-lg-10 {
        order: 10
    }

    ._order-lg-11 {
        order: 11
    }

    ._order-lg-12 {
        order: 12
    }

    ._offset-lg-0 {
        margin-left: 0
    }

    ._offset-lg-1 {
        margin-left: 8.33333333%
    }

    ._offset-lg-2 {
        margin-left: 16.66666667%
    }

    ._offset-lg-3 {
        margin-left: 25%
    }

    ._offset-lg-4 {
        margin-left: 33.33333333%
    }

    ._offset-lg-5 {
        margin-left: 41.66666667%
    }

    ._offset-lg-6 {
        margin-left: 50%
    }

    ._offset-lg-7 {
        margin-left: 58.33333333%
    }

    ._offset-lg-8 {
        margin-left: 66.66666667%
    }

    ._offset-lg-9 {
        margin-left: 75%
    }

    ._offset-lg-10 {
        margin-left: 83.33333333%
    }

    ._offset-lg-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1440px) {
    ._col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    ._row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    ._row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    ._row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    ._row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    ._row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    ._row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    ._col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    ._col-xl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    ._col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    ._col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    ._col-xl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    ._col-xl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    ._col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    ._col-xl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    ._col-xl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    ._col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    ._col-xl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    ._col-xl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    ._col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    ._order-xl-first {
        order: -1
    }

    ._order-xl-last {
        order: 13
    }

    ._order-xl-0 {
        order: 0
    }

    ._order-xl-1 {
        order: 1
    }

    ._order-xl-2 {
        order: 2
    }

    ._order-xl-3 {
        order: 3
    }

    ._order-xl-4 {
        order: 4
    }

    ._order-xl-5 {
        order: 5
    }

    ._order-xl-6 {
        order: 6
    }

    ._order-xl-7 {
        order: 7
    }

    ._order-xl-8 {
        order: 8
    }

    ._order-xl-9 {
        order: 9
    }

    ._order-xl-10 {
        order: 10
    }

    ._order-xl-11 {
        order: 11
    }

    ._order-xl-12 {
        order: 12
    }

    ._offset-xl-0 {
        margin-left: 0
    }

    ._offset-xl-1 {
        margin-left: 8.33333333%
    }

    ._offset-xl-2 {
        margin-left: 16.66666667%
    }

    ._offset-xl-3 {
        margin-left: 25%
    }

    ._offset-xl-4 {
        margin-left: 33.33333333%
    }

    ._offset-xl-5 {
        margin-left: 41.66666667%
    }

    ._offset-xl-6 {
        margin-left: 50%
    }

    ._offset-xl-7 {
        margin-left: 58.33333333%
    }

    ._offset-xl-8 {
        margin-left: 66.66666667%
    }

    ._offset-xl-9 {
        margin-left: 75%
    }

    ._offset-xl-10 {
        margin-left: 83.33333333%
    }

    ._offset-xl-11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1920px) {
    ._col-xxl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    ._row-cols-xxl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    ._row-cols-xxl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    ._row-cols-xxl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    ._row-cols-xxl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    ._row-cols-xxl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    ._row-cols-xxl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    ._col-xxl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    ._col-xxl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    ._col-xxl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    ._col-xxl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    ._col-xxl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    ._col-xxl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    ._col-xxl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    ._col-xxl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    ._col-xxl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    ._col-xxl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    ._col-xxl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    ._col-xxl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    ._col-xxl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    ._order-xxl-first {
        order: -1
    }

    ._order-xxl-last {
        order: 13
    }

    ._order-xxl-0 {
        order: 0
    }

    ._order-xxl-1 {
        order: 1
    }

    ._order-xxl-2 {
        order: 2
    }

    ._order-xxl-3 {
        order: 3
    }

    ._order-xxl-4 {
        order: 4
    }

    ._order-xxl-5 {
        order: 5
    }

    ._order-xxl-6 {
        order: 6
    }

    ._order-xxl-7 {
        order: 7
    }

    ._order-xxl-8 {
        order: 8
    }

    ._order-xxl-9 {
        order: 9
    }

    ._order-xxl-10 {
        order: 10
    }

    ._order-xxl-11 {
        order: 11
    }

    ._order-xxl-12 {
        order: 12
    }

    ._offset-xxl-0 {
        margin-left: 0
    }

    ._offset-xxl-1 {
        margin-left: 8.33333333%
    }

    ._offset-xxl-2 {
        margin-left: 16.66666667%
    }

    ._offset-xxl-3 {
        margin-left: 25%
    }

    ._offset-xxl-4 {
        margin-left: 33.33333333%
    }

    ._offset-xxl-5 {
        margin-left: 41.66666667%
    }

    ._offset-xxl-6 {
        margin-left: 50%
    }

    ._offset-xxl-7 {
        margin-left: 58.33333333%
    }

    ._offset-xxl-8 {
        margin-left: 66.66666667%
    }

    ._offset-xxl-9 {
        margin-left: 75%
    }

    ._offset-xxl-10 {
        margin-left: 83.33333333%
    }

    ._offset-xxl-11 {
        margin-left: 91.66666667%
    }
}

._container-fluid,
._container-sm,
._container-md,
._container-lg,
._container-xl,
._container {
    padding-right: 16px;
    padding-left: 16px
}

._row:not(._no-gutters) {
    margin-right: -8px;
    margin-left: -8px
}

._row:not(._no-gutters)>._col,
._row:not(._no-gutters)>[class*=_col-] {
    padding-right: 8px;
    padding-left: 8px
}

@media(min-width:768px) {

    ._container-fluid,
    ._container-sm,
    ._container-md,
    ._container-lg,
    ._container-xl,
    ._container {
        padding-right: 32px;
        padding-left: 32px
    }

    ._row:not(._no-gutters) {
        margin-right: -16px;
        margin-left: -16px
    }

    ._row:not(._no-gutters)>._col,
    ._row:not(._no-gutters)>[class*=_col-] {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media(min-width:1440px) {

    ._container.-small,
    ._container-md.-small,
    ._container-lg.-small,
    ._container-xl.-small {
        max-width: 1204px
    }
}

@media(max-width:479.9px) {
    ._d-sm-only-none {
        display: none !important
    }
}

@media(max-width:768.9px) {
    ._d-md-only-none {
        display: none !important
    }
}

._d-show-inline-block-sm {
    display: inline-block
}

@media(min-width:480px) and (max-width:768px) {
    ._d-show-inline-block-sm {
        display: none !important
    }
}

._form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: .75rem 1rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    ._form-control {
        transition: none
    }
}

._form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

._form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #8d6100;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(13, 9, 0, .25)
}

._form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

._form-control:disabled,
._form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

input[type=date]._form-control,
input[type=time]._form-control,
input[type=datetime-local]._form-control,
input[type=month]._form-control {
    appearance: none
}

select._form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057
}

select._form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

._form-control-file,
._form-control-range {
    display: block;
    width: 100%
}

._col-form-label {
    padding-top: calc(.75rem + 1px);
    padding-bottom: calc(.75rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

._col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

._col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

._form-control-plaintext {
    display: block;
    width: 100%;
    padding: .75rem 0;
    margin-bottom: 0;
    font-size: .875rem;
    line-height: 1.5;
    color: #0d0900;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

._form-control-plaintext._form-control-sm,
._form-control-plaintext._form-control-lg {
    padding-right: 0;
    padding-left: 0
}

._form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 2px
}

._form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 2px
}

select._form-control[size],
select._form-control[multiple] {
    height: auto
}

textarea._form-control {
    height: auto
}

._form-group {
    margin-bottom: 1rem
}

._form-text {
    display: block;
    margin-top: .25rem
}

._form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem
}

._form-row>._col,
._form-row>[class*=col-] {
    padding-right: .5rem;
    padding-left: .5rem
}

._form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

._form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

._form-check-input[disabled]~._form-check-label,
._form-check-input:disabled~._form-check-label {
    color: #666
}

._form-check-label {
    margin-bottom: 0
}

._form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

._form-check-inline ._form-check-input {
    position: static;
    margin-top: 0;
    margin-right: .3125rem;
    margin-left: 0
}

._valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #28a745
}

._valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, .9);
    border-radius: 2px
}

._form-row>._col>._valid-tooltip,
._form-row>[class*=col-]>._valid-tooltip {
    left: .5rem
}

._was-validated :valid~._valid-feedback,
._was-validated :valid~._valid-tooltip,
._is-valid~._valid-feedback,
._is-valid~._valid-tooltip {
    display: block
}

._was-validated ._form-control:valid,
._form-control._is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 1.5rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .375rem) center;
    background-size: calc(.75em + .75rem) calc(.75em + .75rem)
}

._was-validated ._form-control:valid:focus,
._form-control._is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

._was-validated select._form-control:valid,
select._form-control._is-valid {
    padding-right: 4rem !important;
    background-position: right 2rem center
}

._was-validated textarea._form-control:valid,
textarea._form-control._is-valid {
    padding-right: calc(1.5em + 1.5rem);
    background-position: top calc(.375em + .375rem) right calc(.375em + .375rem)
}

._was-validated ._custom-select:valid,
._custom-select._is-valid {
    border-color: #28a745;
    padding-right: calc(.75em + 3.125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 2rem/calc(.75em + .75rem) calc(.75em + .75rem) no-repeat
}

._was-validated ._custom-select:valid:focus,
._custom-select._is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

._was-validated ._form-check-input:valid~._form-check-label,
._form-check-input._is-valid~._form-check-label {
    color: #28a745
}

._was-validated ._form-check-input:valid~._valid-feedback,
._was-validated ._form-check-input:valid~._valid-tooltip,
._form-check-input._is-valid~._valid-feedback,
._form-check-input._is-valid~._valid-tooltip {
    display: block
}

._was-validated ._custom-control-input:valid~._custom-control-label,
._custom-control-input._is-valid~._custom-control-label {
    color: #28a745
}

._was-validated ._custom-control-input:valid~._custom-control-label::before,
._custom-control-input._is-valid~._custom-control-label::before {
    border-color: #28a745
}

._was-validated ._custom-control-input:valid:checked~._custom-control-label::before,
._custom-control-input._is-valid:checked~._custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57
}

._was-validated ._custom-control-input:valid:focus~._custom-control-label::before,
._custom-control-input._is-valid:focus~._custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

._was-validated ._custom-control-input:valid:focus:not(:checked)~._custom-control-label::before,
._custom-control-input._is-valid:focus:not(:checked)~._custom-control-label::before {
    border-color: #28a745
}

._was-validated ._custom-file-input:valid~._custom-file-label,
._custom-file-input._is-valid~._custom-file-label {
    border-color: #28a745
}

._was-validated ._custom-file-input:valid:focus~._custom-file-label,
._custom-file-input._is-valid:focus~._custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

._invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545
}

._invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: 2px
}

._form-row>._col>._invalid-tooltip,
._form-row>[class*=col-]>._invalid-tooltip {
    left: .5rem
}

._was-validated :invalid~._invalid-feedback,
._was-validated :invalid~._invalid-tooltip,
._is-invalid~._invalid-feedback,
._is-invalid~._invalid-tooltip {
    display: block
}

._was-validated ._form-control:invalid,
._form-control._is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 1.5rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .375rem) center;
    background-size: calc(.75em + .75rem) calc(.75em + .75rem)
}

._was-validated ._form-control:invalid:focus,
._form-control._is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

._was-validated select._form-control:invalid,
select._form-control._is-invalid {
    padding-right: 4rem !important;
    background-position: right 2rem center
}

._was-validated textarea._form-control:invalid,
textarea._form-control._is-invalid {
    padding-right: calc(1.5em + 1.5rem);
    background-position: top calc(.375em + .375rem) right calc(.375em + .375rem)
}

._was-validated ._custom-select:invalid,
._custom-select._is-invalid {
    border-color: #dc3545;
    padding-right: calc(.75em + 3.125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 1rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www._w3._org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 2rem/calc(.75em + .75rem) calc(.75em + .75rem) no-repeat
}

._was-validated ._custom-select:invalid:focus,
._custom-select._is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

._was-validated ._form-check-input:invalid~._form-check-label,
._form-check-input._is-invalid~._form-check-label {
    color: #dc3545
}

._was-validated ._form-check-input:invalid~._invalid-feedback,
._was-validated ._form-check-input:invalid~._invalid-tooltip,
._form-check-input._is-invalid~._invalid-feedback,
._form-check-input._is-invalid~._invalid-tooltip {
    display: block
}

._was-validated ._custom-control-input:invalid~._custom-control-label,
._custom-control-input._is-invalid~._custom-control-label {
    color: #dc3545
}

._was-validated ._custom-control-input:invalid~._custom-control-label::before,
._custom-control-input._is-invalid~._custom-control-label::before {
    border-color: #dc3545
}

._was-validated ._custom-control-input:invalid:checked~._custom-control-label::before,
._custom-control-input._is-invalid:checked~._custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d
}

._was-validated ._custom-control-input:invalid:focus~._custom-control-label::before,
._custom-control-input._is-invalid:focus~._custom-control-label::before {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

._was-validated ._custom-control-input:invalid:focus:not(:checked)~._custom-control-label::before,
._custom-control-input._is-invalid:focus:not(:checked)~._custom-control-label::before {
    border-color: #dc3545
}

._was-validated ._custom-file-input:invalid~._custom-file-label,
._custom-file-input._is-invalid~._custom-file-label {
    border-color: #dc3545
}

._was-validated ._custom-file-input:invalid:focus~._custom-file-label,
._custom-file-input._is-invalid:focus~._custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

._form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

._form-inline ._form-check {
    width: 100%
}

@media(min-width:480px) {
    ._form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0
    }

    ._form-inline ._form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0
    }

    ._form-inline ._form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    ._form-inline ._form-control-plaintext {
        display: inline-block
    }

    ._form-inline ._input-group,
    ._form-inline ._custom-select {
        width: auto
    }

    ._form-inline ._form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0
    }

    ._form-inline ._form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: .25rem;
        margin-left: 0
    }

    ._form-inline ._custom-control {
        align-items: center;
        justify-content: center
    }

    ._form-inline ._custom-control-label {
        margin-bottom: 0
    }
}

._btn,
._cta,
._cta-yellow,
._cta-white,
._cta-sale,
._cta-black,
._cta-pink {
    display: inline-block;
    font-weight: 400;
    color: #0d0900;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .75rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 2px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {

    ._btn,
    ._cta,
    ._cta-yellow,
    ._cta-white,
    ._cta-sale,
    ._cta-black,
    ._cta-pink {
        transition: none
    }
}

._btn:hover,
._cta:hover,
._cta-yellow:hover,
._cta-white:hover,
._cta-sale:hover,
._cta-black:hover,
._cta-pink:hover {
    color: #0d0900;
    text-decoration: none
}

._btn:focus,
._cta:focus,
._cta-yellow:focus,
._cta-white:focus,
._cta-sale:focus,
._cta-black:focus,
._cta-pink:focus,
._btn._focus,
._focus._cta,
._focus._cta-yellow,
._focus._cta-white,
._focus._cta-sale,
._focus._cta-black,
._focus._cta-pink {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(13, 9, 0, .25)
}

._btn._disabled,
._disabled._cta,
._disabled._cta-yellow,
._disabled._cta-white,
._disabled._cta-sale,
._disabled._cta-black,
._disabled._cta-pink,
._btn:disabled,
._cta:disabled,
._cta-yellow:disabled,
._cta-white:disabled,
._cta-sale:disabled,
._cta-black:disabled,
._cta-pink:disabled {
    opacity: .4
}

._btn:not(:disabled):not(._disabled),
._cta:not(:disabled):not(._disabled),
._cta-yellow:not(:disabled):not(._disabled),
._cta-white:not(:disabled):not(._disabled),
._cta-sale:not(:disabled):not(._disabled),
._cta-black:not(:disabled):not(._disabled),
._cta-pink:not(:disabled):not(._disabled) {
    cursor: pointer
}

a._btn._disabled,
a._disabled._cta,
a._disabled._cta-yellow,
a._disabled._cta-white,
a._disabled._cta-sale,
a._disabled._cta-black,
a._disabled._cta-pink,
fieldset:disabled a._btn,
fieldset:disabled a._cta,
fieldset:disabled a._cta-yellow,
fieldset:disabled a._cta-white,
fieldset:disabled a._cta-sale,
fieldset:disabled a._cta-black,
fieldset:disabled a._cta-pink {
    pointer-events: none
}

._btn-primary {
    color: #fff;
    background-color: #0d0900;
    border-color: #0d0900
}

._btn-primary:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

._btn-primary:focus,
._btn-primary._focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow: 0 0 0 .2rem rgba(49, 46, 38, .5)
}

._btn-primary._disabled,
._btn-primary:disabled {
    color: #fff;
    background-color: #0d0900;
    border-color: #0d0900
}

._btn-primary:not(:disabled):not(._disabled):active,
._btn-primary:not(:disabled):not(._disabled)._active,
._show>._btn-primary._dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000
}

._btn-primary:not(:disabled):not(._disabled):active:focus,
._btn-primary:not(:disabled):not(._disabled)._active:focus,
._show>._btn-primary._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(49, 46, 38, .5)
}

._btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

._btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62
}

._btn-secondary:focus,
._btn-secondary._focus {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

._btn-secondary._disabled,
._btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

._btn-secondary:not(:disabled):not(._disabled):active,
._btn-secondary:not(:disabled):not(._disabled)._active,
._show>._btn-secondary._dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b
}

._btn-secondary:not(:disabled):not(._disabled):active:focus,
._btn-secondary:not(:disabled):not(._disabled)._active:focus,
._show>._btn-secondary._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

._btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

._btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34
}

._btn-success:focus,
._btn-success._focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

._btn-success._disabled,
._btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

._btn-success:not(:disabled):not(._disabled):active,
._btn-success:not(:disabled):not(._disabled)._active,
._show>._btn-success._dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430
}

._btn-success:not(:disabled):not(._disabled):active:focus,
._btn-success:not(:disabled):not(._disabled)._active:focus,
._show>._btn-success._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

._btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

._btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b
}

._btn-info:focus,
._btn-info._focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

._btn-info._disabled,
._btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

._btn-info:not(:disabled):not(._disabled):active,
._btn-info:not(:disabled):not(._disabled)._active,
._show>._btn-info._dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f
}

._btn-info:not(:disabled):not(._disabled):active:focus,
._btn-info:not(:disabled):not(._disabled)._active:focus,
._show>._btn-info._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

._btn-warning,
._cta-yellow {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

._btn-warning:hover,
._cta-yellow:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00
}

._btn-warning:focus,
._cta-yellow:focus,
._btn-warning._focus,
._focus._cta-yellow {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

._btn-warning._disabled,
._disabled._cta-yellow,
._btn-warning:disabled,
._cta-yellow:disabled {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

._btn-warning:not(:disabled):not(._disabled):active,
._cta-yellow:not(:disabled):not(._disabled):active,
._btn-warning:not(:disabled):not(._disabled)._active,
._cta-yellow:not(:disabled):not(._disabled)._active,
._show>._btn-warning._dropdown-toggle,
._show>._dropdown-toggle._cta-yellow {
    color: #212529;
    background-color: #d39e00;
    border-color: #c69500
}

._btn-warning:not(:disabled):not(._disabled):active:focus,
._cta-yellow:not(:disabled):not(._disabled):active:focus,
._btn-warning:not(:disabled):not(._disabled)._active:focus,
._cta-yellow:not(:disabled):not(._disabled)._active:focus,
._show>._btn-warning._dropdown-toggle:focus,
._show>._dropdown-toggle._cta-yellow:focus {
    box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

._btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

._btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130
}

._btn-danger:focus,
._btn-danger._focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

._btn-danger._disabled,
._btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

._btn-danger:not(:disabled):not(._disabled):active,
._btn-danger:not(:disabled):not(._disabled)._active,
._show>._btn-danger._dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d
}

._btn-danger:not(:disabled):not(._disabled):active:focus,
._btn-danger:not(:disabled):not(._disabled)._active:focus,
._show>._btn-danger._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

._btn-light {
    color: #212529;
    background-color: #f5f4f4;
    border-color: #f5f4f4
}

._btn-light:hover {
    color: #212529;
    background-color: #e3e0e0;
    border-color: #ddd9d9
}

._btn-light:focus,
._btn-light._focus {
    color: #212529;
    background-color: #e3e0e0;
    border-color: #ddd9d9;
    box-shadow: 0 0 0 .2rem rgba(213, 213, 214, .5)
}

._btn-light._disabled,
._btn-light:disabled {
    color: #212529;
    background-color: #f5f4f4;
    border-color: #f5f4f4
}

._btn-light:not(:disabled):not(._disabled):active,
._btn-light:not(:disabled):not(._disabled)._active,
._show>._btn-light._dropdown-toggle {
    color: #212529;
    background-color: #ddd9d9;
    border-color: #d7d3d3
}

._btn-light:not(:disabled):not(._disabled):active:focus,
._btn-light:not(:disabled):not(._disabled)._active:focus,
._show>._btn-light._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(213, 213, 214, .5)
}

._btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

._btn-dark:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124
}

._btn-dark:focus,
._btn-dark._focus {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

._btn-dark._disabled,
._btn-dark:disabled {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

._btn-dark:not(:disabled):not(._disabled):active,
._btn-dark:not(:disabled):not(._disabled)._active,
._show>._btn-dark._dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d
}

._btn-dark:not(:disabled):not(._disabled):active:focus,
._btn-dark:not(:disabled):not(._disabled)._active:focus,
._show>._btn-dark._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

._btn-black,
._cta-white {
    color: #fff;
    background-color: #0d0900;
    border-color: #0d0900
}

._btn-black:hover,
._cta-white:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

._btn-black:focus,
._cta-white:focus,
._btn-black._focus,
._focus._cta-white {
    color: #fff;
    background-color: #000;
    border-color: #000;
    box-shadow: 0 0 0 .2rem rgba(49, 46, 38, .5)
}

._btn-black._disabled,
._disabled._cta-white,
._btn-black:disabled,
._cta-white:disabled {
    color: #fff;
    background-color: #0d0900;
    border-color: #0d0900
}

._btn-black:not(:disabled):not(._disabled):active,
._cta-white:not(:disabled):not(._disabled):active,
._btn-black:not(:disabled):not(._disabled)._active,
._cta-white:not(:disabled):not(._disabled)._active,
._show>._btn-black._dropdown-toggle,
._show>._dropdown-toggle._cta-white {
    color: #fff;
    background-color: #000;
    border-color: #000
}

._btn-black:not(:disabled):not(._disabled):active:focus,
._cta-white:not(:disabled):not(._disabled):active:focus,
._btn-black:not(:disabled):not(._disabled)._active:focus,
._cta-white:not(:disabled):not(._disabled)._active:focus,
._show>._btn-black._dropdown-toggle:focus,
._show>._dropdown-toggle._cta-white:focus {
    box-shadow: 0 0 0 .2rem rgba(49, 46, 38, .5)
}

._btn-pink {
    color: #fff;
    background-color: #aa4966;
    border-color: #aa4966
}

._btn-pink:hover {
    color: #fff;
    background-color: #8f3e56;
    border-color: #863a51
}

._btn-pink:focus,
._btn-pink._focus {
    color: #fff;
    background-color: #8f3e56;
    border-color: #863a51;
    box-shadow: 0 0 0 .2rem rgba(183, 100, 125, .5)
}

._btn-pink._disabled,
._btn-pink:disabled {
    color: #fff;
    background-color: #aa4966;
    border-color: #aa4966
}

._btn-pink:not(:disabled):not(._disabled):active,
._btn-pink:not(:disabled):not(._disabled)._active,
._show>._btn-pink._dropdown-toggle {
    color: #fff;
    background-color: #863a51;
    border-color: #7d364b
}

._btn-pink:not(:disabled):not(._disabled):active:focus,
._btn-pink:not(:disabled):not(._disabled)._active:focus,
._show>._btn-pink._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(183, 100, 125, .5)
}

._btn-grey {
    color: #fff;
    background-color: #666;
    border-color: #666
}

._btn-grey:hover {
    color: #fff;
    background-color: #535353;
    border-color: #4d4d4d
}

._btn-grey:focus,
._btn-grey._focus {
    color: #fff;
    background-color: #535353;
    border-color: #4d4d4d;
    box-shadow: 0 0 0 .2rem rgba(125, 125, 125, .5)
}

._btn-grey._disabled,
._btn-grey:disabled {
    color: #fff;
    background-color: #666;
    border-color: #666
}

._btn-grey:not(:disabled):not(._disabled):active,
._btn-grey:not(:disabled):not(._disabled)._active,
._show>._btn-grey._dropdown-toggle {
    color: #fff;
    background-color: #4d4d4d;
    border-color: #464646
}

._btn-grey:not(:disabled):not(._disabled):active:focus,
._btn-grey:not(:disabled):not(._disabled)._active:focus,
._show>._btn-grey._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(125, 125, 125, .5)
}

._btn-grey2 {
    color: #212529;
    background-color: #f5f4f4;
    border-color: #f5f4f4
}

._btn-grey2:hover {
    color: #212529;
    background-color: #e3e0e0;
    border-color: #ddd9d9
}

._btn-grey2:focus,
._btn-grey2._focus {
    color: #212529;
    background-color: #e3e0e0;
    border-color: #ddd9d9;
    box-shadow: 0 0 0 .2rem rgba(213, 213, 214, .5)
}

._btn-grey2._disabled,
._btn-grey2:disabled {
    color: #212529;
    background-color: #f5f4f4;
    border-color: #f5f4f4
}

._btn-grey2:not(:disabled):not(._disabled):active,
._btn-grey2:not(:disabled):not(._disabled)._active,
._show>._btn-grey2._dropdown-toggle {
    color: #212529;
    background-color: #ddd9d9;
    border-color: #d7d3d3
}

._btn-grey2:not(:disabled):not(._disabled):active:focus,
._btn-grey2:not(:disabled):not(._disabled)._active:focus,
._show>._btn-grey2._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(213, 213, 214, .5)
}

._btn-sale,
._cta-sale {
    color: #fff;
    background-color: #ae131e;
    border-color: #ae131e
}

._btn-sale:hover,
._cta-sale:hover {
    color: #fff;
    background-color: #8c0f18;
    border-color: #800e16
}

._btn-sale:focus,
._cta-sale:focus,
._btn-sale._focus,
._focus._cta-sale {
    color: #fff;
    background-color: #8c0f18;
    border-color: #800e16;
    box-shadow: 0 0 0 .2rem rgba(186, 54, 64, .5)
}

._btn-sale._disabled,
._disabled._cta-sale,
._btn-sale:disabled,
._cta-sale:disabled {
    color: #fff;
    background-color: #ae131e;
    border-color: #ae131e
}

._btn-sale:not(:disabled):not(._disabled):active,
._cta-sale:not(:disabled):not(._disabled):active,
._btn-sale:not(:disabled):not(._disabled)._active,
._cta-sale:not(:disabled):not(._disabled)._active,
._show>._btn-sale._dropdown-toggle,
._show>._dropdown-toggle._cta-sale {
    color: #fff;
    background-color: #800e16;
    border-color: #750d14
}

._btn-sale:not(:disabled):not(._disabled):active:focus,
._cta-sale:not(:disabled):not(._disabled):active:focus,
._btn-sale:not(:disabled):not(._disabled)._active:focus,
._cta-sale:not(:disabled):not(._disabled)._active:focus,
._show>._btn-sale._dropdown-toggle:focus,
._show>._dropdown-toggle._cta-sale:focus {
    box-shadow: 0 0 0 .2rem rgba(186, 54, 64, .5)
}

._btn-outline-primary {
    color: #0d0900;
    border-color: #0d0900
}

._btn-outline-primary:hover {
    color: #fff;
    background-color: #0d0900;
    border-color: #0d0900
}

._btn-outline-primary:focus,
._btn-outline-primary._focus {
    box-shadow: 0 0 0 .2rem rgba(13, 9, 0, .5)
}

._btn-outline-primary._disabled,
._btn-outline-primary:disabled {
    color: #0d0900;
    background-color: transparent
}

._btn-outline-primary:not(:disabled):not(._disabled):active,
._btn-outline-primary:not(:disabled):not(._disabled)._active,
._show>._btn-outline-primary._dropdown-toggle {
    color: #fff;
    background-color: #0d0900;
    border-color: #0d0900
}

._btn-outline-primary:not(:disabled):not(._disabled):active:focus,
._btn-outline-primary:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-primary._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(13, 9, 0, .5)
}

._btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

._btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

._btn-outline-secondary:focus,
._btn-outline-secondary._focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

._btn-outline-secondary._disabled,
._btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

._btn-outline-secondary:not(:disabled):not(._disabled):active,
._btn-outline-secondary:not(:disabled):not(._disabled)._active,
._show>._btn-outline-secondary._dropdown-toggle {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

._btn-outline-secondary:not(:disabled):not(._disabled):active:focus,
._btn-outline-secondary:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-secondary._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

._btn-outline-success {
    color: #28a745;
    border-color: #28a745
}

._btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

._btn-outline-success:focus,
._btn-outline-success._focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

._btn-outline-success._disabled,
._btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

._btn-outline-success:not(:disabled):not(._disabled):active,
._btn-outline-success:not(:disabled):not(._disabled)._active,
._show>._btn-outline-success._dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

._btn-outline-success:not(:disabled):not(._disabled):active:focus,
._btn-outline-success:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-success._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

._btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

._btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

._btn-outline-info:focus,
._btn-outline-info._focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

._btn-outline-info._disabled,
._btn-outline-info:disabled {
    color: #17a2b8;
    background-color: transparent
}

._btn-outline-info:not(:disabled):not(._disabled):active,
._btn-outline-info:not(:disabled):not(._disabled)._active,
._show>._btn-outline-info._dropdown-toggle {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

._btn-outline-info:not(:disabled):not(._disabled):active:focus,
._btn-outline-info:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-info._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

._btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

._btn-outline-warning:hover {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

._btn-outline-warning:focus,
._btn-outline-warning._focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

._btn-outline-warning._disabled,
._btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

._btn-outline-warning:not(:disabled):not(._disabled):active,
._btn-outline-warning:not(:disabled):not(._disabled)._active,
._show>._btn-outline-warning._dropdown-toggle {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107
}

._btn-outline-warning:not(:disabled):not(._disabled):active:focus,
._btn-outline-warning:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-warning._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

._btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

._btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

._btn-outline-danger:focus,
._btn-outline-danger._focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

._btn-outline-danger._disabled,
._btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

._btn-outline-danger:not(:disabled):not(._disabled):active,
._btn-outline-danger:not(:disabled):not(._disabled)._active,
._show>._btn-outline-danger._dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

._btn-outline-danger:not(:disabled):not(._disabled):active:focus,
._btn-outline-danger:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-danger._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

._btn-outline-light {
    color: #f5f4f4;
    border-color: #f5f4f4
}

._btn-outline-light:hover {
    color: #212529;
    background-color: #f5f4f4;
    border-color: #f5f4f4
}

._btn-outline-light:focus,
._btn-outline-light._focus {
    box-shadow: 0 0 0 .2rem rgba(245, 244, 244, .5)
}

._btn-outline-light._disabled,
._btn-outline-light:disabled {
    color: #f5f4f4;
    background-color: transparent
}

._btn-outline-light:not(:disabled):not(._disabled):active,
._btn-outline-light:not(:disabled):not(._disabled)._active,
._show>._btn-outline-light._dropdown-toggle {
    color: #212529;
    background-color: #f5f4f4;
    border-color: #f5f4f4
}

._btn-outline-light:not(:disabled):not(._disabled):active:focus,
._btn-outline-light:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-light._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(245, 244, 244, .5)
}

._btn-outline-dark {
    color: #343a40;
    border-color: #343a40
}

._btn-outline-dark:hover {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

._btn-outline-dark:focus,
._btn-outline-dark._focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

._btn-outline-dark._disabled,
._btn-outline-dark:disabled {
    color: #343a40;
    background-color: transparent
}

._btn-outline-dark:not(:disabled):not(._disabled):active,
._btn-outline-dark:not(:disabled):not(._disabled)._active,
._show>._btn-outline-dark._dropdown-toggle {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40
}

._btn-outline-dark:not(:disabled):not(._disabled):active:focus,
._btn-outline-dark:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-dark._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

._btn-outline-black,
._cta-black {
    color: #0d0900;
    border-color: #0d0900
}

._btn-outline-black:hover,
._cta-black:hover {
    color: #fff;
    background-color: #0d0900;
    border-color: #0d0900
}

._btn-outline-black:focus,
._cta-black:focus,
._btn-outline-black._focus,
._focus._cta-black {
    box-shadow: 0 0 0 .2rem rgba(13, 9, 0, .5)
}

._btn-outline-black._disabled,
._disabled._cta-black,
._btn-outline-black:disabled,
._cta-black:disabled {
    color: #0d0900;
    background-color: transparent
}

._btn-outline-black:not(:disabled):not(._disabled):active,
._cta-black:not(:disabled):not(._disabled):active,
._btn-outline-black:not(:disabled):not(._disabled)._active,
._cta-black:not(:disabled):not(._disabled)._active,
._show>._btn-outline-black._dropdown-toggle,
._show>._dropdown-toggle._cta-black {
    color: #fff;
    background-color: #0d0900;
    border-color: #0d0900
}

._btn-outline-black:not(:disabled):not(._disabled):active:focus,
._cta-black:not(:disabled):not(._disabled):active:focus,
._btn-outline-black:not(:disabled):not(._disabled)._active:focus,
._cta-black:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-black._dropdown-toggle:focus,
._show>._dropdown-toggle._cta-black:focus {
    box-shadow: 0 0 0 .2rem rgba(13, 9, 0, .5)
}

._btn-outline-pink,
._cta-pink {
    color: #aa4966;
    border-color: #aa4966
}

._btn-outline-pink:hover,
._cta-pink:hover {
    color: #fff;
    background-color: #aa4966;
    border-color: #aa4966
}

._btn-outline-pink:focus,
._cta-pink:focus,
._btn-outline-pink._focus,
._focus._cta-pink {
    box-shadow: 0 0 0 .2rem rgba(170, 73, 102, .5)
}

._btn-outline-pink._disabled,
._disabled._cta-pink,
._btn-outline-pink:disabled,
._cta-pink:disabled {
    color: #aa4966;
    background-color: transparent
}

._btn-outline-pink:not(:disabled):not(._disabled):active,
._cta-pink:not(:disabled):not(._disabled):active,
._btn-outline-pink:not(:disabled):not(._disabled)._active,
._cta-pink:not(:disabled):not(._disabled)._active,
._show>._btn-outline-pink._dropdown-toggle,
._show>._dropdown-toggle._cta-pink {
    color: #fff;
    background-color: #aa4966;
    border-color: #aa4966
}

._btn-outline-pink:not(:disabled):not(._disabled):active:focus,
._cta-pink:not(:disabled):not(._disabled):active:focus,
._btn-outline-pink:not(:disabled):not(._disabled)._active:focus,
._cta-pink:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-pink._dropdown-toggle:focus,
._show>._dropdown-toggle._cta-pink:focus {
    box-shadow: 0 0 0 .2rem rgba(170, 73, 102, .5)
}

._btn-outline-grey {
    color: #666;
    border-color: #666
}

._btn-outline-grey:hover {
    color: #fff;
    background-color: #666;
    border-color: #666
}

._btn-outline-grey:focus,
._btn-outline-grey._focus {
    box-shadow: 0 0 0 .2rem rgba(102, 102, 102, .5)
}

._btn-outline-grey._disabled,
._btn-outline-grey:disabled {
    color: #666;
    background-color: transparent
}

._btn-outline-grey:not(:disabled):not(._disabled):active,
._btn-outline-grey:not(:disabled):not(._disabled)._active,
._show>._btn-outline-grey._dropdown-toggle {
    color: #fff;
    background-color: #666;
    border-color: #666
}

._btn-outline-grey:not(:disabled):not(._disabled):active:focus,
._btn-outline-grey:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-grey._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(102, 102, 102, .5)
}

._btn-outline-grey2 {
    color: #f5f4f4;
    border-color: #f5f4f4
}

._btn-outline-grey2:hover {
    color: #212529;
    background-color: #f5f4f4;
    border-color: #f5f4f4
}

._btn-outline-grey2:focus,
._btn-outline-grey2._focus {
    box-shadow: 0 0 0 .2rem rgba(245, 244, 244, .5)
}

._btn-outline-grey2._disabled,
._btn-outline-grey2:disabled {
    color: #f5f4f4;
    background-color: transparent
}

._btn-outline-grey2:not(:disabled):not(._disabled):active,
._btn-outline-grey2:not(:disabled):not(._disabled)._active,
._show>._btn-outline-grey2._dropdown-toggle {
    color: #212529;
    background-color: #f5f4f4;
    border-color: #f5f4f4
}

._btn-outline-grey2:not(:disabled):not(._disabled):active:focus,
._btn-outline-grey2:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-grey2._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(245, 244, 244, .5)
}

._btn-outline-sale {
    color: #ae131e;
    border-color: #ae131e
}

._btn-outline-sale:hover {
    color: #fff;
    background-color: #ae131e;
    border-color: #ae131e
}

._btn-outline-sale:focus,
._btn-outline-sale._focus {
    box-shadow: 0 0 0 .2rem rgba(174, 19, 30, .5)
}

._btn-outline-sale._disabled,
._btn-outline-sale:disabled {
    color: #ae131e;
    background-color: transparent
}

._btn-outline-sale:not(:disabled):not(._disabled):active,
._btn-outline-sale:not(:disabled):not(._disabled)._active,
._show>._btn-outline-sale._dropdown-toggle {
    color: #fff;
    background-color: #ae131e;
    border-color: #ae131e
}

._btn-outline-sale:not(:disabled):not(._disabled):active:focus,
._btn-outline-sale:not(:disabled):not(._disabled)._active:focus,
._show>._btn-outline-sale._dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(174, 19, 30, .5)
}

._btn-link,
._cta-link {
    font-weight: 400;
    color: #0d0900;
    text-decoration: none
}

._btn-link:hover,
._cta-link:hover {
    color: #000;
    text-decoration: none
}

._btn-link:focus,
._cta-link:focus,
._btn-link._focus,
._focus._cta-link {
    text-decoration: none
}

._btn-link:disabled,
._cta-link:disabled,
._btn-link._disabled,
._disabled._cta-link {
    color: #6c757d;
    pointer-events: none
}

._btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 2px
}

._btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 2px
}

._btn-block {
    display: block;
    width: 100%
}

._btn-block+._btn-block {
    margin-top: .5rem
}

input[type=submit]._btn-block,
input[type=reset]._btn-block,
input[type=button]._btn-block {
    width: 100%
}

._input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

._input-group>._form-control,
._input-group>._form-control-plaintext,
._input-group>._custom-select,
._input-group>._custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0
}

._input-group>._form-control+._form-control,
._input-group>._form-control+._custom-select,
._input-group>._form-control+._custom-file,
._input-group>._form-control-plaintext+._form-control,
._input-group>._form-control-plaintext+._custom-select,
._input-group>._form-control-plaintext+._custom-file,
._input-group>._custom-select+._form-control,
._input-group>._custom-select+._custom-select,
._input-group>._custom-select+._custom-file,
._input-group>._custom-file+._form-control,
._input-group>._custom-file+._custom-select,
._input-group>._custom-file+._custom-file {
    margin-left: -1px
}

._input-group>._form-control:focus,
._input-group>._custom-select:focus,
._input-group>._custom-file ._custom-file-input:focus~._custom-file-label {
    z-index: 3
}

._input-group>._custom-file ._custom-file-input:focus {
    z-index: 4
}

._input-group>._form-control:not(:first-child),
._input-group>._custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

._input-group>._custom-file {
    display: flex;
    align-items: center
}

._input-group>._custom-file:not(:last-child) ._custom-file-label,
._input-group>._custom-file:not(:last-child) ._custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

._input-group>._custom-file:not(:first-child) ._custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

._input-group:not(._has-validation)>._form-control:not(:last-child),
._input-group:not(._has-validation)>._custom-select:not(:last-child),
._input-group:not(._has-validation)>._custom-file:not(:last-child) ._custom-file-label,
._input-group:not(._has-validation)>._custom-file:not(:last-child) ._custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

._input-group._has-validation>._form-control:nth-last-child(n+3),
._input-group._has-validation>._custom-select:nth-last-child(n+3),
._input-group._has-validation>._custom-file:nth-last-child(n+3) ._custom-file-label,
._input-group._has-validation>._custom-file:nth-last-child(n+3) ._custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

._input-group-prepend,
._input-group-append {
    display: flex
}

._input-group-prepend ._btn,
._input-group-prepend ._cta,
._input-group-prepend ._cta-yellow,
._input-group-prepend ._cta-white,
._input-group-prepend ._cta-sale,
._input-group-prepend ._cta-black,
._input-group-prepend ._cta-pink,
._input-group-append ._btn,
._input-group-append ._cta,
._input-group-append ._cta-yellow,
._input-group-append ._cta-white,
._input-group-append ._cta-sale,
._input-group-append ._cta-black,
._input-group-append ._cta-pink {
    position: relative;
    z-index: 2
}

._input-group-prepend ._btn:focus,
._input-group-prepend ._cta:focus,
._input-group-prepend ._cta-yellow:focus,
._input-group-prepend ._cta-white:focus,
._input-group-prepend ._cta-sale:focus,
._input-group-prepend ._cta-black:focus,
._input-group-prepend ._cta-pink:focus,
._input-group-append ._btn:focus,
._input-group-append ._cta:focus,
._input-group-append ._cta-yellow:focus,
._input-group-append ._cta-white:focus,
._input-group-append ._cta-sale:focus,
._input-group-append ._cta-black:focus,
._input-group-append ._cta-pink:focus {
    z-index: 3
}

._input-group-prepend ._btn+._btn,
._input-group-prepend ._cta+._btn,
._input-group-prepend ._cta-yellow+._btn,
._input-group-prepend ._cta-white+._btn,
._input-group-prepend ._cta-sale+._btn,
._input-group-prepend ._cta-black+._btn,
._input-group-prepend ._cta-pink+._btn,
._input-group-prepend ._btn+._cta,
._input-group-prepend ._btn+._cta-yellow,
._input-group-prepend ._btn+._cta-white,
._input-group-prepend ._btn+._cta-sale,
._input-group-prepend ._btn+._cta-black,
._input-group-prepend ._btn+._cta-pink,
._input-group-prepend ._cta+._cta,
._input-group-prepend ._cta-yellow+._cta,
._input-group-prepend ._cta+._cta-yellow,
._input-group-prepend ._cta-yellow+._cta-yellow,
._input-group-prepend ._cta-white+._cta,
._input-group-prepend ._cta-white+._cta-yellow,
._input-group-prepend ._cta+._cta-white,
._input-group-prepend ._cta-yellow+._cta-white,
._input-group-prepend ._cta-white+._cta-white,
._input-group-prepend ._cta-sale+._cta,
._input-group-prepend ._cta-sale+._cta-yellow,
._input-group-prepend ._cta-sale+._cta-white,
._input-group-prepend ._cta+._cta-sale,
._input-group-prepend ._cta-yellow+._cta-sale,
._input-group-prepend ._cta-white+._cta-sale,
._input-group-prepend ._cta-sale+._cta-sale,
._input-group-prepend ._cta-black+._cta,
._input-group-prepend ._cta-black+._cta-yellow,
._input-group-prepend ._cta-black+._cta-white,
._input-group-prepend ._cta-black+._cta-sale,
._input-group-prepend ._cta+._cta-black,
._input-group-prepend ._cta-yellow+._cta-black,
._input-group-prepend ._cta-white+._cta-black,
._input-group-prepend ._cta-sale+._cta-black,
._input-group-prepend ._cta-black+._cta-black,
._input-group-prepend ._cta-pink+._cta,
._input-group-prepend ._cta-pink+._cta-yellow,
._input-group-prepend ._cta-pink+._cta-white,
._input-group-prepend ._cta-pink+._cta-sale,
._input-group-prepend ._cta-pink+._cta-black,
._input-group-prepend ._cta+._cta-pink,
._input-group-prepend ._cta-yellow+._cta-pink,
._input-group-prepend ._cta-white+._cta-pink,
._input-group-prepend ._cta-sale+._cta-pink,
._input-group-prepend ._cta-black+._cta-pink,
._input-group-prepend ._cta-pink+._cta-pink,
._input-group-prepend ._btn+._input-group-text,
._input-group-prepend ._cta+._input-group-text,
._input-group-prepend ._cta-yellow+._input-group-text,
._input-group-prepend ._cta-white+._input-group-text,
._input-group-prepend ._cta-sale+._input-group-text,
._input-group-prepend ._cta-black+._input-group-text,
._input-group-prepend ._cta-pink+._input-group-text,
._input-group-prepend ._input-group-text+._input-group-text,
._input-group-prepend ._input-group-text+._btn,
._input-group-prepend ._input-group-text+._cta,
._input-group-prepend ._input-group-text+._cta-yellow,
._input-group-prepend ._input-group-text+._cta-white,
._input-group-prepend ._input-group-text+._cta-sale,
._input-group-prepend ._input-group-text+._cta-black,
._input-group-prepend ._input-group-text+._cta-pink,
._input-group-append ._btn+._btn,
._input-group-append ._cta+._btn,
._input-group-append ._cta-yellow+._btn,
._input-group-append ._cta-white+._btn,
._input-group-append ._cta-sale+._btn,
._input-group-append ._cta-black+._btn,
._input-group-append ._cta-pink+._btn,
._input-group-append ._btn+._cta,
._input-group-append ._btn+._cta-yellow,
._input-group-append ._btn+._cta-white,
._input-group-append ._btn+._cta-sale,
._input-group-append ._btn+._cta-black,
._input-group-append ._btn+._cta-pink,
._input-group-append ._cta+._cta,
._input-group-append ._cta-yellow+._cta,
._input-group-append ._cta+._cta-yellow,
._input-group-append ._cta-yellow+._cta-yellow,
._input-group-append ._cta-white+._cta,
._input-group-append ._cta-white+._cta-yellow,
._input-group-append ._cta+._cta-white,
._input-group-append ._cta-yellow+._cta-white,
._input-group-append ._cta-white+._cta-white,
._input-group-append ._cta-sale+._cta,
._input-group-append ._cta-sale+._cta-yellow,
._input-group-append ._cta-sale+._cta-white,
._input-group-append ._cta+._cta-sale,
._input-group-append ._cta-yellow+._cta-sale,
._input-group-append ._cta-white+._cta-sale,
._input-group-append ._cta-sale+._cta-sale,
._input-group-append ._cta-black+._cta,
._input-group-append ._cta-black+._cta-yellow,
._input-group-append ._cta-black+._cta-white,
._input-group-append ._cta-black+._cta-sale,
._input-group-append ._cta+._cta-black,
._input-group-append ._cta-yellow+._cta-black,
._input-group-append ._cta-white+._cta-black,
._input-group-append ._cta-sale+._cta-black,
._input-group-append ._cta-black+._cta-black,
._input-group-append ._cta-pink+._cta,
._input-group-append ._cta-pink+._cta-yellow,
._input-group-append ._cta-pink+._cta-white,
._input-group-append ._cta-pink+._cta-sale,
._input-group-append ._cta-pink+._cta-black,
._input-group-append ._cta+._cta-pink,
._input-group-append ._cta-yellow+._cta-pink,
._input-group-append ._cta-white+._cta-pink,
._input-group-append ._cta-sale+._cta-pink,
._input-group-append ._cta-black+._cta-pink,
._input-group-append ._cta-pink+._cta-pink,
._input-group-append ._btn+._input-group-text,
._input-group-append ._cta+._input-group-text,
._input-group-append ._cta-yellow+._input-group-text,
._input-group-append ._cta-white+._input-group-text,
._input-group-append ._cta-sale+._input-group-text,
._input-group-append ._cta-black+._input-group-text,
._input-group-append ._cta-pink+._input-group-text,
._input-group-append ._input-group-text+._input-group-text,
._input-group-append ._input-group-text+._btn,
._input-group-append ._input-group-text+._cta,
._input-group-append ._input-group-text+._cta-yellow,
._input-group-append ._input-group-text+._cta-white,
._input-group-append ._input-group-text+._cta-sale,
._input-group-append ._input-group-text+._cta-black,
._input-group-append ._input-group-text+._cta-pink {
    margin-left: -1px
}

._input-group-prepend {
    margin-right: -1px
}

._input-group-append {
    margin-left: -1px
}

._input-group-text {
    display: flex;
    align-items: center;
    padding: .75rem 1rem;
    margin-bottom: 0;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #e4e4e4;
    border-radius: 2px
}

._input-group-text input[type=radio],
._input-group-text input[type=checkbox] {
    margin-top: 0
}

._input-group-lg>._form-control:not(textarea),
._input-group-lg>._custom-select {
    height: calc(1.5em + 1rem + 2px)
}

._input-group-lg>._form-control,
._input-group-lg>._custom-select,
._input-group-lg>._input-group-prepend>._input-group-text,
._input-group-lg>._input-group-append>._input-group-text,
._input-group-lg>._input-group-prepend>._btn,
._input-group-lg>._input-group-prepend>._cta,
._input-group-lg>._input-group-prepend>._cta-yellow,
._input-group-lg>._input-group-prepend>._cta-white,
._input-group-lg>._input-group-prepend>._cta-sale,
._input-group-lg>._input-group-prepend>._cta-black,
._input-group-lg>._input-group-prepend>._cta-pink,
._input-group-lg>._input-group-append>._btn,
._input-group-lg>._input-group-append>._cta,
._input-group-lg>._input-group-append>._cta-yellow,
._input-group-lg>._input-group-append>._cta-white,
._input-group-lg>._input-group-append>._cta-sale,
._input-group-lg>._input-group-append>._cta-black,
._input-group-lg>._input-group-append>._cta-pink {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 2px
}

._input-group-sm>._form-control:not(textarea),
._input-group-sm>._custom-select {
    height: calc(1.5em + .5rem + 2px)
}

._input-group-sm>._form-control,
._input-group-sm>._custom-select,
._input-group-sm>._input-group-prepend>._input-group-text,
._input-group-sm>._input-group-append>._input-group-text,
._input-group-sm>._input-group-prepend>._btn,
._input-group-sm>._input-group-prepend>._cta,
._input-group-sm>._input-group-prepend>._cta-yellow,
._input-group-sm>._input-group-prepend>._cta-white,
._input-group-sm>._input-group-prepend>._cta-sale,
._input-group-sm>._input-group-prepend>._cta-black,
._input-group-sm>._input-group-prepend>._cta-pink,
._input-group-sm>._input-group-append>._btn,
._input-group-sm>._input-group-append>._cta,
._input-group-sm>._input-group-append>._cta-yellow,
._input-group-sm>._input-group-append>._cta-white,
._input-group-sm>._input-group-append>._cta-sale,
._input-group-sm>._input-group-append>._cta-black,
._input-group-sm>._input-group-append>._cta-pink {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 2px
}

._input-group-lg>._custom-select,
._input-group-sm>._custom-select {
    padding-right: 2rem
}

._input-group>._input-group-prepend>._btn,
._input-group>._input-group-prepend>._cta,
._input-group>._input-group-prepend>._cta-yellow,
._input-group>._input-group-prepend>._cta-white,
._input-group>._input-group-prepend>._cta-sale,
._input-group>._input-group-prepend>._cta-black,
._input-group>._input-group-prepend>._cta-pink,
._input-group>._input-group-prepend>._input-group-text,
._input-group:not(._has-validation)>._input-group-append:not(:last-child)>._btn,
._input-group:not(._has-validation)>._input-group-append:not(:last-child)>._cta,
._input-group:not(._has-validation)>._input-group-append:not(:last-child)>._cta-yellow,
._input-group:not(._has-validation)>._input-group-append:not(:last-child)>._cta-white,
._input-group:not(._has-validation)>._input-group-append:not(:last-child)>._cta-sale,
._input-group:not(._has-validation)>._input-group-append:not(:last-child)>._cta-black,
._input-group:not(._has-validation)>._input-group-append:not(:last-child)>._cta-pink,
._input-group:not(._has-validation)>._input-group-append:not(:last-child)>._input-group-text,
._input-group._has-validation>._input-group-append:nth-last-child(n+3)>._btn,
._input-group._has-validation>._input-group-append:nth-last-child(n+3)>._cta,
._input-group._has-validation>._input-group-append:nth-last-child(n+3)>._cta-yellow,
._input-group._has-validation>._input-group-append:nth-last-child(n+3)>._cta-white,
._input-group._has-validation>._input-group-append:nth-last-child(n+3)>._cta-sale,
._input-group._has-validation>._input-group-append:nth-last-child(n+3)>._cta-black,
._input-group._has-validation>._input-group-append:nth-last-child(n+3)>._cta-pink,
._input-group._has-validation>._input-group-append:nth-last-child(n+3)>._input-group-text,
._input-group>._input-group-append:last-child>._btn:not(:last-child):not(._dropdown-toggle),
._input-group>._input-group-append:last-child>._cta:not(:last-child):not(._dropdown-toggle),
._input-group>._input-group-append:last-child>._cta-yellow:not(:last-child):not(._dropdown-toggle),
._input-group>._input-group-append:last-child>._cta-white:not(:last-child):not(._dropdown-toggle),
._input-group>._input-group-append:last-child>._cta-sale:not(:last-child):not(._dropdown-toggle),
._input-group>._input-group-append:last-child>._cta-black:not(:last-child):not(._dropdown-toggle),
._input-group>._input-group-append:last-child>._cta-pink:not(:last-child):not(._dropdown-toggle),
._input-group>._input-group-append:last-child>._input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

._input-group>._input-group-append>._btn,
._input-group>._input-group-append>._cta,
._input-group>._input-group-append>._cta-yellow,
._input-group>._input-group-append>._cta-white,
._input-group>._input-group-append>._cta-sale,
._input-group>._input-group-append>._cta-black,
._input-group>._input-group-append>._cta-pink,
._input-group>._input-group-append>._input-group-text,
._input-group>._input-group-prepend:not(:first-child)>._btn,
._input-group>._input-group-prepend:not(:first-child)>._cta,
._input-group>._input-group-prepend:not(:first-child)>._cta-yellow,
._input-group>._input-group-prepend:not(:first-child)>._cta-white,
._input-group>._input-group-prepend:not(:first-child)>._cta-sale,
._input-group>._input-group-prepend:not(:first-child)>._cta-black,
._input-group>._input-group-prepend:not(:first-child)>._cta-pink,
._input-group>._input-group-prepend:not(:first-child)>._input-group-text,
._input-group>._input-group-prepend:first-child>._btn:not(:first-child),
._input-group>._input-group-prepend:first-child>._cta:not(:first-child),
._input-group>._input-group-prepend:first-child>._cta-yellow:not(:first-child),
._input-group>._input-group-prepend:first-child>._cta-white:not(:first-child),
._input-group>._input-group-prepend:first-child>._cta-sale:not(:first-child),
._input-group>._input-group-prepend:first-child>._cta-black:not(:first-child),
._input-group>._input-group-prepend:first-child>._cta-pink:not(:first-child),
._input-group>._input-group-prepend:first-child>._input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

._align-baseline {
    vertical-align: baseline !important
}

._align-top {
    vertical-align: top !important
}

._align-middle {
    vertical-align: middle !important
}

._align-bottom {
    vertical-align: bottom !important
}

._align-text-bottom {
    vertical-align: text-bottom !important
}

._align-text-top {
    vertical-align: text-top !important
}

._bg-primary {
    background-color: #0d0900 !important
}

a._bg-primary:hover,
a._bg-primary:focus,
button._bg-primary:hover,
button._bg-primary:focus {
    background-color: #000 !important
}

._bg-secondary {
    background-color: #6c757d !important
}

a._bg-secondary:hover,
a._bg-secondary:focus,
button._bg-secondary:hover,
button._bg-secondary:focus {
    background-color: #545b62 !important
}

._bg-success {
    background-color: #28a745 !important
}

a._bg-success:hover,
a._bg-success:focus,
button._bg-success:hover,
button._bg-success:focus {
    background-color: #1e7e34 !important
}

._bg-info {
    background-color: #17a2b8 !important
}

a._bg-info:hover,
a._bg-info:focus,
button._bg-info:hover,
button._bg-info:focus {
    background-color: #117a8b !important
}

._bg-warning {
    background-color: #ffc107 !important
}

a._bg-warning:hover,
a._bg-warning:focus,
button._bg-warning:hover,
button._bg-warning:focus {
    background-color: #d39e00 !important
}

._bg-danger {
    background-color: #dc3545 !important
}

a._bg-danger:hover,
a._bg-danger:focus,
button._bg-danger:hover,
button._bg-danger:focus {
    background-color: #bd2130 !important
}

._bg-light {
    background-color: #f5f4f4 !important
}

a._bg-light:hover,
a._bg-light:focus,
button._bg-light:hover,
button._bg-light:focus {
    background-color: #ddd9d9 !important
}

._bg-dark {
    background-color: #343a40 !important
}

a._bg-dark:hover,
a._bg-dark:focus,
button._bg-dark:hover,
button._bg-dark:focus {
    background-color: #1d2124 !important
}

._bg-black {
    background-color: #0d0900 !important
}

a._bg-black:hover,
a._bg-black:focus,
button._bg-black:hover,
button._bg-black:focus {
    background-color: #000 !important
}

._bg-pink {
    background-color: #aa4966 !important
}

a._bg-pink:hover,
a._bg-pink:focus,
button._bg-pink:hover,
button._bg-pink:focus {
    background-color: #863a51 !important
}

._bg-grey {
    background-color: #666 !important
}

a._bg-grey:hover,
a._bg-grey:focus,
button._bg-grey:hover,
button._bg-grey:focus {
    background-color: #4d4d4d !important
}

._bg-grey2 {
    background-color: #f5f4f4 !important
}

a._bg-grey2:hover,
a._bg-grey2:focus,
button._bg-grey2:hover,
button._bg-grey2:focus {
    background-color: #ddd9d9 !important
}

._bg-sale {
    background-color: #ae131e !important
}

a._bg-sale:hover,
a._bg-sale:focus,
button._bg-sale:hover,
button._bg-sale:focus {
    background-color: #800e16 !important
}

._bg-white {
    background-color: #fff !important
}

._bg-transparent {
    background-color: transparent !important
}

._border {
    border: 1px solid #e4e4e4 !important
}

._border-top {
    border-top: 1px solid #e4e4e4 !important
}

._border-right {
    border-right: 1px solid #e4e4e4 !important
}

._border-bottom {
    border-bottom: 1px solid #e4e4e4 !important
}

._border-left {
    border-left: 1px solid #e4e4e4 !important
}

._border-0 {
    border: 0 !important
}

._border-top-0 {
    border-top: 0 !important
}

._border-right-0 {
    border-right: 0 !important
}

._border-bottom-0 {
    border-bottom: 0 !important
}

._border-left-0 {
    border-left: 0 !important
}

._border-primary {
    border-color: #0d0900 !important
}

._border-secondary {
    border-color: #6c757d !important
}

._border-success {
    border-color: #28a745 !important
}

._border-info {
    border-color: #17a2b8 !important
}

._border-warning {
    border-color: #ffc107 !important
}

._border-danger {
    border-color: #dc3545 !important
}

._border-light {
    border-color: #f5f4f4 !important
}

._border-dark {
    border-color: #343a40 !important
}

._border-black {
    border-color: #0d0900 !important
}

._border-pink {
    border-color: #aa4966 !important
}

._border-grey {
    border-color: #666 !important
}

._border-grey2 {
    border-color: #f5f4f4 !important
}

._border-sale {
    border-color: #ae131e !important
}

._border-white {
    border-color: #fff !important
}

._rounded-sm {
    border-radius: 2px !important
}

._rounded {
    border-radius: 2px !important
}

._rounded-top {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important
}

._rounded-right {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important
}

._rounded-bottom {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important
}

._rounded-left {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important
}

._rounded-lg {
    border-radius: 2px !important
}

._rounded-circle {
    border-radius: 50% !important
}

._rounded-pill {
    border-radius: 50rem !important
}

._rounded-0 {
    border-radius: 0 !important
}

._clearfix::after {
    display: block;
    clear: both;
    content: ""
}

._d-none {
    display: none !important
}

._d-inline {
    display: inline !important
}

._d-inline-block {
    display: inline-block !important
}

._d-block {
    display: block !important
}

._d-table {
    display: table !important
}

._d-table-row {
    display: table-row !important
}

._d-table-cell {
    display: table-cell !important
}

._d-flex {
    display: flex !important
}

._d-inline-flex {
    display: inline-flex !important
}

@media(min-width:480px) {
    ._d-sm-none {
        display: none !important
    }

    ._d-sm-inline {
        display: inline !important
    }

    ._d-sm-inline-block {
        display: inline-block !important
    }

    ._d-sm-block {
        display: block !important
    }

    ._d-sm-table {
        display: table !important
    }

    ._d-sm-table-row {
        display: table-row !important
    }

    ._d-sm-table-cell {
        display: table-cell !important
    }

    ._d-sm-flex {
        display: flex !important
    }

    ._d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:768px) {
    ._d-md-none {
        display: none !important
    }

    ._d-md-inline {
        display: inline !important
    }

    ._d-md-inline-block {
        display: inline-block !important
    }

    ._d-md-block {
        display: block !important
    }

    ._d-md-table {
        display: table !important
    }

    ._d-md-table-row {
        display: table-row !important
    }

    ._d-md-table-cell {
        display: table-cell !important
    }

    ._d-md-flex {
        display: flex !important
    }

    ._d-md-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:1024px) {
    ._d-lg-none {
        display: none !important
    }

    ._d-lg-inline {
        display: inline !important
    }

    ._d-lg-inline-block {
        display: inline-block !important
    }

    ._d-lg-block {
        display: block !important
    }

    ._d-lg-table {
        display: table !important
    }

    ._d-lg-table-row {
        display: table-row !important
    }

    ._d-lg-table-cell {
        display: table-cell !important
    }

    ._d-lg-flex {
        display: flex !important
    }

    ._d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:1440px) {
    ._d-xl-none {
        display: none !important
    }

    ._d-xl-inline {
        display: inline !important
    }

    ._d-xl-inline-block {
        display: inline-block !important
    }

    ._d-xl-block {
        display: block !important
    }

    ._d-xl-table {
        display: table !important
    }

    ._d-xl-table-row {
        display: table-row !important
    }

    ._d-xl-table-cell {
        display: table-cell !important
    }

    ._d-xl-flex {
        display: flex !important
    }

    ._d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width:1920px) {
    ._d-xxl-none {
        display: none !important
    }

    ._d-xxl-inline {
        display: inline !important
    }

    ._d-xxl-inline-block {
        display: inline-block !important
    }

    ._d-xxl-block {
        display: block !important
    }

    ._d-xxl-table {
        display: table !important
    }

    ._d-xxl-table-row {
        display: table-row !important
    }

    ._d-xxl-table-cell {
        display: table-cell !important
    }

    ._d-xxl-flex {
        display: flex !important
    }

    ._d-xxl-inline-flex {
        display: inline-flex !important
    }
}

@media print {
    ._d-print-none {
        display: none !important
    }

    ._d-print-inline {
        display: inline !important
    }

    ._d-print-inline-block {
        display: inline-block !important
    }

    ._d-print-block {
        display: block !important
    }

    ._d-print-table {
        display: table !important
    }

    ._d-print-table-row {
        display: table-row !important
    }

    ._d-print-table-cell {
        display: table-cell !important
    }

    ._d-print-flex {
        display: flex !important
    }

    ._d-print-inline-flex {
        display: inline-flex !important
    }
}

._embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

._embed-responsive::before {
    display: block;
    content: ""
}

._embed-responsive ._embed-responsive-item,
._embed-responsive iframe,
._embed-responsive embed,
._embed-responsive object,
._embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

._embed-responsive-21by9::before {
    padding-top: 42.85714286%
}

._embed-responsive-16by9::before {
    padding-top: 56.25%
}

._embed-responsive-4by3::before {
    padding-top: 75%
}

._embed-responsive-1by1::before {
    padding-top: 100%
}

._flex-row {
    flex-direction: row !important
}

._flex-column {
    flex-direction: column !important
}

._flex-row-reverse {
    flex-direction: row-reverse !important
}

._flex-column-reverse {
    flex-direction: column-reverse !important
}

._flex-wrap {
    flex-wrap: wrap !important
}

._flex-nowrap {
    flex-wrap: nowrap !important
}

._flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

._flex-fill {
    flex: 1 1 auto !important
}

._flex-grow-0 {
    flex-grow: 0 !important
}

._flex-grow-1 {
    flex-grow: 1 !important
}

._flex-shrink-0 {
    flex-shrink: 0 !important
}

._flex-shrink-1 {
    flex-shrink: 1 !important
}

._justify-content-start {
    justify-content: flex-start !important
}

._justify-content-end {
    justify-content: flex-end !important
}

._justify-content-center {
    justify-content: center !important
}

._justify-content-between {
    justify-content: space-between !important
}

._justify-content-around {
    justify-content: space-around !important
}

._align-items-start {
    align-items: flex-start !important
}

._align-items-end {
    align-items: flex-end !important
}

._align-items-center {
    align-items: center !important
}

._align-items-baseline {
    align-items: baseline !important
}

._align-items-stretch {
    align-items: stretch !important
}

._align-content-start {
    align-content: flex-start !important
}

._align-content-end {
    align-content: flex-end !important
}

._align-content-center {
    align-content: center !important
}

._align-content-between {
    align-content: space-between !important
}

._align-content-around {
    align-content: space-around !important
}

._align-content-stretch {
    align-content: stretch !important
}

._align-self-auto {
    align-self: auto !important
}

._align-self-start {
    align-self: flex-start !important
}

._align-self-end {
    align-self: flex-end !important
}

._align-self-center {
    align-self: center !important
}

._align-self-baseline {
    align-self: baseline !important
}

._align-self-stretch {
    align-self: stretch !important
}

@media(min-width:480px) {
    ._flex-sm-row {
        flex-direction: row !important
    }

    ._flex-sm-column {
        flex-direction: column !important
    }

    ._flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    ._flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    ._flex-sm-wrap {
        flex-wrap: wrap !important
    }

    ._flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    ._flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    ._flex-sm-fill {
        flex: 1 1 auto !important
    }

    ._flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    ._flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    ._flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    ._flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    ._justify-content-sm-start {
        justify-content: flex-start !important
    }

    ._justify-content-sm-end {
        justify-content: flex-end !important
    }

    ._justify-content-sm-center {
        justify-content: center !important
    }

    ._justify-content-sm-between {
        justify-content: space-between !important
    }

    ._justify-content-sm-around {
        justify-content: space-around !important
    }

    ._align-items-sm-start {
        align-items: flex-start !important
    }

    ._align-items-sm-end {
        align-items: flex-end !important
    }

    ._align-items-sm-center {
        align-items: center !important
    }

    ._align-items-sm-baseline {
        align-items: baseline !important
    }

    ._align-items-sm-stretch {
        align-items: stretch !important
    }

    ._align-content-sm-start {
        align-content: flex-start !important
    }

    ._align-content-sm-end {
        align-content: flex-end !important
    }

    ._align-content-sm-center {
        align-content: center !important
    }

    ._align-content-sm-between {
        align-content: space-between !important
    }

    ._align-content-sm-around {
        align-content: space-around !important
    }

    ._align-content-sm-stretch {
        align-content: stretch !important
    }

    ._align-self-sm-auto {
        align-self: auto !important
    }

    ._align-self-sm-start {
        align-self: flex-start !important
    }

    ._align-self-sm-end {
        align-self: flex-end !important
    }

    ._align-self-sm-center {
        align-self: center !important
    }

    ._align-self-sm-baseline {
        align-self: baseline !important
    }

    ._align-self-sm-stretch {
        align-self: stretch !important
    }
}

@media(min-width:768px) {
    ._flex-md-row {
        flex-direction: row !important
    }

    ._flex-md-column {
        flex-direction: column !important
    }

    ._flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    ._flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    ._flex-md-wrap {
        flex-wrap: wrap !important
    }

    ._flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    ._flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    ._flex-md-fill {
        flex: 1 1 auto !important
    }

    ._flex-md-grow-0 {
        flex-grow: 0 !important
    }

    ._flex-md-grow-1 {
        flex-grow: 1 !important
    }

    ._flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    ._flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    ._justify-content-md-start {
        justify-content: flex-start !important
    }

    ._justify-content-md-end {
        justify-content: flex-end !important
    }

    ._justify-content-md-center {
        justify-content: center !important
    }

    ._justify-content-md-between {
        justify-content: space-between !important
    }

    ._justify-content-md-around {
        justify-content: space-around !important
    }

    ._align-items-md-start {
        align-items: flex-start !important
    }

    ._align-items-md-end {
        align-items: flex-end !important
    }

    ._align-items-md-center {
        align-items: center !important
    }

    ._align-items-md-baseline {
        align-items: baseline !important
    }

    ._align-items-md-stretch {
        align-items: stretch !important
    }

    ._align-content-md-start {
        align-content: flex-start !important
    }

    ._align-content-md-end {
        align-content: flex-end !important
    }

    ._align-content-md-center {
        align-content: center !important
    }

    ._align-content-md-between {
        align-content: space-between !important
    }

    ._align-content-md-around {
        align-content: space-around !important
    }

    ._align-content-md-stretch {
        align-content: stretch !important
    }

    ._align-self-md-auto {
        align-self: auto !important
    }

    ._align-self-md-start {
        align-self: flex-start !important
    }

    ._align-self-md-end {
        align-self: flex-end !important
    }

    ._align-self-md-center {
        align-self: center !important
    }

    ._align-self-md-baseline {
        align-self: baseline !important
    }

    ._align-self-md-stretch {
        align-self: stretch !important
    }
}

@media(min-width:1024px) {
    ._flex-lg-row {
        flex-direction: row !important
    }

    ._flex-lg-column {
        flex-direction: column !important
    }

    ._flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    ._flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    ._flex-lg-wrap {
        flex-wrap: wrap !important
    }

    ._flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    ._flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    ._flex-lg-fill {
        flex: 1 1 auto !important
    }

    ._flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    ._flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    ._flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    ._flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    ._justify-content-lg-start {
        justify-content: flex-start !important
    }

    ._justify-content-lg-end {
        justify-content: flex-end !important
    }

    ._justify-content-lg-center {
        justify-content: center !important
    }

    ._justify-content-lg-between {
        justify-content: space-between !important
    }

    ._justify-content-lg-around {
        justify-content: space-around !important
    }

    ._align-items-lg-start {
        align-items: flex-start !important
    }

    ._align-items-lg-end {
        align-items: flex-end !important
    }

    ._align-items-lg-center {
        align-items: center !important
    }

    ._align-items-lg-baseline {
        align-items: baseline !important
    }

    ._align-items-lg-stretch {
        align-items: stretch !important
    }

    ._align-content-lg-start {
        align-content: flex-start !important
    }

    ._align-content-lg-end {
        align-content: flex-end !important
    }

    ._align-content-lg-center {
        align-content: center !important
    }

    ._align-content-lg-between {
        align-content: space-between !important
    }

    ._align-content-lg-around {
        align-content: space-around !important
    }

    ._align-content-lg-stretch {
        align-content: stretch !important
    }

    ._align-self-lg-auto {
        align-self: auto !important
    }

    ._align-self-lg-start {
        align-self: flex-start !important
    }

    ._align-self-lg-end {
        align-self: flex-end !important
    }

    ._align-self-lg-center {
        align-self: center !important
    }

    ._align-self-lg-baseline {
        align-self: baseline !important
    }

    ._align-self-lg-stretch {
        align-self: stretch !important
    }
}

@media(min-width:1440px) {
    ._flex-xl-row {
        flex-direction: row !important
    }

    ._flex-xl-column {
        flex-direction: column !important
    }

    ._flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    ._flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    ._flex-xl-wrap {
        flex-wrap: wrap !important
    }

    ._flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    ._flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    ._flex-xl-fill {
        flex: 1 1 auto !important
    }

    ._flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    ._flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    ._flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    ._flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    ._justify-content-xl-start {
        justify-content: flex-start !important
    }

    ._justify-content-xl-end {
        justify-content: flex-end !important
    }

    ._justify-content-xl-center {
        justify-content: center !important
    }

    ._justify-content-xl-between {
        justify-content: space-between !important
    }

    ._justify-content-xl-around {
        justify-content: space-around !important
    }

    ._align-items-xl-start {
        align-items: flex-start !important
    }

    ._align-items-xl-end {
        align-items: flex-end !important
    }

    ._align-items-xl-center {
        align-items: center !important
    }

    ._align-items-xl-baseline {
        align-items: baseline !important
    }

    ._align-items-xl-stretch {
        align-items: stretch !important
    }

    ._align-content-xl-start {
        align-content: flex-start !important
    }

    ._align-content-xl-end {
        align-content: flex-end !important
    }

    ._align-content-xl-center {
        align-content: center !important
    }

    ._align-content-xl-between {
        align-content: space-between !important
    }

    ._align-content-xl-around {
        align-content: space-around !important
    }

    ._align-content-xl-stretch {
        align-content: stretch !important
    }

    ._align-self-xl-auto {
        align-self: auto !important
    }

    ._align-self-xl-start {
        align-self: flex-start !important
    }

    ._align-self-xl-end {
        align-self: flex-end !important
    }

    ._align-self-xl-center {
        align-self: center !important
    }

    ._align-self-xl-baseline {
        align-self: baseline !important
    }

    ._align-self-xl-stretch {
        align-self: stretch !important
    }
}

@media(min-width:1920px) {
    ._flex-xxl-row {
        flex-direction: row !important
    }

    ._flex-xxl-column {
        flex-direction: column !important
    }

    ._flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    ._flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    ._flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    ._flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    ._flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    ._flex-xxl-fill {
        flex: 1 1 auto !important
    }

    ._flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    ._flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    ._flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    ._flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    ._justify-content-xxl-start {
        justify-content: flex-start !important
    }

    ._justify-content-xxl-end {
        justify-content: flex-end !important
    }

    ._justify-content-xxl-center {
        justify-content: center !important
    }

    ._justify-content-xxl-between {
        justify-content: space-between !important
    }

    ._justify-content-xxl-around {
        justify-content: space-around !important
    }

    ._align-items-xxl-start {
        align-items: flex-start !important
    }

    ._align-items-xxl-end {
        align-items: flex-end !important
    }

    ._align-items-xxl-center {
        align-items: center !important
    }

    ._align-items-xxl-baseline {
        align-items: baseline !important
    }

    ._align-items-xxl-stretch {
        align-items: stretch !important
    }

    ._align-content-xxl-start {
        align-content: flex-start !important
    }

    ._align-content-xxl-end {
        align-content: flex-end !important
    }

    ._align-content-xxl-center {
        align-content: center !important
    }

    ._align-content-xxl-between {
        align-content: space-between !important
    }

    ._align-content-xxl-around {
        align-content: space-around !important
    }

    ._align-content-xxl-stretch {
        align-content: stretch !important
    }

    ._align-self-xxl-auto {
        align-self: auto !important
    }

    ._align-self-xxl-start {
        align-self: flex-start !important
    }

    ._align-self-xxl-end {
        align-self: flex-end !important
    }

    ._align-self-xxl-center {
        align-self: center !important
    }

    ._align-self-xxl-baseline {
        align-self: baseline !important
    }

    ._align-self-xxl-stretch {
        align-self: stretch !important
    }
}

._float-left {
    float: left !important
}

._float-right {
    float: right !important
}

._float-none {
    float: none !important
}

@media(min-width:480px) {
    ._float-sm-left {
        float: left !important
    }

    ._float-sm-right {
        float: right !important
    }

    ._float-sm-none {
        float: none !important
    }
}

@media(min-width:768px) {
    ._float-md-left {
        float: left !important
    }

    ._float-md-right {
        float: right !important
    }

    ._float-md-none {
        float: none !important
    }
}

@media(min-width:1024px) {
    ._float-lg-left {
        float: left !important
    }

    ._float-lg-right {
        float: right !important
    }

    ._float-lg-none {
        float: none !important
    }
}

@media(min-width:1440px) {
    ._float-xl-left {
        float: left !important
    }

    ._float-xl-right {
        float: right !important
    }

    ._float-xl-none {
        float: none !important
    }
}

@media(min-width:1920px) {
    ._float-xxl-left {
        float: left !important
    }

    ._float-xxl-right {
        float: right !important
    }

    ._float-xxl-none {
        float: none !important
    }
}

._user-select-all {
    user-select: all !important
}

._user-select-auto {
    user-select: auto !important
}

._user-select-none {
    user-select: none !important
}

._overflow-auto {
    overflow: auto !important
}

._overflow-hidden {
    overflow: hidden !important
}

._position-static {
    position: static !important
}

._position-relative {
    position: relative !important
}

._position-absolute {
    position: absolute !important
}

._position-fixed {
    position: fixed !important
}

._position-sticky {
    position: sticky !important
}

._fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

._fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position:sticky) {
    ._sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

._sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

._sr-only-focusable:active,
._sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

._shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

._shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

._shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

._shadow-none {
    box-shadow: none !important
}

._w-25 {
    width: 25% !important
}

._w-50 {
    width: 50% !important
}

._w-75 {
    width: 75% !important
}

._w-100 {
    width: 100% !important
}

._w-auto {
    width: auto !important
}

._w-33 {
    width: 33.3333% !important
}

._w-66 {
    width: 66.6666% !important
}

._w-90 {
    width: 90% !important
}

._w-94 {
    width: 94% !important
}

._h-25 {
    height: 25% !important
}

._h-50 {
    height: 50% !important
}

._h-75 {
    height: 75% !important
}

._h-100 {
    height: 100% !important
}

._h-auto {
    height: auto !important
}

._h-33 {
    height: 33.3333% !important
}

._h-66 {
    height: 66.6666% !important
}

._h-90 {
    height: 90% !important
}

._h-94 {
    height: 94% !important
}

._mw-100 {
    max-width: 100% !important
}

._mh-100 {
    max-height: 100% !important
}

._min-vw-100 {
    min-width: 100vw !important
}

._min-vh-100 {
    min-height: 100vh !important
}

._vw-100 {
    width: 100vw !important
}

._vh-100 {
    height: 100vh !important
}

._m-0 {
    margin: 0 !important
}

._mt-0,
._my-0 {
    margin-top: 0 !important
}

._mr-0,
._mx-0 {
    margin-right: 0 !important
}

._mb-0,
._my-0 {
    margin-bottom: 0 !important
}

._ml-0,
._mx-0 {
    margin-left: 0 !important
}

._m-1 {
    margin: 6px !important
}

._mt-1,
._my-1 {
    margin-top: 6px !important
}

._mr-1,
._mx-1 {
    margin-right: 6px !important
}

._mb-1,
._my-1 {
    margin-bottom: 6px !important
}

._ml-1,
._mx-1 {
    margin-left: 6px !important
}

._m-2 {
    margin: 12px !important
}

._mt-2,
._my-2 {
    margin-top: 12px !important
}

._mr-2,
._mx-2 {
    margin-right: 12px !important
}

._mb-2,
._my-2 {
    margin-bottom: 12px !important
}

._ml-2,
._mx-2 {
    margin-left: 12px !important
}

._m-3 {
    margin: 24px !important
}

._mt-3,
._my-3 {
    margin-top: 24px !important
}

._mr-3,
._mx-3 {
    margin-right: 24px !important
}

._mb-3,
._my-3 {
    margin-bottom: 24px !important
}

._ml-3,
._mx-3 {
    margin-left: 24px !important
}

._m-4 {
    margin: 36px !important
}

._mt-4,
._my-4 {
    margin-top: 36px !important
}

._mr-4,
._mx-4 {
    margin-right: 36px !important
}

._mb-4,
._my-4 {
    margin-bottom: 36px !important
}

._ml-4,
._mx-4 {
    margin-left: 36px !important
}

._m-5 {
    margin: 48px !important
}

._mt-5,
._my-5 {
    margin-top: 48px !important
}

._mr-5,
._mx-5 {
    margin-right: 48px !important
}

._mb-5,
._my-5 {
    margin-bottom: 48px !important
}

._ml-5,
._mx-5 {
    margin-left: 48px !important
}

._m-6 {
    margin: 72px !important
}

._mt-6,
._my-6 {
    margin-top: 72px !important
}

._mr-6,
._mx-6 {
    margin-right: 72px !important
}

._mb-6,
._my-6 {
    margin-bottom: 72px !important
}

._ml-6,
._mx-6 {
    margin-left: 72px !important
}

._m-7 {
    margin: 96px !important
}

._mt-7,
._my-7 {
    margin-top: 96px !important
}

._mr-7,
._mx-7 {
    margin-right: 96px !important
}

._mb-7,
._my-7 {
    margin-bottom: 96px !important
}

._ml-7,
._mx-7 {
    margin-left: 96px !important
}

._p-0 {
    padding: 0 !important
}

._pt-0,
._py-0 {
    padding-top: 0 !important
}

._pr-0,
._px-0 {
    padding-right: 0 !important
}

._pb-0,
._py-0 {
    padding-bottom: 0 !important
}

._pl-0,
._px-0 {
    padding-left: 0 !important
}

._p-1 {
    padding: 6px !important
}

._pt-1,
._py-1 {
    padding-top: 6px !important
}

._pr-1,
._px-1 {
    padding-right: 6px !important
}

._pb-1,
._py-1 {
    padding-bottom: 6px !important
}

._pl-1,
._px-1 {
    padding-left: 6px !important
}

._p-2 {
    padding: 12px !important
}

._pt-2,
._py-2 {
    padding-top: 12px !important
}

._pr-2,
._px-2 {
    padding-right: 12px !important
}

._pb-2,
._py-2 {
    padding-bottom: 12px !important
}

._pl-2,
._px-2 {
    padding-left: 12px !important
}

._p-3 {
    padding: 24px !important
}

._pt-3,
._py-3 {
    padding-top: 24px !important
}

._pr-3,
._px-3 {
    padding-right: 24px !important
}

._pb-3,
._py-3 {
    padding-bottom: 24px !important
}

._pl-3,
._px-3 {
    padding-left: 24px !important
}

._p-4 {
    padding: 36px !important
}

._pt-4,
._py-4 {
    padding-top: 36px !important
}

._pr-4,
._px-4 {
    padding-right: 36px !important
}

._pb-4,
._py-4 {
    padding-bottom: 36px !important
}

._pl-4,
._px-4 {
    padding-left: 36px !important
}

._p-5 {
    padding: 48px !important
}

._pt-5,
._py-5 {
    padding-top: 48px !important
}

._pr-5,
._px-5 {
    padding-right: 48px !important
}

._pb-5,
._py-5 {
    padding-bottom: 48px !important
}

._pl-5,
._px-5 {
    padding-left: 48px !important
}

._p-6 {
    padding: 72px !important
}

._pt-6,
._py-6 {
    padding-top: 72px !important
}

._pr-6,
._px-6 {
    padding-right: 72px !important
}

._pb-6,
._py-6 {
    padding-bottom: 72px !important
}

._pl-6,
._px-6 {
    padding-left: 72px !important
}

._p-7 {
    padding: 96px !important
}

._pt-7,
._py-7 {
    padding-top: 96px !important
}

._pr-7,
._px-7 {
    padding-right: 96px !important
}

._pb-7,
._py-7 {
    padding-bottom: 96px !important
}

._pl-7,
._px-7 {
    padding-left: 96px !important
}

._m-n1 {
    margin: -6px !important
}

._mt-n1,
._my-n1 {
    margin-top: -6px !important
}

._mr-n1,
._mx-n1 {
    margin-right: -6px !important
}

._mb-n1,
._my-n1 {
    margin-bottom: -6px !important
}

._ml-n1,
._mx-n1 {
    margin-left: -6px !important
}

._m-n2 {
    margin: -12px !important
}

._mt-n2,
._my-n2 {
    margin-top: -12px !important
}

._mr-n2,
._mx-n2 {
    margin-right: -12px !important
}

._mb-n2,
._my-n2 {
    margin-bottom: -12px !important
}

._ml-n2,
._mx-n2 {
    margin-left: -12px !important
}

._m-n3 {
    margin: -24px !important
}

._mt-n3,
._my-n3 {
    margin-top: -24px !important
}

._mr-n3,
._mx-n3 {
    margin-right: -24px !important
}

._mb-n3,
._my-n3 {
    margin-bottom: -24px !important
}

._ml-n3,
._mx-n3 {
    margin-left: -24px !important
}

._m-n4 {
    margin: -36px !important
}

._mt-n4,
._my-n4 {
    margin-top: -36px !important
}

._mr-n4,
._mx-n4 {
    margin-right: -36px !important
}

._mb-n4,
._my-n4 {
    margin-bottom: -36px !important
}

._ml-n4,
._mx-n4 {
    margin-left: -36px !important
}

._m-n5 {
    margin: -48px !important
}

._mt-n5,
._my-n5 {
    margin-top: -48px !important
}

._mr-n5,
._mx-n5 {
    margin-right: -48px !important
}

._mb-n5,
._my-n5 {
    margin-bottom: -48px !important
}

._ml-n5,
._mx-n5 {
    margin-left: -48px !important
}

._m-n6 {
    margin: -72px !important
}

._mt-n6,
._my-n6 {
    margin-top: -72px !important
}

._mr-n6,
._mx-n6 {
    margin-right: -72px !important
}

._mb-n6,
._my-n6 {
    margin-bottom: -72px !important
}

._ml-n6,
._mx-n6 {
    margin-left: -72px !important
}

._m-n7 {
    margin: -96px !important
}

._mt-n7,
._my-n7 {
    margin-top: -96px !important
}

._mr-n7,
._mx-n7 {
    margin-right: -96px !important
}

._mb-n7,
._my-n7 {
    margin-bottom: -96px !important
}

._ml-n7,
._mx-n7 {
    margin-left: -96px !important
}

._m-auto {
    margin: auto !important
}

._mt-auto,
._my-auto {
    margin-top: auto !important
}

._mr-auto,
._mx-auto {
    margin-right: auto !important
}

._mb-auto,
._my-auto {
    margin-bottom: auto !important
}

._ml-auto,
._mx-auto {
    margin-left: auto !important
}

@media(min-width:480px) {
    ._m-sm-0 {
        margin: 0 !important
    }

    ._mt-sm-0,
    ._my-sm-0 {
        margin-top: 0 !important
    }

    ._mr-sm-0,
    ._mx-sm-0 {
        margin-right: 0 !important
    }

    ._mb-sm-0,
    ._my-sm-0 {
        margin-bottom: 0 !important
    }

    ._ml-sm-0,
    ._mx-sm-0 {
        margin-left: 0 !important
    }

    ._m-sm-1 {
        margin: 6px !important
    }

    ._mt-sm-1,
    ._my-sm-1 {
        margin-top: 6px !important
    }

    ._mr-sm-1,
    ._mx-sm-1 {
        margin-right: 6px !important
    }

    ._mb-sm-1,
    ._my-sm-1 {
        margin-bottom: 6px !important
    }

    ._ml-sm-1,
    ._mx-sm-1 {
        margin-left: 6px !important
    }

    ._m-sm-2 {
        margin: 12px !important
    }

    ._mt-sm-2,
    ._my-sm-2 {
        margin-top: 12px !important
    }

    ._mr-sm-2,
    ._mx-sm-2 {
        margin-right: 12px !important
    }

    ._mb-sm-2,
    ._my-sm-2 {
        margin-bottom: 12px !important
    }

    ._ml-sm-2,
    ._mx-sm-2 {
        margin-left: 12px !important
    }

    ._m-sm-3 {
        margin: 24px !important
    }

    ._mt-sm-3,
    ._my-sm-3 {
        margin-top: 24px !important
    }

    ._mr-sm-3,
    ._mx-sm-3 {
        margin-right: 24px !important
    }

    ._mb-sm-3,
    ._my-sm-3 {
        margin-bottom: 24px !important
    }

    ._ml-sm-3,
    ._mx-sm-3 {
        margin-left: 24px !important
    }

    ._m-sm-4 {
        margin: 36px !important
    }

    ._mt-sm-4,
    ._my-sm-4 {
        margin-top: 36px !important
    }

    ._mr-sm-4,
    ._mx-sm-4 {
        margin-right: 36px !important
    }

    ._mb-sm-4,
    ._my-sm-4 {
        margin-bottom: 36px !important
    }

    ._ml-sm-4,
    ._mx-sm-4 {
        margin-left: 36px !important
    }

    ._m-sm-5 {
        margin: 48px !important
    }

    ._mt-sm-5,
    ._my-sm-5 {
        margin-top: 48px !important
    }

    ._mr-sm-5,
    ._mx-sm-5 {
        margin-right: 48px !important
    }

    ._mb-sm-5,
    ._my-sm-5 {
        margin-bottom: 48px !important
    }

    ._ml-sm-5,
    ._mx-sm-5 {
        margin-left: 48px !important
    }

    ._m-sm-6 {
        margin: 72px !important
    }

    ._mt-sm-6,
    ._my-sm-6 {
        margin-top: 72px !important
    }

    ._mr-sm-6,
    ._mx-sm-6 {
        margin-right: 72px !important
    }

    ._mb-sm-6,
    ._my-sm-6 {
        margin-bottom: 72px !important
    }

    ._ml-sm-6,
    ._mx-sm-6 {
        margin-left: 72px !important
    }

    ._m-sm-7 {
        margin: 96px !important
    }

    ._mt-sm-7,
    ._my-sm-7 {
        margin-top: 96px !important
    }

    ._mr-sm-7,
    ._mx-sm-7 {
        margin-right: 96px !important
    }

    ._mb-sm-7,
    ._my-sm-7 {
        margin-bottom: 96px !important
    }

    ._ml-sm-7,
    ._mx-sm-7 {
        margin-left: 96px !important
    }

    ._p-sm-0 {
        padding: 0 !important
    }

    ._pt-sm-0,
    ._py-sm-0 {
        padding-top: 0 !important
    }

    ._pr-sm-0,
    ._px-sm-0 {
        padding-right: 0 !important
    }

    ._pb-sm-0,
    ._py-sm-0 {
        padding-bottom: 0 !important
    }

    ._pl-sm-0,
    ._px-sm-0 {
        padding-left: 0 !important
    }

    ._p-sm-1 {
        padding: 6px !important
    }

    ._pt-sm-1,
    ._py-sm-1 {
        padding-top: 6px !important
    }

    ._pr-sm-1,
    ._px-sm-1 {
        padding-right: 6px !important
    }

    ._pb-sm-1,
    ._py-sm-1 {
        padding-bottom: 6px !important
    }

    ._pl-sm-1,
    ._px-sm-1 {
        padding-left: 6px !important
    }

    ._p-sm-2 {
        padding: 12px !important
    }

    ._pt-sm-2,
    ._py-sm-2 {
        padding-top: 12px !important
    }

    ._pr-sm-2,
    ._px-sm-2 {
        padding-right: 12px !important
    }

    ._pb-sm-2,
    ._py-sm-2 {
        padding-bottom: 12px !important
    }

    ._pl-sm-2,
    ._px-sm-2 {
        padding-left: 12px !important
    }

    ._p-sm-3 {
        padding: 24px !important
    }

    ._pt-sm-3,
    ._py-sm-3 {
        padding-top: 24px !important
    }

    ._pr-sm-3,
    ._px-sm-3 {
        padding-right: 24px !important
    }

    ._pb-sm-3,
    ._py-sm-3 {
        padding-bottom: 24px !important
    }

    ._pl-sm-3,
    ._px-sm-3 {
        padding-left: 24px !important
    }

    ._p-sm-4 {
        padding: 36px !important
    }

    ._pt-sm-4,
    ._py-sm-4 {
        padding-top: 36px !important
    }

    ._pr-sm-4,
    ._px-sm-4 {
        padding-right: 36px !important
    }

    ._pb-sm-4,
    ._py-sm-4 {
        padding-bottom: 36px !important
    }

    ._pl-sm-4,
    ._px-sm-4 {
        padding-left: 36px !important
    }

    ._p-sm-5 {
        padding: 48px !important
    }

    ._pt-sm-5,
    ._py-sm-5 {
        padding-top: 48px !important
    }

    ._pr-sm-5,
    ._px-sm-5 {
        padding-right: 48px !important
    }

    ._pb-sm-5,
    ._py-sm-5 {
        padding-bottom: 48px !important
    }

    ._pl-sm-5,
    ._px-sm-5 {
        padding-left: 48px !important
    }

    ._p-sm-6 {
        padding: 72px !important
    }

    ._pt-sm-6,
    ._py-sm-6 {
        padding-top: 72px !important
    }

    ._pr-sm-6,
    ._px-sm-6 {
        padding-right: 72px !important
    }

    ._pb-sm-6,
    ._py-sm-6 {
        padding-bottom: 72px !important
    }

    ._pl-sm-6,
    ._px-sm-6 {
        padding-left: 72px !important
    }

    ._p-sm-7 {
        padding: 96px !important
    }

    ._pt-sm-7,
    ._py-sm-7 {
        padding-top: 96px !important
    }

    ._pr-sm-7,
    ._px-sm-7 {
        padding-right: 96px !important
    }

    ._pb-sm-7,
    ._py-sm-7 {
        padding-bottom: 96px !important
    }

    ._pl-sm-7,
    ._px-sm-7 {
        padding-left: 96px !important
    }

    ._m-sm-n1 {
        margin: -6px !important
    }

    ._mt-sm-n1,
    ._my-sm-n1 {
        margin-top: -6px !important
    }

    ._mr-sm-n1,
    ._mx-sm-n1 {
        margin-right: -6px !important
    }

    ._mb-sm-n1,
    ._my-sm-n1 {
        margin-bottom: -6px !important
    }

    ._ml-sm-n1,
    ._mx-sm-n1 {
        margin-left: -6px !important
    }

    ._m-sm-n2 {
        margin: -12px !important
    }

    ._mt-sm-n2,
    ._my-sm-n2 {
        margin-top: -12px !important
    }

    ._mr-sm-n2,
    ._mx-sm-n2 {
        margin-right: -12px !important
    }

    ._mb-sm-n2,
    ._my-sm-n2 {
        margin-bottom: -12px !important
    }

    ._ml-sm-n2,
    ._mx-sm-n2 {
        margin-left: -12px !important
    }

    ._m-sm-n3 {
        margin: -24px !important
    }

    ._mt-sm-n3,
    ._my-sm-n3 {
        margin-top: -24px !important
    }

    ._mr-sm-n3,
    ._mx-sm-n3 {
        margin-right: -24px !important
    }

    ._mb-sm-n3,
    ._my-sm-n3 {
        margin-bottom: -24px !important
    }

    ._ml-sm-n3,
    ._mx-sm-n3 {
        margin-left: -24px !important
    }

    ._m-sm-n4 {
        margin: -36px !important
    }

    ._mt-sm-n4,
    ._my-sm-n4 {
        margin-top: -36px !important
    }

    ._mr-sm-n4,
    ._mx-sm-n4 {
        margin-right: -36px !important
    }

    ._mb-sm-n4,
    ._my-sm-n4 {
        margin-bottom: -36px !important
    }

    ._ml-sm-n4,
    ._mx-sm-n4 {
        margin-left: -36px !important
    }

    ._m-sm-n5 {
        margin: -48px !important
    }

    ._mt-sm-n5,
    ._my-sm-n5 {
        margin-top: -48px !important
    }

    ._mr-sm-n5,
    ._mx-sm-n5 {
        margin-right: -48px !important
    }

    ._mb-sm-n5,
    ._my-sm-n5 {
        margin-bottom: -48px !important
    }

    ._ml-sm-n5,
    ._mx-sm-n5 {
        margin-left: -48px !important
    }

    ._m-sm-n6 {
        margin: -72px !important
    }

    ._mt-sm-n6,
    ._my-sm-n6 {
        margin-top: -72px !important
    }

    ._mr-sm-n6,
    ._mx-sm-n6 {
        margin-right: -72px !important
    }

    ._mb-sm-n6,
    ._my-sm-n6 {
        margin-bottom: -72px !important
    }

    ._ml-sm-n6,
    ._mx-sm-n6 {
        margin-left: -72px !important
    }

    ._m-sm-n7 {
        margin: -96px !important
    }

    ._mt-sm-n7,
    ._my-sm-n7 {
        margin-top: -96px !important
    }

    ._mr-sm-n7,
    ._mx-sm-n7 {
        margin-right: -96px !important
    }

    ._mb-sm-n7,
    ._my-sm-n7 {
        margin-bottom: -96px !important
    }

    ._ml-sm-n7,
    ._mx-sm-n7 {
        margin-left: -96px !important
    }

    ._m-sm-auto {
        margin: auto !important
    }

    ._mt-sm-auto,
    ._my-sm-auto {
        margin-top: auto !important
    }

    ._mr-sm-auto,
    ._mx-sm-auto {
        margin-right: auto !important
    }

    ._mb-sm-auto,
    ._my-sm-auto {
        margin-bottom: auto !important
    }

    ._ml-sm-auto,
    ._mx-sm-auto {
        margin-left: auto !important
    }
}

@media(min-width:768px) {
    ._m-md-0 {
        margin: 0 !important
    }

    ._mt-md-0,
    ._my-md-0 {
        margin-top: 0 !important
    }

    ._mr-md-0,
    ._mx-md-0 {
        margin-right: 0 !important
    }

    ._mb-md-0,
    ._my-md-0 {
        margin-bottom: 0 !important
    }

    ._ml-md-0,
    ._mx-md-0 {
        margin-left: 0 !important
    }

    ._m-md-1 {
        margin: 6px !important
    }

    ._mt-md-1,
    ._my-md-1 {
        margin-top: 6px !important
    }

    ._mr-md-1,
    ._mx-md-1 {
        margin-right: 6px !important
    }

    ._mb-md-1,
    ._my-md-1 {
        margin-bottom: 6px !important
    }

    ._ml-md-1,
    ._mx-md-1 {
        margin-left: 6px !important
    }

    ._m-md-2 {
        margin: 12px !important
    }

    ._mt-md-2,
    ._my-md-2 {
        margin-top: 12px !important
    }

    ._mr-md-2,
    ._mx-md-2 {
        margin-right: 12px !important
    }

    ._mb-md-2,
    ._my-md-2 {
        margin-bottom: 12px !important
    }

    ._ml-md-2,
    ._mx-md-2 {
        margin-left: 12px !important
    }

    ._m-md-3 {
        margin: 24px !important
    }

    ._mt-md-3,
    ._my-md-3 {
        margin-top: 24px !important
    }

    ._mr-md-3,
    ._mx-md-3 {
        margin-right: 24px !important
    }

    ._mb-md-3,
    ._my-md-3 {
        margin-bottom: 24px !important
    }

    ._ml-md-3,
    ._mx-md-3 {
        margin-left: 24px !important
    }

    ._m-md-4 {
        margin: 36px !important
    }

    ._mt-md-4,
    ._my-md-4 {
        margin-top: 36px !important
    }

    ._mr-md-4,
    ._mx-md-4 {
        margin-right: 36px !important
    }

    ._mb-md-4,
    ._my-md-4 {
        margin-bottom: 36px !important
    }

    ._ml-md-4,
    ._mx-md-4 {
        margin-left: 36px !important
    }

    ._m-md-5 {
        margin: 48px !important
    }

    ._mt-md-5,
    ._my-md-5 {
        margin-top: 48px !important
    }

    ._mr-md-5,
    ._mx-md-5 {
        margin-right: 48px !important
    }

    ._mb-md-5,
    ._my-md-5 {
        margin-bottom: 48px !important
    }

    ._ml-md-5,
    ._mx-md-5 {
        margin-left: 48px !important
    }

    ._m-md-6 {
        margin: 72px !important
    }

    ._mt-md-6,
    ._my-md-6 {
        margin-top: 72px !important
    }

    ._mr-md-6,
    ._mx-md-6 {
        margin-right: 72px !important
    }

    ._mb-md-6,
    ._my-md-6 {
        margin-bottom: 72px !important
    }

    ._ml-md-6,
    ._mx-md-6 {
        margin-left: 72px !important
    }

    ._m-md-7 {
        margin: 96px !important
    }

    ._mt-md-7,
    ._my-md-7 {
        margin-top: 96px !important
    }

    ._mr-md-7,
    ._mx-md-7 {
        margin-right: 96px !important
    }

    ._mb-md-7,
    ._my-md-7 {
        margin-bottom: 96px !important
    }

    ._ml-md-7,
    ._mx-md-7 {
        margin-left: 96px !important
    }

    ._p-md-0 {
        padding: 0 !important
    }

    ._pt-md-0,
    ._py-md-0 {
        padding-top: 0 !important
    }

    ._pr-md-0,
    ._px-md-0 {
        padding-right: 0 !important
    }

    ._pb-md-0,
    ._py-md-0 {
        padding-bottom: 0 !important
    }

    ._pl-md-0,
    ._px-md-0 {
        padding-left: 0 !important
    }

    ._p-md-1 {
        padding: 6px !important
    }

    ._pt-md-1,
    ._py-md-1 {
        padding-top: 6px !important
    }

    ._pr-md-1,
    ._px-md-1 {
        padding-right: 6px !important
    }

    ._pb-md-1,
    ._py-md-1 {
        padding-bottom: 6px !important
    }

    ._pl-md-1,
    ._px-md-1 {
        padding-left: 6px !important
    }

    ._p-md-2 {
        padding: 12px !important
    }

    ._pt-md-2,
    ._py-md-2 {
        padding-top: 12px !important
    }

    ._pr-md-2,
    ._px-md-2 {
        padding-right: 12px !important
    }

    ._pb-md-2,
    ._py-md-2 {
        padding-bottom: 12px !important
    }

    ._pl-md-2,
    ._px-md-2 {
        padding-left: 12px !important
    }

    ._p-md-3 {
        padding: 24px !important
    }

    ._pt-md-3,
    ._py-md-3 {
        padding-top: 24px !important
    }

    ._pr-md-3,
    ._px-md-3 {
        padding-right: 24px !important
    }

    ._pb-md-3,
    ._py-md-3 {
        padding-bottom: 24px !important
    }

    ._pl-md-3,
    ._px-md-3 {
        padding-left: 24px !important
    }

    ._p-md-4 {
        padding: 36px !important
    }

    ._pt-md-4,
    ._py-md-4 {
        padding-top: 36px !important
    }

    ._pr-md-4,
    ._px-md-4 {
        padding-right: 36px !important
    }

    ._pb-md-4,
    ._py-md-4 {
        padding-bottom: 36px !important
    }

    ._pl-md-4,
    ._px-md-4 {
        padding-left: 36px !important
    }

    ._p-md-5 {
        padding: 48px !important
    }

    ._pt-md-5,
    ._py-md-5 {
        padding-top: 48px !important
    }

    ._pr-md-5,
    ._px-md-5 {
        padding-right: 48px !important
    }

    ._pb-md-5,
    ._py-md-5 {
        padding-bottom: 48px !important
    }

    ._pl-md-5,
    ._px-md-5 {
        padding-left: 48px !important
    }

    ._p-md-6 {
        padding: 72px !important
    }

    ._pt-md-6,
    ._py-md-6 {
        padding-top: 72px !important
    }

    ._pr-md-6,
    ._px-md-6 {
        padding-right: 72px !important
    }

    ._pb-md-6,
    ._py-md-6 {
        padding-bottom: 72px !important
    }

    ._pl-md-6,
    ._px-md-6 {
        padding-left: 72px !important
    }

    ._p-md-7 {
        padding: 96px !important
    }

    ._pt-md-7,
    ._py-md-7 {
        padding-top: 96px !important
    }

    ._pr-md-7,
    ._px-md-7 {
        padding-right: 96px !important
    }

    ._pb-md-7,
    ._py-md-7 {
        padding-bottom: 96px !important
    }

    ._pl-md-7,
    ._px-md-7 {
        padding-left: 96px !important
    }

    ._m-md-n1 {
        margin: -6px !important
    }

    ._mt-md-n1,
    ._my-md-n1 {
        margin-top: -6px !important
    }

    ._mr-md-n1,
    ._mx-md-n1 {
        margin-right: -6px !important
    }

    ._mb-md-n1,
    ._my-md-n1 {
        margin-bottom: -6px !important
    }

    ._ml-md-n1,
    ._mx-md-n1 {
        margin-left: -6px !important
    }

    ._m-md-n2 {
        margin: -12px !important
    }

    ._mt-md-n2,
    ._my-md-n2 {
        margin-top: -12px !important
    }

    ._mr-md-n2,
    ._mx-md-n2 {
        margin-right: -12px !important
    }

    ._mb-md-n2,
    ._my-md-n2 {
        margin-bottom: -12px !important
    }

    ._ml-md-n2,
    ._mx-md-n2 {
        margin-left: -12px !important
    }

    ._m-md-n3 {
        margin: -24px !important
    }

    ._mt-md-n3,
    ._my-md-n3 {
        margin-top: -24px !important
    }

    ._mr-md-n3,
    ._mx-md-n3 {
        margin-right: -24px !important
    }

    ._mb-md-n3,
    ._my-md-n3 {
        margin-bottom: -24px !important
    }

    ._ml-md-n3,
    ._mx-md-n3 {
        margin-left: -24px !important
    }

    ._m-md-n4 {
        margin: -36px !important
    }

    ._mt-md-n4,
    ._my-md-n4 {
        margin-top: -36px !important
    }

    ._mr-md-n4,
    ._mx-md-n4 {
        margin-right: -36px !important
    }

    ._mb-md-n4,
    ._my-md-n4 {
        margin-bottom: -36px !important
    }

    ._ml-md-n4,
    ._mx-md-n4 {
        margin-left: -36px !important
    }

    ._m-md-n5 {
        margin: -48px !important
    }

    ._mt-md-n5,
    ._my-md-n5 {
        margin-top: -48px !important
    }

    ._mr-md-n5,
    ._mx-md-n5 {
        margin-right: -48px !important
    }

    ._mb-md-n5,
    ._my-md-n5 {
        margin-bottom: -48px !important
    }

    ._ml-md-n5,
    ._mx-md-n5 {
        margin-left: -48px !important
    }

    ._m-md-n6 {
        margin: -72px !important
    }

    ._mt-md-n6,
    ._my-md-n6 {
        margin-top: -72px !important
    }

    ._mr-md-n6,
    ._mx-md-n6 {
        margin-right: -72px !important
    }

    ._mb-md-n6,
    ._my-md-n6 {
        margin-bottom: -72px !important
    }

    ._ml-md-n6,
    ._mx-md-n6 {
        margin-left: -72px !important
    }

    ._m-md-n7 {
        margin: -96px !important
    }

    ._mt-md-n7,
    ._my-md-n7 {
        margin-top: -96px !important
    }

    ._mr-md-n7,
    ._mx-md-n7 {
        margin-right: -96px !important
    }

    ._mb-md-n7,
    ._my-md-n7 {
        margin-bottom: -96px !important
    }

    ._ml-md-n7,
    ._mx-md-n7 {
        margin-left: -96px !important
    }

    ._m-md-auto {
        margin: auto !important
    }

    ._mt-md-auto,
    ._my-md-auto {
        margin-top: auto !important
    }

    ._mr-md-auto,
    ._mx-md-auto {
        margin-right: auto !important
    }

    ._mb-md-auto,
    ._my-md-auto {
        margin-bottom: auto !important
    }

    ._ml-md-auto,
    ._mx-md-auto {
        margin-left: auto !important
    }
}

@media(min-width:1024px) {
    ._m-lg-0 {
        margin: 0 !important
    }

    ._mt-lg-0,
    ._my-lg-0 {
        margin-top: 0 !important
    }

    ._mr-lg-0,
    ._mx-lg-0 {
        margin-right: 0 !important
    }

    ._mb-lg-0,
    ._my-lg-0 {
        margin-bottom: 0 !important
    }

    ._ml-lg-0,
    ._mx-lg-0 {
        margin-left: 0 !important
    }

    ._m-lg-1 {
        margin: 6px !important
    }

    ._mt-lg-1,
    ._my-lg-1 {
        margin-top: 6px !important
    }

    ._mr-lg-1,
    ._mx-lg-1 {
        margin-right: 6px !important
    }

    ._mb-lg-1,
    ._my-lg-1 {
        margin-bottom: 6px !important
    }

    ._ml-lg-1,
    ._mx-lg-1 {
        margin-left: 6px !important
    }

    ._m-lg-2 {
        margin: 12px !important
    }

    ._mt-lg-2,
    ._my-lg-2 {
        margin-top: 12px !important
    }

    ._mr-lg-2,
    ._mx-lg-2 {
        margin-right: 12px !important
    }

    ._mb-lg-2,
    ._my-lg-2 {
        margin-bottom: 12px !important
    }

    ._ml-lg-2,
    ._mx-lg-2 {
        margin-left: 12px !important
    }

    ._m-lg-3 {
        margin: 24px !important
    }

    ._mt-lg-3,
    ._my-lg-3 {
        margin-top: 24px !important
    }

    ._mr-lg-3,
    ._mx-lg-3 {
        margin-right: 24px !important
    }

    ._mb-lg-3,
    ._my-lg-3 {
        margin-bottom: 24px !important
    }

    ._ml-lg-3,
    ._mx-lg-3 {
        margin-left: 24px !important
    }

    ._m-lg-4 {
        margin: 36px !important
    }

    ._mt-lg-4,
    ._my-lg-4 {
        margin-top: 36px !important
    }

    ._mr-lg-4,
    ._mx-lg-4 {
        margin-right: 36px !important
    }

    ._mb-lg-4,
    ._my-lg-4 {
        margin-bottom: 36px !important
    }

    ._ml-lg-4,
    ._mx-lg-4 {
        margin-left: 36px !important
    }

    ._m-lg-5 {
        margin: 48px !important
    }

    ._mt-lg-5,
    ._my-lg-5 {
        margin-top: 48px !important
    }

    ._mr-lg-5,
    ._mx-lg-5 {
        margin-right: 48px !important
    }

    ._mb-lg-5,
    ._my-lg-5 {
        margin-bottom: 48px !important
    }

    ._ml-lg-5,
    ._mx-lg-5 {
        margin-left: 48px !important
    }

    ._m-lg-6 {
        margin: 72px !important
    }

    ._mt-lg-6,
    ._my-lg-6 {
        margin-top: 72px !important
    }

    ._mr-lg-6,
    ._mx-lg-6 {
        margin-right: 72px !important
    }

    ._mb-lg-6,
    ._my-lg-6 {
        margin-bottom: 72px !important
    }

    ._ml-lg-6,
    ._mx-lg-6 {
        margin-left: 72px !important
    }

    ._m-lg-7 {
        margin: 96px !important
    }

    ._mt-lg-7,
    ._my-lg-7 {
        margin-top: 96px !important
    }

    ._mr-lg-7,
    ._mx-lg-7 {
        margin-right: 96px !important
    }

    ._mb-lg-7,
    ._my-lg-7 {
        margin-bottom: 96px !important
    }

    ._ml-lg-7,
    ._mx-lg-7 {
        margin-left: 96px !important
    }

    ._p-lg-0 {
        padding: 0 !important
    }

    ._pt-lg-0,
    ._py-lg-0 {
        padding-top: 0 !important
    }

    ._pr-lg-0,
    ._px-lg-0 {
        padding-right: 0 !important
    }

    ._pb-lg-0,
    ._py-lg-0 {
        padding-bottom: 0 !important
    }

    ._pl-lg-0,
    ._px-lg-0 {
        padding-left: 0 !important
    }

    ._p-lg-1 {
        padding: 6px !important
    }

    ._pt-lg-1,
    ._py-lg-1 {
        padding-top: 6px !important
    }

    ._pr-lg-1,
    ._px-lg-1 {
        padding-right: 6px !important
    }

    ._pb-lg-1,
    ._py-lg-1 {
        padding-bottom: 6px !important
    }

    ._pl-lg-1,
    ._px-lg-1 {
        padding-left: 6px !important
    }

    ._p-lg-2 {
        padding: 12px !important
    }

    ._pt-lg-2,
    ._py-lg-2 {
        padding-top: 12px !important
    }

    ._pr-lg-2,
    ._px-lg-2 {
        padding-right: 12px !important
    }

    ._pb-lg-2,
    ._py-lg-2 {
        padding-bottom: 12px !important
    }

    ._pl-lg-2,
    ._px-lg-2 {
        padding-left: 12px !important
    }

    ._p-lg-3 {
        padding: 24px !important
    }

    ._pt-lg-3,
    ._py-lg-3 {
        padding-top: 24px !important
    }

    ._pr-lg-3,
    ._px-lg-3 {
        padding-right: 24px !important
    }

    ._pb-lg-3,
    ._py-lg-3 {
        padding-bottom: 24px !important
    }

    ._pl-lg-3,
    ._px-lg-3 {
        padding-left: 24px !important
    }

    ._p-lg-4 {
        padding: 36px !important
    }

    ._pt-lg-4,
    ._py-lg-4 {
        padding-top: 36px !important
    }

    ._pr-lg-4,
    ._px-lg-4 {
        padding-right: 36px !important
    }

    ._pb-lg-4,
    ._py-lg-4 {
        padding-bottom: 36px !important
    }

    ._pl-lg-4,
    ._px-lg-4 {
        padding-left: 36px !important
    }

    ._p-lg-5 {
        padding: 48px !important
    }

    ._pt-lg-5,
    ._py-lg-5 {
        padding-top: 48px !important
    }

    ._pr-lg-5,
    ._px-lg-5 {
        padding-right: 48px !important
    }

    ._pb-lg-5,
    ._py-lg-5 {
        padding-bottom: 48px !important
    }

    ._pl-lg-5,
    ._px-lg-5 {
        padding-left: 48px !important
    }

    ._p-lg-6 {
        padding: 72px !important
    }

    ._pt-lg-6,
    ._py-lg-6 {
        padding-top: 72px !important
    }

    ._pr-lg-6,
    ._px-lg-6 {
        padding-right: 72px !important
    }

    ._pb-lg-6,
    ._py-lg-6 {
        padding-bottom: 72px !important
    }

    ._pl-lg-6,
    ._px-lg-6 {
        padding-left: 72px !important
    }

    ._p-lg-7 {
        padding: 96px !important
    }

    ._pt-lg-7,
    ._py-lg-7 {
        padding-top: 96px !important
    }

    ._pr-lg-7,
    ._px-lg-7 {
        padding-right: 96px !important
    }

    ._pb-lg-7,
    ._py-lg-7 {
        padding-bottom: 96px !important
    }

    ._pl-lg-7,
    ._px-lg-7 {
        padding-left: 96px !important
    }

    ._m-lg-n1 {
        margin: -6px !important
    }

    ._mt-lg-n1,
    ._my-lg-n1 {
        margin-top: -6px !important
    }

    ._mr-lg-n1,
    ._mx-lg-n1 {
        margin-right: -6px !important
    }

    ._mb-lg-n1,
    ._my-lg-n1 {
        margin-bottom: -6px !important
    }

    ._ml-lg-n1,
    ._mx-lg-n1 {
        margin-left: -6px !important
    }

    ._m-lg-n2 {
        margin: -12px !important
    }

    ._mt-lg-n2,
    ._my-lg-n2 {
        margin-top: -12px !important
    }

    ._mr-lg-n2,
    ._mx-lg-n2 {
        margin-right: -12px !important
    }

    ._mb-lg-n2,
    ._my-lg-n2 {
        margin-bottom: -12px !important
    }

    ._ml-lg-n2,
    ._mx-lg-n2 {
        margin-left: -12px !important
    }

    ._m-lg-n3 {
        margin: -24px !important
    }

    ._mt-lg-n3,
    ._my-lg-n3 {
        margin-top: -24px !important
    }

    ._mr-lg-n3,
    ._mx-lg-n3 {
        margin-right: -24px !important
    }

    ._mb-lg-n3,
    ._my-lg-n3 {
        margin-bottom: -24px !important
    }

    ._ml-lg-n3,
    ._mx-lg-n3 {
        margin-left: -24px !important
    }

    ._m-lg-n4 {
        margin: -36px !important
    }

    ._mt-lg-n4,
    ._my-lg-n4 {
        margin-top: -36px !important
    }

    ._mr-lg-n4,
    ._mx-lg-n4 {
        margin-right: -36px !important
    }

    ._mb-lg-n4,
    ._my-lg-n4 {
        margin-bottom: -36px !important
    }

    ._ml-lg-n4,
    ._mx-lg-n4 {
        margin-left: -36px !important
    }

    ._m-lg-n5 {
        margin: -48px !important
    }

    ._mt-lg-n5,
    ._my-lg-n5 {
        margin-top: -48px !important
    }

    ._mr-lg-n5,
    ._mx-lg-n5 {
        margin-right: -48px !important
    }

    ._mb-lg-n5,
    ._my-lg-n5 {
        margin-bottom: -48px !important
    }

    ._ml-lg-n5,
    ._mx-lg-n5 {
        margin-left: -48px !important
    }

    ._m-lg-n6 {
        margin: -72px !important
    }

    ._mt-lg-n6,
    ._my-lg-n6 {
        margin-top: -72px !important
    }

    ._mr-lg-n6,
    ._mx-lg-n6 {
        margin-right: -72px !important
    }

    ._mb-lg-n6,
    ._my-lg-n6 {
        margin-bottom: -72px !important
    }

    ._ml-lg-n6,
    ._mx-lg-n6 {
        margin-left: -72px !important
    }

    ._m-lg-n7 {
        margin: -96px !important
    }

    ._mt-lg-n7,
    ._my-lg-n7 {
        margin-top: -96px !important
    }

    ._mr-lg-n7,
    ._mx-lg-n7 {
        margin-right: -96px !important
    }

    ._mb-lg-n7,
    ._my-lg-n7 {
        margin-bottom: -96px !important
    }

    ._ml-lg-n7,
    ._mx-lg-n7 {
        margin-left: -96px !important
    }

    ._m-lg-auto {
        margin: auto !important
    }

    ._mt-lg-auto,
    ._my-lg-auto {
        margin-top: auto !important
    }

    ._mr-lg-auto,
    ._mx-lg-auto {
        margin-right: auto !important
    }

    ._mb-lg-auto,
    ._my-lg-auto {
        margin-bottom: auto !important
    }

    ._ml-lg-auto,
    ._mx-lg-auto {
        margin-left: auto !important
    }
}

@media(min-width:1440px) {
    ._m-xl-0 {
        margin: 0 !important
    }

    ._mt-xl-0,
    ._my-xl-0 {
        margin-top: 0 !important
    }

    ._mr-xl-0,
    ._mx-xl-0 {
        margin-right: 0 !important
    }

    ._mb-xl-0,
    ._my-xl-0 {
        margin-bottom: 0 !important
    }

    ._ml-xl-0,
    ._mx-xl-0 {
        margin-left: 0 !important
    }

    ._m-xl-1 {
        margin: 6px !important
    }

    ._mt-xl-1,
    ._my-xl-1 {
        margin-top: 6px !important
    }

    ._mr-xl-1,
    ._mx-xl-1 {
        margin-right: 6px !important
    }

    ._mb-xl-1,
    ._my-xl-1 {
        margin-bottom: 6px !important
    }

    ._ml-xl-1,
    ._mx-xl-1 {
        margin-left: 6px !important
    }

    ._m-xl-2 {
        margin: 12px !important
    }

    ._mt-xl-2,
    ._my-xl-2 {
        margin-top: 12px !important
    }

    ._mr-xl-2,
    ._mx-xl-2 {
        margin-right: 12px !important
    }

    ._mb-xl-2,
    ._my-xl-2 {
        margin-bottom: 12px !important
    }

    ._ml-xl-2,
    ._mx-xl-2 {
        margin-left: 12px !important
    }

    ._m-xl-3 {
        margin: 24px !important
    }

    ._mt-xl-3,
    ._my-xl-3 {
        margin-top: 24px !important
    }

    ._mr-xl-3,
    ._mx-xl-3 {
        margin-right: 24px !important
    }

    ._mb-xl-3,
    ._my-xl-3 {
        margin-bottom: 24px !important
    }

    ._ml-xl-3,
    ._mx-xl-3 {
        margin-left: 24px !important
    }

    ._m-xl-4 {
        margin: 36px !important
    }

    ._mt-xl-4,
    ._my-xl-4 {
        margin-top: 36px !important
    }

    ._mr-xl-4,
    ._mx-xl-4 {
        margin-right: 36px !important
    }

    ._mb-xl-4,
    ._my-xl-4 {
        margin-bottom: 36px !important
    }

    ._ml-xl-4,
    ._mx-xl-4 {
        margin-left: 36px !important
    }

    ._m-xl-5 {
        margin: 48px !important
    }

    ._mt-xl-5,
    ._my-xl-5 {
        margin-top: 48px !important
    }

    ._mr-xl-5,
    ._mx-xl-5 {
        margin-right: 48px !important
    }

    ._mb-xl-5,
    ._my-xl-5 {
        margin-bottom: 48px !important
    }

    ._ml-xl-5,
    ._mx-xl-5 {
        margin-left: 48px !important
    }

    ._m-xl-6 {
        margin: 72px !important
    }

    ._mt-xl-6,
    ._my-xl-6 {
        margin-top: 72px !important
    }

    ._mr-xl-6,
    ._mx-xl-6 {
        margin-right: 72px !important
    }

    ._mb-xl-6,
    ._my-xl-6 {
        margin-bottom: 72px !important
    }

    ._ml-xl-6,
    ._mx-xl-6 {
        margin-left: 72px !important
    }

    ._m-xl-7 {
        margin: 96px !important
    }

    ._mt-xl-7,
    ._my-xl-7 {
        margin-top: 96px !important
    }

    ._mr-xl-7,
    ._mx-xl-7 {
        margin-right: 96px !important
    }

    ._mb-xl-7,
    ._my-xl-7 {
        margin-bottom: 96px !important
    }

    ._ml-xl-7,
    ._mx-xl-7 {
        margin-left: 96px !important
    }

    ._p-xl-0 {
        padding: 0 !important
    }

    ._pt-xl-0,
    ._py-xl-0 {
        padding-top: 0 !important
    }

    ._pr-xl-0,
    ._px-xl-0 {
        padding-right: 0 !important
    }

    ._pb-xl-0,
    ._py-xl-0 {
        padding-bottom: 0 !important
    }

    ._pl-xl-0,
    ._px-xl-0 {
        padding-left: 0 !important
    }

    ._p-xl-1 {
        padding: 6px !important
    }

    ._pt-xl-1,
    ._py-xl-1 {
        padding-top: 6px !important
    }

    ._pr-xl-1,
    ._px-xl-1 {
        padding-right: 6px !important
    }

    ._pb-xl-1,
    ._py-xl-1 {
        padding-bottom: 6px !important
    }

    ._pl-xl-1,
    ._px-xl-1 {
        padding-left: 6px !important
    }

    ._p-xl-2 {
        padding: 12px !important
    }

    ._pt-xl-2,
    ._py-xl-2 {
        padding-top: 12px !important
    }

    ._pr-xl-2,
    ._px-xl-2 {
        padding-right: 12px !important
    }

    ._pb-xl-2,
    ._py-xl-2 {
        padding-bottom: 12px !important
    }

    ._pl-xl-2,
    ._px-xl-2 {
        padding-left: 12px !important
    }

    ._p-xl-3 {
        padding: 24px !important
    }

    ._pt-xl-3,
    ._py-xl-3 {
        padding-top: 24px !important
    }

    ._pr-xl-3,
    ._px-xl-3 {
        padding-right: 24px !important
    }

    ._pb-xl-3,
    ._py-xl-3 {
        padding-bottom: 24px !important
    }

    ._pl-xl-3,
    ._px-xl-3 {
        padding-left: 24px !important
    }

    ._p-xl-4 {
        padding: 36px !important
    }

    ._pt-xl-4,
    ._py-xl-4 {
        padding-top: 36px !important
    }

    ._pr-xl-4,
    ._px-xl-4 {
        padding-right: 36px !important
    }

    ._pb-xl-4,
    ._py-xl-4 {
        padding-bottom: 36px !important
    }

    ._pl-xl-4,
    ._px-xl-4 {
        padding-left: 36px !important
    }

    ._p-xl-5 {
        padding: 48px !important
    }

    ._pt-xl-5,
    ._py-xl-5 {
        padding-top: 48px !important
    }

    ._pr-xl-5,
    ._px-xl-5 {
        padding-right: 48px !important
    }

    ._pb-xl-5,
    ._py-xl-5 {
        padding-bottom: 48px !important
    }

    ._pl-xl-5,
    ._px-xl-5 {
        padding-left: 48px !important
    }

    ._p-xl-6 {
        padding: 72px !important
    }

    ._pt-xl-6,
    ._py-xl-6 {
        padding-top: 72px !important
    }

    ._pr-xl-6,
    ._px-xl-6 {
        padding-right: 72px !important
    }

    ._pb-xl-6,
    ._py-xl-6 {
        padding-bottom: 72px !important
    }

    ._pl-xl-6,
    ._px-xl-6 {
        padding-left: 72px !important
    }

    ._p-xl-7 {
        padding: 96px !important
    }

    ._pt-xl-7,
    ._py-xl-7 {
        padding-top: 96px !important
    }

    ._pr-xl-7,
    ._px-xl-7 {
        padding-right: 96px !important
    }

    ._pb-xl-7,
    ._py-xl-7 {
        padding-bottom: 96px !important
    }

    ._pl-xl-7,
    ._px-xl-7 {
        padding-left: 96px !important
    }

    ._m-xl-n1 {
        margin: -6px !important
    }

    ._mt-xl-n1,
    ._my-xl-n1 {
        margin-top: -6px !important
    }

    ._mr-xl-n1,
    ._mx-xl-n1 {
        margin-right: -6px !important
    }

    ._mb-xl-n1,
    ._my-xl-n1 {
        margin-bottom: -6px !important
    }

    ._ml-xl-n1,
    ._mx-xl-n1 {
        margin-left: -6px !important
    }

    ._m-xl-n2 {
        margin: -12px !important
    }

    ._mt-xl-n2,
    ._my-xl-n2 {
        margin-top: -12px !important
    }

    ._mr-xl-n2,
    ._mx-xl-n2 {
        margin-right: -12px !important
    }

    ._mb-xl-n2,
    ._my-xl-n2 {
        margin-bottom: -12px !important
    }

    ._ml-xl-n2,
    ._mx-xl-n2 {
        margin-left: -12px !important
    }

    ._m-xl-n3 {
        margin: -24px !important
    }

    ._mt-xl-n3,
    ._my-xl-n3 {
        margin-top: -24px !important
    }

    ._mr-xl-n3,
    ._mx-xl-n3 {
        margin-right: -24px !important
    }

    ._mb-xl-n3,
    ._my-xl-n3 {
        margin-bottom: -24px !important
    }

    ._ml-xl-n3,
    ._mx-xl-n3 {
        margin-left: -24px !important
    }

    ._m-xl-n4 {
        margin: -36px !important
    }

    ._mt-xl-n4,
    ._my-xl-n4 {
        margin-top: -36px !important
    }

    ._mr-xl-n4,
    ._mx-xl-n4 {
        margin-right: -36px !important
    }

    ._mb-xl-n4,
    ._my-xl-n4 {
        margin-bottom: -36px !important
    }

    ._ml-xl-n4,
    ._mx-xl-n4 {
        margin-left: -36px !important
    }

    ._m-xl-n5 {
        margin: -48px !important
    }

    ._mt-xl-n5,
    ._my-xl-n5 {
        margin-top: -48px !important
    }

    ._mr-xl-n5,
    ._mx-xl-n5 {
        margin-right: -48px !important
    }

    ._mb-xl-n5,
    ._my-xl-n5 {
        margin-bottom: -48px !important
    }

    ._ml-xl-n5,
    ._mx-xl-n5 {
        margin-left: -48px !important
    }

    ._m-xl-n6 {
        margin: -72px !important
    }

    ._mt-xl-n6,
    ._my-xl-n6 {
        margin-top: -72px !important
    }

    ._mr-xl-n6,
    ._mx-xl-n6 {
        margin-right: -72px !important
    }

    ._mb-xl-n6,
    ._my-xl-n6 {
        margin-bottom: -72px !important
    }

    ._ml-xl-n6,
    ._mx-xl-n6 {
        margin-left: -72px !important
    }

    ._m-xl-n7 {
        margin: -96px !important
    }

    ._mt-xl-n7,
    ._my-xl-n7 {
        margin-top: -96px !important
    }

    ._mr-xl-n7,
    ._mx-xl-n7 {
        margin-right: -96px !important
    }

    ._mb-xl-n7,
    ._my-xl-n7 {
        margin-bottom: -96px !important
    }

    ._ml-xl-n7,
    ._mx-xl-n7 {
        margin-left: -96px !important
    }

    ._m-xl-auto {
        margin: auto !important
    }

    ._mt-xl-auto,
    ._my-xl-auto {
        margin-top: auto !important
    }

    ._mr-xl-auto,
    ._mx-xl-auto {
        margin-right: auto !important
    }

    ._mb-xl-auto,
    ._my-xl-auto {
        margin-bottom: auto !important
    }

    ._ml-xl-auto,
    ._mx-xl-auto {
        margin-left: auto !important
    }
}

@media(min-width:1920px) {
    ._m-xxl-0 {
        margin: 0 !important
    }

    ._mt-xxl-0,
    ._my-xxl-0 {
        margin-top: 0 !important
    }

    ._mr-xxl-0,
    ._mx-xxl-0 {
        margin-right: 0 !important
    }

    ._mb-xxl-0,
    ._my-xxl-0 {
        margin-bottom: 0 !important
    }

    ._ml-xxl-0,
    ._mx-xxl-0 {
        margin-left: 0 !important
    }

    ._m-xxl-1 {
        margin: 6px !important
    }

    ._mt-xxl-1,
    ._my-xxl-1 {
        margin-top: 6px !important
    }

    ._mr-xxl-1,
    ._mx-xxl-1 {
        margin-right: 6px !important
    }

    ._mb-xxl-1,
    ._my-xxl-1 {
        margin-bottom: 6px !important
    }

    ._ml-xxl-1,
    ._mx-xxl-1 {
        margin-left: 6px !important
    }

    ._m-xxl-2 {
        margin: 12px !important
    }

    ._mt-xxl-2,
    ._my-xxl-2 {
        margin-top: 12px !important
    }

    ._mr-xxl-2,
    ._mx-xxl-2 {
        margin-right: 12px !important
    }

    ._mb-xxl-2,
    ._my-xxl-2 {
        margin-bottom: 12px !important
    }

    ._ml-xxl-2,
    ._mx-xxl-2 {
        margin-left: 12px !important
    }

    ._m-xxl-3 {
        margin: 24px !important
    }

    ._mt-xxl-3,
    ._my-xxl-3 {
        margin-top: 24px !important
    }

    ._mr-xxl-3,
    ._mx-xxl-3 {
        margin-right: 24px !important
    }

    ._mb-xxl-3,
    ._my-xxl-3 {
        margin-bottom: 24px !important
    }

    ._ml-xxl-3,
    ._mx-xxl-3 {
        margin-left: 24px !important
    }

    ._m-xxl-4 {
        margin: 36px !important
    }

    ._mt-xxl-4,
    ._my-xxl-4 {
        margin-top: 36px !important
    }

    ._mr-xxl-4,
    ._mx-xxl-4 {
        margin-right: 36px !important
    }

    ._mb-xxl-4,
    ._my-xxl-4 {
        margin-bottom: 36px !important
    }

    ._ml-xxl-4,
    ._mx-xxl-4 {
        margin-left: 36px !important
    }

    ._m-xxl-5 {
        margin: 48px !important
    }

    ._mt-xxl-5,
    ._my-xxl-5 {
        margin-top: 48px !important
    }

    ._mr-xxl-5,
    ._mx-xxl-5 {
        margin-right: 48px !important
    }

    ._mb-xxl-5,
    ._my-xxl-5 {
        margin-bottom: 48px !important
    }

    ._ml-xxl-5,
    ._mx-xxl-5 {
        margin-left: 48px !important
    }

    ._m-xxl-6 {
        margin: 72px !important
    }

    ._mt-xxl-6,
    ._my-xxl-6 {
        margin-top: 72px !important
    }

    ._mr-xxl-6,
    ._mx-xxl-6 {
        margin-right: 72px !important
    }

    ._mb-xxl-6,
    ._my-xxl-6 {
        margin-bottom: 72px !important
    }

    ._ml-xxl-6,
    ._mx-xxl-6 {
        margin-left: 72px !important
    }

    ._m-xxl-7 {
        margin: 96px !important
    }

    ._mt-xxl-7,
    ._my-xxl-7 {
        margin-top: 96px !important
    }

    ._mr-xxl-7,
    ._mx-xxl-7 {
        margin-right: 96px !important
    }

    ._mb-xxl-7,
    ._my-xxl-7 {
        margin-bottom: 96px !important
    }

    ._ml-xxl-7,
    ._mx-xxl-7 {
        margin-left: 96px !important
    }

    ._p-xxl-0 {
        padding: 0 !important
    }

    ._pt-xxl-0,
    ._py-xxl-0 {
        padding-top: 0 !important
    }

    ._pr-xxl-0,
    ._px-xxl-0 {
        padding-right: 0 !important
    }

    ._pb-xxl-0,
    ._py-xxl-0 {
        padding-bottom: 0 !important
    }

    ._pl-xxl-0,
    ._px-xxl-0 {
        padding-left: 0 !important
    }

    ._p-xxl-1 {
        padding: 6px !important
    }

    ._pt-xxl-1,
    ._py-xxl-1 {
        padding-top: 6px !important
    }

    ._pr-xxl-1,
    ._px-xxl-1 {
        padding-right: 6px !important
    }

    ._pb-xxl-1,
    ._py-xxl-1 {
        padding-bottom: 6px !important
    }

    ._pl-xxl-1,
    ._px-xxl-1 {
        padding-left: 6px !important
    }

    ._p-xxl-2 {
        padding: 12px !important
    }

    ._pt-xxl-2,
    ._py-xxl-2 {
        padding-top: 12px !important
    }

    ._pr-xxl-2,
    ._px-xxl-2 {
        padding-right: 12px !important
    }

    ._pb-xxl-2,
    ._py-xxl-2 {
        padding-bottom: 12px !important
    }

    ._pl-xxl-2,
    ._px-xxl-2 {
        padding-left: 12px !important
    }

    ._p-xxl-3 {
        padding: 24px !important
    }

    ._pt-xxl-3,
    ._py-xxl-3 {
        padding-top: 24px !important
    }

    ._pr-xxl-3,
    ._px-xxl-3 {
        padding-right: 24px !important
    }

    ._pb-xxl-3,
    ._py-xxl-3 {
        padding-bottom: 24px !important
    }

    ._pl-xxl-3,
    ._px-xxl-3 {
        padding-left: 24px !important
    }

    ._p-xxl-4 {
        padding: 36px !important
    }

    ._pt-xxl-4,
    ._py-xxl-4 {
        padding-top: 36px !important
    }

    ._pr-xxl-4,
    ._px-xxl-4 {
        padding-right: 36px !important
    }

    ._pb-xxl-4,
    ._py-xxl-4 {
        padding-bottom: 36px !important
    }

    ._pl-xxl-4,
    ._px-xxl-4 {
        padding-left: 36px !important
    }

    ._p-xxl-5 {
        padding: 48px !important
    }

    ._pt-xxl-5,
    ._py-xxl-5 {
        padding-top: 48px !important
    }

    ._pr-xxl-5,
    ._px-xxl-5 {
        padding-right: 48px !important
    }

    ._pb-xxl-5,
    ._py-xxl-5 {
        padding-bottom: 48px !important
    }

    ._pl-xxl-5,
    ._px-xxl-5 {
        padding-left: 48px !important
    }

    ._p-xxl-6 {
        padding: 72px !important
    }

    ._pt-xxl-6,
    ._py-xxl-6 {
        padding-top: 72px !important
    }

    ._pr-xxl-6,
    ._px-xxl-6 {
        padding-right: 72px !important
    }

    ._pb-xxl-6,
    ._py-xxl-6 {
        padding-bottom: 72px !important
    }

    ._pl-xxl-6,
    ._px-xxl-6 {
        padding-left: 72px !important
    }

    ._p-xxl-7 {
        padding: 96px !important
    }

    ._pt-xxl-7,
    ._py-xxl-7 {
        padding-top: 96px !important
    }

    ._pr-xxl-7,
    ._px-xxl-7 {
        padding-right: 96px !important
    }

    ._pb-xxl-7,
    ._py-xxl-7 {
        padding-bottom: 96px !important
    }

    ._pl-xxl-7,
    ._px-xxl-7 {
        padding-left: 96px !important
    }

    ._m-xxl-n1 {
        margin: -6px !important
    }

    ._mt-xxl-n1,
    ._my-xxl-n1 {
        margin-top: -6px !important
    }

    ._mr-xxl-n1,
    ._mx-xxl-n1 {
        margin-right: -6px !important
    }

    ._mb-xxl-n1,
    ._my-xxl-n1 {
        margin-bottom: -6px !important
    }

    ._ml-xxl-n1,
    ._mx-xxl-n1 {
        margin-left: -6px !important
    }

    ._m-xxl-n2 {
        margin: -12px !important
    }

    ._mt-xxl-n2,
    ._my-xxl-n2 {
        margin-top: -12px !important
    }

    ._mr-xxl-n2,
    ._mx-xxl-n2 {
        margin-right: -12px !important
    }

    ._mb-xxl-n2,
    ._my-xxl-n2 {
        margin-bottom: -12px !important
    }

    ._ml-xxl-n2,
    ._mx-xxl-n2 {
        margin-left: -12px !important
    }

    ._m-xxl-n3 {
        margin: -24px !important
    }

    ._mt-xxl-n3,
    ._my-xxl-n3 {
        margin-top: -24px !important
    }

    ._mr-xxl-n3,
    ._mx-xxl-n3 {
        margin-right: -24px !important
    }

    ._mb-xxl-n3,
    ._my-xxl-n3 {
        margin-bottom: -24px !important
    }

    ._ml-xxl-n3,
    ._mx-xxl-n3 {
        margin-left: -24px !important
    }

    ._m-xxl-n4 {
        margin: -36px !important
    }

    ._mt-xxl-n4,
    ._my-xxl-n4 {
        margin-top: -36px !important
    }

    ._mr-xxl-n4,
    ._mx-xxl-n4 {
        margin-right: -36px !important
    }

    ._mb-xxl-n4,
    ._my-xxl-n4 {
        margin-bottom: -36px !important
    }

    ._ml-xxl-n4,
    ._mx-xxl-n4 {
        margin-left: -36px !important
    }

    ._m-xxl-n5 {
        margin: -48px !important
    }

    ._mt-xxl-n5,
    ._my-xxl-n5 {
        margin-top: -48px !important
    }

    ._mr-xxl-n5,
    ._mx-xxl-n5 {
        margin-right: -48px !important
    }

    ._mb-xxl-n5,
    ._my-xxl-n5 {
        margin-bottom: -48px !important
    }

    ._ml-xxl-n5,
    ._mx-xxl-n5 {
        margin-left: -48px !important
    }

    ._m-xxl-n6 {
        margin: -72px !important
    }

    ._mt-xxl-n6,
    ._my-xxl-n6 {
        margin-top: -72px !important
    }

    ._mr-xxl-n6,
    ._mx-xxl-n6 {
        margin-right: -72px !important
    }

    ._mb-xxl-n6,
    ._my-xxl-n6 {
        margin-bottom: -72px !important
    }

    ._ml-xxl-n6,
    ._mx-xxl-n6 {
        margin-left: -72px !important
    }

    ._m-xxl-n7 {
        margin: -96px !important
    }

    ._mt-xxl-n7,
    ._my-xxl-n7 {
        margin-top: -96px !important
    }

    ._mr-xxl-n7,
    ._mx-xxl-n7 {
        margin-right: -96px !important
    }

    ._mb-xxl-n7,
    ._my-xxl-n7 {
        margin-bottom: -96px !important
    }

    ._ml-xxl-n7,
    ._mx-xxl-n7 {
        margin-left: -96px !important
    }

    ._m-xxl-auto {
        margin: auto !important
    }

    ._mt-xxl-auto,
    ._my-xxl-auto {
        margin-top: auto !important
    }

    ._mr-xxl-auto,
    ._mx-xxl-auto {
        margin-right: auto !important
    }

    ._mb-xxl-auto,
    ._my-xxl-auto {
        margin-bottom: auto !important
    }

    ._ml-xxl-auto,
    ._mx-xxl-auto {
        margin-left: auto !important
    }
}

._stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

._text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

._text-justify,
._text-justify-center {
    text-align: justify !important
}

._text-wrap {
    white-space: normal !important
}

._text-nowrap {
    white-space: nowrap !important
}

._text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._text-left {
    text-align: left !important
}

._text-right {
    text-align: right !important
}

._text-center {
    text-align: center !important
}

@media(min-width:480px) {
    ._text-sm-left {
        text-align: left !important
    }

    ._text-sm-right {
        text-align: right !important
    }

    ._text-sm-center {
        text-align: center !important
    }
}

@media(min-width:768px) {
    ._text-md-left {
        text-align: left !important
    }

    ._text-md-right {
        text-align: right !important
    }

    ._text-md-center {
        text-align: center !important
    }
}

@media(min-width:1024px) {
    ._text-lg-left {
        text-align: left !important
    }

    ._text-lg-right {
        text-align: right !important
    }

    ._text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1440px) {
    ._text-xl-left {
        text-align: left !important
    }

    ._text-xl-right {
        text-align: right !important
    }

    ._text-xl-center {
        text-align: center !important
    }
}

@media(min-width:1920px) {
    ._text-xxl-left {
        text-align: left !important
    }

    ._text-xxl-right {
        text-align: right !important
    }

    ._text-xxl-center {
        text-align: center !important
    }
}

._text-lowercase {
    text-transform: lowercase !important
}

._text-uppercase {
    text-transform: uppercase !important
}

._text-capitalize {
    text-transform: capitalize !important
}

._font-weight-light {
    font-weight: 300 !important
}

._font-weight-lighter {
    font-weight: lighter !important
}

._font-weight-normal {
    font-weight: 400 !important
}

._font-weight-bold {
    font-weight: 700 !important
}

._font-weight-bolder {
    font-weight: bolder !important
}

._font-italic,
._editorial {
    font-style: italic !important
}

._text-white {
    color: #fff !important
}

._text-primary {
    color: #0d0900 !important
}

a._text-primary:hover,
a._text-primary:focus {
    color: #000 !important
}

._text-secondary {
    color: #6c757d !important
}

a._text-secondary:hover,
a._text-secondary:focus {
    color: #494f54 !important
}

._text-success {
    color: #28a745 !important
}

a._text-success:hover,
a._text-success:focus {
    color: #19692c !important
}

._text-info {
    color: #17a2b8 !important
}

a._text-info:hover,
a._text-info:focus {
    color: #0f6674 !important
}

._text-warning {
    color: #ffc107 !important
}

a._text-warning:hover,
a._text-warning:focus {
    color: #ba8b00 !important
}

._text-danger {
    color: #dc3545 !important
}

a._text-danger:hover,
a._text-danger:focus {
    color: #a71d2a !important
}

._text-light {
    color: #f5f4f4 !important
}

a._text-light:hover,
a._text-light:focus {
    color: #d1cccc !important
}

._text-dark {
    color: #343a40 !important
}

a._text-dark:hover,
a._text-dark:focus {
    color: #121416 !important
}

._text-black {
    color: #0d0900 !important
}

a._text-black:hover,
a._text-black:focus {
    color: #000 !important
}

._text-pink {
    color: #aa4966 !important
}

a._text-pink:hover,
a._text-pink:focus {
    color: #743246 !important
}

._text-grey {
    color: #666 !important
}

a._text-grey:hover,
a._text-grey:focus {
    color: #404040 !important
}

._text-grey2 {
    color: #f5f4f4 !important
}

a._text-grey2:hover,
a._text-grey2:focus {
    color: #d1cccc !important
}

._text-sale {
    color: #ae131e !important
}

a._text-sale:hover,
a._text-sale:focus {
    color: #690b12 !important
}

._text-body {
    color: #0d0900 !important
}

._text-muted {
    color: #666 !important
}

._text-black-50 {
    color: rgba(0, 0, 0, .5) !important
}

._text-white-50 {
    color: rgba(255, 255, 255, .5) !important
}

._text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

._text-decoration-none {
    text-decoration: none !important
}

._text-break {
    word-break: break-word !important;
    word-wrap: break-word !important
}

._text-reset {
    color: inherit !important
}

._visible {
    visibility: visible !important
}

._invisible {
    visibility: hidden !important
}

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

._nunitoSemiBold {
    font-family: "Nunito Sans SemiBold", sans-serif
}

._nunitoBold {
    font-family: "Nunito Sans Bold", sans-serif
}

._domaine-text,
._display-1,
._display-2,
._display-3,
._blockquote,
._display-3-5,
._display-4,
._display-5,
._editorial,
._display-6 {
    font-family: "Domaine Text Light", serif
}

._domaine-italic {
    font-family: "Domaine Text Light", serif !important;
    font-style: italic
}

._plain,
._cta,
._cta-yellow,
._cta-white,
._cta-sale,
._cta-black,
._cta-pink,
._light {
    font-family: "Plain Light", sans-serif !important
}

._plain-medium {
    font-family: "Plain Medium", sans-serif !important
}

._underline {
    text-decoration: underline !important
}

._nunitoLight {
    font-family: "Nunito Sans Light", sans-serif
}

._h1,
._h2,
._h3,
._h4,
._h5,
._h6 {
    font-family: "Plain Medium", sans-serif;
    margin-bottom: 0;
    letter-spacing: .3px
}

._bold {
    text-shadow: 0 0
}

._bolder {
    font-weight: 600
}

._display-3-5 {
    font-size: 30px;
    line-height: 34px
}

._display-6 {
    font-size: 14px;
    line-height: 18px
}

._display-1,
._display-2,
._display-3,
._blockquote,
._display-3-5,
._display-4,
._display-5,
._editorial,
._display-6 {
    margin-bottom: 0;
    letter-spacing: .3px
}

._text-justify-center {
    text-align-last: center
}

._h1 {
    font-size: 1.375rem;
    letter-spacing: .6px;
    line-height: 30px
}

._h2 {
    font-size: 1.125rem;
    line-height: 26px
}

._h3 {
    font-size: 1rem;
    line-height: 24px
}

._h4 {
    font-size: .875rem;
    line-height: 22px
}

._h5 {
    font-size: .75rem;
    line-height: 20px
}

._h6 {
    font-size: .625rem
}

._display-1 {
    line-height: 52px
}

._display-2 {
    line-height: 44px
}

._display-3,
._blockquote {
    line-height: 32px
}

._display-4 {
    line-height: 28px
}

._display-5,
._editorial {
    line-height: 24px;
    font-size: 18px
}

@media(min-width:1024px) {
    ._display-1 {
        font-size: 40px;
        line-height: 48px
    }

    ._display-2 {
        font-size: 40px;
        line-height: 52px
    }

    ._display-3,
    ._blockquote {
        font-size: 32px;
        line-height: 44px
    }

    ._display-4 {
        font-size: 24px;
        line-height: 32px
    }

    ._display-5,
    ._editorial {
        font-size: 20px;
        line-height: 28px
    }
}

@media(min-width:1440px) {
    ._display-1 {
        font-size: 48px;
        line-height: 64px
    }
}

._p {
    font-family: "Plain Light", sans-serif;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 0
}

._p.-small {
    font-size: 12px;
    line-height: 20px
}

._p.-xsmall {
    font-size: 10px;
    line-height: 14px
}

img {
    max-width: 100%
}

figure {
    margin: 0
}

iframe {
    border: 0
}

._cta,
._cta-yellow,
._cta-white,
._cta-sale,
._cta-black,
._cta-pink {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: .24px;
    line-height: 18px;
    padding: 0 30px;
    border-radius: 0;
    min-height: 44px;
    height: 0
}

._cta.-rounded,
.-rounded._cta-yellow,
.-rounded._cta-white,
.-rounded._cta-sale,
.-rounded._cta-black,
.-rounded._cta-pink {
    border-radius: 4px
}

._cta.-small,
.-small._cta-yellow,
.-small._cta-white,
.-small._cta-sale,
.-small._cta-black,
.-small._cta-pink {
    min-height: 30px;
    font-size: 11px;
    padding-top: 1px
}

a._cta,
a._cta-yellow,
a._cta-white,
a._cta-sale,
a._cta-black,
a._cta-pink {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

._cta-white:hover:not(._bg-black) {
    background-color: transparent;
    color: #000
}

._cta-white._bg-black {
    border-color: #fff !important
}

._cta-yellow:hover {}

._btn-link.-small,
.-small._cta-link {
    font-size: 12px;
    line-height: 20px
}

._cta-link {
    display: inline-block;
    letter-spacing: .5px;
    text-decoration: underline;
    font-size: 14px;
    text-shadow: 0 0 rgba(0, 0, 0, .6)
}

._cta-link:hover {
    opacity: .8;
    text-decoration: underline
}

._cta-link.-small {
    font-size: 12px;
    line-height: 20px
}

._btn-link,
._cta-link,
._underline {
    text-underline-offset: 2px
}

button._cta-link {
    padding: 0;
    background: none;
    border: none
}

._btn:focus,
._cta:focus,
._cta-pink:focus,
._cta-black:focus,
._cta-sale:focus,
._cta-white:focus,
._cta-yellow:focus {
    box-shadow: none
}

._btn-outline-primary:focus {
    box-shadow: none
}

._btn-xs {
    font-size: 12px;
    line-height: 20px
}

._form-group {
    position: relative
}

._form-group ._btn,
._form-group ._cta,
._form-group ._cta-pink,
._form-group ._cta-black,
._form-group ._cta-sale,
._form-group ._cta-white,
._form-group ._cta-yellow {
    position: absolute;
    right: 0;
    top: 0
}

._w-94,
._w-90 {
    margin-left: auto;
    margin-right: auto
}

._blockquote {
    quotes: "‘" "’"
}

._blockquote:before {
    content: open-quote
}

._blockquote:after {
    content: close-quote
}

._form-control {
    color: #0d0900;
    text-shadow: 0 0 rgba(0, 0, 0, .5)
}

select {
    font-family: sans-serif
}

._text-uppercase {
    letter-spacing: 1px
}

.proposingAtHome #alertify {
    height: calc(100vh - 80px);
    border: none;
    overflow: auto
}

.proposingAtHome #alertify article.alertify-inner span.home-proposal-contact-experts {
    text-decoration: underline;
    cursor: pointer
}

.proposingAtHome #alertify article.alertify-inner img {
    margin: 24px auto;
    max-width: 100%
}

@media(min-width:769px) {
    .proposingAtHome #alertify article.alertify-inner img {
        margin: 12px auto
    }
}

.proposingAtHome #alertify article.alertify-inner h2 {
    font-family: "Playfair Display";
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: .5px;
    line-height: 33px;
    text-align: center
}

@media(min-width:769px) {
    .proposingAtHome #alertify article.alertify-inner h2 {
        font-size: 45px;
        letter-spacing: 1.41px;
        line-height: 60px;
        text-align: left
    }
}

.proposingAtHome #alertify article.alertify-inner h4 {
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px;
    text-align: left
}

@media(min-width:769px) {
    .proposingAtHome #alertify article.alertify-inner h4 {
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 26px
    }
}

.proposingAtHome #alertify article.alertify-inner p {
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px;
    text-align: left
}

@media(min-width:769px) {
    .proposingAtHome #alertify article.alertify-inner p {
        font-size: 16px;
        letter-spacing: .5px;
        line-height: 26px
    }
}

.proposingAtHome #alertify article.alertify-inner span.number,
.proposingAtHome #alertify article.alertify-inner h3 {
    font-family: "Playfair Display";
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: .5px;
    text-align: left
}

@media(min-width:769px) {

    .proposingAtHome #alertify article.alertify-inner span.number,
    .proposingAtHome #alertify article.alertify-inner h3 {
        font-size: 27px
    }
}

.proposingAtHome #alertify article.alertify-inner h3 {
    margin-bottom: 20px;
    margin-top: 28px
}

@media(min-width:769px) {
    .proposingAtHome #alertify article.alertify-inner h3 {
        margin-bottom: 24px;
        margin-top: 36px
    }
}

.proposingAtHome #alertify #alertify-ok {
    position: absolute;
    top: 0;
    right: 10px;
    padding: 0;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: none;
    background-image: url("/images/NewImages/Icons/exit.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.proposingAtHome #alertify::-webkit-scrollbar {
    width: 6px
}

.proposingAtHome #alertify::-webkit-scrollbar-track {
    background: #f1f1f1
}

.proposingAtHome #alertify::-webkit-scrollbar-thumb {
    background: #888
}

.proposingAtHome #alertify::-webkit-scrollbar-thumb:hover {
    background: #555
}

.proposingAtHome #alertify-cover {
    cursor: pointer
}

main#proposing-at-home .container {
    padding: 0 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

main#proposing-at-home section#articles {
    display: none
}

main#proposing-at-home span a,
main#proposing-at-home p a {
    text-decoration: underline
}

main#proposing-at-home h1,
main#proposing-at-home h2 {
    font-family: "Playfair Display";
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: .5px;
    line-height: 33px;
    text-align: center;
    margin: auto;
    margin-bottom: 18px
}

@media(min-width:769px) {

    main#proposing-at-home h1,
    main#proposing-at-home h2 {
        font-size: 45px;
        letter-spacing: 1.41px;
        line-height: 60px
    }
}

main#proposing-at-home p {
    max-width: 370px;
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 21px;
    text-align: center;
    margin: auto;
    margin-bottom: 1.25em
}

@media(min-width:769px) {
    main#proposing-at-home p {
        max-width: 680px;
        font-size: 16px;
        letter-spacing: .3px;
        line-height: 26px
    }
}

main#proposing-at-home p.errorMessage {
    text-align: left;
    margin-left: 0;
    max-width: 100%
}

main#proposing-at-home hr {
    border: none;
    border-bottom: 1px solid #000
}

@media(max-width:768px) {
    main#proposing-at-home .expansible-content {
        cursor: pointer
    }

    main#proposing-at-home .expansible-content:not(.expanded)>*:not(:first-child):not(.visible) {
        display: none
    }

    main#proposing-at-home .expansible-content:not(.expanded)>*:first-child {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 20px
    }
}

main#proposing-at-home #hero {
    padding: 78px 0;
    background-color: #f7f2ec
}

@media(min-width:769px) {
    main#proposing-at-home #hero {
        padding: 92px 0
    }
}

main#proposing-at-home #guides {
    padding: 48px 0
}

main#proposing-at-home #guides .guides-slider {
    position: relative
}

main#proposing-at-home #guides .guides-slider .carrousel_arrow {
    position: absolute;
    display: inline-block;
    top: 40%;
    z-index: 9;
    cursor: pointer;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 40% auto;
    background-image: url("/images/NewImages/Icons/ic_right.svg")
}

main#proposing-at-home #guides .guides-slider .carrousel_arrow.left {
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    left: 6px
}

main#proposing-at-home #guides .guides-slider .carrousel_arrow.right {
    right: 6px
}

main#proposing-at-home #guides .guides-slider .guides-slider-inner {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 75%;
    margin: auto;
    margin-top: 36px
}

@media(min-width:769px) {
    main#proposing-at-home #guides .guides-slider .guides-slider-inner {
        margin-top: 52px
    }
}

main#proposing-at-home #guides .guides-slider .guides-slider-inner .slide {
    padding: 8px;
    margin: auto
}

main#proposing-at-home #guides .guides-slider .guides-slider-inner .slide .slide-inner {
    border: 1px solid #000;
    cursor: pointer
}

@media(min-width:769px) {
    main#proposing-at-home #guides .guides-slider .guides-slider-inner .slide .slide-inner {
        border: none
    }

    main#proposing-at-home #guides .guides-slider .guides-slider-inner .slide .slide-inner:hover {
        border: 1px solid #000
    }
}

main#proposing-at-home #guides .guides-slider .guides-slider-inner .slide .slide-inner .slide-image .slide-image-inner {
    padding-top: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

main#proposing-at-home #guides .guides-slider .guides-slider-inner .slide .slide-inner .slide-content {
    padding: 6px;
    height: 160px;
    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: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 24px
}

main#proposing-at-home #guides .guides-slider .guides-slider-inner .slide .slide-inner .slide-content h3 {
    font-family: "Nunito Sans SemiBold";
    font-size: 18px;
    letter-spacing: .3px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
    max-width: 100%
}

main#proposing-at-home #guides .guides-slider .guides-slider-inner .slide .slide-inner .slide-content>span {
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 26px;
    text-decoration: underline;
    cursor: pointer
}

main#proposing-at-home #be-inspired {
    padding: 36px 0
}

main#proposing-at-home #be-inspired .instagram-slider {
    text-align: center;
    margin-top: 24px
}

main#proposing-at-home #expert-advice {
    padding: 36px 0
}

@media(min-width:769px) {
    main#proposing-at-home #expert-advice h2 {
        margin-bottom: 60px
    }
}

@media(min-width:769px) {
    main#proposing-at-home #expert-advice p {
        text-align: left
    }
}

@media(min-width:769px) {
    main#proposing-at-home #expert-advice .expert-advice-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media(min-width:769px) {
    main#proposing-at-home #expert-advice .expansible-content {
        max-width: 680px;
        padding-left: 40px
    }
}

main#proposing-at-home #expert-advice .expert-area {
    text-align: center
}

main#proposing-at-home #expert-advice .expert-area.desktop {
    display: none
}

main#proposing-at-home #expert-advice .expert-area img.expert-photo {
    margin: 28px auto;
    max-width: 280px
}

@media(min-width:769px) {
    main#proposing-at-home #expert-advice .expert-area img.expert-photo {
        margin: 0 auto 28px auto;
        max-width: 216px
    }

    main#proposing-at-home #expert-advice .expert-area.mobile {
        display: none
    }

    main#proposing-at-home #expert-advice .expert-area.desktop {
        display: block;
        max-width: 216px
    }
}

main#proposing-at-home #expert-advice .expert-area p.expert-name {
    margin-bottom: 6px
}

main#proposing-at-home #expert-advice .expert-area p.expert-name,
main#proposing-at-home #expert-advice .expert-area p.expert-title {
    font-size: 16px
}

main#proposing-at-home #expert-advice .expert-area p.expert-title {
    font-size: 16px;
    font-style: italic
}

main#proposing-at-home #expert-advice .expert-area hr {
    margin: 24px auto;
    max-width: 370px;
    border-color: #000
}

main#proposing-at-home #expert-advice .home-proposal-form-area {
    margin-top: 36px
}

@media(min-width:769px) {
    main#proposing-at-home #expert-advice .home-proposal-form-area {
        max-width: 450px
    }
}

main#proposing-at-home #expert-advice .home-proposal-form-area p.help-us-plan {
    margin: 48px 0 6px 0;
    text-align: left;
    width: 100%
}

main#proposing-at-home #expert-advice .home-proposal-form-area p.help-us-plan+hr {
    margin-bottom: 20px
}

main#proposing-at-home #expert-advice .home-proposal-form-area hr {
    margin: 0;
    margin-bottom: 15px;
    max-width: 100%
}

main#proposing-at-home #expert-advice .home-proposal-form-area hr:last-of-type {
    margin-top: 32px
}

main#proposing-at-home #expert-advice .home-proposal-form-area label {
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .3px;
    margin-bottom: 5px
}

main#proposing-at-home #expert-advice .home-proposal-form-area label[for="budget"],
main#proposing-at-home #expert-advice .home-proposal-form-area label[for="items-to-purchase"] {
    margin-top: 16px;
    margin-bottom: 10px
}

main#proposing-at-home #expert-advice .home-proposal-form-area input,
main#proposing-at-home #expert-advice .home-proposal-form-area select {
    border: 1px solid #333;
    border-radius: 4px;
    margin-bottom: 15px;
    height: 36px;
    width: 100%;
    font-family: "Nunito Sans Light";
    font-size: 16px;
    letter-spacing: .5px
}

main#proposing-at-home #expert-advice .home-proposal-form-area select[name="ccode-phone"] {
    width: 30%;
    display: inline-block;
    margin: 0;
    margin-bottom: 15px;
    border-radius: 6px 0 0 6px
}

main#proposing-at-home #expert-advice .home-proposal-form-area input[name="telephone"] {
    display: inline-block;
    width: 70%;
    margin: 0;
    margin-bottom: 15px;
    margin-left: -3px;
    border-radius: 0 6px 6px 0
}

main#proposing-at-home #expert-advice .home-proposal-form-area span.box {
    width: 18px;
    min-width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("/images/NewImages/Icons/empty_tick.svg");
    display: inline-block;
    cursor: pointer;
    margin-right: 12px;
    vertical-align: sub
}

main#proposing-at-home #expert-advice .home-proposal-form-area input[type="radio"]:checked~span.box {
    background-image: url("/images/NewImages/Icons/full_tick.svg")
}

main#proposing-at-home #expert-advice .home-proposal-form-area input[type="radio"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: sub;
    margin-right: 6px;
    margin-right: 24px;
    vertical-align: baseline;
    cursor: pointer;
    display: none
}

main#proposing-at-home #expert-advice .home-proposal-form-area input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    opacity: 1;
    display: block;
    background: url("/images/NewImages/Icons/calendar.svg") no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
    cursor: pointer
}

main#proposing-at-home #expert-advice .home-proposal-form-area span {
    font-family: "Nunito Sans Light";
    font-size: 14px;
    letter-spacing: .3px;
    line-height: 24px
}

main#proposing-at-home #expert-advice .home-proposal-form-area .unstyled::-webkit-inner-spin-button {
    display: none
}

main#proposing-at-home #expert-advice .home-proposal-form-area .unstyled {
    text-indent: 4px
}

main#proposing-at-home #expert-advice .home-proposal-form-area .fieldHolder.hasError~.buttonsHolder button {
    border: 1px solid red
}

main#proposing-at-home #expert-advice .home-proposal-form-area .fieldHolder.consent>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 36px;
    position: relative
}

main#proposing-at-home #expert-advice .home-proposal-form-area .fieldHolder.consent p.errorMessage {
    position: absolute;
    bottom: -24px;
    left: 28px;
    margin: 0
}

main#proposing-at-home #expert-advice .home-proposal-form-area .btn {
    width: 100%;
    height: 36px;
    color: #fff;
    font-family: "Nunito Sans SemiBold";
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 6px;
    background-color: #000;
    margin: auto
}

@font-face {
    font-family: 'Domaine Text Light';
    src: url('/assets/Fonts/domaine-text/DomaineText-Light-AK.eot');
    src: local('Domaine Text Light AK'), local('DomaineText-Light-AK'), url('/assets/Fonts/domaine-text/DomaineText-Light-AK.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/domaine-text/DomaineText-Light-AK.woff2') format('woff2'), url('/assets/Fonts/domaine-text/DomaineText-Light-AK.woff') format('woff'), url('/assets/Fonts/domaine-text/DomaineText-Light-AK.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Domaine Text Light';
    src: url('/assets/Fonts/domaine-text/DomaineText-LightItalic-AK.eot');
    src: local('Domaine Text Light Italic AK'), local('DomaineText-LightItalic-AK'), url('/assets/Fonts/domaine-text/DomaineText-LightItalic-AK.eot?#iefix') format('embedded-opentype'), url('/assets/Fonts/domaine-text/DomaineText-LightItalic-AK.woff2') format('woff2'), url('/assets/Fonts/domaine-text/DomaineText-LightItalic-AK.woff') format('woff'), url('/assets/Fonts/domaine-text/DomaineText-LightItalic-AK.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Plain Light";
    src: url("/assets/Fonts/plain/Plain-Light-AK.eot");
    src: local("Plain Light AK"), local("Plain-Light-AK"), url("/assets/Fonts/plain/Plain-Light-AK.eot?#iefix") format("embedded-opentype"), url("/assets/Fonts/plain/Plain-Light-AK.woff2") format("woff2"), url("/assets/Fonts/plain/Plain-Light-AK.woff") format("woff"), url("/assets/Fonts/plain/Plain-Light-AK.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Plain Medium";
    src: url("/assets/Fonts/plain/Plain-Medium-AK.eot");
    src: local("Plain Medium AK"), local("Plain-Medium-AK"), url("/assets/Fonts/plain/Plain-Medium-AK.eot?#iefix") format("embedded-opentype"), url("/assets/Fonts/plain/Plain-Medium-AK.woff2") format("woff2"), url("/assets/Fonts/plain/Plain-Medium-AK.woff") format("woff"), url("/assets/Fonts/plain/Plain-Medium-AK.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

.summer-sale-2020 h2,
.summer-sale-2020 h3,
.summer-sale-2020 #hero .newHomepageBanner.bf .slideContent .h1 {
    font-family: "Domaine Text Light";
    font-weight: 300;
    font-size: 24px;
    letter-spacing: .67px;
    line-height: 32px
}

@media screen and (min-width:768px) {

    .summer-sale-2020 h2,
    .summer-sale-2020 h3,
    .summer-sale-2020 #hero .newHomepageBanner.bf .slideContent .h1 {
        font-size: 32px;
        letter-spacing: .6px;
        line-height: 42px
    }
}

._\37 7Clock {
    display: inline-block;
    line-height: 1
}

._\37 7Clock .timeHolder {
    display: inline-block;
    margin: 0 2px;
    vertical-align: middle
}

._\37 7Clock .timeHolder>div {
    display: inline-block
}

._\37 7Clock .timeHolder span {
    font-size: 20px;
    width: 12px;
    display: inline-block;
    margin-top: 1px
}

._\37 7Clock .secs {
    display: none
}

._\37 7Clock.ends-today .secs {
    display: inline-block
}

._\37 7Clock.ends-today .days {
    display: none
}

@media screen and (min-width:375px) {
    ._\37 7Clock .countdown {
        margin: 0 3px
    }

    ._\37 7Clock .countdown .timeHolder {
        margin: 0 3px
    }
}

@media screen and (min-width:768px) {
    ._\37 7Clock .countdown .timeHolder {
        margin: 0 10px
    }
}

._\37 7Clock .countdown .label {
    vertical-align: super;
    font-size: 12px;
    width: 10px
}

@media screen and (min-width:375px) {
    ._\37 7Clock .countdown .label {
        margin: 0 4px
    }
}

._\37 7Clock .countdown .label:not(.alternative) {
    display: none
}

.topbar {
    position: relative;
    overflow: hidden;
    background-color: #ffc13b;
    height: 36px;
    text-align: center
}

.topbar .topbar-frame {
    line-height: 36px;
    white-space: nowrap;
    color: #0d0900;
    font-family: "Plain Light", sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    text-shadow: 0 0
}

@media screen and (min-width:768px) {
    .topbar .topbar-frame {
        font-size: 14px
    }
}

.topbar .topbar-link {
    font-size: 12px;
    letter-spacing: .4px;
    text-transform: uppercase;
    border-bottom: 1px solid;
    vertical-align: bottom
}

.topbar.isblackfriday {
    background-color: #0d0900
}

.topbar.isblackfriday .topbar-frame {
    color: #fff
}

@media screen and (max-width:767.8px) {
    body:not(.defered) .topbar-frame:not(:first-child) {
        display: none
    }
}

@media screen and (max-width:767.8px) {
    body.defered .topbar .topbar-frame.-sm {
        position: absolute;
        width: 100%;
        height: 36px;
        left: 0;
        top: 100%
    }
}

body.defered .topbar .topbar-frame:not(.-sm) {
    position: absolute;
    width: 100%;
    height: 36px;
    left: 0;
    top: 100%
}

body.defered .topbar .topbar-frame {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

body.defered .topbar .topbar-frame:nth-child(1) {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

body.defered .topbar .topbar-frame:nth-child(2) {
    -webkit-animation-delay: -8.5s;
    animation-delay: -8.5s
}

body.defered .topbar .topbar-frame:nth-child(3) {
    -webkit-animation-delay: -16.5s;
    animation-delay: -16.5s
}

body.defered .topbar .topbar-frame:nth-child(4) {
    -webkit-animation-delay: -24.5s;
    animation-delay: -24.5s
}

body.defered .topbar[frames="2"] .topbar-frame {
    -webkit-animation-name: frames_2;
    animation-name: frames_2;
    -webkit-animation-duration: 16s;
    animation-duration: 16s
}

body.defered .topbar[frames="3"] .topbar-frame {
    -webkit-animation-name: frames_3;
    animation-name: frames_3;
    -webkit-animation-duration: 24s;
    animation-duration: 24s
}

body.defered .topbar[frames="4"] .topbar-frame {
    -webkit-animation-name: frames_4;
    animation-name: frames_4;
    -webkit-animation-duration: 32s;
    animation-duration: 32s
}

@-webkit-keyframes frames_2 {
    0% {
        top: 100%
    }

    1% {
        top: 0
    }

    50% {
        top: 0
    }

    51% {
        top: -100%
    }

    100% {
        top: -100%
    }
}

@keyframes frames_2 {
    0% {
        top: 100%
    }

    1% {
        top: 0
    }

    50% {
        top: 0
    }

    51% {
        top: -100%
    }

    100% {
        top: -100%
    }
}

@-webkit-keyframes frames_3 {
    0% {
        top: 100%
    }

    1% {
        top: 0
    }

    33% {
        top: 0
    }

    34% {
        top: -100%
    }

    100% {
        top: -100%
    }
}

@keyframes frames_3 {
    0% {
        top: 100%
    }

    1% {
        top: 0
    }

    33% {
        top: 0
    }

    34% {
        top: -100%
    }

    100% {
        top: -100%
    }
}

@-webkit-keyframes frames_4 {
    0% {
        top: 100%
    }

    1% {
        top: 0
    }

    25% {
        top: 0
    }

    26% {
        top: -100%
    }

    100% {
        top: -100%
    }
}

@keyframes frames_4 {
    0% {
        top: 100%
    }

    1% {
        top: 0
    }

    25% {
        top: 0
    }

    26% {
        top: -100%
    }

    100% {
        top: -100%
    }
}

#newsLetterSubscriptionBottomRightFooter {
    text-align: center
}

#newsLetterSubscriptionBottomRightFooter .titleArea {
    position: relative;
    font-size: 14px;
    border-radius: 24px;
    background-color: #000;
    -webkit-transition: all .4s;
    transition: all .4s
}

body:not(.defered) #newsLetterSubscriptionBottomRightFooter .titleArea {
    display: none
}

#newsLetterSubscriptionBottomRightFooter .titleArea:hover {
    color: #fff
}

#newsLetterSubscriptionBottomRightFooter .titleArea.-hidden {
    opacity: 0;
    visibility: hidden
}

#newsLetterSubscriptionBottomRightFooter .titleArea .expand-button {
    margin-top: -5px;
    margin-left: 8px;
    margin-right: -10px
}

#newsLetterSubscriptionBottomRightFooter .titleArea .expand-button:not(.flip) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#newsLetterSubscriptionBottomRightFooter .expandedArea {
    position: relative;
    padding: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#newsLetterSubscriptionBottomRightFooter .expandedArea ._h4 {
    letter-spacing: 0
}

#newsLetterSubscriptionBottomRightFooter .expandedArea video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 1px 2px 0 0
}

#newsLetterSubscriptionBottomRightFooter .expandedArea .terms a {
    text-decoration: underline
}

#newsLetterSubscriptionBottomRightFooter .close-giveaway {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 15px
}

@media(max-width:767.8px) {
    #newsLetterSubscriptionBottomRightFooter .titleArea {
        position: fixed;
        z-index: 550;
        bottom: 16px;
        right: 16px
    }

    body.hasCookieNotice #newsLetterSubscriptionBottomRightFooter .titleArea {
        bottom: 86px
    }

    #newsLetterSubscriptionBottomRightFooter .expandedArea {
        border: solid #e5e5e5;
        border-width: 1px 0;
        display: block !important
    }

    #newsLetterSubscriptionBottomRightFooter .expandedArea ._cta-white {
        width: 100%
    }
}

@media(min-width:768px) {
    #newsLetterSubscriptionBottomRightFooter {
        position: fixed;
        bottom: 16px;
        right: 90px;
        z-index: 1040
    }

    #newsLetterSubscriptionBottomRightFooter .expandedArea {
        position: absolute;
        max-height: 85vh;
        overflow: auto;
        width: 400px;
        bottom: 58px;
        right: -60px;
        display: none;
        border: 1px solid #e4e4e4;
        background: #fff;
        -webkit-box-shadow: 0 5px 11px 3px rgba(0, 0, 0, .35);
        box-shadow: 0 5px 11px 3px rgba(0, 0, 0, .35)
    }

    #newsLetterSubscriptionBottomRightFooter img {
        -o-object-fit: none;
        object-fit: none
    }
}

@media(max-width:767.8px) {
    body.hasNewsletterBoxBottomRight .cta-buttons {
        bottom: 80px
    }
}

@media(max-width:767.8px) {
    .signup-form .g-recaptcha {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }
}

.signup-form .has-countdown {
    -webkit-box-shadow: 0 10px 16px -3px rgba(13, 9, 0, .1), 0 1px 6px -2px rgba(13, 9, 0, .05);
    box-shadow: 0 10px 16px -3px rgba(13, 9, 0, .1), 0 1px 6px -2px rgba(13, 9, 0, .05);
    border-radius: 4px
}

.signup-form .has-countdown .countdownHolder {
    border-radius: 4px 4px 0 0
}

.signup-form .has-countdown .form-content {
    padding: 32px
}

.signup-form .countdownHolder {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #0d0900;
    padding: 14px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.signup-form .countdownHolder h5 {
    color: #fff;
    font-family: "Domaine Text Light";
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0
}

.signup-form .countdownHolder .timeHolder span {
    color: #fff;
    font-family: "Domaine Text Light";
    font-size: 32px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    width: auto
}

.signup-form .countdownHolder .timeHolder .label {
    display: unset;
    color: #fff;
    font-family: "Domaine Text Light";
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 13px;
    text-transform: uppercase
}

.signup-form .countdownHolder .timeHolder .label.alternative {
    display: none !important
}

@media(min-width:480px) and (max-width:1440px) {
    .signup-form .countdownHolder .timeHolder .label {
        display: none !important
    }

    .signup-form .countdownHolder .timeHolder .label.alternative {
        display: unset !important
    }
}

@media(max-width:1025px) {
    .signup-form .countdownHolder {
        padding: 8px 0
    }

    .signup-form .countdownHolder h5 {
        font-size: 14px;
        line-height: 24px
    }

    .signup-form .countdownHolder .timeHolder span {
        font-size: 24px;
        letter-spacing: .6px;
        line-height: 10px
    }

    .signup-form .countdownHolder .timeHolder .label {
        font-size: 8px;
        line-height: 24px
    }
}

.signup-form .text-content {
    position: relative
}

.signup-form .text-content .newsletter-title {
    font-family: "Domaine Text Light";
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 32px
}

.signup-form .text-content .newsletter-description,
.signup-form .text-content .newsletter-extra-content {
    font-family: "Plain Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.signup-form .text-content .newsletter-description::first-letter,
.signup-form .text-content .newsletter-extra-content::first-letter {
    text-transform: capitalize
}

.signup-form .text-content .newsletter-extra-content {
    margin-top: 24px
}

.signup-form .text-content .newsletter-extra-content p {
    margin: 0
}

.signup-form .text-content .newsletter-extra-content p:last-child {
    margin-top: 16px
}

.signup-form .text-content .newsletter-extra-content p a {
    text-decoration: underline;
    font-family: "Plain Medium"
}

.signup-form .text-content .newsletter-extra-content strong {
    font-family: "Plain Medium";
    margin-bottom: 4px
}

.signup-form .text-content .newsletter-extra-content strong :last-child {
    margin-top: 16px
}

.signup-form .fieldHolder.floating-label {
    position: relative;
    height: 44px;
    border: 1px solid #e4e4e4;
    background-color: #fff
}

.signup-form .fieldHolder.floating-label .floating-input:not(:-moz-placeholder-shown)~label {
    top: 0;
    transform: translateY(4px);
    color: #666;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px
}

.signup-form .fieldHolder.floating-label .floating-input:not(:-ms-input-placeholder)~label {
    top: 0;
    transform: translateY(4px);
    color: #666;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px
}

.signup-form .fieldHolder.floating-label .floating-input:focus~label,
.signup-form .fieldHolder.floating-label .floating-input:not(:placeholder-shown)~label {
    top: 0;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    color: #666;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px
}

.signup-form .fieldHolder.floating-label:focus-within {
    border: 1px solid #666
}

.signup-form .fieldHolder.floating-label label {
    color: #666;
    font-family: "Plain Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    position: absolute;
    pointer-events: none;
    left: 0;
    padding: 0 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.signup-form .fieldHolder.floating-label.hasError {
    border: 1px solid #a9201e;
    margin-bottom: 40px
}

.signup-form .fieldHolder.floating-label.hasError label {
    color: #a9201e !important
}

.signup-form .fieldHolder.floating-label .errorMessage {
    position: absolute;
    bottom: 0;
    -webkit-transform: translateY(110%);
    transform: translateY(110%);
    margin: 0
}

.signup-form .fieldHolder.floating-label .errorMessage span {
    color: #a9201e;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 16px
}

.signup-form .fieldHolder input {
    font-family: "Plain Light";
    color: #0d0900;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    height: 28px;
    border: 0;
    outline: 0;
    bottom: 0;
    position: absolute
}

.signup-form .fieldHolder input:-webkit-autofill {
    -webkit-background-clip: text;
    background-clip: text
}

.signup-form .fieldHolder input:focus {
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.signup-form .fieldHolder input::-webkit-input-placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.signup-form .fieldHolder input::-moz-placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.signup-form .fieldHolder input:-ms-input-placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.signup-form .fieldHolder input::-ms-input-placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.signup-form .fieldHolder input::placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

.signup-form .genderWrapper {
    -webkit-box-shadow: 0 0 0 4px white, 0 0 0 5px #e4e4e4;
    box-shadow: 0 0 0 4px white, 0 0 0 5px #e4e4e4;
    background: #fff;
    margin: 24px auto
}

.signup-form .genderWrapper input+span {
    font-family: "Plain Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: center
}

.signup-form .genderWrapper .toggler {
    background-color: #f2f2f2;
    color: #000
}

.signup-form .genderWrapper .toggler span {
    font-family: "Plain Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: center
}

.signup-form .genderWrapper .toggler.active {
    background-color: #0d0900;
    color: #fff
}

.signup-form input[type=radio] {
    vertical-align: middle;
    margin: -2px 5px 0 0;
    width: 16px;
    height: 16px;
    accent-color: #0d0900
}

.signup-form .consent-container {
    font-family: "Plain Light";
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 20px;
    color: #666
}

.signup-form .consent-container p {
    margin: 0
}

.signup-form .consent-container .consent-text {
    cursor: pointer
}

.signup-form .consent-container .more-consent-text {
    visibility: hidden
}

.signup-form .consent-container a {
    text-decoration: underline;
    color: #666
}

.signup-form .consent-container.constent-toggle .more-consent-text {
    visibility: unset
}

.signup-form .consent-container.constent-toggle .down-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.signup-form .signup-button {
    position: relative
}

.signup-form .signup-button .loading,
.signup-form .signup-button .check,
.signup-form .signup-button .error {
    display: none
}

.signup-form .signup-button.active {
    background-color: #2ecc71
}

.signup-form .signup-button.active:before {
    width: 100%;
    -webkit-transition: width 3s linear;
    transition: width 3s linear
}

.signup-form .signup-button.active .loading i {
    -webkit-animation: loading 500ms linear infinite;
    animation: loading 500ms linear infinite
}

.signup-form .signup-button.finished {
    background-color: #54d98c
}

.signup-form .signup-button.finished .submit {
    display: none
}

.signup-form .signup-button.finished .loading {
    display: none
}

.signup-form .signup-button.finished .check {
    display: block !important;
    font-size: 24px;
    -webkit-animation: scale .5s linear;
    animation: scale .5s linear
}

.signup-form .signup-button.finished .check i {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.signup-form .signup-button.failed {
    background-color: #d95954
}

.signup-form .signup-button.failed .submit {
    display: none
}

.signup-form .signup-button.failed .loading {
    display: none
}

.signup-form .signup-button.failed .check {
    display: none
}

.signup-form .signup-button.failed .error {
    display: block !important;
    font-size: 24px;
    -webkit-animation: scale .5s linear;
    animation: scale .5s linear
}

.signup-form .signup-button.failed .error i {
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.signup-form .signup-button:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #54d98c
}

#openSignupSale {
    position: fixed;
    z-index: 550;
    bottom: 16px;
    left: 16px;
    -webkit-transition: all .4s;
    transition: all .4s
}

body.hasCookieNotice #openSignupSale {
    bottom: 86px
}

#openSignupSale.-hidden {
    opacity: 0;
    visibility: hidden
}

#NewsletterSignupPage {
    background-color: #fff;
    padding: 64px 0
}

@media(max-width:480px) {
    #NewsletterSignupPage .formImageArea {
        margin-top: 24px
    }
}

#NewsletterSignupPage .sample-sale-animation {
    height: 672px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: #0d0900;
    color: #fff
}

#NewsletterSignupPage .sample-sale-animation h3 {
    font-family: "Domaine Text Light";
    font-style: normal;
    font-weight: 300;
    font-size: 54px;
    line-height: 69px;
    text-transform: uppercase
}

#NewsletterSignupPage .sample-sale-animation .animated-line {
    margin-top: 29px;
    height: 4px;
    width: 180px;
    background: #fff;
    animation: extend-line 400ms ease-out 5s forwards
}

@keyframes extend-line {
    0% {
        width: 180px
    }

    100% {
        width: 280px
    }
}

@media(max-width:1024px) {
    #NewsletterSignupPage .sample-sale-animation {
        height: 512px
    }

    #NewsletterSignupPage .sample-sale-animation h3 {
        font-size: 44px;
        line-height: 56px
    }

    #NewsletterSignupPage .sample-sale-animation .animated-line {
        height: 2px;
        width: 140px;
        margin-top: 19px;
        animation: extend-line-2 400ms ease-out 5s forwards
    }
}

@media(max-width:768px) {
    #NewsletterSignupPage .sample-sale-animation {
        height: 384px
    }

    #NewsletterSignupPage .sample-sale-animation h3 {
        font-size: 34px;
        line-height: 44px
    }

    #NewsletterSignupPage .sample-sale-animation .animated-line {
        width: 110px;
        margin-top: 12px;
        animation: extend-line-3 400ms ease-out 5s forwards
    }
}

@media(max-width:480px) {
    #NewsletterSignupPage .sample-sale-animation {
        height: 375px
    }
}

#NewsletterSignupPage #confirmationFormSection {
    display: none;
    color: #0d0900;
    flex-direction: column;
    justify-items: flex-start
}

#NewsletterSignupPage #confirmationFormSection .confirmation-title {
    font-family: "Domaine Text Light";
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px
}

#NewsletterSignupPage #confirmationFormSection p {
    font-family: "Plain Light";
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 20px;
    margin: 0
}

#NewsletterSignupPage #confirmationFormSection a {
    background-color: #0d0900;
    color: #fff;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 240px;
    height: 44px;
    border: 1px solid transparent;
    transition: all .4s linear;
    display: flex;
    align-items: center;
    justify-content: center
}

#NewsletterSignupPage #confirmationFormSection a+a {
    margin-top: 24px
}

#NewsletterSignupPage #confirmationFormSection a:hover {
    border: 1px solid #0d0900;
    color: #0d0900;
    background-color: #fff
}

@keyframes extend-line-2 {
    0% {
        width: 140px
    }

    100% {
        width: 240px
    }
}

@keyframes extend-line-3 {
    0% {
        width: 140px
    }

    100% {
        width: 190px
    }
}

#NewsletterSignupConditions {
    background-color: #fafafa;
    padding: 32px 0
}

#NewsletterSignupConditions .condition-title {
    font-family: "Plain Medium";
    font-style: normal;
    font-size: 14px;
    line-height: 24px
}

#NewsletterSignupConditions .condition-desc {
    font-family: "Plain Light";
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    margin: 8px 0
}

#NewsletterSignupConditions ol {
    list-style-type: decimal
}

#NewsletterSignupConditions li {
    margin-bottom: 6px;
    margin-left: 12px;
    font-family: "Plain Light";
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    max-width: 950px
}

#NewsletterSignupConditions a {
    text-decoration: underline
}

@media(max-width:1221px) {
    #NewsletterSignupConditions {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media(min-width:1042px) {
    #discountShowcase {
        margin: 40px 150px 0 150px !important
    }
}

@media(min-width:768px) {
    #discountShowcase {
        margin: 40px 0 0 0
    }
}

@media(max-width:425px) {
    #discountShowcase {
        margin-top: 20px
    }
}

#discountShowcase a,
#discountShowcase a:hover {
    color: unset
}

#discountShowcase a:hover .discountItem .product_category {
    opacity: .4
}

#discountShowcase .whiteBG .product_image img {
    border: 1px solid #d3d3d3
}

#discountShowcase .discountItem .product_category {
    font-family: "Nunito Sans";
    font-size: 16px;
    letter-spacing: .5px;
    line-height: 22px;
    margin-top: 10px
}

#discountShowcase .discountItem .product_discount_area {
    font-family: "Nunito Sans SemiBold";
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 22px;
    color: #adadad
}

#bfSignupPage {
    position: relative
}

#bfSignupPage picture img {
    width: 100%;
    object-fit: cover;
    height: 100%
}

#bfSignupPage .text-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

#bfSignupPage .text-container .text-content .info {
    display: none
}

#bfSignupPage .text-container .text-content .logo {
    color: #fff;
    margin-top: 104px
}

#bfSignupPage .text-container .text-content .logo h1 {
    font-family: "Domaine Text Light";
    font-size: 90px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 118px;
    text-align: center;
    margin: 0;
    text-transform: uppercase
}

#bfSignupPage .text-container .text-content .logo span {
    font-family: "Domaine Text Light";
    font-size: 44px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 57px;
    text-align: center
}

#bfSignupPage .text-container .text-content .logo span:first-child {
    margin-left: 84px
}

#bfSignupPage .text-container .text-content .logo span:last-child {
    float: right;
    margin-right: 82px;
    margin-bottom: 104px
}

@media(max-width:1441px) {
    #bfSignupPage .text-container .text-content .logo {
        margin-top: 81px
    }

    #bfSignupPage .text-container .text-content .logo h1 {
        font-size: 70px;
        line-height: 92px
    }

    #bfSignupPage .text-container .text-content .logo span {
        font-size: 30px;
        line-height: 39px
    }

    #bfSignupPage .text-container .text-content .logo span:last-child {
        margin-bottom: 81px
    }
}

@media(max-width:1025px) {
    #bfSignupPage .text-container .text-content .logo {
        margin-top: 40px
    }

    #bfSignupPage .text-container .text-content .logo h1 {
        font-size: 50px;
        line-height: 66px
    }

    #bfSignupPage .text-container .text-content .logo span {
        font-size: 24px;
        line-height: 32px
    }

    #bfSignupPage .text-container .text-content .logo span:last-child {
        margin-bottom: 40px
    }
}

#bfSignupPage .text-container .textHolder.cupid h2,
#bfSignupPage .text-container .textHolder.cupid p {
    color: #0d0900
}

#bfSignupPage .text-container .textHolder h2 {
    color: #fff;
    font-family: "Domaine Text Light";
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 52px
}

#bfSignupPage .text-container .textHolder p {
    color: #fff;
    font-family: "Domaine Text Light";
    font-style: italic;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left
}

#bfSignupPage .text-container .countdownHolder {
    width: 100%;
    display: none;
    background-color: #0d0900;
    padding: 14px 0;
    justify-content: center;
    align-items: flex-end
}

@media(max-width:768px) {
    #bfSignupPage .text-container .countdownHolder {
        display: flex
    }
}

#bfSignupPage .text-container .countdownHolder h5 {
    color: #fff;
    font-family: "Domaine Text Light";
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    margin: 0
}

#bfSignupPage .text-container .countdownHolder .timeHolder span {
    color: #fff;
    font-family: "Domaine Text Light";
    font-size: 32px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    width: auto
}

#bfSignupPage .text-container .countdownHolder .timeHolder .label {
    display: unset;
    color: #fff;
    font-family: "Domaine Text Light";
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 13px;
    text-transform: uppercase
}

#bfSignupPage .text-container .countdownHolder .timeHolder .label.alternative {
    display: none !important
}

@media(max-width:1025px) {
    #bfSignupPage .text-container .countdownHolder {
        padding: 8px 0
    }

    #bfSignupPage .text-container .countdownHolder h5 {
        font-size: 14px;
        line-height: 24px
    }

    #bfSignupPage .text-container .countdownHolder .timeHolder span {
        font-size: 24px;
        letter-spacing: .6px;
        line-height: 10px
    }

    #bfSignupPage .text-container .countdownHolder .timeHolder .label {
        font-size: 8px;
        line-height: 24px
    }
}

#bfSignupPage .text-container .formHolder {
    border-radius: 4px;
    background-color: #fff;
    padding: 32px
}

@media(min-width:1441px) {
    #bfSignupPage .text-container .formHolder {
        max-width: 500px;
        flex: 0 0 500px
    }
}

@media(max-width:1025px) {
    #bfSignupPage .text-container .formHolder {
        padding: 24px
    }
}

@media(max-width:769px) {
    #bfSignupPage .text-container .formHolder {
        padding: 0
    }
}

#bfSignupPage .text-container .formHolder .floating-label {
    position: relative;
    margin-bottom: 24px;
    height: 44px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    background-color: #fff
}

#bfSignupPage .text-container .formHolder .floating-label .floating-input:focus~label,
#bfSignupPage .text-container .formHolder .floating-label .floating-input:not(:placeholder-shown)~label {
    top: 0;
    transform: translateY(3px);
    color: #666;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px
}

#bfSignupPage .text-container .formHolder .floating-label:focus-within {
    border: 1px solid #666
}

#bfSignupPage .text-container .formHolder .floating-label label {
    color: #666;
    font-family: "Plain Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    position: absolute;
    pointer-events: none;
    left: 0;
    padding: 0 10px;
    top: 50%;
    transform: translateY(-50%);
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

#bfSignupPage .text-container .formHolder .floating-label.hasError {
    border: 1px solid #a9201e;
    margin-bottom: 40px
}

#bfSignupPage .text-container .formHolder .floating-label.hasError label {
    color: #a9201e !important
}

#bfSignupPage .text-container .formHolder .floating-label .errorMessage {
    position: absolute;
    bottom: 0;
    transform: translateY(110%);
    margin: 0
}

#bfSignupPage .text-container .formHolder .floating-label .errorMessage span {
    color: #a9201e;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 16px
}

#bfSignupPage .text-container .formHolder input[type=text] {
    font-family: "Plain Light";
    color: #0d0900;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    border: 0;
    outline: 0;
    bottom: 0;
    position: absolute;
    height: calc(1.5em + .75rem);
    padding: 3px .75rem
}

#bfSignupPage .text-container .formHolder input[type=text]:-webkit-autofill {
    -webkit-background-clip: text;
    background-clip: text
}

#bfSignupPage .text-container .formHolder input[type=text]:focus {
    outline: 0;
    border: 0;
    box-shadow: none
}

#bfSignupPage .text-container .formHolder input[type=text]::placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

#bfSignupPage .text-container .formHolder .countdownHolder {
    display: none
}

#bfSignupPage .text-container .formHolder.hasCountdown {
    padding: 0
}

#bfSignupPage .text-container .formHolder.hasCountdown .countdownHolder {
    border: 1px solid #fff;
    border-radius: 4px 4px 0 0;
    display: flex
}

@media(max-width:768px) {
    #bfSignupPage .text-container .formHolder.hasCountdown .countdownHolder {
        display: none
    }
}

#bfSignupPage .text-container .formHolder.hasCountdown .formFields {
    padding: 32px
}

#bfSignupPage .text-container p {
    margin-top: 16px;
    color: #0d0900;
    font-family: "Plain Light";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center
}

#bfSignupPage .text-container .form {
    margin-top: 48px
}

#bfSignupPage .text-container .consent-container {
    font-family: "Plain Light"
}

#bfSignupPage .text-container .consent-container .consent-text {
    margin-top: 16px;
    margin-bottom: 12px;
    color: #666;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    cursor: pointer
}

#bfSignupPage .text-container .consent-container .more-consent-text {
    display: none;
    color: #666;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center
}

#bfSignupPage .text-container .consent-container a {
    text-decoration: underline
}

#bfSignupPage .text-container .consent-container.constent-toggle .more-consent-text {
    display: unset
}

#bfSignupPage .text-container .consent-container.constent-toggle .down-arrow {
    transform: rotate(180deg)
}

#bfSignupPage .text-container .gender-selection input {
    accent-color: #0d0900
}

#bfSignupPage .text-container .gender-selection .gender {
    font-family: "Plain Light";
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px
}

#bfSignupPage .text-container .genderWrapper {
    -webkit-box-shadow: 0 0 0 4px white, 0 0 0 5px #e4e4e4;
    box-shadow: 0 0 0 4px white, 0 0 0 5px #e4e4e4;
    background: #fff;
    margin: 24px auto
}

#bfSignupPage .text-container .genderWrapper input+span {
    font-family: "Plain Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: center
}

#bfSignupPage .text-container .genderWrapper .toggler {
    background-color: #f2f2f2;
    color: #000
}

#bfSignupPage .text-container .genderWrapper .toggler span {
    font-family: "Plain Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    text-align: center
}

#bfSignupPage .text-container .genderWrapper .toggler.active {
    background-color: #0d0900;
    color: #fff
}

#bfSignupPage .text-container #SignupPageButton {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    background-color: #0d0900;
    border: 1px solid transparent;
    border-radius: 0;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    font-family: "Plain Light";
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    height: 44px;
    transition: all .4s linear
}

#bfSignupPage .text-container #SignupPageButton.active {
    background-color: #2ecc71
}

#bfSignupPage .text-container #SignupPageButton.active:before {
    width: 100%;
    transition: width 3s linear
}

#bfSignupPage .text-container #SignupPageButton.active span:nth-of-type(1) {
    top: -100%;
    transform: translateY(-50%)
}

#bfSignupPage .text-container #SignupPageButton.active span:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%)
}

#bfSignupPage .text-container #SignupPageButton.active span:nth-of-type(2) i {
    animation: loading 500ms linear infinite
}

#bfSignupPage .text-container #SignupPageButton.active span:nth-of-type(3) {
    display: none
}

#bfSignupPage .text-container #SignupPageButton.active span:nth-of-type(4) {
    display: none
}

#bfSignupPage .text-container #SignupPageButton.finished {
    background-color: #54d98c
}

#bfSignupPage .text-container #SignupPageButton.finished .submit {
    display: none
}

#bfSignupPage .text-container #SignupPageButton.finished .loading {
    display: none
}

#bfSignupPage .text-container #SignupPageButton.finished .check {
    display: block !important;
    font-size: 24px;
    animation: scale .5s linear
}

#bfSignupPage .text-container #SignupPageButton.finished .check i {
    transform-origin: center center
}

#bfSignupPage .text-container #SignupPageButton.failed {
    background-color: #d95954
}

#bfSignupPage .text-container #SignupPageButton.failed .submit {
    display: none
}

#bfSignupPage .text-container #SignupPageButton.failed .loading {
    display: none
}

#bfSignupPage .text-container #SignupPageButton.failed .check {
    display: none
}

#bfSignupPage .text-container #SignupPageButton.failed .error {
    display: block !important;
    font-size: 24px;
    animation: scale .5s linear
}

#bfSignupPage .text-container #SignupPageButton.failed .error i {
    transform-origin: center center
}

#bfSignupPage .text-container #SignupPageButton:hover {
    background-color: #fff;
    border: 1px solid #0d0900;
    color: #0d0900
}

#bfSignupPage .text-container #SignupPageButton.finished:hover,
#bfSignupPage .text-container #SignupPageButton.active:hover {
    background-color: #54d98c;
    border: 1px solid transparent;
    color: unset
}

#bfSignupPage .text-container #SignupPageButton.failed:hover {
    background-color: #d95954;
    border: 1px solid transparent;
    color: unset
}

#bfSignupPage .text-container #SignupPageButton:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #54d98c
}

#bfSignupPage .text-container #SignupPageButton span {
    position: absolute;
    line-height: 0
}

#bfSignupPage .text-container #SignupPageButton span i {
    transform-origin: center center
}

#bfSignupPage .text-container #SignupPageButton span:nth-of-type(1) {
    top: 50%;
    transform: translateY(-50%)
}

#bfSignupPage .text-container #SignupPageButton span:nth-of-type(2) {
    top: 100%;
    transform: translateY(0%);
    font-size: 24px
}

#bfSignupPage .text-container #SignupPageButton span:nth-of-type(3) {
    display: none
}

#bfSignupPage .text-container #SignupPageButton span:nth-of-type(4) {
    display: none
}

@media(max-width:769px) {
    #bfSignupPage .text-container {
        position: unset
    }

    #bfSignupPage .text-container .text-content {
        display: none
    }

    #bfSignupPage .text-container .content {
        flex-direction: column
    }

    #bfSignupPage .text-container .content .textHolder {
        display: unset;
        margin-top: 32px
    }

    #bfSignupPage .text-container .content .textHolder h2,
    #bfSignupPage .text-container .content .textHolder p {
        color: #0d0900;
        text-align: center
    }

    #bfSignupPage .text-container .content .textHolder h2 {
        font-size: 32px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 44px
    }

    #bfSignupPage .text-container .content .textHolder p {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 20px
    }

    #bfSignupPage .text-container .content .textHolder p {
        margin-top: 8px
    }
}

@media(max-width:426px) {
    #bfSignupPage .text-container .content .textHolder h2 {
        font-size: 24px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 32px
    }

    #bfSignupPage .text-container .content .textHolder p {
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 20px
    }
}

#bfSignupPage .imageHolder {
    position: relative
}

#bfSignupPage .imageHolder .overlay-black {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: block
}

@media(max-width:769px) {
    #bfSignupPage .imageHolder .overlay-black {
        display: none
    }
}

#bfSignupPage .imageHolder .text-content-sm {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

#bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo {
    color: #fff
}

#bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo h1 {
    font-family: "Domaine Text Light";
    font-size: 50px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 66px;
    text-align: center;
    margin: 0;
    text-transform: uppercase
}

#bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo span {
    font-family: "Domaine Text Light";
    font-size: 24px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center
}

#bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo span:first-child {
    margin-left: 47px
}

#bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo span:last-child {
    float: right;
    margin-right: 49px
}

#bfSignupPage .imageHolder .text-content-sm .text-container-sm .info {
    position: absolute;
    bottom: 0;
    left: 0
}

#bfSignupPage .imageHolder .text-content-sm .text-container-sm .info h2 {
    color: #fff;
    font-family: "Domaine Text Light";
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center
}

#bfSignupPage .imageHolder .text-content-sm .text-container-sm .info p {
    color: #fff;
    font-family: "Plain Light";
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    padding: 0 16px
}

@media(max-width:769px) {
    #bfSignupPage .imageHolder .text-content-sm {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    #bfSignupPage .imageHolder .text-content-sm .text-container-sm .info {
        display: none
    }
}

@media(max-width:426px) {
    #bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo {
        top: 32px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }

    #bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo h1 {
        font-size: 40px;
        line-height: 52px
    }

    #bfSignupPage .imageHolder .text-content-sm .text-container-sm .logo span {
        font-size: 18px;
        line-height: 28px
    }

    #bfSignupPage .imageHolder .text-content-sm .text-container-sm .info {
        display: unset !important
    }
}

#bfUserSignedIn .codeSection {
    margin: 64px auto
}

#bfUserSignedIn .codeSection .imageHolder {
    position: relative
}

#bfUserSignedIn .codeSection .imageHolder img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

#bfUserSignedIn .codeSection .imageHolder .signup-page-image {
    height: 100%
}

#bfUserSignedIn .codeSection .imageHolder .logo-container .logo-background {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 16px 0
}

#bfUserSignedIn .codeSection .imageHolder .logo-container .logo-background .logo {
    color: #fff
}

#bfUserSignedIn .codeSection .imageHolder .logo-container .logo-background .logo h1 {
    font-family: "Domaine Text Light";
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 52px;
    text-align: center;
    margin: 0;
    text-transform: uppercase
}

#bfUserSignedIn .codeSection .imageHolder .logo-container .logo-background .logo span {
    font-family: "Domaine Text Light";
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center
}

#bfUserSignedIn .codeSection .imageHolder .logo-container .logo-background .logo span:first-child {
    margin-left: 37px
}

#bfUserSignedIn .codeSection .imageHolder .logo-container .logo-background .logo span:last-child {
    float: right;
    margin-right: 41px
}

#bfUserSignedIn .codeSection .textHolder {
    align-self: center
}

#bfUserSignedIn .codeSection .textHolder h2 {
    color: #0d0900;
    font-family: "Domaine Text Light";
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 52px
}

#bfUserSignedIn .codeSection .textHolder p {
    color: #0d0900;
    margin-top: 12px;
    font-family: "Domaine Text Light";
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px
}

#bfUserSignedIn .codeSection .textHolder #signupPageDiscountCode {
    margin-top: 24px;
    color: #0d0900;
    font-family: "Plain Light";
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 32px;
    text-transform: uppercase
}

#bfUserSignedIn .codeSection .textHolder #signupPageCopyCode {
    margin-top: 32px;
    background-color: #0d0900;
    color: #fff;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 128px;
    height: 44px;
    border: 1px solid transparent;
    transition: all .4s linear
}

#bfUserSignedIn .codeSection .textHolder #signupPageCopyCode:hover {
    border: 1px solid #0d0900;
    color: #0d0900;
    background-color: #fff
}

@media(max-width:769px) {
    #bfUserSignedIn .codeSection {
        margin: 0;
        width: 100%;
        padding: 0;
        max-width: 100%
    }

    #bfUserSignedIn .codeSection ._container {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100%
    }

    #bfUserSignedIn .codeSection .textHolder {
        margin: 32px 0;
        text-align: center;
        align-items: center;
        padding: 0 13%
    }

    #bfUserSignedIn .codeSection .textHolder h2 {
        font-size: 32px;
        line-height: 44px
    }

    #bfUserSignedIn .codeSection .textHolder p {
        font-size: 14px;
        line-height: 20px
    }

    #bfUserSignedIn .codeSection .textHolder #signupPageCopyCode {
        width: 70%
    }
}

#bfUserSignedIn .categoriesSection {
    background-color: #f5f4f4;
    padding: 32px 0
}

#bfUserSignedIn .categoriesSection h4 {
    color: #0d0900;
    font-family: "Domaine Text Light";
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center
}

#bfUserSignedIn .categoriesSection .splide {
    margin-top: 48px;
    visibility: visible !important
}

#bfUserSignedIn .categoriesSection .splide .splide__pagination {
    bottom: -1.5em;
    display: none
}

@media(max-width:480px) {
    #bfUserSignedIn .categoriesSection .splide .splide__pagination {
        display: flex
    }
}

#bfUserSignedIn .categoriesSection .splide .splide__pagination .splide__pagination__page {
    background: #0d0900
}

#bfUserSignedIn .categoriesSection .splide .splide__pagination .splide__pagination__page.is-active {
    background: #fff;
    border: .5px solid #0d0900
}

#bfUserSignedIn .categoriesSection .splide .slick-slide {
    margin: 0 20px;
    width: 202px !important
}

#bfUserSignedIn .categoriesSection .splide .slick-list {
    margin: 0 -20px
}

#bfUserSignedIn .categoriesSection .splide .splide__slide {
    background-color: #fff;
    cursor: pointer
}

#bfUserSignedIn .categoriesSection .splide .splide__slide .slide_image {
    margin-top: 32px;
    margin-bottom: 53px
}

#bfUserSignedIn .categoriesSection .splide .splide__slide .slide_text {
    color: #0d0900;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 16px
}

#SitewideSale img {
    width: 100%
}

#SitewideSale .sitewideSale-content {
    background-color: #c1a484;
    text-align: center;
    padding-inline: 16px;
    padding-block: 48px
}

@media(min-width:768px) {
    #SitewideSale .sitewideSale-content {
        padding-block: 73px
    }
}

@media(min-width:1024px) {
    #SitewideSale .sitewideSale-content {
        padding-block: 64px
    }
}

@media(min-width:1440px) {
    #SitewideSale .sitewideSale-content {
        padding-block: 96px
    }
}

#SitewideSale .sitewide-main {
    background-color: #bccab0;
    padding: 96px 0
}

#SitewideSale .sitewide-main h1 {
    font-family: "Domaine Text Light";
    font-size: 48px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 64px;
    text-align: center;
    margin-bottom: 16px
}

#SitewideSale .sitewide-main p {
    font-family: "Domaine Text Light";
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center
}

#SitewideSale .sitewide-main .countdownHolder {
    display: flex;
    flex-direction: column;
    align-items: center
}

#SitewideSale .sitewide-main .countdownHolder h5 {
    font-family: "Domaine Text Light";
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 28px;
    text-align: center
}

#SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown.ends-today .timeHolder:not(:last-child):after {
    content: " : ";
    font-family: "Domaine Text Light";
    font-size: 80px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 90px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(100%, -50%)
}

@media(max-width:768px) {
    #SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown.ends-today .timeHolder:not(:last-child):after {
        font-size: 40px
    }
}

#SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown:not(.ends-today) .timeHolder:not(:nth-last-child(2)):after {
    content: " : ";
    font-family: "Domaine Text Light";
    font-size: 80px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 90px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(100%, -50%)
}

@media(max-width:768px) {
    #SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown:not(.ends-today) .timeHolder:not(:nth-last-child(2)):after {
        font-size: 40px
    }
}

#SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder {
    text-align: center;
    position: relative;
    margin: 0 48px
}

#SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder span {
    font-family: "Domaine Text Light";
    font-size: 80px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 90px;
    text-align: center;
    width: auto
}

#SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder .label {
    font-family: "Domaine Text Light";
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 32px
}

#SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder .label:not(.alternative) {
    display: block;
    text-transform: uppercase
}

#SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder .label.alternative {
    display: none
}

@media(max-width:1025px) {
    #SitewideSale .sitewide-main .countdownHolder h5 {
        font-size: 18px
    }

    #SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder {
        margin: 0 32px
    }

    #SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder span {
        font-size: 70px;
        line-height: 80px
    }

    #SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder .label {
        font-size: 20px;
        line-height: 27px
    }
}

@media(max-width:769px) {
    #SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder {
        margin: 0 19px
    }

    #SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder span {
        font-size: 60px;
        line-height: 60px
    }

    #SitewideSale .sitewide-main .countdownHolder #SiteWideSaleCountdown .timeHolder .label {
        font-size: 18px;
        line-height: 24px
    }
}

@media(max-width:1025px) {
    #SitewideSale .sitewide-main {
        padding: 64px 0
    }

    #SitewideSale .sitewide-main h1 {
        font-size: 40px;
        line-height: 52px
    }

    #SitewideSale .sitewide-main p {
        font-size: 18px
    }
}

@media(max-width:769px) {
    #SitewideSale .sitewide-main h1 {
        font-size: 32px;
        line-height: 44px
    }
}

@media(max-width:376px) {
    #SitewideSale .sitewide-main h1 {
        font-size: 32px;
        line-height: 44px
    }
}

@media(min-width:478px) {
    #SitewideSale .sitewide-top ._col-12:first-child {
        border-top: 4px solid #fff;
        border-bottom: 4px solid #fff
    }

    #SitewideSale .sitewide-top ._col-12:last-child {
        border-top: 4px solid #fff;
        border-bottom: 4px solid #fff
    }

    #SitewideSale .sitewide-top ._col-12:nth-child(2) {
        border-right: 2px solid #fff
    }

    #SitewideSale .sitewide-top ._col-12:nth-child(3) {
        border-left: 2px solid #fff
    }
}

@media(max-width:478px) {
    #SitewideSale .sitewide-top ._col-12:first-child {
        border-top: 4px solid #fff;
        border-bottom: 2px solid #fff
    }

    #SitewideSale .sitewide-top ._col-12:last-child {
        border-top: 2px solid #fff;
        border-bottom: 4px solid #fff
    }

    #SitewideSale .sitewide-top ._col-12:nth-child(2) {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff
    }

    #SitewideSale .sitewide-top ._col-12:nth-child(3) {
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff
    }
}

#SitewideSale .sitewide-top .sitewide h3 {
    color: #fff;
    font-family: "Domaine Text Light";
    font-size: 32px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 44px;
    margin-bottom: 27px
}

#SitewideSale .sitewide-top .sitewide a {
    color: #fff;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase
}

@media(max-width:1025px) {
    #SitewideSale .sitewide-top .sitewide h3 {
        font-size: 24px;
        line-height: 32px
    }

    #SitewideSale .sitewide-top .sitewide a {
        font-size: 12px;
        line-height: 20px
    }
}

#SitewideSale .sitewide-bottom {
    margin-top: 96px;
    margin-bottom: 96px
}

#SitewideSale .sitewide-bottom h4 {
    color: #0d0900;
    font-family: "Domaine Text Light";
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    margin: 24px 0
}

#SitewideSale .sitewide-bottom a {
    color: #0d0900;
    font-family: "Plain Light";
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
    width: fit-content
}

@media(min-width:1025px) {
    #SitewideSale .sitewide-bottom ._col-12 {
        margin-bottom: 48px
    }
}

@media(max-width:1025px) {
    #SitewideSale .sitewide-bottom {
        margin-top: 64px;
        margin-bottom: 64px
    }

    #SitewideSale .sitewide-bottom h4 {
        font-size: 20px;
        line-height: 28px
    }

    #SitewideSale .sitewide-bottom a {
        font-size: 12px;
        line-height: 20px
    }
}

@media(max-width:769px) {
    #SitewideSale .sitewide-bottom {
        margin-top: 48px;
        margin-bottom: 48px
    }
}

@media(max-width:425px) {
    #SitewideSale .sitewide-bottom {
        margin-top: 64px;
        margin-bottom: 64px
    }

    #SitewideSale .sitewide-bottom ._col-12 {
        margin-bottom: 46px
    }
}

#SitewideSale .hero-banner--caption {
    justify-content: flex-end
}

#alertifyConfirmation {
    display: none
}

#alertifyConfirmation .socialButtons {
    display: flex;
    width: 80%;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto
}

@media(max-width:768px) {
    #alertifyConfirmation .socialButtons {
        flex-direction: column;
        width: 100%
    }
}

#alertifyConfirmation .socialButtons a {
    flex: 1 1 0;
    flex-basis: 0;
    color: #000;
    text-align: center;
    padding: 10px 20px;
    margin: 0 20px;
    border-radius: 5px;
    border: 1px solid #000;
    font-weight: 600;
    transition: .5s ease
}

#alertifyConfirmation .socialButtons a:hover {
    background-color: #000;
    color: #fff
}

@media(max-width:768px) {
    #alertifyConfirmation .socialButtons a {
        margin: 13px 0
    }
}

#alertify #alertifyConfirmation {
    display: unset !important
}