.remodal, html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.Celery-Button, .Celery-Form .Celery-Button, .btn:hover, .module.collections-product-list .product-items .product-item a, .module.module-collections aside a, a, a.link-dark:hover, button, nav a:hover {
    text-decoration: none;
}

[class*=Celery-] {
    box-sizing: border-box;
}

.u-block {
    display: block !important;
}

.u-hidden {
    display: none !important;
}

.u-hiddenVisually {
    position: absolute !important;
    overflow: hidden !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(1px,1px,1px,1px) !important;
}

.u-inline {
    display: inline !important;
}

.u-inlineBlock {
    display: inline-block !important;
    max-width: 100%;
}

.u-table {
    display: table !important;
}

.u-tableCell {
    display: table-cell !important;
}

.u-tableRow {
    display: table-row !important;
}

.Celery-Link {
    color: #419cd4;
}

.Celery-Button {
    display: block;
    line-height: 45px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #419cd4;
    border-radius: 40px;
}

    .Celery-Button, .Celery-Button:active, .Celery-Button:focus, .Celery-Button:hover, .Celery-Button:visited {
        color: #fff;
    }

        .Celery-Button:hover {
            cursor: pointer;
            background-color: #56a7d9;
        }

        .Celery-Button:active {
            background-color: #2573a3;
        }

        .Celery-Button:focus {
            outline: 0;
            background-color: #3595d1;
        }

        .Celery-Button.is-disabled {
            background-color: #6bb2dd;
        }

.Celery-Button--buy {
    margin-bottom: 15px;
}

.Celery-OrderConfirmation {
    background-color: #2eb256;
}

.Celery-OrderConfirmation-header {
    padding: 0;
    margin: 0 0 30px;
}

.Celery-OrderConfirmation-heading {
    margin: 0 0 20px;
    font-size: 38px;
    font-weight: 400;
    line-height: 1.1;
}



.Celery-Form-group {
    position: relative;
    padding-right: 5px;
    padding-left: 5px;
}

    .Celery-Form-group:last-child {
        margin-bottom: 0;
    }

.Celery-Form-group--inline {
    float: left;
    display: inline;
    width: 50%;
}

.Celery-Form-group--expiry {
    width: 10em;
}

.Celery-Form-group--cvc {
    width: 8em;
}

.Celery-FormSection {
    overflow: hidden;
    margin-bottom: 30px;
    clear: both;
}

@media screen and (max-width:481px) {
    .Celery-Form-group--cvc, .Celery-Form-group--expiry {
        width: 50%;
    }

    .Celery-FormSection {
        margin-bottom: 15px;
    }
}

.Celery-FormSection--inline {
    float: left;
    display: inline;
    clear: none;
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
}

    .Celery-FormSection--inline:first-child {
        padding-left: 0;
    }

    .Celery-FormSection--inline:last-child {
        padding-right: 0;
    }

.Celery-FormSection-header {
    margin-bottom: 5px;
}

.Celery-FormSection-heading {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px;
}

.Celery-FormSection-body {
    margin-left: -5px;
    margin-right: -5px;
}

.Celery-FormSection--errors {
    border-radius: 3px;
    padding: 10px;
}

.Celery-Heading, .Celery-Modal-heading, .Celery-Modal-subheading {
    font-weight: 400;
    text-align: center;
    margin: 0;
}

.Celery-HiddenSubmit {
    position: absolute;
    left: -10000px;
    border: 0;
    height: 0;
    width: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    outline: 0;
}

.Celery-Icon path {
    transition: fill .2s ease-in-out;
}

.Celery-Icon--innerInput {
    position: absolute;
    display: block;
    top: 2px;
    left: 20px;
    height: 38px;
    width: 20px;
    line-height: 40px;
}

    .Celery-Icon--innerInput svg {
        pointer-events: none;
        width: 100%;
    }

.Celery-Icon--date svg {
    width: 16px;
}

.Celery-Icon--hero {
    display: block;
    margin-bottom: 30px;
}

    .Celery-Icon--hero path {
        fill: #fff;
    }

.Celery-Icon--twitter path {
    fill: #3bb2e4;
}

.Celery-Icon--facebook path {
    fill: #4e71b0;
}

.Celery-Icon--shareemail path {
    fill: #aaa;
}

.Celery-Modal-header {
    margin: 30px 0;
    transition: opacity .2s ease-in-out;
}

    .Celery-Modal-header.is-hidden {
        opacity: 0;
    }

.Celery-Modal-heading {
    font-size: 38px;
    color: #fff;
}

.Celery-Modal-subheading {
    font-size: 18px;
    font-weight: 300;
    color: #ccc;
}

@media screen and (max-width:481px) {
    .Celery-Modal-header {
        margin-left: 30px;
        margin-right: 30px;
    }

    .Celery-Modal-heading {
        font-size: 22px;
    }

    .Celery-Modal-subheading {
        font-size: 16px;
    }
}

.Celery-Modal-body {
    position: relative;
    overflow: hidden;
    margin: auto;
    border-radius: 8px;
}

@media screen and (max-width:481px) {
    .Celery-Modal-body {
        width: auto;
        border-radius: 0;
    }
}


.Celery-ModalCloseButton {
    color: #666;
    font-size: 40px;
    font-weight: 200;
    line-height: 1;
}

    .Celery-ModalCloseButton:hover {
        cursor: pointer;
    }

.Celery-ModalContainer {
    position: fixed;
    z-index: 200000001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    font-size: 14px;
    line-height: 1.4;
    opacity: 1;
}

.Celery-Note {
    font-size: 12px;
    color: #aaa;
    text-align: center;
}

.Celery-OrderSummary {
    font-weight: 300;
    margin-bottom: 30px;
    text-align: center;
}

@media screen and (max-width:481px) {
    .Celery-OrderSummary {
        margin-bottom: 15px;
    }
}

.Celery-OrderSummary-line {
    display: inline-block;
}

.Celery-OrderSummary-number, .Celery-OrderSummary-price {
    display: block;
    text-align: center;
    font-size: 28px;
    color: #666;
}

.Celery-OrderSummary-price--total {
    color: #333;
    font-weight: 400;
}

.Celery-OrderSummary-label {
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
}

.Celery-OrderSummary-operator {
    vertical-align: top;
    font-size: 26px;
    color: #ccc;
}

:-moz-placeholder {
    opacity: 1;
}

::-moz-placeholder {
    opacity: 1;
}

.Celery-Select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    transition: all .2s ease-in-out;
    width: 100%;
    font-size: 14px;
    z-index: 1;
    background-color: #fff;
}

.Celery-Check {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    height: 26px;
    width: 26px;
    padding: 5px;
    font-size: 14px;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #b5b9bb;
    display: inline-block;
    background-position: 2px;
    float: left;
}

    .Celery-Check:hover {
        background-color: rgba(33,45,52,.5);
    }

    .Celery-Check.is-invalid {
        background-color: #fff;
        border: 2px solid #d7150c;
    }

    .Celery-Check.is-valid {
        border: none;
        background-color: #b5b9bb;
    }

    .Celery-Check:checked {
        background-position: 6px;
        background-image: url(/assets/images/sapphire/checkmark.svg);
        background-color: #47C55F;
        background-size: 15px;
        background-repeat: no-repeat;
        border: none;
    }

    .Celery-Check:focus, .Celery-Select:focus {
        outline: 0;
        border-color: #aaa;
    }

.Celery-Checkbox-group {
    padding-top: 5px;
    display: inline-block;
}

.Celery-Select.is-invalid {
    border: 2px solid #d7150c;
}

    .Celery-Select.is-invalid ~ .Celery-Icon path, .Celery-Select.is-invalid ~ .Celery-Icon rect {
        fill: red;
    }

.Celery-Select.is-valid ~ .Celery-Icon path, .Celery-Select.is-valid ~ .Celery-Icon rect {
    fill: #2eb256;
}

.Celery-Select.is-focused {
    border-color: #aaa;
}

.Celery-Select-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    transition: all .2s ease-in-out;
    font-size: 14px;
    display: block;
    background-color: transparent;
    border: 0;
    width: 100%;
}

    .Celery-Select-select:focus {
        outline: 0;
        border-color: #aaa;
    }

    .Celery-Select-select.is-invalid {
        border: 2px solid #d7150c;
    }

        .Celery-Select-select.is-invalid ~ .Celery-Icon path, .Celery-Select-select.is-invalid ~ .Celery-Icon rect {
            fill: red;
        }

    .Celery-Select-select.is-valid ~ .Celery-Icon path, .Celery-Select-select.is-valid ~ .Celery-Icon rect {
        fill: #2eb256;
    }

    .Celery-Select-select::-ms-expand {
        display: none;
    }

.Celery-Select:before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 0;
    width: 0;
    right: 17px;
    top: 17px;
    border-top: 6px solid #ddd;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    pointer-events: none;
}

.selectric, .selectricWrapper {
    position: relative;
}

@-moz-document url-prefix() {
    .Celery-Select-select {
        overflow: hidden;
        width: 110%;
    }
}

:-moz-any(.Celery-Select):before {
    background-color: #fff;
    pointer-events: none;
    z-index: 1;
}

.Celery-SocialButtons-buttons {
    margin: 0;
    padding: 0;
    list-style: none;
}

.Celery-SocialButtons-button {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.module .module-cell, .remodal, .remodal-wrapper:after {
    vertical-align: middle;
}

.Celery-SocialButtons-button:last-child {
    margin-right: 0;
}

.Celery-SocialButtons-button a {
    transition: background-color .2s ease-in-out;
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #f1f1f1;
    border-radius: 20px;
}

    .Celery-SocialButtons-button a:hover {
        background-color: #ddd;
    }

.Celery-SocialButtons-button .Celery-Icon--email path, .Celery-SocialButtons-button .Celery-Icon--phone path {
    fill: #aaa;
}

.Celery-SocialButtons-button .Celery-Icon--twitter {
    padding-top: 29%;
}

.Celery-SocialButtons-button .Celery-Icon--facebook {
    padding-top: 26%;
}

.Celery-SocialButtons-button .Celery-Icon--email, .Celery-SocialButtons-button .Celery-Icon--phone {
    padding-top: 29%;
}

.Celery-Icon--phone {
    width: 60px;
    height: 40px;
    left: 0;
}

.Celery-TextInput {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    transition: all .2s ease-in-out;
    height: 40px;
    padding: 5px;
    width: 100%;
    font-size: 14px;
    border-radius: 3px;
    border: 2px solid #ddd;
}

    .Celery-TextInput:focus {
        outline: 0;
        border-color: #aaa;
    }

    .Celery-TextInput.is-invalid {
        border-color: #d7150c;
    }

    .Celery-TextInput.is-valid ~ .Celery-Icon path, .Celery-TextInput.is-valid ~ .Celery-Icon rect {
        fill: #2eb256;
    }

.Celery-TextInput--cardNumber, .Celery-TextInput--cvc, .Celery-TextInput--email, .Celery-TextInput--expiry, .Celery-TextInput--tel {
    padding-left: 46px;
}

.Celery-OrderSummary-price--price {
    color: #8c9498;
}

.Celery-OrderSummary-price--price-cut.price-cut:after {
    background-size: 100%;
}

.selectricWrapper {
    margin: 0 0 10px;
    cursor: pointer;
}

.selectricResponsive {
    width: 100%;
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    line-height: 18px;
    min-height: 18px;
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    font: 0/0 a;
}

    .selectric .button:after {
        content: " ";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-bottom: none;
    }

.remodal, sub, sup {
    position: relative;
}

.selectricHover .selectric .button {
    color: #888;
}

.selectricOpen .selectricItems {
    display: block;
}

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

    .selectricHideSelect select {
        position: absolute;
        left: -100%;
        display: none;
    }

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: 0 !important;
    border: none !important;
    background: 0 0 !important;
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

.selectricItems, html.remodal-is-locked.touch .remodal-wrapper {
    position: absolute;
}

.selectricItems {
    display: none;
    top: 100%;
    left: 0;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

    .selectricItems .selectricScroll {
        height: 100%;
        overflow: auto;
    }

.selectricAbove .selectricItems {
    top: auto;
    bottom: 100%;
}

.selectricItems li, .selectricItems ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
}

.selectricItems li {
    display: block;
    color: #666;
    cursor: pointer;
}

.remodal, .remodal-wrapper, [data-remodal-id], html.remodal-is-locked.touch  {
    display: none;
}

.selectricItems li.selected {
    background: #EFEFEF;
    color: #444;
    border-top-color: #E0E0E0;
}

.selectricItems li:hover {
    background: #F0F0F0;
    color: #444;
}

.selectricItems li.disabled {
    background: #F5F5F5;
    color: #BBB;
    border-top-color: #FAFAFA;
    cursor: default;
}

html.remodal-is-locked {
    overflow: hidden;
}

    html.remodal-is-locked.touch #main-wrapper {
        opacity: 0;
        height: 400px;
        overflow: hidden;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

html.touch #main-wrapper {
    opacity: 1;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
    background: rgba(0,0,0,.85);
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}

    .remodal-wrapper:after {
        display: inline-block;
        height: 100%;
        margin-left: -.05em;
        content: "";
    }

.remodal-overlay, .remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.remodal {
    outline: 0;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    color: #2b2e38;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}

img, legend {
    border: 0;
}



*, .remodal {
    -webkit-box-sizing: border-box;
}

.remodal-is-initialized {
    display: inline-block;
}

.remodal-overlay.remodal-is-opening {
    -webkit-animation: remodal-overlay-opening-keyframes .3s;
    animation: remodal-overlay-opening-keyframes .3s;
}

.remodal-overlay.remodal-is-closing {
    -webkit-animation: remodal-overlay-closing-keyframes .3s;
    animation: remodal-overlay-closing-keyframes .3s;
}

.remodal.remodal-is-opening {
    -webkit-animation: remodal-opening-keyframes .3s;
    animation: remodal-opening-keyframes .3s;
}

.remodal.remodal-is-closing {
    -webkit-animation: remodal-closing-keyframes .3s;
    animation: remodal-closing-keyframes .3s;
}

.remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner, .remodal-confirm::-moz-focus-inner {
    padding: 0;
    border: 0;
}

@-webkit-keyframes remodal-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes remodal-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes remodal-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@media only screen and (min-width:641px) {
    .remodal {
        max-width: 1020px;
    }

    .remodal-wrapper {
        padding: 10px;
    }
}

body, legend, td, th {
    padding: 0;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.module.module-collections aside, .module.module-collections aside .img-cover, .module.module-collections aside i {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.mobile-menu ul li, .module.collections-header .collections-header-copy, .module.module-center {
    text-align: center;
}

.desktop-menu ul {
    text-align: right;
}

.module .module-copy h1, .module .module-copy h2, .module .module-copy h3, .module .module-copy h4, .module .module-copy h5 {
    font-family: "Baskerville Regular",helvetica,arial,sans-serif;
}

.Celery-Form-group:after, .module.module-block .module-block-content:after, .module.ui-spec .ui-item-list:after, .module:after, .page-content:after, .secondary-layout:after, .tutorial-items:after {
    content: "";
    display: table;
    clear: both;
}

.cycle-pager, .module-slider-controller a, .module-slider-pager a, .module-slider-pager img, .module.module-collections aside .action-button {
    display: block;
}

    .cycle-pager span, .desktop-menu ul li.nav-item, .module.module-block .module-block-content {
        display: inline-block;
    }

.module.collections-product-list .product-items > div:hover .btn-border {
    border-color: #d3a55b;
    color: #d3a55b;
}

::-webkit-selection {
    background: #d3a55b;
    color: #000;
}

::-moz-selection {
    background: #d3a55b;
    color: #000;
}

::selection {
    background: #d3a55b;
    color: #000;
}



img {
    max-width: 100%;
}

button {
    overflow: visible;
    margin: 0;
}

.btn {
    font-size: .75rem;
    line-height: 1.05rem;
    border: none;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    font-family: inherit;
    color: #fff;
    background: 0 0;
    cursor: pointer;
    padding: 7px 16px 5px;
    display: inline-block;
    letter-spacing: 1.5pt;
    font-weight: 700;
    outline: 0;
    position: relative;
    box-sizing: border-box;
}

@media screen and (min-width:992px) {
    .btn {
        font-size: .875rem;
        line-height: 1.225rem;
    }

        .btn.btn-lgr {
            font-size: 1.3125rem;
            line-height: 1.8375rem;
        }
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;
    transition: background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;
}

.clearfix:after, .clearfix:before, .module .module-copy:after, .module-wrapper:after, .module.tech-spec:after {
    content: "";
}

.btn:before {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    position: relative;
}

.btn-border {
    border: 2px solid #fff;
    overflow: hidden;
}

    .btn-border.btn-dark {
        color: #000;
        border-color: #000;
    }

    .btn-border:active, .btn-border:hover {
        border-color: #d3a55b;
        color: #d3a55b;
    }

        .btn-border:active:before {
            color: #d3a55b;
        }

    .btn-border:before {
        position: absolute;
        height: 100%;
        line-height: 2.2;
        color: #d3a55b;
        -webkit-transition: background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;
        -moz-transition: background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;
        transition: background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;
    }

.touch .btn-border.btn-dark:hover {
    color: #000;
    border-color: #000;
}

.btn-back:hover:before {
    left: 15px;
}

.btn-back:before {
    left: -50%;
    top: 0;
}


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

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

.nowrap {
    white-space: nowrap;
}

@media screen and (max-width:767px) {
    .hide-mobile {
        display: none;
    }
}

@media screen and (min-width:768px) {
    .hide-desktop {
        display: none;
    }
}

.clearfix:after, .clearfix:before {
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.module {
    position: relative;
}

    .module .anchor {
        position: absolute;
        top: -80px;
    }

    .module .module-cover {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        z-index: 1000;
    }

    .module .module-content {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%;
    }

@media screen and (min-width:992px) {
    .module .module-content {
        margin: 0 auto;
        max-width: 60em;
    }
}

@media screen and (min-width:1280px) {
    .module .module-content {
        max-width: 70em;
    }
}

@media screen and (min-width:1800px) {
    .module .module-content {
        max-width: 1600px;
    }
}

.module .module-cell {
    display: table-cell;
    width: 100%;
}

@media screen and (max-width:767px) {
    .module .module-cell p {
        padding: 0 5%;
    }
}

.module .module-cell-bottom {
    vertical-align: bottom;
}

.module .module-copy {
    max-width: 100%;
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

    .module .module-copy:after {
        display: table;
        clear: both;
    }

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module .module-cover {
            height: 100%;
        }
    }

    .module .module-copy {
        max-width: 80%;
    }
}

.module-bg, .module-inner-bg {
    position: relative;
}

@media screen and (min-width:768px) {
    .module-bg, .module-inner-bg {
        height: 100%;
    }
}

.item-unique {
    padding-top: 15px;
}

    .item-unique .module-cover {
        height: 40%;
    }

.module .module-cell-unique {
    vertical-align: middle;
}

@media screen and (min-width:481px) {
    .module .module-cell-unique {
        vertical-align: top;
    }
}

@media screen and (min-width:768px) {
    .item-unique .module-cover {
        height: auto;
    }

    .item-unique {
        padding-top: 0;
    }

    .module .module-cell-unique .module-copy.copy-width {
        text-align: center;
        width: 45%;
        margin: 0 27.5%;
    }
}

@media screen and (min-width:992px) {
    .module .module-copy {
        max-width: 100%;
    }

    .module .module-cell-unique .module-copy.copy-width {
        width: 42%;
        margin: 0 29%;
    }
}

@media screen and (min-width:1280px) {
    .module .module-cell-unique .module-copy.copy-width {
        width: 40%;
        margin: 0 30%;
    }
}

.module .module-cell-lifeproof {
    vertical-align: top;
}

    .module .module-cell-lifeproof .module-copy.copy-width {
        padding-top: 7%;
        padding-bottom: 4%;
        max-width: 576px;
        min-width: 202px;
        margin: 0 auto;
    }

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module .module-cell-lifeproof {
            vertical-align: bottom;
        }

            .module .module-cell-lifeproof .module-copy.copy-width {
                padding-bottom: 9%;
                width: 43%;
                margin: 0;
            }
    }
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module-cell-powered .module-copy.copy-width {
            width: 38%;
            margin-left: 52%;
        }
    }
}

@media screen and (min-width:992px) {
    .module .module-cell-lifeproof .module-copy.copy-width {
        padding-bottom: 14%;
    }

    .module-cell-powered .module-copy.copy-width {
        width: 38%;
        margin-left: 57%;
    }
}

@media screen and (min-width:1280px) {
    .module-cell-powered .module-copy.copy-width {
        width: 37%;
        margin-left: 57%;
    }
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module-cell-brighter .module-copy.copy-width {
            width: 45%;
            margin-left: 54%;
            padding-top: 7%;
        }
    }
}

@media screen and (min-width:992px) {
    .module-cell-brighter .module-copy.copy-width {
        width: 44%;
        margin-left: 56%;
        padding-top: 0;
    }
}

@media screen and (min-width:1280px) {
    .module-cell-brighter .module-copy.copy-width {
        width: 43%;
        margin-left: 57%;
    }
}

.module-master .module-block-content.mid-size-content {
    max-width: 600px;
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module-copy.copy-width.copy-pos-center:last-child {
            margin-right: auto;
            float: none;
        }

        .module-copy.copy-width.copy-pos-center {
            width: 58%;
            max-width: 600px;
        }
    }
}

@media screen and (min-width:992px) {
    .module-copy.copy-width.copy-pos-center {
        width: 52%;
    }
}

.cycle-slide img.align-bottom {
    position: absolute;
    bottom: 0;
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module-copy.copy-width {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 31.7615656014%;
        }

            .module-copy.copy-width:last-child {
                margin-right: 0;
            }

        .module-copy.copy-width-lgr {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 40.2913699012%;
        }

            .module-copy.copy-width-lgr:last-child {
                margin-right: 0;
            }

        .module-copy.copy-pos-left {
            text-align: right;
            margin-left: 8.5298042998%;
        }

        .module-copy.copy-pos-right {
            text-align: left;
            margin-left: 59.7086300988%;
        }

        .module-copy.copy-pos-center {
            margin: 0 auto;
            float: none;
        }
    }
}

@media screen and (min-width:1280px) {
    .module-copy.copy-width {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .module-copy.copy-width:last-child {
            margin-right: 0;
        }

    .module-copy.copy-width-lgr {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .module-copy.copy-width-lgr:last-child {
            margin-right: 0;
        }
}

@media screen and (min-width:1800px) {
    .module-copy.copy-width {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .module-copy.copy-width:last-child {
            margin-right: 0;
        }

    .module-copy.copy-width-lgr {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .module-copy.copy-width-lgr:last-child {
            margin-right: 0;
        }
}

.module-wrapper {
    display: table;
    width: 100%;
    table-layout: fixed;
}

    .module-wrapper:after {
        display: table;
        clear: both;
    }

    .module-wrapper aside {
        padding: 2.3576515979%;
    }

.module .module-copy h1, .module .module-copy h2, .module .module-copy h3, .module .module-copy h4, .module .module-copy h5 {
    text-shadow: 0 0 2px rgba(0,0,0,.2);
    text-transform: none;
    margin-top: 0;
    width: 100%;
    position: static;
}

.module.press-release, .module.tech-spec .page-width {
    position: relative;
}

.module .module-copy h1 {
    font-size: 1.125rem;
    line-height: 1.575rem;
}

@media screen and (min-width:640px) {
    .module .module-copy h1 {
        font-size: 1.5625rem;
        line-height: 2.1875rem;
    }
}

@media screen and (min-width:768px) {
    .module .module-copy h1 {
        font-size: 1.625rem;
        line-height: 2.275rem;
    }
}

@media screen and (min-width:992px) {
    .module .module-copy h1 {
        font-size: 1.875rem;
        line-height: 2.625rem;
    }
}

@media screen and (min-width:1280px) {
    .module .module-copy h1 {
        font-size: 2.1875rem;
        line-height: 3.0625rem;
    }
}

.module .module-copy h2 {
    font-size: 1rem;
    line-height: 1.4rem;
    letter-spacing: .05em;
    margin-bottom: .8em;
}

@media screen and (min-width:640px) {
    .module .module-copy h2 {
        font-size: 1.125rem;
        line-height: 1.575rem;
    }
}

@media screen and (min-width:768px) {
    .module .module-copy h2 {
        font-size: 1.3125rem;
        line-height: 1.8375rem;
        margin-bottom: 10px;
    }
}

@media screen and (min-width:992px) {
    .module .module-copy h2 {
        font-size: 1.3125rem;
        line-height: 1.8375rem;
        margin-bottom: 12px;
    }
}

@media screen and (min-width:1280px) {
    .module .module-copy h2 {
        font-size: 1.5rem;
        line-height: 2.1rem;
    }
}

.module .module-copy h3 {
    font-size: .875rem;
    line-height: 1.225rem;
}

@media screen and (min-width:640px) {
    .module .module-copy h3 {
        font-size: .875rem;
        line-height: 1.225rem;
    }
}

@media screen and (min-width:768px) {
    .module .module-copy h3 {
        font-size: 1rem;
        line-height: 1.4rem;
    }
}

@media screen and (min-width:992px) {
    .module .module-copy h3 {
        font-size: 1.3125rem;
        line-height: 1.8375rem;
    }
}

.module .module-copy h5 {
    font-size: .875rem;
    line-height: 1.225rem;
}

.module .module-copy p {
    margin-top: .8em;
}

@media screen and (min-width:768px) {
    .module .module-copy h5 {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .module .module-copy p {
        margin-top: 10px;
    }
}

@media screen and (min-width:992px) {
    .module .module-copy p {
        margin-top: 1em;
    }
}

.hardware-slideshow .module-copy {
    padding: 0 2%;
}

.module.module-block {
    background-color: #171819;
}

    .module.module-block .module-block-content {
        margin: 4em auto;
        width: 80%;
        text-align: center;
    }

        .module.module-block .module-block-content.small-size-content {
            width: 85%;
        }

@media screen and (min-width:992px) {
    .module.module-block .module-block-content.small-size-content {
        width: 50%;
    }
}

.module.module-block .module-block-content.mid-size-content {
    width: 85%;
    margin: 2.5em auto 1.5em;
}

@media screen and (min-width:768px) {
    .module.module-slider p {
        display: block;
    }

    .module.module-block .module-block-content.mid-size-content {
        width: 85%;
        margin: 4em auto 3em;
    }
}

@media screen and (min-width:1280px) {
    .module.module-block .module-block-content.mid-size-content {
        width: 60%;
        max-width: 650px;
    }
}

.module.module-bar {
    position: relative;
    z-index: 1040;
}

    .module.module-bar .module-bar-table {
        padding: 30px 0;
    }

@media screen and (min-width:768px) {
    .module.module-bar .module-bar-table {
        float: none;
        display: table;
        table-layout: fixed;
        -webkit-transition: min-height .5s ease-in-out;
        -moz-transition: min-height .5s ease-in-out;
        transition: min-height .5s ease-in-out;
        width: 100%;
        z-index: 1050;
    }

        .module.module-bar .module-bar-table .module-bar-content {
            display: table-cell;
            vertical-align: middle;
        }
}

.module.module-bar .module-bar-table .module-bar-content .module-copy h2 {
    margin-top: 12px;
}

@media screen and (min-width:992px) {
    .module.module-bar .module-bar-table .module-bar-content.small-size-content .module-copy {
        width: 65%;
    }
}

@media screen and (min-width:1280px) {
    .module.module-bar .module-bar-table .module-bar-content.small-size-content .module-copy {
        width: 55%;
    }
}

.module.module-bar .module-bar-table .module-bar-content.mid-size-content .module-copy {
    padding: 20px 0;
}

@media screen and (min-width:768px) {
    .module.module-bar .module-bar-table .module-bar-content.mid-size-content .module-copy {
        width: 85%;
    }
}

@media screen and (min-width:1280px) {
    .module.module-bar .module-bar-table .module-bar-content.mid-size-content .module-copy {
        width: 60%;
        max-width: 650px;
    }
}

.module.press-release .module-slider-pager {
    display: none;
    top: 0;
}

@media screen and (min-width:768px) {
    .module.press-release .module-slider-pager {
        display: block;
        top: 0;
    }
}

@media screen and (max-width:991px) {
    .module.press-release .cycle-slideshow {
        max-height: 555px;
    }
}

@media screen and (min-width:640px) and (max-width:767px) {
    .module.press-release .cycle-slideshow {
        max-height: 600px;
    }
}

@media screen and (max-width:639px) {
    .module.press-release .cycle-slideshow {
        min-height: 750px;
    }
}

.module.future-olio {
    background-image: url(images/loading_background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

    .module.future-olio .module-block-content {
        margin: 8em 0;
    }

.module.tech-spec {
    background-color: #000;
    background-image: -webkit-linear-gradient(-315deg,#2a2b2c,#000);
    background-image: linear-gradient(45deg,#2a2b2c,#000);
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

    .module.tech-spec:after {
        display: table;
        clear: both;
    }

    .module.tech-spec h6 {
        color: #aeb1b4;
    }

    .module.tech-spec .tech-spec-bg {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        opacity: .2;
    }

    .module.tech-spec .module-block-content, .module.tech-spec .module-content {
        width: 100%;
    }

        .module.tech-spec .module-content .module-copy {
            padding: 3em 0;
        }

@media screen and (min-width:768px) {
    .module.tech-spec .module-content .module-copy {
        padding: 4em 0;
    }
}

.module.tech-spec .module-copy {
    max-width: 100%;
    text-align: left;
    position: relative;
    z-index: 1;
}

@media screen and (min-width:640px) {
    .module.tech-spec .module-copy {
        max-width: 52%;
    }
}

@media screen and (min-width:992px) {
    .module.tech-spec .tech-spec-bg {
        opacity: 1;
    }

    .module.tech-spec .module-content .module-copy {
        padding: 3.4em 0 2.2em;
    }

    .module.tech-spec .module-copy {
        width: 46%;
        margin-left: 54%;
    }
}

@media screen and (min-width:1280px) {
    .module.tech-spec .module-content .module-copy {
        padding: 5.4em 0 5.2em;
    }

    .module.tech-spec .module-copy {
        margin-left: 58%;
    }
}

@media screen and (min-width:1800px) {
    .module.tech-spec .module-copy {
        margin-left: 54%;
    }
}

.module.tech-spec .module-copy ul {
    margin: 0;
    padding: 0;
}

    .module.tech-spec .module-copy ul li.item {
        list-style: none;
        margin-bottom: 22px;
    }

.module.tech-spec .tech-spec-img {
    width: 40%;
    float: left;
    margin-left: 10%;
}

.module.tech-spec h4 {
    margin-top: 0;
    margin-bottom: 2px;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.575rem;
    text-transform: uppercase;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.module.tech-spec label, .module.tech-spec p {
    color: #aeb1b4;
    margin: 0 0 3px;
}

.module.tech-spec label {
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}

.module.tech-spec p, .module.tech-spec ul li {
    color: #999;
    font-size: .95rem;
    line-height: 1.4;
    list-style-type: none;
}

.module.tech-spec .details ul li:before {
    content: '-';
    display: inline-block;
    width: 14px;
    margin-left: -14px;
}

.module.tech-spec .details ul li {
    padding-left: 14px;
}

.module.tech-spec .app-links {
    display: inline-block;
}

    .module.tech-spec .app-links .app-img {
        float: left;
        display: inline-block;
        width: 40%;
        margin-top: 10px;
        margin-right: 10px;
    }

@media screen and (min-width:1280px) {
    .module.tech-spec .app-links .app-img {
        width: 29%;
    }
}

@media screen and (min-width:1800px) {
    .module.tech-spec .app-links .app-img {
        width: 25%;
    }
}

.module.tech-spec h6 {
    margin: 0;
}

.module.tech-spec.tech-spec-home {
    background-color: #000;
    background-image: -webkit-radial-gradient(#2a2b2c,#000);
    background-image: radial-gradient(#2a2b2c,#000);
}

    .module.tech-spec.tech-spec-home h3 {
        color: #fff;
        font-size: 1.5rem;
        line-height: 2.1rem;
    }

    .module.tech-spec.tech-spec-home h4 {
        color: #fff;
    }

    .module.tech-spec.tech-spec-home p, .module.tech-spec.tech-spec-home ul li {
        color: #aeb1b4;
    }

    .module.tech-spec.tech-spec-home .module-inner-bg {
        background: 0 0;
    }

        .module.tech-spec.tech-spec-home .module-inner-bg:after {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            top: 0;
            opacity: .2;
        }

        

@media screen and (min-width:768px) {
    .module.tech-spec .module-copy {
        max-width: 37%;
    }

    .module.tech-spec.tech-spec-home .module-inner-bg.load-images-active:after {
        background-size: auto 150%;
    }

    .module.tech-spec.tech-spec-home .module-inner-bg.load-images-active {
        background-position: 5% 0;
    }
}

@media screen and (min-width:992px) {
    

        .module.tech-spec.tech-spec-home .module-inner-bg.load-images-active:after {
            background: 0 0;
        }
}

@media screen and (min-width:1280px) {
    .module.tech-spec.tech-spec-home .module-inner-bg.load-images-active {
        background-position: 22% 0;
    }
}



@media screen and (min-width:1280px) {
    .module.tech-spec.tech-spec-home .module-inner-bg {
        background-position: 22% 0;
    }
}

.module.tech-spec.tech-spec-black {
    background-color: #2a2b2c;
    background-image: -webkit-radial-gradient(#2a2b2c,#000);
    background-image: radial-gradient(#2a2b2c,#000);
}

    .module.tech-spec.tech-spec-black h3 {
        color: #fff;
        font-size: 1.5rem;
        line-height: 2.1rem;
    }

    .module.tech-spec.tech-spec-black h4 {
        color: #fff;
    }

    .module.tech-spec.tech-spec-black p, .module.tech-spec.tech-spec-black ul li {
        color: #aeb1b4;
    }

   

@media screen and (min-width:1280px) {
    .module.tech-spec.tech-spec-black .tech-spec-bg.load-images-active {
        background-position: 20% 0;
    }
}

.module.tech-spec.tech-spec-steel {
    background-color: #000;
    background-image: -webkit-radial-gradient(#2a2b2c,#000);
    background-image: radial-gradient(#2a2b2c,#000);
}

    .module.tech-spec.tech-spec-steel h3 {
        color: #fff;
        font-size: 1.5rem;
        line-height: 2.1rem;
    }

    .module.tech-spec.tech-spec-steel h4 {
        color: #fff;
    }

    .module.tech-spec.tech-spec-steel p, .module.tech-spec.tech-spec-steel ul li {
        color: #aeb1b4;
    }

    

@media screen and (min-width:768px) {
    .module.tech-spec.tech-spec-steel .tech-spec-bg.load-images-active {
        background-size: auto 150%;
    }
}


@media screen and (min-width:1280px) {
    .module.tech-spec.tech-spec-steel .tech-spec-bg.load-images-active {
        background-position: 20% 0;
    }
}

.module.tech-spec.tech-spec-gold h3 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.1rem;
}

.module.tech-spec.tech-spec-gold h4 {
    color: #fff;
}

.module.tech-spec.tech-spec-gold p, .module.tech-spec.tech-spec-gold ul li {
    color: #aeb1b4;
}




@media screen and (min-width:1280px) {
    .module.tech-spec.tech-spec-gold .tech-spec-bg.load-images-active {
        background-position: 6% 50%;
        background-size: auto 95%;
    }
}

.module.tech-spec.tech-spec-rose_gold h3 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.1rem;
}

.module.tech-spec.tech-spec-rose_gold h4 {
    color: #fff;
}

.module.tech-spec.tech-spec-rose_gold p, .module.tech-spec.tech-spec-rose_gold ul li {
    color: #aeb1b4;
}



@media screen and (min-width:1280px) {
    .module.tech-spec.tech-spec-rose_gold .tech-spec-bg.load-images-active {
        background-position: 20% 0;
    }
}

.module.newsletter {
    z-index: 5;
    background-color: #191919;
}

    .module.newsletter .module-bar-table {
        padding: 60px 0 110px;
    }

@media screen and (min-width:768px) {
    .module.newsletter .module-bar-table {
        padding: 30px 0;
    }
}

.module.newsletter .module-block-content {
    margin: 4em auto 3em;
}

.module-newsletter-bg.load-images-active {
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/backgrounds/background-pattern-3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}

    .module-newsletter-bg.load-images-active.loaded {
        opacity: 1;
    }

.modal-reserve .subscribe-form-wrap .subscribe-email {
    -webkit-transition: background .15s linear;
    -moz-transition: background .15s linear;
    transition: background .15s linear;
    background: rgba(200,200,200,.15);
}

    .modal-reserve .subscribe-form-wrap .subscribe-email:focus, .modal-reserve .subscribe-form-wrap .subscribe-email:hover {
        background: rgba(255,255,255,.2);
    }

.subscribe-form-wrap {
    max-width: 450px;
    margin: 25px auto -30px;
    padding-bottom: 50px;
    position: relative;
}

    .subscribe-form-wrap form {
        position: relative;
        z-index: 2;
    }

    .subscribe-form-wrap.fail .subscribe-email {
        border: 1px solid #d3a55b;
    }

    .subscribe-form-wrap .subscribe-email {
        text-align: center;
        background: rgba(120,120,120,.2);
        border-width: 1px;
        -webkit-transition: background .15s linear,border .5s ease-in-out;
        -moz-transition: background .15s linear,border .5s ease-in-out;
        transition: background .15s linear,border .5s ease-in-out;
    }

        .subscribe-form-wrap .subscribe-email:focus, .subscribe-form-wrap .subscribe-email:hover {
            background: rgba(255,255,255,.15);
        }

@media screen and (min-width:640px) {
    .subscribe-form-wrap .subscribe-email {
        padding-right: 125px;
        text-align: left;
    }
}

.subscribe-form-wrap .subscribe-email:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #2f3234 inset;
    -webkit-text-fill-color: #fff;
}

    .subscribe-form-wrap .subscribe-email:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 50px #484b4e inset;
        -webkit-text-fill-color: #fff;
    }

.subscribe-form-wrap .status-message {
    padding: 0;
    min-height: 53px;
    margin-bottom: 0;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: opacity .5s ease-in-out .25s;
    -moz-transition: opacity .5s ease-in-out .25s;
    transition: opacity .5s ease-in-out .25s;
    opacity: 0;
    top: 100px;
}

.active .status-message, .subscribe-form-wrap.active .status-message {
    opacity: 1;
}

@media screen and (min-width:768px) {
    .subscribe-form-wrap .status-message {
        top: 60px;
    }
}

.subscribe-form-wrap .status-message p {
    padding: 10px 0;
    margin-top: 0;
    color: #d3a55b;
}

.module.hero .hero-video-slide .hero-video-play-button-link.title-play, .module.module-collections aside a h2 {
    color: #fff;
}

.subscribe-form-wrap .subscribe-form {
    transition: height .5s ease-in-out,min-height .5s ease-in-out;
}

.status-message, .subscribe-form-wrap .subscribe-form {
    -webkit-transition: height .5s ease-in-out,min-height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out,min-height .5s ease-in-out;
}

.subscribe-form-wrap.active.fail .status-message {
    bottom: 8px;
}

.subscribe-form-wrap.active.fail .subscribe-form {
    min-height: 110px;
}

.subscribe-form-wrap.success .status-message p {
    color: #fff;
    padding-bottom: 0;
    top: 0;
}

.subscribe-form-wrap .form-inline {
    position: relative;
    height: 40px;
}

    .subscribe-form-wrap .form-inline button {
        margin-top: 20px;
    }

@media screen and (min-width:640px) {
    .subscribe-form-wrap .form-inline button {
        margin-top: 0;
        position: absolute;
        right: 8px;
        top: 7px;
    }
}

.module-hardware .module-cover, .module.freedom {
    position: relative;
}

@media screen and (min-width:992px) {
    .subscribe-form-wrap.active.fail .subscribe-form {
        min-height: 95px;
    }

    .subscribe-form-wrap .form-inline button {
        top: 12px;
        right: 10px;
    }
}

.module.collections-promo .status-message p {
    font-size: .875rem;
}

@media screen and (min-width:768px) {
    .subscribe-form-wrap .form-inline {
        height: 60px;
    }

    .module.collections-promo .status-message p {
        font-size: .9375rem;
        line-height: 1.3125rem;
        padding-top: 17px;
    }
}

.module.collections-promo .status-message p.email-address {
    padding-top: 20px;
}

@media screen and (min-width:768px) {
    .module.collections-promo .status-message p.email-address {
        padding-top: 25px;
    }
}

.status-message {
    opacity: 0;
    transition: height .5s ease-in-out,min-height .5s ease-in-out;
}

    .status-message p {
        margin: 0;
    }

    .status-message.active {
        min-height: 15px;
        opacity: 1;
    }

.signup-confirmation-message {
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    padding: 9px 7px 7px;
    margin-top: 4px;
    text-transform: none;
}

    .signup-confirmation-message p {
        margin: 0;
        padding: 0;
        line-height: 1.25;
    }

    .signup-confirmation-message.active {
        opacity: 1;
    }

.module.module-intro-copy .module-block-content {
    width: 100%;
    margin: 2em auto 1em;
}

@media screen and (min-width:768px) {
    .module.module-intro-copy .module-block-content {
        width: 80%;
        margin: 4em auto 3em;
    }
}

.module.collections-promo .status-message p {
    line-height: 1.3;
}

.scroll-to-collection {
    margin-top: 20px;
}

.buy-now-container {
    text-align: center;
}

    .buy-now-container.below-banner {
        margin-top: 15%;
    }

.module.freedom {
    background-color: rgba(23,24,25,.8);
    overflow: hidden;
    height: auto;
}

@media screen and (min-width:768px) {
    .module.freedom .module-cover .module-copy {
        width: 44%;
        margin-left: 50%;
        text-align: left;
    }
}

@media screen and (min-width:992px) {
    .module.collections-promo .status-message p {
        line-height: 1.3;
    }

    .module.freedom .module-cover .module-copy {
        width: 41%;
        margin-left: 54%;
    }
}

@media screen and (min-width:1280px) {
    .module.freedom .module-cover .module-copy {
        width: 40%;
        max-width: 460px;
        margin-left: 58%;
    }
}

.module.freedom .module-cover .module-copy p {
    text-shadow: 0 0 8px rgba(0,0,0,.8);
    margin-bottom: 0;
}

@media screen and (min-width:768px) {
    .module.freedom .module-cell {
        vertical-align: top;
        padding-top: 6%;
    }
}

@media screen and (min-width:992px) {
    .module.freedom .module-cell {
        padding-top: 7%;
    }
}

@media screen and (min-width:1280px) {
    .module.freedom .module-cell {
        padding-top: 10.25%;
    }
}

@media screen and (min-width:1800px) {
    .module.freedom .module-cover .module-copy {
        margin-left: 54%;
    }

    .module.freedom .module-cell {
        padding-top: 11.5%;
    }
}

.module.freedom .page-width {
    height: 100%;
}

.action-buttons {
    width: 100%;
    display: block;
}

    .action-buttons .text-right {
        text-align: right;
    }

@media screen and (max-width:639px) {
    .action-buttons {
        text-align: center;
        margin-top: 0;
    }
}

@media screen and (min-width:768px) {
    .module.freedom .module-content {
        background: 0 0;
    }

    .action-buttons {
        margin-top: 40px;
    }
}

.action-buttons a {
    margin: 0 0 0 20px;
    display: inline-block;
}

    .action-buttons a:first-child {
        margin: 0;
    }

    .action-buttons a img {
        max-height: 30px;
    }

.action-buttons.vertical a {
    margin: 20px 0 0;
}

.module-hardware .module-bg {
    height: 50%;
}

@media screen and (min-width:321px) {
    .module-hardware .module-bg {
        height: 56%;
    }
}

@media screen and (min-width:481px) {
    .module-hardware .module-bg {
        height: 62%;
    }
}

@media screen and (min-width:768px) {
    .action-buttons a img {
        max-height: 40px;
    }

    .module-hardware .module-bg {
        height: 66%;
    }

    @media only screen and (orientation:landscape) {
        .module-hardware .module-cover {
            position: absolute;
        }

        .module-hardware .module-bg {
            height: 100%;
        }
    }
}

.module-hardware .item {
    position: relative;
}

.module-hardware .item-dark {
    background: #fff;
}

    .module-hardware .item-dark .module-cover {
        height: 62%;
        top: auto;
        position: absolute;
    }

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module-hardware .item-dark {
            background: 0 0;
            padding-top: 0;
        }

            .module-hardware .item-dark .module-cover {
                top: 0;
                height: 100%;
            }
    }
}

.module-hardware .item-dark .module-bg {
    max-width: 94%;
    margin: 0 auto;
    padding-top: 13%;
}

@media screen and (min-width:321px) {
    .module-hardware .item-dark .module-bg {
        padding-top: 20px;
        max-width: 95%;
    }
}

@media screen and (min-width:768px) {
    .module-hardware .item-dark .module-bg {
        max-width: 600px;
    }

    @media only screen and (orientation:landscape) {
        .module-hardware .item-dark .module-bg {
            padding-top: 0;
            max-width: none;
            margin: 0;
        }

            .module-hardware .item-dark .module-bg:after {
                padding-top: 57%;
            }
    }
}

.module-hardware .item-dark .module-cell {
    padding: 5%;
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module-hardware .item-dark .module-cell {
            padding: 10% 5%;
        }
    }
}

.module-hardware .item-powered {
    padding-top: 30px;
}

@media screen and (min-width:768px) {
    .module-hardware .item-powered {
        padding-top: 0;
    }
}

.module-hardware .item-powered .module-bg {
    height: auto;
}

.module-hardware .item-powered .module-cell {
    padding-top: 15px;
}

@media screen and (min-width:321px) {
    .module-hardware .item-powered .module-cell {
        padding-top: 30px;
    }
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module-hardware .item-powered .module-cell {
            padding-top: 0;
        }
    }
}

.module-hardware .module-cell-top {
    padding-top: 10%;
}

@media screen and (min-width:321px) {
    .module-hardware .module-cell-top {
        padding-top: 15%;
    }
}

@media screen and (min-width:481px) {
    .module-hardware .module-cell-top {
        padding-top: 6%;
    }
}

@media screen and (min-width:768px) {
    .module-hardware .module-cell-top {
        padding-top: 9%;
        margin: 4% auto;
        vertical-align: top;
    }

    @media only screen and (orientation:portrait) {
        .module-hardware .module-cell-top {
            padding-top: 18%;
        }
    }
}

@media screen and (min-width:992px) {
    .module-hardware .module-cell-top {
        padding-top: 6%;
        margin: 6% auto;
    }
}

@media screen and (max-height:780px) {
    .module-hardware .module-cell-top {
        padding-top: 3%;
    }

    @media only screen and (orientation:portrait) {
        .module-hardware .module-cell-top {
            padding-top: 10%;
        }
    }
}

@media screen and (min-width:1280px) {
    .module-hardware .module-cell-top {
        margin: 7% auto 0;
    }
}

@media screen and (min-width:1440px) {
    .module-hardware .module-cell-top {
        margin: 9% auto 0;
    }
}

@media screen and (min-width:1800px) {
    .module-hardware .module-cell-top {
        margin: 10% auto 0;
    }
}

.module-hardware .item-unique .module-bg {
    height: 56%;
}

@media screen and (min-width:481px) {
    .module-hardware .item-unique .module-bg {
        height: 75%;
    }

    @media only screen and (orientation:portrait) {
        .module-hardware .item-unique .module-bg {
            height: 66%;
        }
    }
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module-hardware .item-unique .module-bg {
            height: 100%;
        }
    }
}

.module-hardware .item-lifeproof {
    overflow: hidden;
}

    .module-hardware .item-lifeproof .module-bg {
        width: 130%;
        margin-left: -15%;
    }

@media screen and (min-width:321px) {
    .module-hardware .item-lifeproof .module-bg {
        width: 120%;
        margin-left: -10%;
    }
}

@media screen and (min-width:481px) {
    .module-hardware .item-lifeproof .module-bg {
        width: auto;
        margin-left: 0;
    }
}

.module-hardware .item-lifeproof .module-cover {
    height: 40%;
    top: auto;
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .module-hardware .item-lifeproof .module-cover {
            height: 100%;
        }
    }

    .module-hardware .module-cell-strength .module-copy.copy-width.copy-pos-center {
        width: 75%;
    }
}

@media screen and (min-width:768px) {
    .module-hardware .module-cell-strength.module-cell-top {
        margin: 4% auto;
    }
}

@media screen and (min-width:992px) {
    .module-hardware .module-cell-strength .module-copy.copy-width.copy-pos-center {
        width: 66%;
        max-width: 625px;
    }

    .module-hardware .module-cell-strength.module-cell-top {
        margin: 8% auto;
    }
}

@media screen and (min-width:1280px) {
    .module-hardware .module-cell-strength.module-cell-top {
        margin: 5% auto 0;
    }
}

@media screen and (min-width:1800px) {
    .module-hardware .module-cell-strength.module-cell-top {
        margin: 6% auto 0;
    }
}

.module-hardware .item-craftsmanship {
    overflow: hidden;
}

    .module-hardware .item-craftsmanship .module-cover {
        height: 50%;
    }

@media screen and (min-width:481px) {
    .module-hardware .item-craftsmanship .module-cover {
        height: 40%;
    }
}

.module-hardware .item-craftsmanship .module-bg {
    height: auto;
    width: 120%;
    margin-left: -10%;
}

@media screen and (min-width:481px) {
    .module-hardware .item-craftsmanship .module-bg {
        margin-left: 0;
        width: 100%;
    }
}

.module-cell-craftsmanship {
    vertical-align: middle;
}

@media screen and (max-width:767px) {
    .module-hardware .item-bg-grad {
        background-color: transparent;
        background-image: -webkit-linear-gradient(#1a1a1a 0,transparent 40%);
        background-image: linear-gradient(#1a1a1a 0,transparent 40%);
    }

    .module-hardware .item-strength .module-bg .sprite-hardware-shot-2 {
        max-width: 600px;
        margin: 0 auto;
    }
}

.module-bg-align-bottom {
    bottom: 0;
    position: absolute;
    width: 100%;
}

@media screen and (min-width:768px) {
    .module-hardware .item-craftsmanship .module-cover {
        height: auto;
    }

    .module-cell-craftsmanship {
        vertical-align: top;
    }

    .module-bg-align-bottom {
        right: 0;
        left: 0;
        bottom: 0;
        padding-top: 0;
    }

    @media only screen and (orientation:landscape) {
        .module-hardware .item-craftsmanship .module-bg {
            height: 100%;
        }

        .module-bg-align-bottom {
            position: static;
            top: 0;
        }
    }

    .module-bg-align-bottom .data-sprite-image {
        width: 100%;
    }
}

@media only screen and (max-device-width:767px) and (orientation:landscape) {
    .module-hardware .module-cell-top {
        padding-top: 0;
    }

    .module-hardware .module-cover {
        height: 100%;
        width: 45%;
        left: 50%;
        position: absolute;
    }

    .module-hardware .module-cell {
        vertical-align: middle;
    }

    .module-hardware .module-bg {
        height: 100%;
        width: 50%;
    }

    .module-hardware .item-strength .module-bg {
        padding-top: 10%;
    }

    .module-hardware .item-unique .module-bg {
        left: 50%;
        height: 80%;
    }

    .module-hardware .item-unique .module-cover {
        left: 5%;
    }

    .module-hardware .item-craftsmanship .module-bg {
        width: 70%;
        margin-left: -15%;
    }

    .module-hardware .item-craftsmanship .module-cover {
        height: 100%;
    }

    .module-hardware .item-powered .module-cell {
        padding-top: 0;
    }

    .module-hardware .item-powered .module-bg {
        height: auto;
        width: 55%;
    }

    .module-hardware .item-dark .module-bg {
        margin: 0;
        padding-top: 10%;
        width: 54%;
    }

    .module-hardware .item-dark .module-cover {
        height: 100%;
    }

    .module-hardware .item-lifeproof .module-bg {
        width: 75%;
        margin-left: 25%;
    }

    .module-hardware .item-lifeproof .module-cover {
        left: 5%;
        height: 100%;
    }

    .module-hardware .item-lifeproof .module-cell {
        vertical-align: bottom;
    }

    .module-hardware .item-lifeproof .module-copy {
        text-align: left;
    }

        .module-hardware .item-lifeproof .module-copy h2 {
            padding: 0 5%;
        }
}

.module.hero {
    max-height: inherit;
}

    .module.hero .module-cover {
        position: static;
        -webkit-transition: opacity .5s linear;
        -moz-transition: opacity .5s linear;
        transition: opacity .5s linear;
    }

@media screen and (min-width:640px) {
    .module.hero .module-cover {
        padding-bottom: 0;
    }
}

@media screen and (min-width:768px) {
    .module.hero .module-cover {
        margin-top: -380px;
    }
}

@media screen and (min-width:992px) {
    .module.hero .module-cover {
        margin-top: -210px;
    }
}

@media screen and (min-width:1280px) {
    .module.hero .module-cover {
        padding-bottom: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        margin-top: 0;
    }
}

.module.hero .module-cover.hide {
    opacity: 0;
}

.module.hero .hero-bg {
    width: 100%;
    position: relative;
    height: 100vh;
    background-color: #000;
    background-image: url(../images/20.jpg);
    background-repeat: no-repeat;
    background-position: 39% top;
    background-size: 115%;
}

@media screen and (min-width:1800px) {
    .module.hero .hero-bg {
        max-width: 100%;
        margin-left: 0;
    }

        .module.hero .hero-bg:before {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
        }

        .module.hero .hero-bg img {
            visibility: hidden;
        }
}

.module.hero .hero-bg:after {
    content: '';
    display: block;
    padding-top: 110%;
}

@media screen and (min-width:321px) {
    .module.hero .hero-bg {
        background-image: url(../images/20.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

        .module.hero .hero-bg:after {
            padding-top: 73.5%;
        }
}

@media screen and (min-width:768px) {
    .module.hero .hero-bg:after {
        height: auto;
        position: static;
        padding-top: 68%;
    }
}

@media screen and (min-width:992px) {
    .module.hero .hero-bg {
        background-image: url(../images/20.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

        .module.hero .hero-bg:after {
            padding-top: 66%;
        }
}

@media screen and (min-width:1280px) {
    .module.hero .hero-bg img {
        max-width: 100%;
        margin-left: 0;
    }

    .module.hero .hero-bg:after {
        padding-top: 50%;
    }
}

.module.hero .module-slider-pager {
    bottom: 7%;
}

@media screen and (min-width:768px) {
    .module.hero .module-slider-pager {
        bottom: 10%;
    }
}

.module.hero .hero-table-wrap {
    position: absolute;
    bottom: 80px;
    top: 80px;
}

.module.hero .hero-table {
    max-width: none;
    width: 100%;
    display: table;
    table-layout: fixed;
    height: 100%;
}

.module.hero .hero-row {
    display: table-row;
}

.module.hero .hero-press-slide .hero-row:nth-child(2), .module.hero .hero-press-slide .hero-row:nth-child(3), .module.hero .hero-press-slide .hero-row:nth-child(4) {
    display: none;
}

@media screen and (min-width:768px) {
    .module.hero .hero-press-slide .hero-row:nth-child(2), .module.hero .hero-press-slide .hero-row:nth-child(3) {
        display: table-row;
    }
}

@media screen and (min-width:1800px) {
    .module.hero .hero-press-slide .hero-row:nth-child(4) {
        display: table-row;
    }
}

@media screen and (max-height:780px) {
    .module.hero .hero-press-slide .hero-row:nth-child(3) {
        display: none;
    }
}

@media screen and (max-height:900px) {
    .module.hero .hero-press-slide .hero-row:nth-child(4) {
        display: none;
    }
}

.module.hero .hero-press-slide .hero-row .hero-cell:nth-child(4), .module.hero .hero-press-slide .hero-row .hero-cell:nth-child(5) {
    display: none;
}

@media screen and (min-width:768px) {
    .module.hero .hero-press-slide .hero-row {
        display: table-row;
    }

        .module.hero .hero-press-slide .hero-row .hero-cell:nth-child(4), .module.hero .hero-press-slide .hero-row .hero-cell:nth-child(5) {
            display: none;
        }
}

@media screen and (min-width:992px) {
    .module.hero .hero-press-slide .hero-row .hero-cell:nth-child(4) {
        display: table-cell;
    }
}

@media screen and (min-width:1280px) {
    .module.hero .hero-press-slide .hero-row .hero-cell:nth-child(5) {
        display: table-cell;
    }
}

@media screen and (min-width:768px) {
    .module.hero .hero-video-play {
        display: table-row;
        height: 46%;
    }
}

.module.hero .hero-cell {
    display: table-cell;
    vertical-align: bottom;
    max-width: 100%;
}

    .module.hero .hero-cell p {
        margin: 0 auto;
        padding: 0 4%;
        max-width: 600px;
    }

@media screen and (min-width:640px) {
    .module.hero .hero-cell p {
        margin: 0 auto;
    }
}

@media screen and (min-width:768px) {
    .module.hero .hero-cell {
        display: table-cell;
    }

        .module.hero .hero-cell p {
            padding: 0;
            font-size: .95rem;
        }

    .module.hero .hero-copy {
        margin-top: 0;
        position: static;
    }
}

.module.hero .module-hero-logo {
    text-align: center;
}

@media screen and (min-width:1280px) {
    .module.hero .module-hero-logo {
        top: 12%;
    }
}

.module.hero .featured-content {
    margin: 0;
    padding: 0 4%;
}

@media screen and (min-width:768px) {
    .module.hero .featured-content {
        margin: 0;
        position: relative;
        padding: 10px 7% 15px;
        width: 100%;
    }
}

.module.hero .featured-content .action-buttons {
    margin-top: 0;
    margin-bottom: 35px;
}

.module.hero h1, .module.hero h2 {
    text-transform: none;
    font-family: "Baskerville Bold",helvetica,arial,sans-serif;
    text-shadow: 0 0 8px rgba(0,0,0,.4);
    margin-top: 0;
    margin-bottom: .3em;
}

.module.hero h1 {
    font-size: 2em;
}

@media screen and (min-width:768px) {
    .module.hero h1 {
        font-size: 2.5em;
    }
}

.module.hero h2 {
    font-size: 1em;
}

.module.collections-description .col-container .col-2 .collection-details-container h2, .module.module-collections .collection-item .collection-item-copy h3 {
    font-family: "Baskerville Regular",helvetica,arial,sans-serif;
}

.module.hero p {
    margin-top: .5em;
    margin-bottom: 0;
    text-shadow: 0 0 8px rgba(0,0,0,.8);
}

.module.hero .main-action-button {
    z-index: 1005;
    width: 100%;
    display: none;
    margin-top: 2em;
}

.module.hero .action-buttons {
    margin: 20px 0 0;
}

    .module.hero .action-buttons a {
        margin: 0;
    }

    .module.hero .action-buttons .btn {
        white-space: nowrap;
    }

        .module.hero .action-buttons .btn:first-child {
            margin-right: 10px;
        }

@media screen and (min-width:768px) {
    .module.hero h2 {
        font-size: 1.5em;
    }

    .module.hero .main-action-button {
        display: block;
        bottom: 20%;
    }

    .module.hero .action-buttons {
        margin: 15px 0 0;
    }

        .module.hero .action-buttons .btn:first-child {
            margin-right: 15px;
        }
}

.module.hero .hero-video-slide .hero-cell-play {
    height: 40%;
}

@media screen and (min-width:321px) {
    .module.hero .hero-video-slide .hero-cell-play {
        height: 55%;
    }
}

@media screen and (min-width:481px) {
    .module.hero .hero-video-slide .hero-cell-play {
        height: 57%;
    }
}

.module.hero .hero-video-slide .hero-video-play-button-link.title-play:hover {
    color: #d3a55b;
    text-decoration: none;
}

.module.hero .hero-gift-slide .hero-table-wrap {
    position: absolute;
    padding: 0;
    margin-top: 0;
    top: 80px;
}

    .module.hero .hero-gift-slide .hero-table-wrap .scroll-to-collection {
        margin-top: 10px;
    }

@media screen and (max-height:780px) {
    .module.hero .hero-gift-slide .hero-bg {
        background-position: center 85px;
    }
}

@media screen and (max-height:479px) {
    .module.hero .hero-gift-slide .hero-bg {
        background-position: center 5%;
    }

    .module.hero .hero-gift-slide .hero-table-wrap {
        padding-top: 0;
    }
}

.module.hero .hero-gift-slide .hero-cell {
    vertical-align: top;
    padding-top: 2%;
}

.module.hero .hero-lifestyle-slide .scroll-to-collection {
    margin-top: 15px;
}

.module.hero .hero-lifestyle-slide .hero-table-wrap {
    right: 0;
    left: 0;
}

@media screen and (min-width:992px) {
    .module.hero .hero-lifestyle-slide .hero-cell-play {
        display: inherit;
        width: 270px;
        height: 152px;
    }
}

@media screen and (min-width:1280px) {
    .module.hero .hero-lifestyle-slide .hero-cell-play {
        width: 310px;
        height: 175px;
    }
}

@media screen and (min-width:1800px) {
    .module.hero .hero-lifestyle-slide .hero-cell-play {
        width: 330px;
        height: 186px;
    }
}

.module.hero .hero-lifestyle-slide .hero-cell-play #hero-video-play-button {
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.module.hero .hero-lifestyle-slide .hero-cell-play .ic-play {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
}

.module.hero .hero-lifestyle-slide .hero-cell-play h4 {
    font-size: 13px;
}

@media screen and (min-width:1280px) {
    .module.hero .hero-lifestyle-slide .hero-cell-play .ic-play {
        width: 120px;
        height: 120px;
    }

    .module.hero .hero-lifestyle-slide .hero-cell-play h4 {
        font-size: 15px;
    }
}

@media screen and (min-width:1800px) {
    .module.hero .hero-lifestyle-slide .hero-cell-play h4 {
        font-size: 16px;
    }
}

.module.hero .hero-lifestyle-slide .hero-cell-play p {
    font-size: 13px;
}

@media screen and (min-width:1280px) {
    .module.hero .hero-lifestyle-slide .hero-cell-play p {
        font-size: 15px;
    }
}



.module.hero .hero-press-slide .hero-table-wrap {
    position: absolute;
    bottom: 0;
    margin: 0;
    top: 0;
    padding: 60px 0 70px;
    height: 100%;
    width: 100%;
    display: table;
    table-layout: fixed;
}

@media screen and (min-width:768px) {
    .module.hero .hero-press-slide .hero-table-wrap {
        padding-top: 90px;
    }
}

@media screen and (max-width:700px) and (max-height:479px) {
    .module.hero .hero-press-slide .hero-table-wrap {
        padding-top: 0;
    }
}

.module.hero .hero-press-slide .hero-table-wrap .hero-table-wrap-row {
    display: table-row;
}

.module.hero .hero-press-slide .hero-table-wrap .hero-table-wrap-cell {
    display: table-cell;
    vertical-align: middle;
}

.module.hero .hero-press-slide .hero-table-wrap h2 {
    display: none;
}

.module.hero .hero-press-slide .hero-table-wrap .hero-table {
    padding: 0 12%;
    width: inherit;
    height: initial;
}

@media screen and (min-width:768px) {
    .module.hero .hero-press-slide .hero-table-wrap h2 {
        display: block;
    }

    .module.hero .hero-press-slide .hero-table-wrap .hero-table {
        padding: 0 12%;
    }

    @media screen and (max-height:780px) {
        .module.hero .hero-press-slide .hero-table-wrap .hero-table {
            padding: 0 8%;
        }
    }
}

@media screen and (min-width:1280px) {
    .module.hero .hero-press-slide .hero-table-wrap .hero-table {
        padding: 0 12%;
    }
}

@media screen and (min-width:1440px) {
    .module.hero .hero-press-slide .hero-table-wrap .hero-table {
        padding: 0 12%;
    }

    .module.hero .hero-press-slide .hero-table-wrap .scroll-to-collection {
        margin-top: 0;
    }
}

.module.hero .hero-press-slide .hero-table-wrap .btn {
    width: 12em;
}

.module.hero .hero-press-slide .logo-set {
    padding: 0 8px;
    vertical-align: top;
}

.module.hero .hero-press-slide .hero-table {
    display: block;
}

@media screen and (min-width:768px) {
    .module.hero .hero-press-slide .logo-set {
        padding: 10px 8px;
    }

    .module.hero .hero-press-slide .press-quote {
        min-height: 60px;
    }

    .module.hero .hero-press-slide .hero-table {
        display: table;
    }
}

.module.hero .hero-press-slide .hero-row {
    display: block;
}

@media screen and (min-width:768px) {
    .module.hero .hero-press-slide .hero-row {
        display: table-row;
    }
}

.module.hero .hero-press-slide .hero-cell {
    display: block;
    width: 100%;
}

@media screen and (min-width:768px) {
    .module.hero .hero-press-slide .hero-cell {
        display: table-cell;
        width: 33%;
    }

        .module.hero .hero-press-slide .hero-cell.hero-cell-full {
            width: 100%;
            column-span: all;
        }
}

@media screen and (min-width:992px) {
    .module.hero .hero-press-slide .hero-bg.load-images-active {
        background-image: url(images/hero-press.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }

    .module.hero .hero-press-slide .hero-cell {
        width: 25%;
    }
}

@media screen and (min-width:1280px) {
    .module.hero .hero-press-slide .hero-cell {
        width: 20%;
    }
}

@media screen and (max-height:479px) {
    .module.hero .scroll-to-collection {
        margin-top: 8px;
    }
}

.hero-cell-play {
    display: inline-block;
    vertical-align: middle;
}

#hero-video {
    position: absolute;
    height: 49%;
    right: 0;
    top: 0;
    left: 0;
    z-index: -1;
}

@media screen and (min-width:768px) {
    #hero-video {
        bottom: 0;
        height: auto;
    }
}

#hero-video.active {
    z-index: 1;
}

#close-video {
    z-index: 4501;
    right: 0;
    top: 0;
    background-position: -201px -465px;
    height: 50px;
    width: 56px;
}

.ic-play {
    display: inline-block;
    width: 110px;
    height: 110px;
    background-image: url(images/ic_play-video.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: .5;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

@media screen and (min-width:768px) {
    #close-video {
        right: 20px;
    }

    .ic-play {
        width: 120px;
        height: 120px;
    }
}

@media screen and (min-width:992px) {
    .ic-play {
        width: 140px;
        height: 140px;
    }
}

@media screen and (min-width:1280px) {
    .ic-play {
        width: 165px;
        height: 165px;
    }
}

.ic-play:hover {
    opacity: .9;
}

@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) {
    .ic-play {
        background-image: url(images/ic_play-video_2x.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}

.module.module-collections {
    max-width: auto;
    margin: 0;
}

    .module.module-collections:after {
        content: "";
        display: table;
        clear: both;
    }

    .module.module-collections .module-collections-wrapper {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        .module.module-collections .module-collections-wrapper:after {
            content: "";
            display: table;
            clear: both;
        }

    .module.module-collections aside {
        background-color: rgba(23,24,25,.6);
        border-width: 0;
        border-color: #d3a55b;
        border-style: solid;
        padding: 0;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        width: 100%;
    }

    .cycle-counter, .module.module-collections aside {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

@media screen and (max-width:639px) {
    .module.module-collections aside {
        height: 390px;
    }
}

@media screen and (min-width:321px) {
    .module.module-collections aside {
        height: 500px;
    }
}

@media screen and (min-width:481px) {
    .module.module-collections aside {
        height: 600px;
    }
}

@media screen and (min-width:640px) {
    .module.module-collections aside {
        height: 670px;
    }
}

@media screen and (min-width:768px) {
    .module.module-collections aside {
        display: table-cell;
        width: 50%;
        height: 570px;
    }
}

@media screen and (min-width:992px) {
    .module.module-collections aside {
        height: 650px;
    }
}

@media screen and (min-width:1280px) {
    .module.module-collections aside {
        height: 750px;
    }
}

.module.module-collections aside a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.module.module-collections aside i {
    width: 100%;
}

.module.module-collections aside .img-cover {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.4);
    opacity: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.module.module-collections aside:hover .img-cover {
    opacity: .1;
}

.module.module-collections aside:hover i {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}

.module.module-collections aside .action-button {
    margin-top: .75em;
}

.collection-item .image-container {
    position: relative;
    height: auto;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 5;
}

@media screen and (max-width:639px) {
    .collection-item .image-container {
        position: absolute;
        top: 7%;
    }
}

@media screen and (min-width:1280px) {
    .collection-item .image-container {
        left: 50%;
        margin-left: -180px;
        width: 360px;
    }
}

.collection-item .image-container .product-shadow {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWEAAABDCAMAAAB6MkRsAAABy1BMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmIqbLAAAAmXRSTlMAAQIDBQQGBwgJCgsMDQ4PEBESExQVFhcYGRobHB0eHyAhIiMkJSYnKCorKSwuLzAtMTQyNTY4NzkzOzw9PkA/QUI6REVGR0hJSktDTU5PUFFSU1RVVkxXWFlbXF1eX2BhWmJjZGVmZ2hpamxrbW9ucHFyc3R1dnd4eXp7fH1+gIGCg4R/hYaHiImKi4yNjo+RkJKTlJWWl5g4ydIAAAATj0lEQVR4AeyVh6LDKgxDddz//+Rabwia0XH3DnfggZ3koBB0jI8d7APHOAgfhI9xED4II7+4xAfhZ92GFyc+iT28YyfqZ17Hf4owr5Ize8LPH7+dMH58UdarZCJhZvEzwXH/KfvzefMFm2kersgUtF7Ze8q+0z3uQ+Z969xgZkgEf3vCrGxjNpl4vn0bdaFQo1qWXHBeevR6vXddLPnZB0XaM3N4fzz5+xNGNsLIqgWd81cekV6m03jYWnRsnYyRUYtmAVS3X/8eSqyzoOe2PcaNpxjMJuPvRZi7VnDGSmgwdxmL/WeOoSaTFnGdVzlxl2x8+8voFTWcVi2VhM4pSVTVKnWu5ITxrhfyNyDM2jDDKskVkyEtNsuRcZzgA2SJx6f3nWynFsn+31dZLg3GG/6ycyGjM5deffPz+LWEmdO+d4ElaomXmtgg74ssBQ+ymPynkB3DAoJyqYyDnbArgI0HzHiTNKnIb8q9SLVFVwh7Q9dfSpiNegthnZJOvmSxAB0cBaMsnpEYpK0RkLYqn960JxucWlss+NzRNAarbda4bNV5cs8O0f/7Xe7qLWV/AeF0CpmLf1INtPi0aLZCM/SKC35C2rOVVTIK7ZHYfPfD2AGehR1hY89XHDq2Q9+WTCvDQ9It1FiEKmp5nNFtPAg7E7E/kzCZQq4kGOoM2BJUWWRNIY1fHPWCDXK2AFsEb2S9RrvIO7ZHTjOdaPJhZv8fO2s6gR7sCclaHyg9fXUHawd7lgT35xIm3YrgFSoPAXNCQLx/eK0P5WZ2HQnA3eDI8vFN7/+UJ/vY0qB7bxP1z97Nyf9CQxAMlb5CsURhFUaP5AASrhRhGO0SkSgIC9+CGzBqImOwNJwLvRpY6NyWkxvoikwJLhUaxnGKIwjMO+C9jjmdIJJHr5HFEGevy4N8Ef+/CHMkCvAIV2FUSFfFNogFcvo7S2Qs0YE/cObuXMDEZkcx8NtTNc8CFXWQSaoAeSCTEmWjdLW46vZ4+ftvTqUSvXACqqgG8eiuaV1bc2uW08qt1B5lqYYcSd9dmJiJ07CcOqgpCK7aG3HNxFoigOFm1cvj5XMvxybJBVXRg+4iUo55iDFyW2BZpaKFfW2HavqWQqrshou4/1bYvt4HMHQHHioJ1QWc2ob7JxlmpO3NrYbdQO7oWxv7ewtzRr5FmFnHN5xVWSwS08cLWpnD+PJkQdt8i5EloEyKnpdbWOB4JzhDWY0ybJZNg9kyYVcqMTYe8YxIvX68Au+lvQxxlPZNDBqbvj0gCYxpoR3kc2vLkNxhvhrd31uYk2cqh5KJC7SIWoshx4sWwFUqvn2arELKDwBEXOhvg0O63TjCu8DYzr18yMTYzlEkQ2tcXT6r2cig3/CObStwMwXqFe+GnFrKtm8fWa+H6xleu8Ma/hbw5PVS+DsJ85pSLWEVwSL3FOJhrrWO5qqX53KteRfePl4/go4i/vw+emBxoJjlmOty/fZ5dnZsahXFAayLcaT3MgVfPnEHPl7xMWcNNDDHthHoN/wSYConbY10XOsRXnSg21InA+5pYvh7CBOYKIMlLgQTxApiLa7azMvrwOtZLO47b/gs1l/w/oY/tvG0PITFVzxgsIBpTC75gDGmM0WOOZ4PgCp7V1ydOny0c1ugMVtQydmBQfn+8P0D7pKpQBJuSuhXvLd8/43ayp+OsDq+6gbUvp7i7yi8kYogNyJq1VSrEgwyax3k22cs+df3QhWM3LheAhbF4JLYvz0jS5cqptix+ffPk40KWYHIwkDFsBB3ZWHC19ucUiXIICRuactspLAlQEqRrPu7pPtvhk4+AtxnyxmGGr66+PsIE5znFxzUCJP5qg6/aPHmPz8XgbUWqgpMZOP1MZw1aIWtijKqDCwEtWgSYz1TNogd5pUNztbAm9l1wQbtfDA1HKA0F8UIayMnaKHRQJRPOdI//NZ6+d398vuTZ7f7oZY6Y7p4hOGvFeaMcdlqWGAtrEUsrsUbuTv4VlxvD7LW7uYiXz9ZZMYGLUw/GyiOJsNRQzQb9PVQCGvrDfY08bfgTMZUrljNxX3pBjwUciN5mtqwkBH5nLTo0ElwmPv+s3X/te+/d5+n+1Q/G90tYJ5jf60wcc2xwEEELIA8KvNaVTy4+OfPWn/6rE296vaKUI8vCwhiVmCpCqPKsdx5ZuY4y8t6uxI0shA2IK+Onm1jb4aY0Jw5lBZzTTcAD0PIgObMAk8KbbhlHR9qnXr7+Wyf3R3hv4dOtdVQU4C+VJgzPL2GgKEWGNRaSKoXF9dfPrliy7/9cQQ4N7KDApiFag1gqIkRB2tcc2uqUJZRmJitielzTV3A2Hmzw/kOfXsoYNTes/a0EZ3rt4fKStnD9aRkNNA6++XjzEv8k19+e55q9flsPx+y3JItwPCXCXPyDI4QWQd20xZXLd5d6eNoruJf3tda9fYkxjs3VV4EapMeMbvjAeZHTCdjp1wzU4A1xk1m1iV+xTT11kue4C7mqWVpuk0EZKfMOA3PrtUm1JDAbrfdnWZV2rb1fB4f/kw7f8pPuH018VcLM8VCoQiGthZr5SnwOsrrL59Hln95z9mNVaiDqEUMcjIKCy6iXp4Y37WJQ2hgoIldFa4u5v6m8rVKGjFSGOJra+fBTda4N2JqmG6mwO1xevBjayW6ZXWEb+/PZ3c/W2fEn4JkfXuJ/TXC88KR5UrNWgBrN2vSMd3LI6rp3Rr75GJK7PZlscCEeQ8vuaDNzuQLkmWEo/7x5R/sS5H4l8ELF5NMEbSyDL725v7RW9ZmGxZuf2DPsubrCCukP/zc/eg+fg9v96luqO0m9DXCvDILcCFkCB5Gcl7gadn6y2cN8FGvnyvq2fXhYqLGse4PvDxBXo8xKwl7ZNPA8ILXuIor/nPhJDIMFzHssbetLHKar7dw3E9K9mk9fXs//fzhl/M8X37tfqrPnr/F856MMPx/FGa+zGZlCkkVaoFrFYur8jvyQiDtmzh4FHd3o7iIYoFV4HQqCwOcb3GeW/p6GVDYwqrZYEwCyP9MGGayTAL+tqM9C4xGNQTvMsBAN/YjMd6yty3c0tNuPX3+8MtTj/uvx3s/8yT3qdOt6H6VMD3CZcLhqCLnAQhglO8+nH7FbQMH/SBzg6xVHmEugLtAaEOMAgis2QNq5xRxdaRTsEOtAmd5PbwgPLDOzKt7r5ArUw8xtwxhONSJ1A4poyzxtNHS6bSwWk+dft5/Pc9tm0eitYVFGf6/ChPEFHECiuBiEZtxZVrkqoP5A8x18J9YsbPdyNEcSsDfoaLsHPfy/o/Zq9t2WjyDCCFQdTuVQ1j8CYavPhDUcpvr5vcQnnH/p94aPUaEPMLA608kZgSJBhkCkGmTbhIlwylMgRRZVMZWY0XJpkWLhe7Fy2++zmabbtuVre+6XjrOffm4T+z/+ffP0/fjUe2K/e4l7Cz9ReEgBGTiwsjMJXyv7qh75D7C87ePxwwfMbdkXNJmaOaokUsvk5Snq4AkTfQImFYkFdqINeSqBWgUXO2ueKKjS6vRuhqx+hzhsk7d6dl2e9ruy8d9S5xv/7yLno9ZPvcq9rvb1ndp0V8SDlEyCXOd1/495g55Bz2mt1vm9vY5ib//L7ndkscXiHHIZDMe2EyZI4JAkidyMy++RJRRIfU0U1ezDkhFU2DnkpNSWe471otP2UKxS9XSbnZ2s/bM7sm2Lx/9vjf69k/fP3N+nz373a/Hfjh9r7O6568KByIlzPNhIM08IjOPh94+jHO7ozuSHMxtJo748TmRmTUzMsHs9EZxBBkgqcyliDSeZ4kKr1/NC1+d3/j54Pt6+VkvwNfLVzUtqthgZS/0ahdZZbWtrZ7Lvnz8eOj23Df/2j17br/3t49+7bmPJXHv9Bvn/ppw/pgza2RMhss3uTbDcRf+8fNazjNvX4n8/X8zZDIen3wi5iDBRBJmc7OzYvbibkz0ci+opgaQrGB7IBRNcBE2G63KpqrRhbKxWJpt8+Budb18eDJv+/avXpKv/7VnN5/z8/z2vdf73m7bVaq/LiwyMMmDMY8Bdj+uJ4ZbH+P75nOOh2nuL82SMUxc3E+6ZEYIiU6jA4Pedm8NfXYsww5Exelqmccl6I5FVJeUglrYp8c+qXVf70PrbFvbPOw4X7z33Ff/6e3x0XK7+/14i758N92NrV8XDkwHk3mY3YEfvo/rN5tjJu7LODM6efsSR/zVOzMMc6QDP/icIKJxLCYVYWxGjZLwuyugUU3ToAHp9Vd96KVo0+3VRVt30ecvF5Bty9u/L/qubr71x39y7uvXV7fz8+56533o9h6rbNUvCT+T56OsyZF7yPEANvFbvXTm5dv8xUeYHLx9RQ/MeHuPjhkIyXgKX+Y+SQIQaHIlcOgarLr6RWzSqONsNoVF2tfP1w99UmhFoVazb/6jXemmJ12t3dXuq49zV85746yz93Ptlu6ZRetPCv9OC1NmEteujTC3TJIZmblK0yPG20eS6YTBhAT3zYGkESI8kQ0xa+KcAKIE+OHjnu9ogGe7oTTZOCcnFW3T0rLQt3e88b5bTVu1FXtqf7y/+a+t7qqebfsg7Vl76vfSs+m5slRRvyIsBnXkEn6E5DHDcq2OHJu57TEvfobpXz9xW0PnL+/efEQnVAKhCam/4WEvDEVURNPE7xFt0CAaTauPwoa0KO4jatONoip3R2qPU7al681/V9U680ib1tmctfu4uj3dc8uehfr/IjzoQxZz8U7ySK5iInfkl3Mw0wE58PZJqBw0nr/B27vLHokmUpeqRmhqoKEu4VxWSUtn6xmNdizlbqnpzqZpttQr749hvvfp8vqxqr19cQnSM10ru92t358zYruF8qe+reWPyRRHBCSH9Di4nCchM4PMUXg5JTDjxecImNi5e7/6EM9IBjXW4Y33Ct7A+7O6VP4YzWWUZpk1rHGKuqyjP/C+Y8lS1uvn65edtTrf96rp/KRsaXWbbq9OtzzSru2OE83izwo/L9NBEnhg8lBOJo9gMhHDNcvPjXr7vm1gmJ27digBRkUHbx9+fNw9PkgoSKqApiD1cLs/E9wX5/uDyoCFjqvX1EJePrNYWse3m7urczjbprSrso2HbLkOrZ6cjV61bFFQf1qYGIVjeEInl2ckxFzscqQJQm6+3dhUAHM702hIw0MduOO/fpUoJlT8IXqZgcGCePHlhY9hjQVbKbHHeTiLRZmzsYlVaKPaXmhttinbRynbKl2bFtuVVSjK/6NwAMZlsKZH0CRpMs9lIXrpJjKBMDWQQGUKIgf0j3oGcdgCqcgFtgOcoaloFlHHd9TtMYq37991yerhPJb2xv9t3zyUJbdhIMjB/v8nL8ZVQu8UqbsXz9nmBWaq1JiFQAXuHsiLvCViZjZlahNks5MWynUzJZL1AA5cy18krBQo4Si68BSFcGv1uFAtWaXhXaplgw1JVsICKRBlnMQj4os8d/4jvmqZ+ZebrSa6Fa9ZjhsXbF4hYC86h9sr9fQ4tWo2ezMuW5RxCO6FZZ+Y2HoR9voy4TRquOSVZz8umAOp0HSVB2RhklrCrCpWSmjFxs0iGpbp3oJeT0uMMwry7VNcnlxgqH544ouGcD6ZIXy7unPRpxqD0JgYrxPZJfdsURRHz1Jk39IwuaKjeeFX4nFk2Ro96wqVmSQ538tJAm8MNrOzO94velYyvWrWhU3N/rjcMeCya4bZklevcmt1WWzdhp481tDGTVzZZCTfsrm6MnwZdrj1tGON7xPWWUxDeQSMINl7Rbgb4Mp8XlBVj/jHvRUmQKZYI5nQ8+hTnnxQyoh5CDMqxDU6jdlatiXTT3TFxEaHYgaeQXY8gPJxXROfhPDpg7/rJVYwhKFLKzWeN9Ryfu4QlyUIqacpOIE41CrnaMm5KM5AVNiSXhRtjYeMVZDyctk5RDjQFD0OIaYjbc8esDp6ZMs4piEEufpPvBn/y4QXis2KJdFlcUnrJQZy7gm6jBZjrOnEySbt7lOUoFLpJ+EpWKIZ37N8tB1XiSSxSh4lyfKgK5uIRfCW/OSErT6Mhlv5JcL6WR6n6RpA5ekSOsHLKj98bWs7tmIVC3fOCdRKEHbMskbGS9YI9SqEsPcdCagzWy30JhEhV2PcbVTwx8JPYSVF90YVDOQ439WwkkVoN8LPNY8XZHYPzhYCCYELv20FLhbY4ouUYqq9mWMM0n3x47knP6HgJrSI7gSpJGNop97rgQMgeqx9Sh92+VXCd/1qi01LPHDoVfyEZcUI9ySAUArhGhbpzTFCWBBWgmVhIMBDiU7JiVLJwy/MZ30A9+l6cNibv536QVQn318nDAFFN1D1qoYBYGXd1nJ1QmrFN8ZyQNh8ZZ0BUsFbr+hVhv/9NMMn4X+Ebiujnolm9IN31bZiVHCu/zsT1rtXvuLD9dqfpCHqY6AlW6KG+MM0iaEA1r15AB9Cws1erLD9c6x+Rn8Tlh2yDNLG9Juufz39KmEEVHETA3bOu/OedCXS+uliBhznNPocFneJdl3q9vJwqrESIz11fMAcPLsVO6Tfv/YrrX894URSOAxOL6SB4+qSx5uc55Wvj+WZM8MzQKPMQvA/Ju8xk3xM/MvTLxDWVnRCgZxr+DWFMLfefUPy9BeechOj0IkC/8FJX8BuSGyhF/9yd4goaAY6AfwB1lCTlcFTTNMd6r+O8In0Hsyfokvr4UMy+P/0G5obCCWxSX7TAAAAAElFTkSuQmCC);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 63px;
    position: absolute;
    bottom: 0;
    opacity: .6;
    left: 0;
    display: block;
    width: 100%;
}

.module.module-collections .module-cover {
    z-index: initial;
}

@media screen and (max-width:767px) {
    .module.module-collections .page-width {
        padding: 0;
    }
}

.module.module-collections .module-inner-bg:after {
    content: '';
    display: block;
    position: static;
}

@media screen and (min-width:768px) {
    .module.module-collections aside .action-button {
        margin-top: 1.5em;
    }

    .module.module-collections .module-inner-bg:after {
        padding-top: 71.66667%;
    }
}

@media screen and (min-width:992px) {
    .module.module-collections .module-inner-bg:after {
        padding-top: 53.33333%;
    }
}

.module.module-collections .module-cell p.remaining-txt {
    margin: 8px 0;
}

    .module.module-collections .module-cell p.remaining-txt.remaining-txt-soldout {
        margin: 9px 0;
        text-transform: uppercase;
        font-weight: 700;
    }

.module.module-collections .collection-wrapper {
    position: relative;
}

.module.module-collections .collection-container {
    padding: 1em 0;
}

@media screen and (min-width:768px) {
    .module.module-collections .collection-container {
        display: flex;
        flex-direction: column;
        padding: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 82%;
    }
}

@media screen and (min-width:992px) {
    .module.module-collections .collection-container {
        height: 72%;
    }
}

.module.module-collections .collection-item {
    color: inherit;
    cursor: pointer;
    position: relative;
}

    .module.module-collections .collection-item .collection-item-link {
        bottom: 0;
        content: ' ';
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1040;
    }

    .module.module-collections .collection-item .collection-item-copy {
        display: block;
        padding: 3% 20px;
        text-align: left;
        position: relative;
        z-index: 1020;
        width: 100%;
        max-width: 460px;
        margin: 0 auto;
    }

@media screen and (min-width:768px) {
    .module.module-collections .collection-item {
        height: 25%;
        align-items: center;
    }

        .module.module-collections .collection-item .collection-item-copy {
            padding: 1.2% 0;
            margin-left: 50%;
            width: 40%;
        }
}

@media screen and (min-width:992px) {
    .module.module-collections .collection-item .collection-item-copy {
        padding: 1.4% 0;
        margin-left: 54%;
        width: 360px;
    }
}

@media screen and (min-width:1280px) {
    .module.module-collections .collection-item .collection-item-copy {
        padding: 2.4% 0;
        width: 430px;
        margin-left: 58%;
    }
}

@media screen and (min-width:1800px) {
    .module.hero .hero-lifestyle-slide .hero-cell-play p {
        font-size: 16px;
    }

    .module.module-collections .collection-item .collection-item-copy {
        padding: 3.4% 0;
        width: 480px;
        margin-left: 54%;
    }
}

.module.module-collections .collection-item .collection-item-copy .remaining-bar {
    margin-left: 0;
    max-width: none;
}

.module.module-collections .collection-item .collection-item-copy .remaining-txt {
    top: 0;
    padding: 0;
    margin: 17px 0 0;
}

.module.module-collections .collection-item .collection-item-copy h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-transform: capitalize;
    margin: 5px 0 7px;
}

.module.module-collections .collection-item .collection-item-copy .view-styles {
    text-transform: uppercase;
    margin: 8px 0 0;
    padding: 0;
    font-weight: 700;
}

.module.module-collections .collection-item:after {
    bottom: 0;
    content: ' ';
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(255,255,255,0);
    z-index: 5;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

@media screen and (min-width:640px) {
    .module.module-collections .collection-item:after {
        border-radius: 3px;
        background-color: transparent;
        background-image: -webkit-linear-gradient(right,rgba(35,36,37,.8) 45%,transparent 90%);
        background-image: linear-gradient(to left,rgba(35,36,37,.8) 45%,transparent 90%);
    }
}

@media screen and (min-width:768px) {
    .module.module-collections .collection-item .collection-item-copy h3 {
        font-size: 1.5rem;
        line-height: 2.1rem;
    }

    .module.module-collections .collection-item:after {
        right: auto;
        padding-left: 52%;
        width: 42%;
    }
}

@media screen and (min-width:992px) {
    .module.module-collections .collection-item:after {
        padding-left: 54%;
        width: 390px;
    }
}

@media screen and (min-width:1280px) {
    .module.module-collections .collection-item:after {
        width: 470px;
        padding-left: 58%;
    }
}

@media screen and (min-width:1800px) {
    .module.module-collections .collection-item:after {
        width: 510px;
        padding-left: 54%;
    }
}

.module.module-collections .collection-item:hover:after {
    background: rgba(255,255,255,.2);
    opacity: 1;
}

@media screen and (min-width:768px) {
    .module.module-collections .collection-item:hover:after {
        background-color: transparent;
        background-image: -webkit-linear-gradient(right,rgba(35,36,37,.8) 45%,transparent 90%);
        background-image: linear-gradient(to left,rgba(35,36,37,.8) 45%,transparent 90%);
    }
}

.mobile-menu .nav-item .remaining-bar {
    position: static;
    display: inline-block;
    width: 148px;
}

.nav-item .remaining-bar {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 4px;
    right: 4px;
}

    .nav-item .remaining-bar .amount-sold {
        height: 2px;
    }

    .nav-item .remaining-bar.steel {
        background: rgba(175,175,175,.4);
    }

    .nav-item .remaining-bar.black {
        background: rgba(135,135,135,.4);
    }

    .nav-item .remaining-bar.gold {
        background: rgba(211,165,91,.4);
    }

    .nav-item .remaining-bar.rose_gold {
        background: rgba(190,133,99,.4);
    }


.remaining-bar {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 3px;
    background: rgba(255,255,255,.4);
    display: block;
    max-width: 403px;
    position: relative;
    margin: 0 auto;
}

    .remaining-bar .amount-sold {
        float: left;
        height: 3px;
        width: 0;
        border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        -webkit-transition: width 1.5s ease-in-out .2s;
        -moz-transition: width 1.5s ease-in-out .2s;
        transition: width 1.5s ease-in-out .2s;
    }

        .remaining-bar .amount-sold.active.seventy-one {
            width: 71%;
        }

        .remaining-bar .amount-sold.active.seventy {
            width: 70%;
        }

        .remaining-bar .amount-sold.active.sixty-three {
            width: 63%;
        }

        .remaining-bar .amount-sold.active.sixty {
            width: 60%;
        }

        .remaining-bar .amount-sold.active.fifty-eight {
            width: 58%;
        }

        .remaining-bar .amount-sold.active.fifty-three {
            width: 53%;
        }

        .remaining-bar .amount-sold.active.forty-five {
            width: 45%;
        }

        .remaining-bar .amount-sold.active.forty-three {
            width: 43%;
        }

        .remaining-bar .amount-sold.active.forty {
            width: 40%;
        }

        .remaining-bar .amount-sold.active.thirty-eight {
            width: 38%;
        }

        .remaining-bar .amount-sold.active.thirty-five {
            width: 35%;
        }

        .remaining-bar .amount-sold.active.thirty {
            width: 30%;
        }

        .remaining-bar .amount-sold.active.twenty-five {
            width: 25%;
        }

        .remaining-bar .amount-sold.active.eighteen {
            width: 18%;
        }

        .remaining-bar .amount-sold.active.amount-20 {
            width: 20%;
        }

        .remaining-bar .amount-sold.active.amount-93, .remaining-bar .amount-sold.active.eighty {
            width: 80%;
        }

        .remaining-bar .amount-sold.active.amount-97, .remaining-bar .amount-sold.active.eighty-two {
            width: 82%;
        }

        .remaining-bar .amount-sold.active.amount-49, .remaining-bar .amount-sold.active.ninety {
            width: 90%;
        }

        .remaining-bar .amount-sold.active.amount-42, .remaining-bar .amount-sold.active.ninety-two {
            width: 92%;
        }

        .remaining-bar .amount-sold.active.amount-0, .remaining-bar .amount-sold.active.one-hundred, .ui-interface .cycle-slideshow img {
            width: 100%;
        }

        .remaining-bar .amount-sold.amount-0, .remaining-bar .amount-sold.one-hundred {
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
        }

        .remaining-bar .amount-sold.steel {
            background: #afafaf;
        }

        .remaining-bar .amount-sold.black {
            background: #878787;
        }

        .remaining-bar .amount-sold.gold {
            background: #d3a55b;
        }

        .remaining-bar .amount-sold.rose_gold {
            background: #be8563;
        }

    .remaining-bar.steel {
        background: rgba(175,175,175,.4);
    }

    .remaining-bar.black {
        background: rgba(135,135,135,.4);
    }

    .remaining-bar.gold {
        background: rgba(211,165,91,.4);
    }

    .remaining-bar.rose_gold {
        background: rgba(190,133,99,.4);
    }

    .remaining-bar .amount-left {
        display: block;
    }

@media screen and (min-width:768px) {
    .remaining-bar .amount-left {
        position: relative;
    }
}

.remaining-bar .amount-left .remaining-txt {
    position: absolute;
    text-align: center;
    left: auto;
    right: 0;
    top: -3em;
}

    .remaining-bar .amount-left .remaining-txt.black {
        color: #878787;
    }

    .remaining-bar .amount-left .remaining-txt.steel {
        color: #afafaf;
    }

    .remaining-bar .amount-left .remaining-txt.gold {
        color: #d3a55b;
    }

    .remaining-bar .amount-left .remaining-txt.rose_gold {
        color: #be8563;
    }

.remaining-bar .amount-left.amount-0, .remaining-bar .amount-left.one-hundred {
    margin-left: 0;
    left: 0;
    font-weight: 700;
}

.btn-collection {
    font-size: .6875rem;
    line-height: .9625rem;
    margin-top: 10px;
    padding: 4px 10px 3px;
}

@media screen and (min-width:481px) {
    .btn-collection {
        font-size: .75rem;
        line-height: 1.05rem;
        padding: 5px 14px 4px;
    }
}

@media screen and (min-width:768px) {
    .remaining-bar .amount-left .remaining-txt {
        text-align: center;
    }

    .btn-collection {
        margin-top: 15px;
        padding: 7px 16px 5px;
    }
}

.module.ui-interface {
    position: relative;
}

    .module.ui-interface:after, .module.ui-interface:before {
        content: "";
        background-color: transparent;
        background-image: -webkit-linear-gradient(rgba(0,0,0,.2),transparent);
        background-image: linear-gradient(rgba(0,0,0,.2),transparent);
        height: 100px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1030;
        width: 100%;
    }

    .module.ui-interface:after {
        background-color: transparent;
        background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.3));
        background-image: linear-gradient(transparent,rgba(0,0,0,.3));
        top: inherit;
        bottom: 0;
    }

    .module.ui-interface .ui-interface-wrapper {
        margin: 0 auto;
        z-index: 1035;
        position: relative;
        overflow: hidden;
    }

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape) {
    .module.ui-interface .ui-interface-wrapper {
        overflow: hidden;
    }
}

@media screen and (min-width:992px) {
    .module.ui-interface .ui-interface-wrapper {
        overflow: inherit;
    }
}

.ui-interface {
    background: #000;
}

    .ui-interface .cycle-slideshow {
        overflow: inherit;
    }

.cycle-pager span, .cycle-slideshow, .cycle-slideshow-hero, .cycle-slideshow.cycle-slideshow-hardware, .module-slider-pager a, .sprite, .watchface-ui {
    overflow: hidden;
}

@media screen and (min-width:768px) {
    .ui-interface .cycle-slideshow .module-cover {
        position: absolute;
    }

    .watchface-ui-wrapper {
        display: table;
        height: 100%;
        width: 41.4225%;
        position: absolute;
        top: 0;
        margin-left: 8.3%;
    }
}

@media screen and (min-width:992px) {
    .watchface-ui-wrapper {
        width: 494px;
        margin-left: 0;
    }
}

@media screen and (min-width:1280px) {
    .watchface-ui-wrapper {
        width: 658px;
        margin-left: -57px;
    }
}

@media screen and (min-width:1800px) {
    .watchface-ui-wrapper {
        width: 64.5%;
        margin-left: -13.5%;
    }
}

.watchface-ui {
    background: 0 0;
    position: absolute;
    height: auto;
    z-index: 100%;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

@media screen and (max-width:767px) {
    .watchface-ui {
        width: 50%;
        margin: 12% 25%;
    }
}

@media screen and (min-width:768px) {
    .watchface-ui {
        padding: 0 19%;
        background: 0 0;
        display: table-cell;
        vertical-align: middle;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        overflow: hidden;
        position: static;
    }
}

@media screen and (min-width:992px) {
    .watchface-ui {
        padding: 0 20%;
    }
}

@media screen and (min-width:1280px) {
    .watchface-ui {
        padding: 0 22%;
    }
}

.watchface-ui img, .watchface-ui video {
    height: auto;
    width: 100%;
}

.watch-case-wrapper {
    position: relative;
}

    .watch-case-wrapper:after {
        content: '';
        display: block;
        padding-top: 77%;
    }

@media screen and (max-width:767px) {
    .watch-case-wrapper {
        max-width: 500px;
        margin: 0 auto;
    }
}

.watch-case-wrapper .watch-case-holder {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
}

@media screen and (min-width:768px) {
    .watch-case-wrapper {
        height: 100%;
        width: 100%;
        position: absolute;
        margin: 0 auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .watch-case-wrapper:after {
            display: none;
        }

        .watch-case-wrapper .watch-case-holder {
            height: 100%;
            margin: 0 auto;
            position: relative;
        }
}

@media screen and (min-width:992px) {
    .watch-case-wrapper .watch-case-holder {
        max-width: 60em;
        margin: 0 auto;
    }
}

@media screen and (min-width:1280px) {
    .watch-case-wrapper .watch-case-holder {
        max-width: 70em;
    }
}

.watch-case-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1030;
}

    .watch-case-container.load-images {
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
        opacity: 0;
    }

    

    .watch-case-container.loaded {
        opacity: 1;
    }

    .watch-case-container:after {
        display: block;
        content: '';
        left: 0;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 60px;
        background-color: transparent;
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.95) 1%,transparent 100%);
        background-image: linear-gradient(to top,rgba(0,0,0,.95) 1%,transparent 100%);
    }


@media screen and (min-width:992px) {
    .watch-case-container {
        background-position: center 48.9%;
        left: 25px;
        width: 448px;
        top: 0;
    }
}

@media screen and (min-width:1800px) {
    .watch-case-wrapper .watch-case-holder {
        max-width: 1300px;
    }

    .watch-case-container {
        left: -8%;
        width: 54%;
    }
}

.watch-case-container img {
    display: inline-block;
    height: auto;
    width: 100%;
}

.watch-item-container {
    height: 100%;
    position: relative;
    margin: 0 auto;
}

    .watch-item-container .module-cover {
        position: absolute;
        bottom: 0;
        top: auto;
        height: 100%;
    }

@media screen and (min-width:768px) {
    .watch-item-container .module-cover {
        top: 0;
        height: 100%;
        vertical-align: middle;
    }
}

@media screen and (max-width:991px) {
    .watch-item-container .module-cell {
        vertical-align: bottom;
        padding-bottom: 17%;
    }
}

@media screen and (min-width:768px) {
    .watch-item-container .module-copy {
        float: none;
        max-width: 80%;
        padding: inherit;
        text-align: center;
    }
}

@media screen and (min-width:992px) {
    .watch-item-container {
        max-width: 60em;
        margin: 0 auto;
    }
}

@media screen and (min-width:1280px) {
    .watch-item-container {
        max-width: 70em;
    }
}

@media screen and (min-width:1800px) {
    .watch-item-container {
        max-width: 1300px;
    }
}

.ui-interface-wrapper .module-cover {
    top: 0;
}

    .ui-interface-wrapper .module-cover .module-cell {
        padding-top: 83%;
        vertical-align: top;
    }

@media screen and (min-width:481px) {
    .ui-interface-wrapper .module-cover .module-cell {
        padding-top: 80%;
    }
}

@media screen and (min-width:640px) {
    .ui-interface-wrapper .module-cover .module-cell {
        padding-top: 62%;
    }
}

@media screen and (min-width:768px) {
    .ui-interface-wrapper .module-cover .module-cell {
        padding-top: 0;
        vertical-align: middle;
    }

    .ui-interface-wrapper .module-copy.copy-pos-right {
        padding: 0;
        float: none;
        width: 40%;
        margin-left: 50%;
        text-align: left;
    }
}

@media screen and (min-width:992px) {
    .ui-interface-wrapper .module-copy.copy-pos-right {
        width: 40%;
        margin-left: 54%;
        max-width: 450px;
    }
}

@media screen and (min-width:1280px) {
    .ui-interface-wrapper .module-copy.copy-pos-right {
        margin-left: 58%;
    }
}

@media screen and (min-width:1800px) {
    .ui-interface-wrapper .module-copy.copy-pos-right {
        margin-left: 54%;
    }
}

.module.ui-interface .ui-interface-wrapper:before {
    content: "";
    display: block;
    background-color: transparent;
    background-image: -webkit-linear-gradient(bottom,transparent 0,rgba(0,0,0,.95) 99%);
    background-image: linear-gradient(to top,transparent 0,rgba(0,0,0,.95) 99%);
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2030;
}

@media only screen and (max-device-width:767px) and (orientation:landscape) {
    .watch-item-container {
        width: 50%;
        margin: 0;
    }

    .ui-interface-wrapper .module-cover .module-cell {
        vertical-align: middle;
        padding-left: 47%;
        padding-right: 55px;
        padding-top: 0;
    }
}

.cycle-slideshow-hardware > div.item, .cycle-slideshow-hero > div.item, .cycle-slideshow > div.item {
    height: 100%;
    width: 100%;
    display: none;
}

    .cycle-slideshow-hardware > div.item:nth-child(1), .cycle-slideshow-hero > div.item:nth-child(1), .cycle-slideshow > div.item:nth-child(1) {
        display: block;
    }

    .cycle-slideshow-hardware > div.item img, .cycle-slideshow-hero > div.item img, .cycle-slideshow > div.item img {
        height: auto;
        max-width: 100%;
    }

    .cycle-slideshow-hardware > div.item .image-reveal img, .cycle-slideshow-hero > div.item .image-reveal img, .cycle-slideshow > div.item .image-reveal img {
        max-width: none;
    }

    .cycle-slideshow-hardware > div.item .module-copy, .cycle-slideshow-hero > div.item .module-copy, .cycle-slideshow > div.item .module-copy {
        opacity: 0;
        -webkit-transition: opacity .5s linear;
        -moz-transition: opacity .5s linear;
        transition: opacity .5s linear;
    }

        .cycle-slideshow-hardware > div.item .module-copy h1, .cycle-slideshow-hardware > div.item .module-copy h2, .cycle-slideshow-hardware > div.item .module-copy h3, .cycle-slideshow-hardware > div.item .module-copy h4, .cycle-slideshow-hardware > div.item .module-copy h5, .cycle-slideshow-hero > div.item .module-copy h1, .cycle-slideshow-hero > div.item .module-copy h2, .cycle-slideshow-hero > div.item .module-copy h3, .cycle-slideshow-hero > div.item .module-copy h4, .cycle-slideshow-hero > div.item .module-copy h5, .cycle-slideshow > div.item .module-copy h1, .cycle-slideshow > div.item .module-copy h2, .cycle-slideshow > div.item .module-copy h3, .cycle-slideshow > div.item .module-copy h4, .cycle-slideshow > div.item .module-copy h5 {
            text-shadow: 0 0 8px rgba(0,0,0,.4);
        }

        .cycle-slideshow-hardware > div.item .module-copy p, .cycle-slideshow-hero > div.item .module-copy p, .cycle-slideshow > div.item .module-copy p {
            text-shadow: 0 0 8px rgba(0,0,0,.8);
        }

    .cycle-slideshow-hardware > div.item.cycle-slide-active .module-copy, .cycle-slideshow-hero > div.item.cycle-slide-active .module-copy, .cycle-slideshow > div.item.cycle-slide-active .module-copy {
        opacity: 1;
        -webkit-transition-delay: .6s;
    }

    .cycle-slideshow-hardware > div.item .module-copy {
        opacity: 1;
    }

.cycle-slideshow-hardware .cycle-sentinel {
    display: none !important;
}

.cycle-slideshow-hero.slide-left-text > div.item .module-copy, .cycle-slideshow.cycle-slideshow-hardware.slide-left-text > div.item .module-copy, .cycle-slideshow.slide-left-text > div.item .module-copy {
    -webkit-transform: translateX(20px);
}

.cycle-slideshow-hero.slide-left-text > div.item.cycle-slide-active .module-copy, .cycle-slideshow.cycle-slideshow-hardware.slide-left-text > div.item.cycle-slide-active .module-copy, .cycle-slideshow.slide-left-text > div.item.cycle-slide-active .module-copy {
    -webkit-transform: translateX(0);
}

.cycle-slideshow-hero.slide-up-text > div.item .module-copy, .cycle-slideshow.cycle-slideshow-hardware.slide-up-text > div.item .module-copy, .cycle-slideshow.slide-up-text > div.item .module-copy {
    -webkit-transform: translateY(10px);
}

.cycle-slideshow-hero.slide-up-text > div.item.cycle-slide-active .module-copy, .cycle-slideshow.cycle-slideshow-hardware.slide-up-text > div.item.cycle-slide-active .module-copy, .cycle-slideshow.slide-up-text > div.item.cycle-slide-active .module-copy {
    -webkit-transform: translateY(0);
}

.item.item-dark h1, .item.item-dark h2, .item.item-dark h3, .item.item-dark h4, .item.item-dark h5, .item.item-dark p {
    color: #000;
    text-shadow: none !important;
}

.cycle-slideshow-press {
    margin-bottom: 10px;
}

@media screen and (min-width:768px) {
    .cycle-slideshow-hardware > div.item .module-copy {
        opacity: 0;
    }

    .cycle-slideshow-hardware > div.item.cycle-slide-active .module-copy {
        opacity: 1;
    }

    .cycle-slideshow-press {
        margin-bottom: 0;
    }
}

@media screen and (min-width:992px) {
    .cycle-slideshow-hardware .cycle-sentinel {
        display: block !important;
    }

    .cycle-slideshow-press {
        width: 100%;
        max-width: none;
        margin: 0 auto;
    }
}

@media screen and (min-width:1800px) {
    .cycle-slideshow-press {
        max-width: none;
    }
}

@media screen and (max-width:767px) {
    .cycle-slideshow-press {
        height: auto !important;
    }
}

.module.press-release .module-slider-controller {
    display: none;
}

.cycle-slideshow {
    height: 100vh;
}

@media screen and (min-width:768px) {
    .module.press-release .module-slider-controller {
        display: block;
    }

    .cycle-slideshow {
        height: calc(100vh - 80px);
    }
}

.cycle-slideshow-hero {
    height: 100vh;
}

@media only screen and (max-device-width:767px) and (orientation:landscape) {
    .cycle-slideshow {
        height: calc(100vh);
    }
}

.cycle-pager {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 3000;
    width: 100%;
    height: 20px;
    background: 0 0;
    text-align: center;
    pointer-events: none;
}

@media screen and (min-width:768px) {
    .cycle-pager {
        bottom: 25px;
    }
}

.cycle-pager span {
    margin-right: 3px;
    margin-left: 3px;
    background: rgba(174,177,180,.7);
    cursor: pointer;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    width: 15px;
    height: 4px;
    text-indent: -9999em;
    pointer-events: auto;
}

.module-slider-controller, .module-slider-controller.paused, header .logo > span {
    background-image: url(images/sprite.min.svg);
}

.cycle-pager span.cycle-pager-active {
    background-color: #d3a55b;
}

.module-slider-controller {
    -webkit-transform-style: preserve-3d;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 4000;
    float: right;
    width: 50px;
    height: 50px;
    text-align: right;
    pointer-events: none;
    background-color: transparent;
    background-position: 0 -550px;
}

@media screen and (min-width:768px) {
    .module-slider-controller {
        bottom: 10px;
        right: 25px;
    }
}

@media screen and (min-width:992px) {
    .module-slider-controller:hover {
        background-color: transparent;
        background-image: url(images/sprite.min.svg);
        background-position: -150px -550px;
    }
}

.module-slider-controller.paused {
    background-color: transparent;
    background-position: -75px -550px;
}

.module-slider-controller a {
    pointer-events: auto;
    text-indent: -9999em;
    overflow: hidden;
}

    .module-slider-controller a span {
        width: 50px;
        height: 50px;
        display: block;
        position: absolute;
        z-index: 3000;
    }

.module-slider-pager {
    -webkit-transform-style: preserve-3d;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1200;
    width: 100%;
    pointer-events: none;
    display: block;
}

    .module-slider-pager a {
        pointer-events: auto;
        text-indent: -9999em;
    }

    .module-slider-pager .module-slider-pager-next, .module-slider-pager .module-slider-pager-prev {
        -webkit-transition: opacity .2s linear,-webkit-transform .2s ease-in-out;
        -moz-transition: opacity .2s linear,-moz-transform .2s ease-in-out;
        transition: opacity .2s linear,transform .2s ease-in-out;
        width: 24px;
        height: 24px;
        position: relative;
        z-index: 1220;
    }

@media screen and (min-width:992px) {
    .module-slider-controller.paused:hover {
        background-color: transparent;
        background-image: url(images/sprite.min.svg);
        background-position: -225px -550px;
    }

    .module-slider-pager .module-slider-pager-next, .module-slider-pager .module-slider-pager-prev {
        opacity: 0;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        -o-transform: translateX(15px);
        transform: translateX(15px);
    }
}

.module-slider-pager .module-slider-pager-next span, .module-slider-pager .module-slider-pager-prev span {
    background-color: transparent;
    background-image: url(images/sprite.min.svg);
    width: 80px;
    height: 100px;
    display: block;
    position: absolute;
    z-index: 3000;
}

.module-slider-pager .module-slider-pager-next:hover, .module-slider-pager .module-slider-pager-prev:hover {
    opacity: 1;
    cursor: pointer;
}

.module-slider-pager .module-slider-pager-prev {
    float: left;
    margin-left: 10px;
}

    .module-slider-pager .module-slider-pager-prev span {
        background-position: -603px -150px;
    }

.module-slider-pager .module-slider-pager-next {
    float: right;
    margin-right: 10px;
}

    .module-slider-pager .module-slider-pager-next span {
        background-position: -698px -150px;
        right: 0;
    }

@media screen and (min-width:768px) {
    .module-slider-pager .module-slider-pager-prev {
        margin-left: 15px;
    }

    .module-slider-pager .module-slider-pager-next {
        margin-right: 15px;
    }
}

.module-slider-pager.small-pager {
    margin-top: 3rem;
}

    .module-slider-pager.small-pager .module-slider-pager-next, .module-slider-pager.small-pager .module-slider-pager-prev {
        padding-top: 5.625rem;
        padding-right: 5rem;
        padding-bottom: 5.625rem;
    }

        .module-slider-pager.small-pager .module-slider-pager-next span, .module-slider-pager.small-pager .module-slider-pager-prev span {
            top: 30px;
        }

    .module-slider-pager.small-pager .module-slider-pager-prev {
        margin-left: 10px;
    }

@media screen and (min-width:768px) {
    .module-slider-pager.small-pager .module-slider-pager-prev {
        margin-left: 0;
    }
}

@media screen and (min-width:768px) {
    .module-slider-pager.small-pager .module-slider-pager-next {
        margin-right: 0;
    }
}

.module-slider-pager.large-pager .module-slider-pager-next, .module-slider-pager.large-pager .module-slider-pager-prev {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100px;
    float: none;
}

@media screen and (min-width:992px) {
    .module-slider-pager .module-slider-pager-prev {
        -webkit-transform: translateX(-15px);
        -moz-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        -o-transform: translateX(-15px);
        transform: translateX(-15px);
    }

    .module-slider-pager.small-pager .module-slider-pager-prev {
        margin-left: 10px;
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    .module-slider-pager.small-pager .module-slider-pager-next {
        margin-right: 10px;
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translateX(10px);
    }

    .module-slider-pager.large-pager .module-slider-pager-next, .module-slider-pager.large-pager .module-slider-pager-prev {
        width: 200px;
    }
}

.module-slider-pager.large-pager .module-slider-pager-next span, .module-slider-pager.large-pager .module-slider-pager-prev span {
    top: 45%;
}

.module-slider-pager.large-pager .module-slider-pager-prev {
    left: 0;
}

@media screen and (max-width:767px) {
    .module-slider-pager.large-pager .module-slider-pager-prev span {
        background-position: -402px -68px;
        width: 44px;
        height: 75px;
    }

    .module-slider-pager.large-pager .module-slider-pager-next span {
        background-position: -484px -68px;
        width: 44px;
        height: 75px;
    }

    .module-slider-pager.video-pager .module-slider-pager-next span, .module-slider-pager.video-pager .module-slider-pager-prev span {
        top: 21%;
    }
}

.module-slider-pager img {
    width: 100%;
    height: auto;
}

.cycle-counter {
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    box-sizing: border-box;
    font-size: .875rem;
    line-height: 1.225rem;
    display: inline-block;
    padding: 5px;
    height: 30px;
    width: 30px;
    font-weight: 700;
    position: absolute;
    bottom: 35px;
    right: 30px;
    z-index: 105;
}

.show-pager .module-slider-pager-next, .show-pager .module-slider-pager-prev, .show-pager .small-pager .module-slider-pager-next, .show-pager .small-pager .module-slider-pager-prev {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.temporal-stream-pager {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

    .temporal-stream-pager .temporal-stream-pager-holder {
        position: relative;
        height: 100%;
        width: 100%;
    }

@media screen and (min-width:992px) {
    .temporal-stream-pager .temporal-stream-pager-holder {
        max-width: 60em;
        margin: 0 auto;
    }
}

@media screen and (min-width:1280px) {
    .cycle-slideshow-hardware > div.item .module-bg img {
        min-width: 100%;
    }

    .temporal-stream-pager .temporal-stream-pager-holder {
        max-width: 70em;
    }
}

@media screen and (min-width:1800px) {
    .temporal-stream-pager .temporal-stream-pager-holder {
        max-width: 1200px;
    }
}

.ui-interface-wrapper .temporal-stream-pager .module-slider-pager {
    left: 0;
    right: 0;
    width: auto;
}

@media screen and (min-width:768px) {
    .ui-interface-wrapper .temporal-stream-pager .module-slider-pager {
        width: 54%;
        margin-right: 0;
        left: inherit;
    }
}

@media screen and (min-width:992px) {
    .ui-interface-wrapper .temporal-stream-pager .module-slider-pager {
        width: 46%;
        margin-right: 2%;
    }
}

@media screen and (max-width:767px) {
    .ui-interface-wrapper .temporal-stream-pager .module-slider-pager > a {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .ui-interface-wrapper .temporal-stream-pager .module-slider-pager .module-slider-pager-next, .ui-interface-wrapper .temporal-stream-pager .module-slider-pager .module-slider-pager-prev {
        padding-top: 5.5rem;
        padding-bottom: 6.5rem;
    }
}

header.header-generic .logo {
    opacity: 1;
}

header .header-nav > menu {
    margin: 0;
}

    header .header-nav > menu ul {
        padding: 18px 0 0;
        display: inline-block;
        float: right;
    }

        header .header-nav > menu ul.collections {
            padding: 18px 0 0 10px;
            margin-left: -19%;
            float: none;
            display: inline-block;
        }

@media screen and (min-width:1280px) {
    header .header-nav > menu ul.collections {
        padding-left: 0;
    }
}

header .header-nav > menu ul li {
    font-size: .875rem;
    line-height: 1.225rem;
    vertical-align: middle;
}

header .logo {
    position: absolute;
    left: 0;
    top: -3px;
    opacity: 0;
    z-index: 4500;
    -webkit-transition: opacity .3 linear;
    -moz-transition: opacity .3 linear;
    transition: opacity .3 linear;
    padding: 14px 10px 8px 0;
}

.desktop-menu.nav-down .logo, header.header-home .logo {
    opacity: 1;
}

@media screen and (min-width:768px) {
    header .logo {
        left: 6px;
    }
}

@media screen and (min-width:992px) {
    header .header-nav > menu {
        text-align: center;
    }

    header .logo {
        width: 150px;
        left: 0;
        top: 0;
        float: left;
    }
}

header .logo > span {
    background-color: transparent;
    background-position: -495px -303px;
    height: 54px;
    width: 75px;
    display: block;
}

@media screen and (min-width:768px) {
    .header-nav {
        height: 80px;
        position: fixed;
        padding: 0;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 4000;
    }
}

.desktop-menu {
    background-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA+CAQAAADzeJFgAAACJElEQVR4Ab2XR1pDMRCD5fQl919xQI6QeKj/Qp/yMSkGkeaxnzJVjwy9CgzV15PPWPVl/0Zhi7Pje3+nlyQEQVjYkpCrd3rTNVT4pliZnded5mrCc2xnKHdgp/LMKIA9qc1GUXSOYpQ2Kg8kgq3vq/JrdrooMXU/jBDn+7yxnw0zJQ0jtPqWk9jT6m920TYLkW2TcH/7HHYX+V5zgpCbaSjPcOPhesIypXEl8UoKa3wtdi/Kk9kkh+FhBoeHQ5OT6aEGIXtQakSrkTFCXgI8THkvE7McSj9lRUvCTLzNau756v9nufcrc5hS5MDa15tZjhxl9hDQqfH7ZOFhT8hrS3iWbFKbLJn8h52ibFrC0khirKzpQ/Wt42PpVkPt+J6sJaGFVExPkqvln86yK0yMXXg/YiUNJ2TLw0iBMAquhnBaglPiPX8+Vb4qQnYvIuigNTLWPNcTEnK0AJgWLmCyrX1o7HpSuMzmhB1F3gKkjaYq5Qtc6zaZiGEhdxfvyfWTgmQ2wOOEz1P/31cHC7ho7KcJeTUPIQtB4+mTnEJX6WHjXX8CwhTYhA8ZsFgoynLCJWCy6UPFzTT1UHmzMgUtfkktIcSyQ3jYpKPiEvI0LUROcwYPra+s90DeZcISP8ALMpo0pIp9l+PKXwEjwvT8fYeX+uin3UNe446MV1ZNCKNgNXSS4bnBu7+xSw22tIYftlWJMpUnBrsPzLYNL20x2e7hUrwDTsXAy7mXNyEAAAAASUVORK5CYII=);
    background-position: top left;
    background-repeat: repeat-x;
    z-index: 4500;
    display: none;
    padding: 0;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

    .desktop-menu .desktop-menu-wrapper {
        margin: 0 auto;
        height: 80px;
        z-index: 2;
        position: relative;
        text-align: center;
    }

@media screen and (min-width:768px) {
    .desktop-menu {
        display: block;
    }

        .desktop-menu .desktop-menu-wrapper.page-width {
            width: 98%;
            padding: 0;
        }
}

@media screen and (min-width:992px) {
    .desktop-menu .desktop-menu-wrapper.page-width {
        max-width: 1280px;
        width: 96%;
    }
}

@media screen and (min-width:1280px) {
    .desktop-menu .desktop-menu-wrapper.page-width {
        width: 94%;
    }
}

.desktop-menu.nav-up {
    top: -105px;
}

.desktop-menu.nav-down {
    top: 0;
    background-color: rgba(0,0,0,.9);
}

.desktop-menu ul {
    padding: 21px 0 0;
    margin: 0;
}

    .desktop-menu ul li.nav-item {
        text-shadow: 0 0 8px rgba(0,0,0,.8);
        margin: 0 5px;
        position: relative;
    }

        .desktop-menu ul li.nav-item.pill {
            padding-bottom: 4px;
            line-height: 0;
        }

            .desktop-menu ul li.nav-item.pill a {
                width: 7em;
                text-align: center;
            }

        .desktop-menu ul li.nav-item .btn {
            margin-top: 4px;
        }

        .desktop-menu ul li.nav-item a, .desktop-menu ul li.nav-item a.btn, .desktop-menu ul li.nav-item btn-join {
            margin-bottom: 5px;
        }

.desktop-menu .desktop-menu-right > .nav-item, .desktop-menu-right > .nav-item {
    margin: 0;
}

@media screen and (min-width:768px) {
    .desktop-menu ul li.nav-item a, .desktop-menu ul li.nav-item a.btn, .desktop-menu ul li.nav-item btn-join {
        font-size: .625rem;
        line-height: .875rem;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (min-width:992px) {
    .desktop-menu ul li.nav-item a, .desktop-menu ul li.nav-item a.btn, .desktop-menu ul li.nav-item btn-join {
        padding-left: 16px;
        padding-right: 16px;
        font-size: .875rem;
        line-height: 1.225rem;
    }
}

.desktop-menu ul li.nav-item .subscribe-email {
    height: 3em;
}

header .header-nav > menu ul.desktop-menu-right {
    float: none;
}

.desktop-menu-right {
    position: absolute;
    top: 0;
}

    .desktop-menu-right .btn-join, .desktop-menu-right .btn-login, .desktop-menu-right .btn-signup {
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1.5pt;
        font-weight: 700;
        margin-top: 4px;
        border: 2px solid transparent;
        padding: 7px 7px 5px;
        white-space: nowrap;
    }

@media screen and (min-width:768px) {
    .desktop-menu-right .btn-join, .desktop-menu-right .btn-signup {
        padding: 7px 16px 5px;
        border-radius: 50px;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        font-family: inherit;
        color: #fff;
        background: 0 0;
        cursor: pointer;
        outline: 0;
        position: relative;
        box-sizing: border-box;
        -webkit-transition: border-color .3s ease-in-out,color .3s ease-in-out,opacity .3s ease-in-out;
        -moz-transition: border-color .3s ease-in-out,color .3s ease-in-out,opacity .3s ease-in-out;
        transition: border-color .3s ease-in-out,color .3s ease-in-out,opacity .3s ease-in-out;
        z-index: 5;
        font-size: .625rem;
        line-height: .875rem;
    }

        .desktop-menu-right .btn-join:hover, .desktop-menu-right .btn-signup:hover {
            text-decoration: none;
        }
}

.desktop-menu-right .btn-join {
    opacity: 0;
    z-index: 1;
}

.desktop-menu-right .btn-signup {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
}


.desktop-menu-right {
    right: 0;
    float: none;
}

    .desktop-menu-right .nav-item {
        vertical-align: top;
    }

        .desktop-menu-right .nav-item.signup {
            position: relative;
        }

.header-generic .desktop-menu:after {
    content: '';
    display: block;
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 40%,rgba(0,0,0,.7) 100%);
    background-image: linear-gradient(to top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 40%,rgba(0,0,0,.7) 100%);
    position: absolute;
    top: 0;
    bottom: -20px;
    right: 0;
}

.header-nav-icon, .mobile-logo {
    position: absolute;
    top: 0;
    background-image: url(images/sprite.min.svg);
}

.mobile-logo {
    height: 62px;
    width: 78px;
    background-position: -630px -297px;
    display: block;
    z-index: 1001;
}

@media screen and (min-width:768px) {
    .mobile-logo {
        display: none;
    }
}

header .header-nav > menu.mobile-menu ul {
    float: none;
    margin: 0;
    width: 100%;
}

.mobile-menu {
    position: absolute;
    padding-left: 0;
    top: 0;
    height: 100%;
    z-index: 2005;
    float: none;
    -webkit-transition: background-color .5s ease-in-out .3s;
    -moz-transition: background-color .5s ease-in-out .3s;
    transition: background-color .5s ease-in-out .3s;
    width: 100%;
}

@media screen and (min-width:640px) {
    .mobile-menu {
        display: block;
    }
}

@media screen and (min-width:768px) {
    .mobile-menu {
        display: none;
    }
}

.mobile-menu ul {
    margin: 15px;
    padding: 0;
}

    .mobile-menu ul li {
        display: block;
        margin: 5px 0;
        text-align: center;
    }

        .mobile-menu ul li a {
            display: block;
            line-height: 1;
            padding: 12px 0;
        }

            .mobile-menu ul li a.collection-link {
                padding: 12px 0 0;
            }

    .mobile-menu ul.collection-sold-out li a.collection-link {
        padding: 12px 0;
    }

.mobile-menu.active {
    background-color: rgba(23,24,25,.95);
}

    .mobile-menu.active ul {
        display: block;
        float: inherit;
    }

        .mobile-menu.active ul li {
            -webkit-animation: menu-links .3s ease-in-out backwards;
            -moz-animation: menu-links .3s ease-in-out backwards;
            animation: menu-links .3s ease-in-out backwards;
        }

            .mobile-menu.active ul li:nth-child(0) {
                -webkit-animation-delay: .3s;
                -moz-animation-delay: .3s;
                animation-delay: .3s;
            }

            .mobile-menu.active ul li:nth-child(1) {
                -webkit-animation-delay: .4s;
                -moz-animation-delay: .4s;
                animation-delay: .4s;
            }

            .mobile-menu.active ul li:nth-child(2) {
                -webkit-animation-delay: .5s;
                -moz-animation-delay: .5s;
                animation-delay: .5s;
            }

            .mobile-menu.active ul li:nth-child(3) {
                -webkit-animation-delay: .6s;
                -moz-animation-delay: .6s;
                animation-delay: .6s;
            }

            .mobile-menu.active ul li:nth-child(4) {
                -webkit-animation-delay: .7s;
                -moz-animation-delay: .7s;
                animation-delay: .7s;
            }

            .mobile-menu.active ul li:nth-child(5) {
                -webkit-animation-delay: .8s;
                -moz-animation-delay: .8s;
                animation-delay: .8s;
            }

            .mobile-menu.active ul li:nth-child(6) {
                -webkit-animation-delay: .9s;
                -moz-animation-delay: .9s;
                animation-delay: .9s;
            }

            .mobile-menu.active ul li:nth-child(7) {
                -webkit-animation-delay: 1s;
                -moz-animation-delay: 1s;
                animation-delay: 1s;
            }

            .mobile-menu.active ul li:nth-child(8) {
                -webkit-animation-delay: 1.1s;
                -moz-animation-delay: 1.1s;
                animation-delay: 1.1s;
            }

            .mobile-menu.active ul li:nth-child(9) {
                -webkit-animation-delay: 1.2s;
                -moz-animation-delay: 1.2s;
                animation-delay: 1.2s;
            }

            .mobile-menu.active ul li:nth-child(10) {
                -webkit-animation-delay: 1.3s;
                -moz-animation-delay: 1.3s;
                animation-delay: 1.3s;
            }

            .mobile-menu.active ul li:nth-child(11) {
                -webkit-animation-delay: 1.4s;
                -moz-animation-delay: 1.4s;
                animation-delay: 1.4s;
            }

            .mobile-menu.active ul li:nth-child(12) {
                -webkit-animation-delay: 1.5s;
                -moz-animation-delay: 1.5s;
                animation-delay: 1.5s;
            }

@-webkit-keyframes menu-links {
    from {
        opacity: 0;
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

.header-nav-icon {
    display: block;
    height: 60px;
    width: 60px;
    right: 0;
    z-index: 2035;
    background-color: transparent;
    background-position: 0 0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

    .header-nav-icon.open {
        background-position: 14px 10px;
    }

    .header-nav-icon.close {
        background-position: -85px 20px;
        top: -10px;
    }

@media screen and (min-width:768px) {
    .header-nav-icon {
        display: none;
    }
}

.video-playing .header-nav-icon {
    right: 54px;
}


.sprite-freedom-of-choice:after, .sprite-freedom-of-choice:before, .sprite-homepage-collections:after, .sprite-homepage-collections:before {
    display: block;
    content: ' ';
}


.social-icon {
    margin: 0;
    padding: 0 14px 0 0;
    text-align: center;
}

    .social-icon .social-icon-item {
        display: inline-block;
        margin: 0 5px;
        list-style: none;
    }

        .social-icon .social-icon-item a {
            background-position: -196px -66px;
            height: 30px;
            width: 30px;
            display: block;
        }

@media screen and (min-width:992px) {
    .social-icon {
        text-align: right;
    }

        .social-icon .social-icon-item a {
            height: 20px;
            width: 20px;
            background-position: -201px -10px;
        }
}

.social-icon .social-icon-item .icon-twitter {
    background-position: -296px -66px;
}

@media screen and (min-width:992px) {
    .social-icon .social-icon-item .icon-twitter {
        background-position: -301px -10px;
    }
}

nav a {
    color: #fff;
}

.sprite-press-icon-ablogtowatch, .sprite-press-icon-bgr, .sprite-press-icon-tech-crunch {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/logos/homepage/sprite-press.png);
    background-repeat: no-repeat;
    max-width: 100%;
    display: inline-block;
}

.sprite-press-icon-ablogtowatch {
    background-position: 0 0;
    background-size: 100%;
}

.sprite-press-icon-bgr {
    background-position: 0 50%;
    background-size: 100%;
}

.sprite-press-icon-tech-crunch {
    background-position: 0 100%;
    background-size: 100%;
}

.lo-press-homepage {
    display: inline-block;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/logos/homepage/sprite-press-homepage.png);
    background-repeat: no-repeat;
    background-position: center;
    max-width: 220px;
    padding-top: 15.248%;
    width: 100%;
    background-size: 100% 300%;
}

.lo-press-homepage-techcrunch {
    background-position: 0 0;
}

.lo-press-homepage-ablogtowatch {
    background-position: 0 50%;
}

.lo-press-homepage-bgr {
    background-position: 0 100%;
}

.press-icon-sprite, .sprite {
    background-repeat: no-repeat;
    background-position: center;
}

.press-homepage {
    max-width: 100%;
    background-size: 100%;
    display: inline-block;
}

.sprite {
    display: inline-block;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/logos/white/press_sprite.png);
    background-size: inherit;
}

.logo-container {
    display: table;
    padding-top: 20px;
    margin-top: 0;
    width: 100%;
    padding-bottom: 30px;
}

@media screen and (min-width:481px) {
    .logo-container {
        padding-bottom: 0;
    }
}

@media screen and (min-width:768px) {
    .logo-container {
        padding-top: 40px;
        margin-top: 20px;
    }
}

@media screen and (min-width:992px) {
    .logo-container {
        margin: 0 auto;
    }
}

@media screen and (max-width:767px) {
    .logo-container {
        display: block;
    }
}

.logo-row {
    display: block;
}

.logo-set {
    padding: 10px 8px 0;
}

@media screen and (min-width:768px) {
    .logo-container-3 .logo-set {
        width: 30%;
    }

    .logo-container-4 .logo-set {
        width: 25%;
    }

    .logo-container-5 .logo-set {
        width: 20%;
    }

    .logo-set {
        margin-bottom: 0;
        display: table-cell;
    }
}

.logo-set a {
    display: block;
    margin: 12px auto 8px;
    max-width: 170px;
}

@media screen and (min-width:768px) {
    .logo-set a {
        max-width: 190px;
    }
}

@media screen and (min-width:1280px) {
    .logo-set a {
        max-width: 220px;
    }
}

.block-ellipsis, .press-quote q div {
    overflow: hidden;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.press-quote {
    font-family: 'Baskerville Italic',Georgia,sans-serif;
    margin-bottom: 25px;
    font-size: 1rem;
    line-height: 1.4rem;
}

@media screen and (min-width:481px) {
    .press-quote {
        margin-bottom: 0;
    }
}

@media screen and (min-width:768px) {
    .press-quote {
        min-height: 100px;
        font-size: .9375rem;
        line-height: 1.3125rem;
    }
}

@media screen and (min-width:992px) {
    .press-quote {
        font-size: 1rem;
        line-height: 1.4rem;
    }
}

@media screen and (min-width:1280px) {
    .press-quote {
        min-height: 76px;
    }
}

@media screen and (min-width:1800px) {
    .press-quote {
        font-size: 1.125rem;
        line-height: 1.575rem;
    }
}

.press-quote q div {
    display: -webkit-box;
    height: 5.2em;
    margin: 0 auto;
}

.cycle-slideshow-press {
    min-height: 264px;
}

.action-buttons-press {
    margin: 0 0 30px;
}

.block-ellipsis {
    display: block;
    display: -webkit-box;
    height: 71px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
}

.press-icon-sprite {
    display: inline-block;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/logos/homepage/press-icon-sprite.png);
    max-width: 220px;
    padding-top: 24.545454%;
    width: 100%;
    background-size: 100%;
}

.press-icon-7x7 {
    background-position: 0 0;
    background-size: 100%;
}

.press-icon-9to5mac {
    background-position: 0 1.612903%;
    background-size: 100%;
}

.press-icon-xconomy {
    background-position: 0 3.225806%;
    background-size: 100%;
}

.press-icon-abc-news {
    background-position: 0 4.83871%;
    background-size: 100%;
}

.press-icon-ablogtowatch {
    background-position: 0 6.451613%;
    background-size: 100%;
}

.press-icon-acquire {
    background-position: 0 8.064516%;
    background-size: 100%;
}

.press-icon-android-and-me {
    background-position: 0 9.677419%;
    background-size: 100%;
}

.press-icon-android-beat {
    background-position: 0 11.290323%;
    background-size: 100%;
}

.press-icon-backer-jack {
    background-position: 0 12.903226%;
    background-size: 100%;
}

.press-icon-barrons {
    background-position: 0 14.516129%;
    background-size: 100%;
}

.press-icon-bgr {
    background-position: 0 16.129032%;
    background-size: 100%;
}

.press-icon-bloomberg-business {
    background-position: 0 17.741935%;
    background-size: 100%;
}

.press-icon-business-insider {
    background-position: 0 19.354839%;
    background-size: 100%;
}

.press-icon-cool-hunting {
    background-position: 0 20.967742%;
    background-size: 100%;
}

.press-icon-crownfund-insider {
    background-position: 0 22.580645%;
    background-size: 100%;
}

.press-icon-design-milk {
    background-position: 0 24.193548%;
    background-size: 100%;
}

.press-icon-digital-trends {
    background-position: 0 25.806452%;
    background-size: 100%;
}

.press-icon-engadget {
    background-position: 0 27.419355%;
    background-size: 100%;
}

.press-icon-fashinvest {
    background-position: 0 29.032258%;
    background-size: 100%;
}

.press-icon-fashion-times {
    background-position: 0 30.645161%;
    background-size: 100%;
}

.press-icon-fashionista {
    background-position: 0 32.258065%;
    background-size: 100%;
}

.press-icon-fast-company {
    background-position: 0 33.870968%;
    background-size: 100%;
}

.press-icon-forbes {
    background-position: 0 35.483871%;
    background-size: 100%;
}

.press-icon-fortune {
    background-position: 0 37.096774%;
    background-size: 100%;
}

.press-icon-gear-hungry {
    background-position: 0 38.709677%;
    background-size: 100%;
}

.press-icon-geekwire {
    background-position: 0 40.322581%;
    background-size: 100%;
}

.press-icon-geeky-gadget {
    background-position: 0 41.935484%;
    background-size: 100%;
}

.press-icon-gizmag {
    background-position: 0 43.548387%;
    background-size: 100%;
}

.press-icon-gizmodo {
    background-position: 0 45.16129%;
    background-size: 100%;
}

.press-icon-good-housekeeping {
    background-position: 0 46.774194%;
    background-size: 100%;
}

.press-icon-hi-consumption {
    background-position: 0 48.387097%;
    background-size: 100%;
}

.press-icon-highsnobiety {
    background-position: 0 50%;
    background-size: 100%;
}

.press-icon-hypebeast {
    background-position: 0 51.612903%;
    background-size: 100%;
}

.press-icon-imore {
    background-position: 0 53.225806%;
    background-size: 100%;
}

.press-icon-inc {
    background-position: 0 54.83871%;
    background-size: 100%;
}

.press-icon-instyle {
    background-position: 0 56.451613%;
    background-size: 100%;
}

.press-icon-mashable {
    background-position: 0 58.064516%;
    background-size: 100%;
}

.press-icon-new-york-times {
    background-position: 0 59.677419%;
    background-size: 100%;
}

.press-icon-outside {
    background-position: 0 61.290323%;
    background-size: 100%;
}

.press-icon-pcworld {
    background-position: 0 62.903226%;
    background-size: 100%;
}

.press-icon-pocket-lint {
    background-position: 0 64.516129%;
    background-size: 100%;
}

.press-icon-quartz {
    background-position: 0 66.129032%;
    background-size: 100%;
}

.press-icon-recode {
    background-position: 0 67.741935%;
    background-size: 100%;
}

.press-icon-robb-report {
    background-position: 0 69.354839%;
    background-size: 100%;
}

.press-icon-sf-chronicle {
    background-position: 0 70.967742%;
    background-size: 100%;
}

.press-icon-slash-gear {
    background-position: 0 72.580645%;
    background-size: 100%;
}

.press-icon-stuff {
    background-position: 0 74.193548%;
    background-size: 100%;
}

.press-icon-tech-aeris {
    background-position: 0 75.806452%;
    background-size: 100%;
}

.press-icon-tech-crunch {
    background-position: 0 77.419355%;
    background-size: 100%;
}

.press-icon-tech-times {
    background-position: 0 79.032258%;
    background-size: 100%;
}

.press-icon-the-coolector {
    background-position: 0 80.645161%;
    background-size: 100%;
}

.press-icon-the-verge {
    background-position: 0 82.258065%;
    background-size: 100%;
}

.press-icon-toms-hardware {
    background-position: 0 83.870968%;
    background-size: 100%;
}

.press-icon-trend-hunter {
    background-position: 0 85.483871%;
    background-size: 100%;
}

.press-icon-ubergizmo {
    background-position: 0 87.096774%;
    background-size: 100%;
}

.press-icon-uncrate {
    background-position: 0 88.709677%;
    background-size: 100%;
}

.press-icon-wall-street-journal {
    background-position: 0 90.322581%;
    background-size: 100%;
}

.press-icon-wareable {
    background-position: 0 91.935484%;
    background-size: 100%;
}

.press-icon-watch-report {
    background-position: 0 93.548387%;
    background-size: 100%;
}

.press-icon-wearable-tech-insider {
    background-position: 0 95.16129%;
    background-size: 100%;
}

.press-icon-wearables {
    background-position: 0 96.774194%;
    background-size: 100%;
}

.press-icon-worn-and-wound {
    background-position: 0 98.387097%;
    background-size: 100%;
}

.press-icon-yahoo-tech {
    background-position: 0 100%;
    background-size: 100%;
}

.sprite-hardware-shot-1.load-images, .sprite-hardware-shot-2.load-images, .sprite-hardware-shot-3.load-images, .sprite-hardware-shot-4.load-images {
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

.sprite-hardware-shot-1.loaded, .sprite-hardware-shot-2.loaded, .sprite-hardware-shot-3.loaded, .sprite-hardware-shot-4.loaded {
    opacity: 1;
}

.sprite-freedom-of-choice {
    max-width: 100%;
    background-size: 100%;
    width: 100%;
    height: 100%;
}

    .sprite-freedom-of-choice.load-images {
        opacity: 0;
        -webkit-transition: opacity .4s ease-in-out;
        -moz-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
    }

.sprite-freedom-of-choice.loaded {
    opacity: 1;
}

.sprite-freedom-of-choice:after {
    padding-top: 71.66667%;
}

@media screen and (min-width:992px) {
    .sprite-freedom-of-choice {
        background: 0 0;
    }

        .sprite-freedom-of-choice:after {
            padding-top: 53.33333%;
        }
}

.sprite-freedom-of-choice:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.55);
}

@media screen and (min-width:768px) {
    .sprite-freedom-of-choice:before {
        background: 0 0;
    }

    .collection-image {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }
}

@media screen and (min-width:768px) {
    .sprite-homepage-collections {
        background: 0 0;
        position: relative;
        z-index: 1001;
        width: 64%;
        left: 3%;
        max-width: none;
        margin: 4% 0 0;
    }
}

@media screen and (min-width:992px) {
    .sprite-homepage-collections {
        width: 51%;
        left: 10%;
        margin-top: 1%;
    }
}

@media screen and (min-width:1280px) {
    .sprite-homepage-collections {
        width: 48%;
        left: 16%;
        margin-top: 2.5%;
    }
}

.sprite-homepage-collections:before {
    background: rgba(0,0,0,.8);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.sprite-homepage-collections:after {
    padding-top: 156.25%;
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .sprite-homepage-collections:before {
            background: 0 0;
        }
    }

    .sprite-homepage-collections:after {
        padding-top: 100%;
    }


    .sprite-homepage-collections-black {
        background-position: 0 100%;
        background-size: 100%;
    }

    .sprite-homepage-collections-gold {
        background-position: 0 60%;
        background-size: 100%;
    }

    .sprite-homepage-collections-rose-gold {
        background-position: 0 40%;
        background-size: 100%;
    }

    .sprite-homepage-collections-steel {
        background-position: 0 80%;
        background-size: 100%;
    }

    .sprite-homepage-collections-bg-all-on {
        background-position: 0 0;
        background-size: 100%;
        z-index: 4;
    }

    .sprite-homepage-collections-bg-shadow {
        background-position: 0 20%;
        background-size: 100%;
        z-index: 2;
    }

    .on {
        opacity: 1;
    }
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .image-reveal-brighter, .image-reveal-brighter:before {
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
            top: 0;
            left: 0;
            opacity: 0;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }
    }
}

.load-images-active.sprite-hardware-shot-1 {
    background-position: 0 0;
}

.load-images-active.sprite-hardware-shot-2 {
    background-position: 0 10.151027%;
}

.load-images-active.sprite-hardware-shot-3 {
    background-position: 0 62.366923%;
}

.load-images-active.sprite-hardware-shot-4 {
    background-position: 0 49.987621%;
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .load-images-active.sprite-hardware-shot-1, .load-images-active.sprite-hardware-shot-2, .load-images-active.sprite-hardware-shot-3, .load-images-active.sprite-hardware-shot-4 {
            background-position: center center;
        }
    }
}

@media screen and (min-width:1280px) {
    @media screen and (max-height:780px) {
        .load-images-active.sprite-hardware-shot-2 {
            background-size: 94%;
            background-position: center 74%;
        }
    }
}

.data-sprite-image {
    display: block;
    padding-top: 50%;
}

.image-ratio-1-2 {
    padding-top: 50%;
}

.image-ratio-3-4 {
    padding-top: 75%;
}

.image-ratio-39-64 {
    padding-top: 60.9375%;
}

.image-ratio-43-64 {
    padding-top: 67.1875%;
}

.image-ratio-4-5 {
    padding-top: 80%;
}

.image-ratio-mobile-39-64 {
    padding-top: 60.9375%;
}

.image-ratio-mobile-43-64 {
    padding-top: 67.1875%;
}

.image-ratio-mobile-1-2 {
    padding-top: 50%;
}

.image-ratio-mobile-3-4 {
    padding-top: 75%;
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .sprite-hardware-shot-1, .sprite-hardware-shot-2, .sprite-hardware-shot-3, .sprite-hardware-shot-4 {
            background-position: center center;
        }

        .data-sprite-image {
            padding-top: 0;
            height: 100%;
        }
    }
}


    .sprite-exploded-view-bg-layer-01.loaded, .sprite-exploded-view-bg-layer-02.loaded, .sprite-exploded-view-bg-layer-03.loaded, .sprite-exploded-view-bg-layer-04.loaded, .sprite-exploded-view-bg-layer.loaded {
        opacity: 1;
    }

.data-sprite-image.load-images {
    opacity: 0;
}

    .data-sprite-image.load-images.loaded {
        opacity: 1;
    }

.modal-reserve {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-steel-mobile_2x.jpg);
    border-radius: 5px;
    color: #fff;
    min-height: 420px;
    background-position: 50% 0;
    background-size: cover;
}

    .modal-reserve h2 {
        color: #fff;
        font-size: 1.375rem;
        line-height: 1.925rem;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .modal-reserve .modal-content p {
        color: #fff;
        margin-top: 10px;
        font-size: .9375rem;
        line-height: 1.3125rem;
    }

    .modal-reserve .subscribe-form-wrap {
        max-width: none;
        margin: 25px 0;
        padding-bottom: 90px;
    }

        .modal-reserve .subscribe-form-wrap  {
            height: 46px;
        }

        .modal-reserve .subscribe-form-wrap .status-message {
            text-align: center;
        }

        .modal-reserve .subscribe-form-wrap.fail .subscribe-email {
            border: 1px solid #afafaf;
        }

    .modal-reserve .modal-content {
        padding: 25px 20px;
        text-align: center;
    }

    .modal-reserve .btn-border:hover {
        border-color: #afafaf;
        color: #afafaf;
    }

    .modal-reserve.black {
        background-color: #1d1e1f;
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-black-small.jpg);
    }

        .modal-reserve.black .subscribe-form-wrap.fail .subscribe-email {
            border: 1px solid #878787;
        }

        .modal-reserve.black .btn-border:hover {
            border-color: #878787;
            color: #878787;
        }

    .modal-reserve.gold {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-gold-small.jpg);
    }

        .modal-reserve.gold .subscribe-form-wrap.fail .subscribe-email {
            border: 1px solid #d3a55b;
        }

        .modal-reserve.gold .btn-border:hover {
            border-color: #d3a55b;
            color: #d3a55b;
        }

    .modal-reserve.rose_gold {
        background-color: #1d1e1f;
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-rose-gold-small.jpg);
    }

        .modal-reserve.rose_gold .subscribe-form-wrap.fail .subscribe-email {
            border: 1px solid #be8563;
        }

        .modal-reserve.rose_gold .btn-border:hover {
            border-color: #be8563;
            color: #be8563;
        }

@media screen and (min-width:768px) {
    .modal-reserve {
        min-height: 500px;
        background: #3d3d3f;
    }

        .modal-reserve .modal-container {
            background-size: cover;
            min-height: 600px;
            background-position: 0 50%;
        }

        .modal-reserve .btn-border:hover {
            border-color: #afafaf;
            color: #afafaf;
        }

        .modal-reserve.steel .modal-container {
            background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/promo/promo-share-bg-steel.jpg);
        }

        .modal-reserve.black {
            background: #1d1e1f;
        }

            .modal-reserve.black .modal-container {
                background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/promo/promo-share-bg-black.jpg);
                background-size: cover;
            }

        .modal-reserve.gold {
            background: #1d1e1f;
        }

            .modal-reserve.gold .modal-container {
                background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/promo/promo-share-bg-gold.jpg);
                background-size: cover;
            }

        .modal-reserve.rose_gold {
            background: #1d1e1f;
        }

            .modal-reserve.rose_gold .modal-container {
                background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/promo/promo-share-bg-rose_gold.jpg);
                background-size: cover;
            }

        .modal-reserve .modal-content {
            margin: 150px 15px 40px 42%;
            padding: 15px 20px 15px 10px;
            text-align: left;
        }

        .modal-reserve .status-message {
            padding-top: 0;
        }

        .modal-reserve h2 {
            font-size: 1.5rem;
            line-height: 2.1rem;
        }

        .modal-reserve p {
            font-size: 1rem;
            line-height: 1.4rem;
        }

        .modal-reserve .subscribe-form-wrap {
            padding-bottom: 70px;
        }

            .modal-reserve .subscribe-form-wrap .form-inline button {
                top: 6px;
                right: 6px;
            }

    .modal-reserve-bg.load-images-active.steel {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/promo/promo-share-bg.jpg);
    }

    .modal-reserve-bg.load-images-active.black {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/promo/promo-share-bg-black.jpg);
    }

    .modal-reserve-bg.load-images-active.gold {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/promo/promo-share-bg-gold.jpg);
    }

    .modal-reserve-bg.load-images-active.rose_gold {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/promo/promo-share-bg-rose_gold.jpg);
    }
}

.module.generic-page-headers {
    background-color: #000;
    color: #fff;
}

    .module.generic-page-headers .module-block-content {
        margin: 3em 0;
        padding-top: 0;
    }

        .module.generic-page-headers .module-block-content h1 {
            margin-bottom: 10px;
        }

        .module.generic-page-headers .module-block-content p {
            color: #aeb1b4;
            margin: 0;
        }

    .module.generic-page-headers.bg-style-one {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/backgrounds/background-pattern-1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto;
    }

.page-content-main {
    color: #171819;
    text-align: left;
}

@media screen and (min-width:768px) {
    .module.generic-page-headers .module-block-content {
        padding-top: 5em;
    }

    .page-content-main {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 57.3509785009%;
    }

        .page-content-main:last-child {
            margin-right: 0;
        }
}

@media screen and (min-width:992px) {
    .page-content-main.col-50 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .page-content-main.col-50:last-child {
            margin-right: 0;
        }
}

@media screen and (min-width:768px) {
    .page-content-main.col-full {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 82.9403914003%;
    }

        .page-content-main.col-full:last-child {
            margin-right: 0;
        }

    .page-content-main.col-med {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
    }

        .page-content-main.col-med:last-child {
            margin-right: 0;
        }

    .page-content-main.page-content-main-small {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .page-content-main.page-content-main-small:last-child {
            margin-right: 0;
        }
}

.module-page-content {
    padding: 4em 0 3em;
}

.module-page-white {
    color: #171819;
}

.page-content-main h4 {
    color: #aeb1b4;
}

.page-content-main ol, .page-content-main ol li, .page-content-main ul, .page-content-main ul li {
    margin: 10px 0;
}

.content-separator {
    border-top: 1px solid #aeb1b4;
    display: block;
    padding: 10px 0;
    margin-top: 30px;
    color: #000;
}

    .content-separator > h6 {
        margin: 0;
    }

@media screen and (min-width:768px) {
    .sidebar {
        margin-left: 8.5298042998%;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .sidebar:last-child {
            margin-right: 0;
        }

        .sidebar.sidebar-lgr {
            margin-left: 8.5298042998%;
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 31.7615656014%;
        }

            .sidebar.sidebar-lgr:last-child {
                margin-right: 0;
            }

        .sidebar.sidebar-sm {
            margin-left: 2.132451075%;
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 38.1589188262%;
        }

            .sidebar.sidebar-sm:last-child {
                margin-right: 0;
            }
}

@media screen and (min-width:992px) {
    .sidebar.sidebar-sm {
        margin-left: 4.2649021499%;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 27.4966634515%;
    }

        .sidebar.sidebar-sm:last-child {
            margin-right: 0;
        }
}

.sidebar .module {
    background-color: #e3e4e5;
    margin-bottom: 30px;
    overflow: hidden;
    color: #171819;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: center;
}

@media screen and (min-width:640px) {
    .sidebar .module {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .sidebar .module:last-child {
            margin-right: 0;
        }
}

@media screen and (min-width:768px) {
    .sidebar .module {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

        .sidebar .module:last-child {
            margin-right: 0;
        }
}

.sidebar .module h4 {
    color: #171819;
    margin: 0 0 10px;
}

.module.collections-header .collections-header-copy h3, .sidebar .module .module-details :last-child {
    margin-bottom: 0;
}

.sidebar .module a, .sidebar .module p {
    font-size: .875rem;
    line-height: 1.225rem;
}

.sidebar .module .module-details {
    padding: 20px;
}

    .sidebar .module .module-details a {
        word-break: break-word;
    }

.sidebar .module .module-button {
    padding: 0 20px 16px;
}

.module-page-terms-promo {
    background: #333;
    padding: 3em 0;
}

#dynamic-clock, .dynamic-clock-off {
    border-radius: 50%;
    padding-top: 100%;
}

.module-page-terms-promo h1 {
    color: #fff;
}

.module-page-terms-promo p {
    color: #ccc;
}

.reveal-link {
    cursor: pointer;
}

.collections-header-bg {
    opacity: 0;
}

    .collections-header-bg .page-width {
        position: relative;
    }

    .collections-header-bg.loaded {
        opacity: 1;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out;
    }

@media screen and (min-width:768px) {
    .collections-header.collection-steel .collection-watchcase-container {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-watch-steel.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

    @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) {
        .collections-header.collection-steel .collection-watchcase-container {
            background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-watch-steel_2x.png);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover;
        }
    }
}

.collections-header.collection-steel #dynamic-clock {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-steel-new.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}

    .collections-header.collection-steel #dynamic-clock div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-steel-new.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
    }

@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) {
    .collections-header.collection-steel #dynamic-clock, .collections-header.collection-steel #dynamic-clock div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-steel-new_2x.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
}

@media screen and (min-width:768px) {
    .collections-header.collection-black .collection-watchcase-container {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-watch-black.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

    @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) {
        .collections-header.collection-black .collection-watchcase-container {
            background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-watch-black_2x.png);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover;
        }
    }
}

.collections-header.collection-black #dynamic-clock {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-black-new.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

    .collections-header.collection-black #dynamic-clock div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-black-new.png);
        background-repeat: no-repeat;
        background-position: 0 100%;
        background-size: 100%;
    }

@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) {
    .collections-header.collection-black #dynamic-clock, .collections-header.collection-black #dynamic-clock div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-black-new_2x.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
}

@media screen and (min-width:768px) {
    .collections-header.collection-gold .collection-watchcase-container {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-watch-gold.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

    @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) {
        .collections-header.collection-gold .collection-watchcase-container {
            background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-watch-gold_2x.png);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover;
        }
    }
}

.collections-header.collection-gold #dynamic-clock {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-gold-new.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}

    .collections-header.collection-gold #dynamic-clock div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-gold-new.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
    }

@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) {
    .collections-header.collection-gold #dynamic-clock, .collections-header.collection-gold #dynamic-clock div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-gold-new_2x.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
}

@media screen and (min-width:768px) {
    .collections-header.collection-rose_gold .collection-watchcase-container {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-watch-rose-gold.png);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }

    @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) {
        .collections-header.collection-rose_gold .collection-watchcase-container {
            background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-watch-rose-gold_2x.png);
            background-repeat: no-repeat;
            background-position: 50% 50%;
            background-size: cover;
        }
    }
}

@media screen and (min-width:1280px) {
    .collections-header.collection-black .collection-watchcase-container, .collections-header.collection-gold .collection-watchcase-container, .collections-header.collection-rose_gold .collection-watchcase-container, .collections-header.collection-steel .collection-watchcase-container {
        left: -4.2%;
    }
}

.collections-header.collection-rose_gold #dynamic-clock {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-rose-gold-new.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
}

    .collections-header.collection-rose_gold #dynamic-clock div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-rose-gold-new.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
    }

@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) {
    .collections-header.collection-rose_gold #dynamic-clock, .collections-header.collection-rose_gold #dynamic-clock div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/sprite-dynamic-rose-gold-new_2x.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100%;
    }
}

.dynamic-clock-off {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #111;
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 0;
    left: 0;
}

@media screen and (min-width:768px) {
    .dynamic-clock-container {
        position: relative;
        z-index: 150;
        margin-left: 29.5%;
        width: 211px;
        height: 211px;
        top: 182px;
    }
}

@media screen and (min-width:992px) {
    .dynamic-clock-container {
        width: 212px;
        height: 212px;
        top: 181px;
        margin-left: 27.3%;
    }
}

@media screen and (min-width:1280px) {
    .dynamic-clock-container {
        top: 217px;
        width: 230px;
        height: 230px;
        margin-left: 23.8%;
    }
}

@media screen and (min-width:1800px) {
    .dynamic-clock-container {
        top: 235px;
        width: 241px;
        height: 241px;
        margin-left: 24.9%;
    }
}

.dynamic-clock-container.active #dynamic-clock {
    opacity: 1;
    -webkit-transition: opacity .7s ease-in-out;
    -moz-transition: opacity .7s ease-in-out;
    transition: opacity .7s ease-in-out;
}

#dynamic-clock {
    opacity: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    line-height: 0;
    width: 100%;
    position: relative;
    z-index: 101;
}

    #dynamic-clock div {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    #dynamic-clock #hour {
        z-index: 10;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        background-position: 0 100%;
    }

    #dynamic-clock #minute {
        z-index: 20;
        transform: translateZ(0);
        background-position: 0 66.66666%;
    }

    #dynamic-clock #minute, #dynamic-clock #second {
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
    }

    #dynamic-clock #second {
        z-index: 30;
        transform: translateZ(0);
        background-position: 0 33.33333%;
    }

.module.collections-header .collections-header-container {
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

    .module.collections-header .collections-header-container:after {
        content: "";
        display: table;
        clear: both;
    }

.module.collections-header .page-width {
    padding: 0;
}

.module.collections-header .collections-header-watch {
    height: 380px;
    display: none;
}

@media screen and (min-width:768px) {
    .module.collections-header .collections-header-watch {
        height: 600px;
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header .collections-header-watch {
        height: 690px;
    }
}

@media screen and (min-width:1800px) {
    .module.collections-header .page-width {
        padding: 0;
    }

    .module.collections-header .collections-header-watch {
        height: 740px;
    }
}

.module.collections-header .collections-header-copy.large-section {
    margin-top: 60px;
    height: 270px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width:640px) {
    .module.collections-header .collections-header-copy.large-section {
        height: 340px;
    }
}

@media screen and (min-width:768px) {
    .module.collections-header .collections-header-copy.large-section {
        margin-top: 0;
        margin-left: 3%;
        height: 600px;
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header .collections-header-copy.large-section {
        height: 690px;
    }
}

.module.collections-header .collections-header-copy {
    position: relative;
    width: 86%;
    padding: 0;
}

    .module.collections-header .collections-header-copy h1 {
        text-align: left;
        margin-bottom: 0;
    }

@media screen and (min-width:640px) {
    .module.collections-header .collections-header-copy h1 {
        font-size: 1.375rem;
        line-height: 1.925rem;
    }
}

@media screen and (min-width:768px) {
    .module.collections-header .collections-header-watch {
        display: block;
    }

    .module.collections-header .collections-header-copy {
        text-align: left;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .module.collections-header .collections-header-copy:last-child {
            margin-right: 0;
        }

        .module.collections-header .collections-header-copy h1 {
            font-size: 1.25rem;
            line-height: 1.75rem;
        }
}

@media screen and (min-width:992px) {
    .module.collections-header .collections-header-copy h1 {
        font-size: 1.375rem;
        line-height: 1.925rem;
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header .collections-header-copy h1 {
        font-size: 1.75rem;
        line-height: 2.45rem;
    }
}

.module.collections-header .collections-header-copy h2 {
    text-align: left;
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.4rem;
}

@media screen and (min-width:640px) {
    .module.collections-header .collections-header-copy h2 {
        font-size: 1.125rem;
        line-height: 1.575rem;
    }
}

@media screen and (min-width:768px) {
    .module.collections-header .collections-header-copy h2 {
        font-size: 1rem;
        line-height: 1.4rem;
    }
}

@media screen and (min-width:992px) {
    .module.collections-header .collections-header-copy h2 {
        font-size: 1.125rem;
        line-height: 1.575rem;
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header .collections-header-copy h2 {
        font-size: 1.5rem;
        line-height: 2.1rem;
    }
}

.module.collections-header .collections-header-copy .module-copy {
    position: relative;
    border-style: solid;
    border-width: .1em;
    border-color: #353535;
    border-radius: .25em;
    padding: 1.5em 1em;
    max-width: 398px;
    margin-left: auto;
    box-shadow: .2em .2em .2em #000;
    text-align: left;
}

    .module.collections-header .collections-header-copy .module-copy:before {
        background-color: #000;
        background-image: -webkit-linear-gradient(-225deg,#000,#353535);
        background-image: linear-gradient(-45deg,#000,#353535);
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .module.collections-header .collections-header-copy .module-copy p {
        font-size: .838rem;
        margin: 0 auto;
        padding: 0;
    }

@media screen and (min-width:768px) {
    .module.collections-header .collections-header-copy .module-copy p {
        max-width: 430px;
        margin: 0;
        font-size: .875rem;
        line-height: 1.225rem;
    }
}

.module.collections-header .collections-header-copy .module-copy .remaining-bar {
    margin: 1.2em 0 1em;
    max-width: inherit;
}

@media screen and (min-width:992px) {
    .module.collections-header .collections-header-copy .module-copy .remaining-bar {
        max-width: 430px;
    }
}

@media screen and (min-width:1800px) {
    .module.collections-header .collections-header-copy.large-section {
        height: 740px;
    }

    .module.collections-header .collections-header-copy .module-copy .remaining-bar {
        max-width: 440px;
    }
}

.module.collections-header .collections-header-copy .module-copy p.remaining-txt {
    font-size: .85rem;
    padding: 0;
    white-space: nowrap;
    top: -2.75em;
    text-align: center;
}

@media screen and (min-width:640px) {
    .module.collections-header .collections-header-copy .module-copy .remaining-bar {
        margin: 1em 0 1.25em;
    }

    .module.collections-header .collections-header-copy .module-copy p.remaining-txt {
        font-size: .95rem;
        top: -2.4em;
    }
}

@media screen and (min-width:768px) {
    .module.collections-header .collections-header-copy .module-copy p.remaining-txt {
        width: inherit;
        left: auto;
        right: 0;
        top: -2.3em;
    }
}

.module.collections-header .collections-header-copy .module-copy p.remaining-txt .percentage {
    font-size: 1.75rem;
    display: block;
    margin-bottom: 5px;
    margin-top: -24px;
    font-weight: 900;
    text-align: right;
    text-shadow: 1px 0 0;
}

@media screen and (min-width:768px) {
    .module.collections-header .collections-header-copy .module-copy p.remaining-txt .percentage {
        margin-top: -19px;
    }

    .module.collections-header .collections-header-copy .module-copy {
        width: 390px;
        max-width: 520px;
    }
}

@media screen and (min-width:992px) {
    .module.collections-header .collections-header-copy .module-copy p.remaining-txt {
        top: -2.8em;
    }

    .module.collections-header .collections-header-copy .module-copy {
        width: 460px;
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header .collections-header-copy .module-copy p.remaining-txt {
        top: -2.8em;
    }

    .module.collections-header .collections-header-copy .module-copy {
        width: 90%;
    }
}

.module.collections-header .collections-header-copy .module-copy .module-copy-bg.load-images-active {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collections-banner-text-texture-new.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}

.module.collections-header .collections-header-bg {
    bottom: 0;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

    .module.collections-header .collections-header-bg.lifestyle {
        max-width: 1280px;
    }

.module.collections-header.collection-steel, .module.collections-header.collection-steel .dynamic-clock-off {
    background-color: #2c2e2f;
}

    .module.collections-header.collection-steel .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-steel-mobile_2x.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

@media screen and (min-width:768px) {
    .module.collections-header.collection-steel .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-steel-small.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    @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) {
        .module.collections-header.collection-steel .collections-header-bg {
            background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-steel-small_2x.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header.collection-steel .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-steel.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.module.collections-header.collection-steel .collections-header-copy h2 {
    color: #afafaf;
}

@media screen and (min-width:768px) {
    .module.collections-header.collection-steel .collections-header-bg.lifestyle {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-steel.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media screen and (min-width:1440px) {
    .module.collections-header.collection-steel .collections-header-bg.lifestyle {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-steel-lg.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media screen and (min-width:768px) {
    .module.collections-header.collection-steel .collections-header-bg.lifestyle.risque {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-steel2.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media screen and (min-width:1440px) {
    .module.collections-header.collection-steel .collections-header-bg.lifestyle.risque {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-steel2-lg.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.module.collections-header.collection-black, .module.collections-header.collection-black .dynamic-clock-off {
    background-color: #1a1819;
}

    .module.collections-header.collection-black .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-black-mobile_2x.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

@media screen and (min-width:768px) {
    .module.collections-header.collection-black .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-black-small.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    @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) {
        .module.collections-header.collection-black .collections-header-bg {
            background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-black-small_2x.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header.collection-black .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-black.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.module.collections-header.collection-black .collections-header-copy h2 {
    color: #878787;
}

@media screen and (min-width:768px) {
    .module.collections-header.collection-black .collections-header-bg.lifestyle {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-black.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media screen and (min-width:1440px) {
    .module.collections-header.collection-black .collections-header-bg.lifestyle {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-black-lg.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.module.collections-header.collection-gold, .module.collections-header.collection-gold .dynamic-clock-off {
    background-color: #090909;
}

    .module.collections-header.collection-gold .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-gold-mobile_2x.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

@media screen and (min-width:768px) {
    .module.collections-header.collection-gold .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-gold-small.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    @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) {
        .module.collections-header.collection-gold .collections-header-bg {
            background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-gold-small_2x.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header.collection-gold .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-gold.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.module.collections-header.collection-gold .collections-header-copy h2 {
    color: #d3a55b;
}

@media screen and (min-width:768px) {
    .module.collections-header.collection-gold .collections-header-bg.lifestyle {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-gold.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media screen and (min-width:1440px) {
    .module.collections-header.collection-gold .collections-header-bg.lifestyle {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-gold-lg.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media screen and (min-width:768px) {
    .module.collections-header.collection-gold .collections-header-bg.lifestyle.risque {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-gold2.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media screen and (min-width:1440px) {
    .module.collections-header.collection-gold .collections-header-bg.lifestyle.risque {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-gold2-lg.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.module.collections-header.collection-rose_gold, .module.collections-header.collection-rose_gold .dynamic-clock-off {
    background-color: #1a1819;
}

    .module.collections-header.collection-rose_gold .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-rose-gold-mobile_2x.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

@media screen and (min-width:768px) {
    .module.collections-header.collection-rose_gold .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-rose-gold-small.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    @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) {
        .module.collections-header.collection-rose_gold .collections-header-bg {
            background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-rose-gold-small_2x.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header.collection-rose_gold .collections-header-bg {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/dynamic-clock/collections-header-bg-rose-gold.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.module.collections-header.collection-rose_gold .collections-header-copy h3 {
    color: #be8563;
}

@media screen and (min-width:768px) {
    .module.collections-header.collection-rose_gold .collections-header-bg.lifestyle {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-rose_gold.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media screen and (min-width:1440px) {
    .module.collections-header.collection-rose_gold .collections-header-bg.lifestyle {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-rose_gold-lg.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media screen and (min-width:768px) {
    .module.collections-header.collection-rose_gold .collections-header-bg.lifestyle.risque {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-rose_gold2.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

@media screen and (min-width:1440px) {
    .module.collections-header.collection-rose_gold .collections-header-bg.lifestyle.risque {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-lifestyle-rose_gold2-lg.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
}

.module.collections-header .collections-header-watch {
    width: 375px;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (min-width:992px) {
    .module.collections-header .collections-header-watch {
        width: 400px;
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header .collections-header-watch {
        width: 425px;
    }
}

@media screen and (min-width:768px) {
    .module.collections-header .lifestyle {
        width: 100%;
        max-width: none;
        padding: 0;
    }

        .module.collections-header .lifestyle .module-content {
            max-width: none;
        }

        .module.collections-header .lifestyle .collections-header-copy {
            margin-left: 0;
            margin-right: 0;
            width: 100%;
        }

            .module.collections-header .lifestyle .collections-header-copy .module-cell {
                vertical-align: bottom;
            }

                .module.collections-header .lifestyle .collections-header-copy .module-cell .module-copy {
                    max-width: none;
                    width: 100%;
                    margin: 0;
                }

            .module.collections-header .lifestyle .collections-header-copy .module-copy {
                border-style: none;
            }

                .module.collections-header .lifestyle .collections-header-copy .module-copy:before {
                    background-image: none;
                    opacity: .8;
                }

            .module.collections-header .lifestyle .collections-header-copy .module-copy-bg {
                visibility: hidden;
            }

    @media screen and (min-width:768px) {
        .module.collections-header .lifestyle .copy-headers {
            display: inline-block;
            float: left;
            width: 35%;
            max-width: 300px;
            border-right: thin solid #fff;
        }

            .module.collections-header .lifestyle .copy-headers h1 {
                font-size: 1.75rem;
                line-height: 2rem;
            }

            .module.collections-header .lifestyle .copy-headers h2 {
                font-size: 1.5rem;
                line-height: 2rem;
            }

        .module.collections-header .lifestyle .copy-content {
            width: 55%;
            display: inline-block;
            margin-left: 50px;
        }

            .module.collections-header .lifestyle .copy-content p {
                position: absolute;
                top: 25px;
                font-size: .75rem;
                line-height: 1rem;
            }

            .module.collections-header .lifestyle .copy-content .remaining-bar {
                margin: 3.5em 0 0;
                max-width: 400px;
            }

                .module.collections-header .lifestyle .copy-content .remaining-bar .remaining-txt {
                    left: auto;
                    right: 0;
                    top: .5em;
                }
    }
}

.module.collections-header .copy-content, .module.collections-header .copy-headers {
    position: relative;
}

.module.collections-header .collections-header-banner {
    position: absolute;
    max-width: 129%;
    left: -14%;
}

@media screen and (min-width:481px) {
    .module.collections-header .collections-header-banner {
        max-width: 124%;
        left: -12%;
    }
}

@media screen and (min-width:768px) {
    .module.collections-header .collections-header-banner {
        max-width: 125%;
        left: -12.5%;
    }
}

@media screen and (min-width:1280px) {
    .module.collections-header .lifestyle .collections-header-watch {
        z-index: 1000;
    }

    .module.collections-header .collections-header-banner {
        max-width: 130%;
        left: -15%;
    }
}

.module.collections-header .collections-header-badge {
    position: absolute;
    max-width: 25%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: -140%;
}

.collection-watchcase-container {
    position: absolute;
    margin: 0 auto;
    z-index: 200;
    height: 100%;
}

@media screen and (min-width:768px) {
    .collection-watchcase-container {
        width: 375px;
    }
}

@media screen and (min-width:1280px) {
    .collection-watchcase-container {
        width: 408px;
    }
}

@media screen and (min-width:1800px) {
    .collection-watchcase-container {
        width: 425px;
    }
}

.module.collections-description {
    background-color: #cfcfcf;
    overflow: hidden;
}

    .module.collections-description .col-container {
        position: relative;
        max-width: auto;
        margin-left: auto;
        margin-right: auto;
    }

        .module.collections-description .col-container:after {
            content: "";
            display: table;
            clear: both;
        }

        .module.collections-description .col-container > div {
            min-height: 10px;
        }

        .module.collections-description .col-container .col-1 {
            height: 300px;
        }

@media screen and (max-width:639px) {
    .module.collections-description .col-container .col-1 {
        position: relative;
    }
}

.module.collections-description .col-container .col-2 {
    color: #171819;
    text-align: left;
    position: relative;
    z-index: 4000;
}

    .module.collections-description .col-container .col-2 .collection-details-container {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2em 0;
    }

@media screen and (min-width:768px) {
    .module.collections-description .col-container > div {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .module.collections-description .col-container > div:last-child {
            margin-right: 0;
        }

    .module.collections-description .col-container .col-1 {
        height: auto;
        overflow: inherit;
    }

    .module.collections-description .col-container .col-2 .collection-details-container {
        padding: 4em 0;
    }
}

@media screen and (min-width:992px) {
    .module.collections-description .col-container .col-2 {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 40.2913699012%;
        margin-left: 8.5298042998%;
    }

        .module.collections-description .col-container .col-2:last-child {
            margin-right: 0;
        }
}

.module.collections-description .col-container .col-2 ul {
    margin: 0;
    padding: 0;
}

    .module.collections-description .col-container .col-2 ul li {
        font-size: .75rem;
        line-height: 1.05rem;
        padding: 0;
        margin-bottom: 10px;
        margin-left: 15px;
    }

.ie .module.collections-description .col-container .col-2 .collection-details-container h2 {
    font-family: Georgia,Times,Helvetica,Arial,sans-serif;
}

.modal-cyber-monday h2, .module.ui-spec h3 {
    font-family: "Baskerville Regular",helvetica,arial,sans-serif;
}

.collections-detail-watch {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
}

@media screen and (max-width:639px) {
    .collections-detail-watch {
        left: -10%;
        width: 120%;
    }
}

@media screen and (min-width:640px) {
    .collections-detail-watch {
        height: 300px;
    }
}

@media screen and (min-width:768px) {
    .module.collections-description .col-container .col-2 ul li {
        font-size: .875rem;
        line-height: 1.225rem;
    }

    .collections-detail-watch {
        height: 80%;
        top: inherit;
        bottom: 0;
        left: -120px;
    }
}

@media screen and (min-width:992px) {
    .collections-detail-watch {
        height: 80%;
        overflow: inherit;
    }
}

.collections-detail-watch .collections-detail-slide-bg, .collections-detail-watch .collections-detail-slide-reflection {
    height: 100%;
    width: auto;
    bottom: 0;
    position: absolute;
}

@media screen and (min-width:640px) {
    .collections-detail-watch .collections-detail-slide-bg, .collections-detail-watch .collections-detail-slide-reflection {
        bottom: 70px;
    }
}

.collections-detail-watch .collections-detail-slide-bg img, .collections-detail-watch .collections-detail-slide-reflection img {
    width: 100%;
}

@media screen and (min-width:768px) {
    .collections-detail-watch .collections-detail-slide-bg, .collections-detail-watch .collections-detail-slide-reflection {
        bottom: 0;
    }

        .collections-detail-watch .collections-detail-slide-bg img, .collections-detail-watch .collections-detail-slide-reflection img {
            height: 100%;
            width: auto;
        }
}

.collections-detail-watch .collections-detail-slide-reflection {
    z-index: 3200;
}

.collections-detail-slideshow {
    min-height: 400px;
    height: 100% !important;
    overflow: visible;
}

@media screen and (min-width:768px) {
    .collections-detail-slideshow {
        min-height: 550px;
        left: -180px;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape) {
    .collections-detail-slideshow {
        left: 80px;
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .collections-detail-slideshow {
        left: -226px;
    }
}

@media screen and (min-width:992px) {
    .collections-detail-slideshow {
        left: -100px;
    }
}

@media screen and (min-width:1800px) {
    .collections-detail-slideshow {
        left: 150px;
    }
}

.collections-detail-slideshow > div.item img {
    width: 100%;
}

.collections-detail-slideshow .collections-watchface-ui {
    left: 0;
    position: absolute;
    z-index: 3000;
    height: 100%;
}

@media screen and (min-width:640px) {
    .collections-detail-slideshow .collections-watchface-ui {
        bottom: 70px;
    }
}

@media screen and (min-width:768px) {
    .collections-detail-slideshow > div.item img {
        width: auto;
        height: 100%;
    }

    .collections-detail-slideshow .collections-watchface-ui {
        bottom: 0;
    }
}

.collections-detail-slideshow .collections-watchface-ui img {
    width: auto;
    height: 100%;
}

.module.collections-product-list {
    overflow: hidden;
}

    .module.collections-product-list .product-items {
        max-width: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        text-align: center;
    }

        .module.collections-product-list .product-items:after {
            content: "";
            display: table;
            clear: both;
        }

.price-cut:after, .product-item-img .product-img:after {
    left: 0;
    content: '';
    bottom: 0;
}

.module.collections-product-list .product-items > div {
    min-height: 10px;
    margin-bottom: 30px;
}

@media screen and (min-width:640px) {
    .module.collections-product-list .product-items > div {
        margin-bottom: 20px;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        .module.collections-product-list .product-items > div:last-child {
            margin-right: 0;
        }
}

@media screen and (min-width:768px) {
    .module.collections-product-list .product-items > div {
        margin-bottom: 15px;
        padding: 0 15px;
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 23.2317613015%;
    }

        .module.collections-product-list .product-items > div:last-child {
            margin-right: 0;
        }
}

@media screen and (min-width:640px) {
    .module.collections-product-list .product-items > div.col-three {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .module.collections-product-list .product-items > div.col-three:last-child {
            margin-right: 0;
        }
}

@media screen and (min-width:768px) {
    .module.collections-product-list .product-items > div.col-three {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .module.collections-product-list .product-items > div.col-three:last-child {
            margin-right: 0;
        }
}

.module.collections-product-list .product-items .ic.ic-product-360 {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/360/ic-360-sprite_2x.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 0;
    bottom: 0;
    position: absolute;
    right: -25px;
    z-index: 7;
    width: 56px;
    height: 30px;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}

    .module.collections-product-list .product-items .ic.ic-product-360:hover {
        background-position: 0 100%;
    }

.module.collections-product-list .product-items .product-item {
    position: relative;
    text-align: center;
    -webkit-box-flex: 1;
}

    .module.collections-product-list .product-items .product-item .block-link {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 6;
    }

    .module.collections-product-list .product-items .product-item .product-item-img {
        margin: 0 auto 15px;
        max-width: 200px;
        position: relative;
    }

.load-images.load-images-active .product-img.product-black, .load-images.load-images-active .product-img.product-gold, .load-images.load-images-active .product-img.product-rose_gold, .load-images.load-images-active .product-img.product-steel {
    max-width: 100%;
}

.module.collections-product-list .product-items .product-item .product-item-img img {
    width: 100%;
    display: block;
}

.module.collections-product-list .product-items .product-item .product-item-detail h4 {
    white-space: nowrap;
    color: #171819;
    margin: 10px 0 5px;
}

@media screen and (min-width:640px) {
    .module.collections-product-list .product-items .product-item .product-item-detail h4 {
        font-size: .6806rem;
    }
}

@media screen and (min-width:768px) {
    .module.collections-product-list .product-items .product-item .product-item-detail h4 {
        font-size: .775rem;
        margin: 10px 0;
    }
}

@media screen and (min-width:1280px) {
    .module.collections-product-list .product-items .product-item .product-item-detail h4 {
        font-size: 1.07rem;
    }
}

.module.collections-product-list .product-items .product-item .product-item-detail .subtitle {
    color: #999;
    margin: 0;
    display: inline-block;
    font-size: 1.45rem;
}

    .module.collections-product-list .product-items .product-item .product-item-detail .subtitle.price-cut {
        margin: 0 0 .5em;
    }

    .module.collections-product-list .product-items .product-item .product-item-detail .subtitle.price-discount {
        display: none;
        color: #d3a55b;
        margin: 0 0 .5em;
    }

.module.collections-product-list .product-items .product-item .product-item-detail .product-offer {
    margin: 10px 0;
    line-height: 1.4;
    font-weight: 700;
}

.module.collections-product-list .product-items .product-item .product-item-detail h5 {
    margin-bottom: 8px;
    display: block;
}

.module.collections-product-list .product-items .product-item .product-item-detail span {
    font-size: 1.45rem;
    display: none;
}

.module.collections-product-list .product-items .product-item .product-item-detail .btn-border.celery-product-link {
    margin-top: .5em;
}

.module.collections-product-list .product-list-wrapper {
    padding: 30px 0 10px;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

@media screen and (min-width:640px) {
    .module.collections-product-list .product-items {
        display: -webkit-box;
    }

    .module.collections-product-list .product-list-wrapper {
        padding-top: 3.123em;
    }
}

@media screen and (min-width:768px) {
    .module.collections-product-list .product-list-wrapper {
        padding-top: 2.555em;
    }
}

@media screen and (min-width:992px) {
    .module.collections-product-list .product-list-wrapper {
        padding-top: 3.5em;
    }
}

@media screen and (min-width:1280px) {
    .module.collections-product-list .product-list-wrapper {
        padding-top: 6.5em;
    }
}

.module.collections-product-list .product-list-wrapper.view-360 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.module.collections-product-list .product-items .product-item .product-item-img:after, .module.collections-product-list .product-items .product-item .product-item-img:before {
    opacity: 0;
    content: '';
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}

.module.collections-product-list .product-items .product-item .product-item-img:after {
    z-index: 4;
}

.product-item-img .product-img {
    display: block;
    padding-top: 162.5%;
    position: relative;
}

    .product-item-img .product-img:after {
        opacity: 0;
        background-size: cover;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 3;
        -webkit-transition: opacity .5s ease-out;
        -moz-transition: opacity .5s ease-out;
        transition: opacity .5s ease-out;
    }

.load-images.load-images-active .product-img.product-steel, .load-images.load-images-active .product-img.product-steel:after {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/steel/sprite-olio-watch-steel.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100%;
}

.load-images.loaded.load-images-active .product-img {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.load-images.load-images-active .product-img {
    opacity: 0;
}

    .load-images.load-images-active .product-img.product-black, .load-images.load-images-active .product-img.product-black:after {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/black/sprite-olio-watch-black.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
    }

    .load-images.load-images-active .product-img.product-gold, .load-images.load-images-active .product-img.product-gold:after {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/gold/sprite-olio-watch-gold.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
    }

    .load-images.load-images-active .product-img.product-rose_gold, .load-images.load-images-active .product-img.product-rose_gold:after {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/rose_gold/sprite-olio-watch-rose_gold.jpg);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
    }

    .load-images.load-images-active .product-img.img-steel-black-leather {
        background-position: 0 42.857143%;
    }

        .load-images.load-images-active .product-img.img-steel-black-leather:after {
            background-position: 0 28.571429%;
        }

    .load-images.load-images-active .product-img.img-steel-steel-link {
        background-position: 0 14.285714%;
    }

        .load-images.load-images-active .product-img.img-steel-steel-link:after {
            background-position: 0 0;
        }

    .load-images.load-images-active .product-img.img-steel-brown-leather {
        background-position: 0 71.428571%;
    }

        .load-images.load-images-active .product-img.img-steel-brown-leather:after {
            background-position: 0 57.142857%;
        }

    .load-images.load-images-active .product-img.img-steel-tan-leather {
        background-position: 0 99.98%;
    }

        .load-images.load-images-active .product-img.img-steel-tan-leather:after {
            background-position: 0 85.714286%;
        }

    .load-images.load-images-active .product-img.img-black-black-leather {
        background-position: 0 42.857143%;
    }

        .load-images.load-images-active .product-img.img-black-black-leather:after {
            background-position: 0 28.571429%;
        }

    .load-images.load-images-active .product-img.img-black-steel-link {
        background-position: 0 14.285714%;
    }

        .load-images.load-images-active .product-img.img-black-steel-link:after {
            background-position: 0 0;
        }

    .load-images.load-images-active .product-img.img-black-brown-leather {
        background-position: 0 71.428571%;
    }

        .load-images.load-images-active .product-img.img-black-brown-leather:after {
            background-position: 0 57.142857%;
        }

    .load-images.load-images-active .product-img.img-black-tan-leather {
        background-position: 0 99.98%;
    }

        .load-images.load-images-active .product-img.img-black-tan-leather:after {
            background-position: 0 85.714286%;
        }

    .load-images.load-images-active .product-img.img-gold-black-leather {
        background-position: 0 20%;
    }

        .load-images.load-images-active .product-img.img-gold-black-leather:after {
            background-position: 0 0;
        }

    .load-images.load-images-active .product-img.img-gold-brown-leather {
        background-position: 0 60%;
    }

        .load-images.load-images-active .product-img.img-gold-brown-leather:after {
            background-position: 0 40%;
        }

    .load-images.load-images-active .product-img.img-gold-steel-link {
        background-position: 0 99.98%;
    }

        .load-images.load-images-active .product-img.img-gold-steel-link:after {
            background-position: 0 80%;
        }

    .load-images.load-images-active .product-img.img-rose_gold-black-leather {
        background-position: 0 0;
    }

        .load-images.load-images-active .product-img.img-rose_gold-black-leather:after {
            background-position: 0 20%;
        }

    .load-images.load-images-active .product-img.img-rose_gold-brown-leather {
        background-position: 0 80%;
    }

        .load-images.load-images-active .product-img.img-rose_gold-brown-leather:after {
            background-position: 0 100%;
        }

    .load-images.load-images-active .product-img.img-rose_gold-steel-link {
        background-position: 0 40%;
    }

        .load-images.load-images-active .product-img.img-rose_gold-steel-link:after {
            background-position: 0 60.002%;
        }

.no-touch .product-item:hover .product-item-img .product-img:after {
    opacity: 1;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
}

.touch .product-item .product-item-img .product-img:after {
    opacity: 1;
}

.no-touch .module.collections-product-list .product-items .product-item:hover .product-item-img:after {
    opacity: 1;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
}

.touch .module.collections-product-list .product-items .product-item .product-item-img:after {
    opacity: 1;
}

@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) {
    .load-images.load-images-active .product-img.product-steel, .load-images.load-images-active .product-img.product-steel:after {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/steel/sprite-olio-watch-steel_2x.jpg);
    }

    .load-images.load-images-active .product-img.product-black, .load-images.load-images-active .product-img.product-black:after {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/black/sprite-olio-watch-black_2x.jpg);
    }

    .load-images.load-images-active .product-img.product-gold, .load-images.load-images-active .product-img.product-gold:after {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/gold/sprite-olio-watch-gold_2x.jpg);
    }

    .load-images.load-images-active .product-img.product-rose_gold, .load-images.load-images-active .product-img.product-rose_gold:after {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/rose_gold/sprite-olio-watch-rose_gold_2x.jpg);
    }

    .no-touch .module.collections-product-list .product-items .product-item:hover .product-item-img:after, .touch .module.collections-product-list .product-items .product-item .product-item-img:after {
        opacity: 1;
    }
}

.module.ui-spec {
    background: #141415;
}

    .module.ui-spec .page-width {
        padding: 0;
    }

@media screen and (min-width:992px) {
    .module.ui-spec .page-width {
        padding: 0 20px;
    }
}

.module.ui-spec.ui-spec-black {
    background: #000;
}

.module.ui-spec h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    line-height: 2;
    text-transform: none;
    padding-right: 30px;
    text-align: left;
    margin: 0;
    padding-left: 15px;
}

@media screen and (min-width:481px) {
    .module.ui-spec h3 {
        font-size: 1.5rem;
        line-height: 2.1rem;
    }
}

@media screen and (min-width:768px) {
    .module.ui-spec h3 {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        font-size: 1.625rem;
        line-height: 2.275rem;
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

@media screen and (min-width:992px) {
    .module.ui-spec h3 {
        font-size: 1.875rem;
        line-height: 2.625rem;
    }
}

@media screen and (min-width:1800px) {
    .module.ui-spec h3 {
        margin-bottom: 15px;
        margin-top: 15px;
    }
}

.module.ui-spec h4 {
    font-size: 1.125rem;
    line-height: 1.575rem;
    line-height: 1.4;
    margin: 10px -10px 0;
    text-align: center;
}

@media screen and (min-width:992px) {
    .module.ui-spec h4 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        line-height: 1.4;
    }
}

.module.ui-spec .ui-spec-subtitle {
    font-size: .875rem;
    line-height: 1.225rem;
    max-width: 775px;
    margin-bottom: 20px;
    padding: 0 15px;
    margin-top: 10px;
    text-align: center;
}

.module.ui-spec .ui-spec-title {
    position: relative;
    padding: 15px 0;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    transition: background .2s linear;
}

    .module.ui-spec .ui-spec-title:hover {
        background: rgba(255,255,255,.04);
    }

.module.ui-spec .icon.icon-reveal, .module.ui-spec .less .icon.icon-reveal {
    background-color: transparent;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/svg/sprite.min.svg);
}

@media screen and (min-width:768px) {
    .module.ui-spec .ui-spec-subtitle {
        margin: 15px auto 30px;
    }

    .module.ui-spec .ui-spec-title {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

        .module.ui-spec .ui-spec-title.less {
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
        }

        .module.ui-spec .ui-spec-title.reveal-link {
            margin-top: 15px;
        }
}

.module.ui-spec .ui-spec-title.reveal-link.ui-spec-title-watchface {
    border-top: none;
    margin-top: 0;
}

.module.ui-spec .icon.icon-reveal {
    top: 17px;
    text-indent: -9999px;
    z-index: 300;
    background-position: -602px -94px;
    position: absolute;
    right: 15px;
    display: block;
    height: 30px;
    width: 30px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

@media screen and (min-width:992px) {
    .module.ui-spec .ui-spec-title {
        padding: 20px 0;
    }

    .module.ui-spec .icon.icon-reveal {
        top: 28px;
        right: 20px;
    }
}

@media screen and (min-width:1800px) {
    .module.ui-spec .icon.icon-reveal {
        top: 38px;
        right: 25px;
    }
}

.module.ui-spec .less .icon.icon-reveal {
    background-position: -602px -60px;
}

.module.ui-spec p {
    margin-top: 10px;
}

.module.ui-spec .module-block-content {
    width: 100%;
    margin: 0;
}

@media screen and (min-width:768px) {
    .module.ui-spec .module-block-content {
        margin: 2em 0;
    }
}

@media screen and (min-width:992px) {
    .module.ui-spec .module-block-content {
        margin: 4em 0;
    }
}

.module.ui-spec .ui-section-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .module.ui-spec .ui-section-list > li {
        background: #181819;
    }

.module.ui-spec.ui-spec-black .ui-section-list > li {
    background: rgba(255,255,255,.06);
}

.module.ui-spec .ui-item-list {
    padding: 0 0 30px;
    margin: 0;
    text-align: left;
    list-style: none;
}

    .module.ui-spec .ui-item-list .ui-item {
        display: inline-block;
        box-sizing: border-box;
        padding: 0 20px 20px;
        vertical-align: top;
        text-align: center;
        width: 100%;
    }

.module.collections-promo a, .tutorial-hero-content, h3 .ic-ssl {
    vertical-align: middle;
}

@media screen and (min-width:481px) {
    .module.ui-spec .ui-spec-subtitle {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .module.ui-spec .ui-item-list .ui-item {
        width: 50%;
    }
}

@media screen and (min-width:768px) {
    .module.ui-spec .ui-section-list > li {
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    .module.ui-spec .ui-item-list .ui-item {
        width: 33.33%;
    }
}

@media screen and (min-width:992px) {
    .module.ui-spec .ui-item-list .ui-item {
        width: 25%;
    }
}

.module.ui-spec .ui-item-list .ui-item p {
    text-align: center;
}

@media screen and (min-width:481px) {
    .module.ui-spec .ui-item-list .ui-item p {
        text-align: left;
    }
}

.module.ui-spec .ui-item-list .ui-item.ui-item-list-controls {
    margin-bottom: 0;
}

.module.ui-spec .ui-item-list .ui-item .ui-item-image {
    width: 100%;
    max-width: 240px;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .module.ui-spec .ui-item-list .ui-item .ui-item-image div {
        position: relative;
        z-index: 3;
        display: block;
        background-size: 100% 100%;
        padding-top: 137.5%;
    }

    .module.ui-spec .ui-item-list .ui-item .ui-item-image .ui-item-image-ui {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        background-size: 100%;
        padding-top: 137.5%;
        opacity: 0;
        -webkit-transition: opacity .4s ease-in-out;
        -moz-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
    }

        .module.ui-spec .ui-item-list .ui-item .ui-item-image .ui-item-image-ui.active {
            opacity: 1;
        }

.module.ui-spec .ui-item-list.load-images-active.ui-item-list-black .ui-item .ui-item-image div {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/watch-case-black.png);
    background-size: 100% 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list.load-images-active.ui-item-list-black .ui-item .ui-item-image div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/watch-case-black_2x.png);
        background-size: 100% 100%;
    }
}

.module.ui-spec .ui-item-list.load-images-active.ui-item-list-gold .ui-item .ui-item-image div {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/watch-case-gold.png);
    background-size: 100% 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list.load-images-active.ui-item-list-gold .ui-item .ui-item-image div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/watch-case-gold_2x.png);
        background-size: 100% 100%;
    }
}

.module.ui-spec .ui-item-list.load-images-active.ui-item-list-rose_gold .ui-item .ui-item-image div {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/watch-case-rose_gold.png);
    background-size: 100% 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list.load-images-active.ui-item-list-rose_gold .ui-item .ui-item-image div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/watch-case-rose_gold_2x.png);
        background-size: 100% 100%;
    }
}

.module.ui-spec .ui-item-list.load-images-active .ui-item .ui-item-image div {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/watch-case-steel.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list.load-images-active .ui-item .ui-item-image div {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/watch-case-steel_2x.png);
        background-size: 100% 100%;
    }
}

.module.ui-spec .ui-item-list-watchface.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-watchface-steel.png);
    background-position: 0 14.2857%;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-watchface.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-watchface-steel_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-watchface.load-images-active .ui-item .ui-item-image.ui-item-image-nightanalog .ui-item-image-ui {
    background-position: 0 0;
}

.module.ui-spec .ui-item-list-watchface.load-images-active .ui-item .ui-item-image.ui-item-image-daydigital .ui-item-image-ui {
    background-position: 0 42.85714%;
}

.module.ui-spec .ui-item-list-watchface.load-images-active .ui-item .ui-item-image.ui-item-image-nightdigital .ui-item-image-ui {
    background-position: 0 28.5714%;
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-black.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-watchface-black.png);
    background-position: 0 0;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-watchface.ui-item-list-black.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-watchface-black_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-black.load-images-active .ui-item .ui-item-image.ui-item-image-nightanalog .ui-item-image-ui {
    background-position: 0 14.2857%;
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-black.load-images-active .ui-item .ui-item-image.ui-item-image-daydigital .ui-item-image-ui {
    background-position: 0 28.5714%;
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-black.load-images-active .ui-item .ui-item-image.ui-item-image-nightdigital .ui-item-image-ui {
    background-position: 0 42.85714%;
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-watchface-gold.png);
    background-position: 0 14.2857%;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-watchface.ui-item-list-gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-watchface-gold_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-gold.load-images-active .ui-item .ui-item-image.ui-item-image-nightanalog .ui-item-image-ui {
    background-position: 0 0;
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-gold.load-images-active .ui-item .ui-item-image.ui-item-image-daydigital .ui-item-image-ui {
    background-position: 0 42.85714%;
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-gold.load-images-active .ui-item .ui-item-image.ui-item-image-nightdigital .ui-item-image-ui {
    background-position: 0 28.5714%;
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-watchface-rose_gold.png);
    background-position: 0 14.2857%;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-watchface.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-watchface-rose_gold_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image.ui-item-image-nightanalog .ui-item-image-ui {
    background-position: 0 0;
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image.ui-item-image-daydigital .ui-item-image-ui {
    background-position: 0 42.85714%;
}

.module.ui-spec .ui-item-list-watchface.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image.ui-item-image-nightdigital .ui-item-image-ui {
    background-position: 0 28.5714%;
}

.module.ui-spec .ui-item-list-complications.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-complications-steel.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-complications.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-complications-steel_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-complications.load-images-active .ui-item .ui-item-image.ui-item-image-schedule .ui-item-image-ui {
    background-position: 0 14.2857%;
}

.module.ui-spec .ui-item-list-complications.load-images-active .ui-item .ui-item-image.ui-item-image-weather .ui-item-image-ui {
    background-position: 0 28.5714%;
}

.module.ui-spec .ui-item-list-complications.load-images-active .ui-item .ui-item-image.ui-item-image-alarm .ui-item-image-ui {
    background-position: 0 42.85714%;
}

.module.ui-spec .ui-item-list-complications.load-images-active .ui-item .ui-item-image.ui-item-image-stopwatch .ui-item-image-ui {
    background-position: 0 57.14285%;
}

.module.ui-spec .ui-item-list-complications.load-images-active .ui-item .ui-item-image.ui-item-image-timer .ui-item-image-ui {
    background-position: 0 71.42857%;
}

.module.ui-spec .ui-item-list-complications.load-images-active .ui-item .ui-item-image.ui-item-image-timezones .ui-item-image-ui {
    background-position: 0 85.714285%;
}

.module.ui-spec .ui-item-list-complications.ui-item-list-black.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-complications-black.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-complications.ui-item-list-black.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-complications-black_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-complications.ui-item-list-gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-complications-gold.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-complications.ui-item-list-gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-complications-gold_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-complications.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-complications-rose_gold.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-complications.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-complications-rose_gold_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-earliernotifications.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-earliernotifications-steel.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-earliernotifications.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-earliernotifications-steel_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-earliernotifications.load-images-active .ui-item .ui-item-image.ui-item-image-sports .ui-item-image-ui {
    background-position: 0 14.2857%;
}

.module.ui-spec .ui-item-list-earliernotifications.load-images-active .ui-item .ui-item-image.ui-item-image-sms .ui-item-image-ui {
    background-position: 0 28.5714%;
}

.module.ui-spec .ui-item-list-earliernotifications.load-images-active .ui-item .ui-item-image.ui-item-image-emails .ui-item-image-ui {
    background-position: 0 42.85714%;
}

.module.ui-spec .ui-item-list-earliernotifications.load-images-active .ui-item .ui-item-image.ui-item-image-social .ui-item-image-ui {
    background-position: 0 57.14285%;
}

.module.ui-spec .ui-item-list-earliernotifications.load-images-active .ui-item .ui-item-image.ui-item-image-news .ui-item-image-ui {
    background-position: 0 71.42857%;
}

.module.ui-spec .ui-item-list-earliernotifications.load-images-active .ui-item .ui-item-image.ui-item-image-appalerts .ui-item-image-ui {
    background-position: 0 85.714285%;
}

.module.ui-spec .ui-item-list-earliernotifications.load-images-active .ui-item .ui-item-image.ui-item-image-business .ui-item-image-ui {
    background-position: 0 100%;
}

.module.ui-spec .ui-item-list-earliernotifications.ui-item-list-black.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-earliernotifications-black.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-earliernotifications.ui-item-list-black.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-earliernotifications-black_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-earliernotifications.ui-item-list-gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-earliernotifications-gold.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-earliernotifications.ui-item-list-gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-earliernotifications-gold_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-earliernotifications.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-earliernotifications-rose_gold.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-earliernotifications.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-earliernotifications-rose_gold_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-laternotifications.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-laternotifications-steel.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-laternotifications.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-laternotifications-steel_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-laternotifications.load-images-active .ui-item .ui-item-image.ui-item-image-calendar .ui-item-image-ui {
    background-position: 0 14.2857%;
}

.module.ui-spec .ui-item-list-laternotifications.load-images-active .ui-item .ui-item-image.ui-item-image-traffic .ui-item-image-ui {
    background-position: 0 28.5714%;
}

.module.ui-spec .ui-item-list-laternotifications.load-images-active .ui-item .ui-item-image.ui-item-image-reminders .ui-item-image-ui {
    background-position: 0 42.85714%;
}

.module.ui-spec .ui-item-list-laternotifications.load-images-active .ui-item .ui-item-image.ui-item-image-olioassist .ui-item-image-ui {
    background-position: 0 57.14285%;
}

.module.ui-spec .ui-item-list-laternotifications.load-images-active .ui-item .ui-item-image.ui-item-image-alarm .ui-item-image-ui {
    background-position: 0 71.42857%;
}

.module.ui-spec .ui-item-list-laternotifications.load-images-active .ui-item .ui-item-image.ui-item-image-timer .ui-item-image-ui {
    background-position: 0 85.714285%;
}

.module.ui-spec .ui-item-list-laternotifications.load-images-active .ui-item .ui-item-image.ui-item-image-googlenow .ui-item-image-ui {
    background-position: 0 100%;
}

.module.ui-spec .ui-item-list-laternotifications.ui-item-list-black.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-laternotifications-black.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-laternotifications.ui-item-list-black.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-laternotifications-black_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-laternotifications.ui-item-list-gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-laternotifications-gold.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-laternotifications.ui-item-list-gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-laternotifications-gold_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-laternotifications.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-laternotifications-rose_gold.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-laternotifications.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-laternotifications-rose_gold_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-controls.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-controls-steel.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-controls.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-controls-steel_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-controls.load-images-active .ui-item .ui-item-image.ui-item-image-music .ui-item-image-ui {
    background-position: 0 14.2857%;
}

.module.ui-spec .ui-item-list-controls.load-images-active .ui-item .ui-item-image.ui-item-image-connected .ui-item-image-ui {
    background-position: 0 28.5714%;
}

.module.ui-spec .ui-item-list-controls.load-images-active .ui-item .ui-item-image.ui-item-image-calls .ui-item-image-ui {
    background-position: 0 42.85714%;
}

.module.ui-spec .ui-item-list-controls.load-images-active .ui-item .ui-item-image.ui-item-image-settings .ui-item-image-ui {
    background-position: 0 57.14285%;
}

.module.ui-spec .ui-item-list-controls.load-images-active .ui-item .ui-item-image.ui-item-image-voice .ui-item-image-ui {
    background-position: 0 71.42857%;
}

.module.ui-spec .ui-item-list-controls.ui-item-list-black.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-controls-black.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-controls.ui-item-list-black.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-controls-black_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-controls.ui-item-list-gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-controls-gold.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-controls.ui-item-list-gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-controls-gold_2x.png);
        background-size: 100%;
    }
}

.module.ui-spec .ui-item-list-controls.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-controls-rose_gold.png);
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .module.ui-spec .ui-item-list-controls.ui-item-list-rose_gold.load-images-active .ui-item .ui-item-image .ui-item-image-ui {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/ui/ui-controls-rose_gold_2x.png);
        background-size: 100%;
    }
}

.module.collections-quick-links {
    background-color: #e3e4e5;
}

    .module.collections-quick-links .quick-links-container {
        text-align: center;
    }

        .module.collections-quick-links .quick-links-container > a {
            margin: 0 20px;
        }

.module.collections-promo {
    box-shadow: 0 5px 30px #000;
    background-color: #191919;
    text-align: center;
}

    .module.collections-promo.soldout {
        padding-bottom: 65px;
    }

    .module.collections-promo .page-width {
        width: 100%;
    }

@media screen and (min-width:768px) {
    .module.collections-promo.soldout {
        padding-bottom: 0;
    }

    .module.collections-promo .page-width {
        padding: 10px 0;
    }
}

.module.collections-promo h3 {
    color: #d3a55b;
    margin: 0 0 5px;
    font-size: 1.5rem;
    line-height: 2.1rem;
    line-height: 1.3;
}

@media screen and (min-width:768px) {
    .module.collections-promo h3 {
        font-size: 1.625rem;
        line-height: 2.275rem;
    }
}

@media screen and (min-width:992px) {
    .module.collections-promo .page-width {
        width: 95%;
        padding: 5px 0;
    }

    .module.collections-promo h3 {
        font-size: 1.875rem;
        line-height: 2.625rem;
    }
}

.module.collections-promo p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.4rem;
    text-align: center;
    vertical-align: middle;
}

@media screen and (min-width:992px) {
    .module.collections-promo p {
        font-size: 1.125rem;
        line-height: 1.575rem;
    }
}

.main-wrapper-home .module.collections-promo {
    box-shadow: none;
}

.collection-guarantee {
    color: #383f45;
    text-align: center;
    font-size: .95rem;
    margin-top: 15px;
    margin-bottom: 0;
}

@media screen and (min-width:768px) {
    .collection-guarantee {
        font-size: 1rem;
        line-height: 1.4rem;
        margin-top: 30px;
    }
}

@media screen and (min-width:992px) {
    .collection-guarantee {
        margin-top: inherit;
    }
}

.collection-guarantee a {
    text-decoration: underline;
}

.price, .price-cut {
    color: #8c9498;
    display: block;
    position: relative;
    font-size: 1.45rem;
}

.price-cut {
    display: inline-block;
}

.module.content-list, .module.module-intro-copy .module-block-content, .price-discount {
    display: block;
}

.price-cut:after {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/icons/ic-price-cut.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    right: -6px;
    top: 0;
    background-size: contain;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:1.3/1),only screen and (min-resolution:125dpi),only screen and (min-resolution:1.3dppx) {
    .price-cut:after {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/icons/ic-price-cut_2x.png);
        background-size: contain;
    }
}

.no-after:after {
    content: none;
}

.price-discount {
    color: #d3a55b;
    font-size: .875rem;
    line-height: 1.225rem;
    visibility: hidden;
}

.price-soldout.subtitle {
    margin-bottom: 1em !important;
}

@media screen and (min-width:1280px) {
    .collection-guarantee {
        margin-top: 30px;
    }

    .module.module-intro-copy .module-block-content {
        max-width: 850px;
    }
}

.module.content-list:after {
    content: "";
    display: table;
    clear: both;
}

.module.content-list .content-list-item {
    min-height: 10px;
}

@media screen and (min-width:768px) {
    .module.content-list .content-list-item {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .module.content-list .content-list-item:last-child, .module.content-list .content-list-item:nth-child(2n) {
            margin-right: 0;
        }

        .module.content-list .content-list-item:nth-child(2n+1) {
            clear: left;
        }
}

.contact-grid:after, .reveal-box:after {
    content: "";
    clear: both;
}

.content-list-item {
    text-align: left;
    margin-bottom: 30px;
}

.module.module-faq-watchcase .watchcase-container, .tutorial-hero {
    text-align: center;
}

@media screen and (max-width:767px) {
    .content-list-item {
        text-align: center;
    }
}

.content-list-item .content-list-item-img {
    padding: 0 15px;
}

@media screen and (min-width:768px) {
    .content-list-item .content-list-item-img {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .content-list-item .content-list-item-img:last-child {
            margin-right: 0;
        }
}

.content-list-item .content-list-item-img .content-img-container {
    margin: 0 auto;
}

    .content-list-item .content-list-item-img .content-img-container img {
        width: 100%;
        height: auto;
    }

@media screen and (min-width:768px) {
    .content-list-item .content-list-item-img .content-img-container {
        width: 100px;
        height: 100px;
    }
}

@media screen and (min-width:992px) {
    .content-list-item .content-list-item-img .content-img-container {
        width: 120px;
        height: 120px;
    }
}

.content-list-item .content-list-item-img .content-img-container.team-img-container {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}

    .content-list-item .content-list-item-img .content-img-container.team-img-container img {
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        width: auto;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity .4s ease-in-out;
        -moz-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
    }

        .content-list-item .content-list-item-img .content-img-container.team-img-container img.active {
            opacity: 1;
        }

.content-list-item .content-list-item-details {
    color: #171819;
}

@media screen and (min-width:768px) {
    .content-list-item .content-list-item-details {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
    }

        .content-list-item .content-list-item-details:last-child {
            margin-right: 0;
        }
}

.content-list-item .content-list-item-details p {
    font-size: .75rem;
    line-height: 1.05rem;
}

.content-list-item .content-list-item-details h3 {
    margin: 0;
}

.content-list-item .content-list-item-details h4 {
    color: #999;
    margin-top: 0;
}

.module.contact-banner {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/backgrounds/background-contact-banner-mobile.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    background-color: #171819;
    min-height: 230px;
}

@media screen and (min-width:768px) {
    .module.contact-banner {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/backgrounds/background-contact-banner.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100%;
        min-height: 320px;
    }
}

@media screen and (min-width:1280px) {
    .module.contact-banner {
        min-height: 330px;
    }
}

@media screen and (min-width:1800px) {
    .module.contact-banner {
        min-height: 426px;
    }
}

.contact-grid {
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
}

    .contact-grid:after {
        display: table;
    }

    .contact-grid .col {
        color: #171819;
        min-height: 10px;
    }

@media screen and (min-width:768px) {
    .contact-grid .col {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 31.7615656014%;
    }

        .contact-grid .col:last-child {
            margin-right: 0;
        }
}

.contact-grid .col a, .contact-grid .col p {
    font-size: .875rem;
    line-height: 1.225rem;
}

@media screen and (min-width:992px) {
    .content-list-item .content-list-item-details p {
        font-size: .875rem;
        line-height: 1.225rem;
    }

    .contact-grid .col-1 {
        margin-left: 17.0596085997%;
    }
}

ul.contact-links {
    margin: 0;
    padding: 0;
}

    ul.contact-links li {
        list-style: none;
        margin-bottom: 10px;
    }

        ul.contact-links li p {
            margin: 0;
        }

.time-entry {
    text-transform: uppercase;
}

.content-list-item-details {
    position: relative;
}

.action-download {
    position: absolute;
    right: 0;
    bottom: 13px;
}

.full-job-description ul {
    padding-left: 20px;
}

.reveal-box {
    position: relative;
    padding-top: 0;
    -webkit-transition: opacity .8s linear .2s;
    opacity: 0;
}

    .reveal-box.open {
        opacity: 1;
    }

    .reveal-box :first-child {
        margin-top: 0;
    }

    .reveal-box:after {
        display: table;
    }


.faq-list {
    margin: 0;
    padding: 0;
}

    .faq-list .faq-list-item {
        color: #171819;
        font-weight: 700;
        overflow: hidden;
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        background-color: #e3e4e5;
        margin-bottom: 10px;
        position: relative;
    }

@media screen and (min-width:768px) {
    .faq-list .faq-list-item {
        margin-bottom: 20px;
    }
}

.faq-list .faq-list-item .reveal-link {
    padding: 20px;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    transition: background .2s linear;
}

    .faq-list .faq-list-item .reveal-link:hover {
        background: #ced0d2;
    }

.faq-list .faq-list-item .faq-list-item-title {
    color: #171819;
    display: inline-block;
    margin: 0;
    padding-right: 30px;
}

@media screen and (min-width:992px) {
    .faq-list .faq-list-item .faq-list-item-title {
        font-size: 1rem;
        line-height: 1.4rem;
    }
}

.faq-list .faq-list-item .icon {
    display: block;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 15px;
    text-indent: -9999px;
    z-index: 300;
}

    .faq-list .faq-list-item .icon .reveal-link-label {
        background-color: transparent;
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/svg/sprite.min.svg);
        background-position: -602px -68px;
        fill: #171819;
        display: block;
        height: 30px;
        width: 30px;
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }

.faq-list .faq-list-item .less .icon .reveal-link-label {
    background-color: transparent;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/svg/sprite.min.svg);
    background-position: -602px -102px;
}

.faq-list .faq-list-item .faq-list-item-answer {
    padding: 20px;
    position: relative;
    float: left;
    overflow: hidden;
    font-weight: lighter;
    -webkit-transition: opacity .8s linear .5s;
    opacity: 0;
    font-size: .75rem;
    line-height: 1.05rem;
}

    .faq-list .faq-list-item .faq-list-item-answer.open {
        opacity: 1;
    }

    .faq-list .faq-list-item .faq-list-item-answer ul {
        margin: 10px 0;
    }

        .faq-list .faq-list-item .faq-list-item-answer ul li {
            padding: 0;
            list-style-type: disc;
        }

.module.module-faq-watchcase {
    background-color: transparent;
    margin-top: 68px;
    position: relative;
}

@media screen and (min-width:640px) {
    .module.module-faq-watchcase {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

        .module.module-faq-watchcase:last-child {
            margin-right: 0;
        }

        .module.module-faq-watchcase .watchcase-container {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 48.821174201%;
        }

            .module.module-faq-watchcase .watchcase-container:last-child {
                margin-right: 0;
            }
}

@media screen and (min-width:768px) {
    .faq-list .faq-list-item .faq-list-item-answer {
        font-size: .875rem;
        line-height: 1.225rem;
    }

    .module.module-faq-watchcase .watchcase-container {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

        .module.module-faq-watchcase .watchcase-container:last-child {
            margin-right: 0;
        }
}

.module.module-faq-watchcase .watchcase-container img {
    width: 100%;
}

.module.module-faq-watchcase .watchface-question {
    background-color: #e3e4e5;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-top: 10px;
    padding: 20px;
}

@media screen and (min-width:640px) {
    .module.module-faq-watchcase .watchface-question {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 48.821174201%;
    }

        .module.module-faq-watchcase .watchface-question:last-child {
            margin-right: 0;
        }
}

.module.module-faq-watchcase .watchface-question .title {
    font-weight: 700;
}

.module.module-faq-watchcase .watchface-question ul {
    padding: 0;
}

    .module.module-faq-watchcase .watchface-question ul li {
        list-style-position: inside;
    }

@media screen and (min-width:768px) {
    .module.module-faq-watchcase .watchface-question {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 100%;
    }

        .module.module-faq-watchcase .watchface-question:last-child {
            margin-right: 0;
        }

    .module-page-content-faq .page-content-main.col-med {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 57.3509785009%;
    }

        .module-page-content-faq .page-content-main.col-med:last-child {
            margin-right: 0;
        }
}

@media screen and (min-width:992px) {
    .module-page-content-faq .page-content-main.col-med {
        float: left;
        display: block;
        margin-right: 2.3576515979%;
        width: 65.8807828007%;
    }

        .module-page-content-faq .page-content-main.col-med:last-child {
            margin-right: 0;
        }
}

.module-page-content-faq .sticky-wrapper {
    position: relative;
}

@media screen and (min-width:768px) {
    .module-page-content-faq .stuck {
        position: fixed;
        top: 100px;
        margin-top: 0;
        z-index: 2;
    }

    .module-page-content-faq .outFAQ.stuck {
        top: 100px;
    }

    .module-page-content-faq .absoluteFAQ {
        position: absolute;
    }
}

.sidebar-faq {
    margin-top: 68px;
}

.faq-watchcase-container {
    display: none;
}

@media screen and (min-width:768px) {
    .faq-watchcase-container {
        display: block;
        max-width: 275px;
        position: absolute;
        -webkit-transition: top .5s ease-in-out;
        -moz-transition: top .5s ease-in-out;
        transition: top .5s ease-in-out;
    }

        .faq-watchcase-container.instantFAQ {
            -webkit-transition: top 0s linear;
            -moz-transition: top 0s linear;
            transition: top 0s linear;
        }
}

.module-page-content-tutorials .page-width .page-content {
    margin: 0 auto;
}

.tutorial-iframe-wrap {
    padding-top: 56.25%;
    width: 100%;
    position: relative;
}

    .tutorial-iframe-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.tutorial-item h3 {
    margin: 15px 0 5px;
}

.tutorial-item p {
    margin: 5px 0 10px;
}

@media screen and (min-width:481px) {
    .tutorial-item {
        float: left;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }

        .tutorial-item:nth-child(2n) {
            margin-right: 0;
        }
}

@media screen and (min-width:768px) {
    .tutorial-item h3 {
        font-size: 1.25rem;
    }

    .tutorial-item, .tutorial-item:nth-child(2n) {
        margin-right: 2.2%;
    }

    .tutorial-item {
        width: 31.86666666%;
    }

        .tutorial-item:nth-child(3n) {
            margin-right: 0;
        }
}

.tutorial-image {
    position: relative;
    display: block;
    padding-top: 66.66667%;
    background-color: #e3e4e5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    z-index: 0;
}

    .tutorial-image:after, .tutorial-video-link {
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        top: 0;
    }

    .tutorial-image:after {
        background-color: rgba(0,0,0,.2);
        content: '';
        display: block;
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/hero/ic_play-video.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 37%;
        opacity: 0;
        z-index: 1;
        -webkit-transition: opacity .15s linear;
        -moz-transition: opacity .15s linear;
        transition: opacity .15s linear;
    }

    .tutorial-image:hover:after {
        display: block;
        opacity: .95;
    }

.tutorial-video-link {
    z-index: 2;
}

.remodal-overlay.modal-tutorial {
    background-color: #000;
}

    .remodal-overlay.modal-tutorial .btn-close {
        background-position: -214px -475px;
    }

@media screen and (min-width:768px) {
    .remodal-overlay.modal-tutorial {
        background-color: #fff;
    }

        .remodal-overlay.modal-tutorial .btn-close {
            background-position: -524px -475px;
        }
}

.tutorial-hero, .tutorial-item .tutorial-image, .tutorial-item.tutorial-item-controlhub .tutorial-image, .tutorial-item.tutorial-item-navigation .tutorial-image, .tutorial-item.tutorial-item-pairing-android .tutorial-image, .tutorial-item.tutorial-item-pairing-iphone .tutorial-image, .tutorial-item.tutorial-item-rules .tutorial-image, .tutorial-item.tutorial-item-temporalstreams .tutorial-image, .tutorial-item.tutorial-item-visualizations .tutorial-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.modal-tutorial .overlay-close.btn-close {
    position: fixed;
}

.remodal-wrapper.modal-tutorial {
    top: 44px;
    bottom: 44px;
}

@media screen and (min-width:768px) {
    .remodal-wrapper.modal-tutorial {
        top: 60px;
        bottom: 60px;
    }
}

@media screen and (min-width:992px) {
    .tutorial-item, .tutorial-item:nth-child(2n), .tutorial-item:nth-child(3n) {
        margin-right: 1.5%;
    }

    .tutorial-item {
        width: 23.875%;
    }

        .tutorial-item:nth-child(4n) {
            margin-right: 0;
        }

    .remodal-wrapper.modal-tutorial {
        top: 80px;
        bottom: 80px;
    }
}

#cboxCurrent, #cboxSlideshow, #cboxTitle {
    position: absolute;
    bottom: 4px;
}

.remodal.modal-tutorial {
    width: 94%;
    max-width: 1280px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#cboxWrapper, .cboxPhoto {
    max-width: none;
}

.remodal.modal-tutorial .modal-container {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.remodal-overlay-close {
    position: fixed;
    top: 0;
    right: 0;
}

.tutorial-iframe-wrap {
    transition: opacity .3s linear;
    opacity: 1;
}

#colorbox.active, .tutorial-iframe-wrap {
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
}

    .tutorial-iframe-wrap.iframe-hide {
        opacity: 0;
    }

.tutorial-hero {
    background-color: #e3e4e5;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/hero-bg.jpg);
    display: table;
    min-height: 220px;
    margin-bottom: 20px;
    width: 100%;
    table-layout: fixed;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

@media screen and (min-width:768px) {
    .tutorial-hero {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/hero-tutorials.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 390px;
        text-align: left;
    }
}

#cboxTitle, .error-message, .form-block-container .form-group .col-1 {
    text-align: center;
}

.tutorial-hero-content {
    display: table-cell;
    padding: 20px;
}

.cboxIframe, .cboxPhoto {
    display: block;
    border: 0;
}

@media screen and (min-width:768px) {
    .tutorial-hero-content {
        padding: 10px 43% 10px 6%;
    }

        .tutorial-hero-content h2 {
            font-size: 1.625rem;
            margin-bottom: .5rem;
        }

        .tutorial-hero-content p {
            font-size: 1rem;
            margin-top: .5rem;
        }
}

@media screen and (min-width:992px) {
    .remodal-overlay-close {
        top: 20px;
        right: 20px;
    }

    .tutorial-hero {
        height: 500px;
    }

    .tutorial-hero-content {
        padding: 10px 52% 10px 10%;
    }

        .tutorial-hero-content h2 {
            font-size: 1.5rem;
        }

        .tutorial-hero-content p {
            font-size: 1.125rem;
        }
}

.tutorial-item .tutorial-image {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/tutorial_thumb_temp.jpg);
}

.tutorial-item.tutorial-item-pairing-iphone .tutorial-image {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/tutorial_video_unboxing_ios.jpg);
}

.tutorial-item.tutorial-item-pairing-android .tutorial-image {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/tutorial_video_unboxing_android.jpg);
}

.tutorial-item.tutorial-item-configure .tutorial-image {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/tutorial_video_assistant_rules.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.tutorial-item.tutorial-item-rules .tutorial-image {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/tutorial_video_rules.jpg);
}

.tutorial-item.tutorial-item-navigation .tutorial-image {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/tutorial_thumb_temp.jpg);
}

.tutorial-item.tutorial-item-visualizations .tutorial-image {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/tutorial_video_complications.jpg);
}

.tutorial-item.tutorial-item-temporalstreams .tutorial-image {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/tutorial_video_temporal_streams.jpg);
}

.tutorial-item.tutorial-item-controlhub .tutorial-image {
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/tutorials/tutorial_video_control_hub.jpg);
}

.module-full-page {
    background-color: #000;
    height: 100%;
}

.error-message {
    margin: 5% 0 3%;
}

#cboxOverlay, #cboxWrapper, #colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxBottomLeft, #cboxMiddleLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxTitle {
    margin: 0;
    left: 0;
    width: 100%;
    color: #949494;
}

#cboxLoadingGraphic, #cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cboxPhoto {
    float: left;
    margin: auto;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
}

#cboxContent, #cboxLoadedContent, #colorbox {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#colorbox {
    outline: 0;
    border-radius: 10px;
}

    #colorbox.active {
        transition: opacity .3s linear;
    }

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,.7);
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.7);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.7);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxCurrent {
    left: 58px;
    color: #949494;
}

#cboxClose, #cboxNext, #cboxPrevious, #cboxSlideshow {
    cursor: pointer;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: 0 0;
}

.form-block, .form-block-container .form-group > div {
    margin-bottom: 10px;
}

#cboxClose:active, #cboxNext:active, #cboxPrevious:active, #cboxSlideshow:active {
    outline: 0;
}

#cboxSlideshow {
    right: 30px;
    color: #0092ef;
}

#cboxOverlay {
    background-color: transparent;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

    #cboxOverlay.active {
        background-color: rgba(0,0,0,.75);
    }

#cboxContent {
    overflow: visible;
    background-color: transparent;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.modal-window {
    background: #fff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.modal-container {
    color: #171819;
    overflow: hidden;
}

    .modal-container .modal-title {
        font-weight: 700;
        margin-top: 0;
        text-transform: uppercase;
        padding-right: 20px;
        font-size: .875rem;
        line-height: 1.225rem;
    }

@media screen and (min-width:640px) {
    .modal-container .modal-title {
        font-size: 1rem;
        line-height: 1.4rem;
    }
}

@media screen and (min-width:768px) {
    .modal-container .modal-title {
        font-size: 1.3125rem;
        line-height: 1.8375rem;
    }
}

@media screen and (min-width:992px) {
    .modal-container .modal-title {
        font-size: 1.5rem;
        line-height: 2.1rem;
    }
}

.modal-container p {
    font-size: .75rem;
    line-height: 1.05rem;
}

.form {
    position: relative;
}

.form-container {
    padding: 15px 25px 100px;
}

@media screen and (min-width:768px) {
    .modal-container p {
        font-size: .875rem;
        line-height: 1.225rem;
    }

    .form-container {
        padding: 35px 35px 100px;
    }
}

.form-block-container {
    position: absolute;
    height: 85px;
    width: 100%;
    bottom: 0;
    background-color: rgba(47,50,52,.6);
}

    .form-block-container .form-group {
        padding: 10px 25px;
        max-width: auto;
        margin-left: auto;
        margin-right: auto;
    }

        .form-block-container .form-group:after {
            content: "";
            display: table;
            clear: both;
        }

@media screen and (min-width:768px) {
    .form-block-container .form-group {
        padding: 25px 35px;
    }

        .form-block-container .form-group > div {
            float: left;
            display: block;
            margin-right: 2.3576515979%;
            width: 48.821174201%;
            margin-bottom: 10px;
        }

            .form-block-container .form-group > div:last-child {
                margin-right: 0;
            }
}

.form-block-container .form-group a {
    display: block;
    font-size: .875rem;
    line-height: 1.225rem;
    color: #fff;
    margin-top: 7px;
}

.Celery-Mobile, .Celery-Mobile #main-wrapper, .Celery-Overlay, .touch .Celery-Active , .touch .Celery-Active #main-wrapper {
    display: none;
}

.form-block-container .form-group a:hover {
    color: #d3a55b;
}

@media screen and (min-width:768px) {
    .form-block-container .form-group .col-1 {
        text-align: left;
    }
}

.Celery-Form-actions, .form-block-container .form-group .col-2 {
    text-align: center;
}

#cboxClose, #cboxCloseWhite, .btn-close, .btn-close-white {
    text-indent: -9999px;
    position: absolute;
    bottom: inherit;
    top: 7px;
    right: 7px;
    outline: 0;
    width: 30px;
    height: 30px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    background-color: transparent;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/svg/sprite.min.svg);
    background-position: -524px -475px;
}

#cboxCloseWhite, .btn-close-white {
    background-color: transparent;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/svg/sprite.min.svg);
    background-position: -214px -475px;
}

.Celery-Mobile .Celery-ModalContainer, .touch .Celery-Active .Celery-ModalContainer {
    position: static;
}

@media screen and (min-width:768px) {
    .form-block-container .form-group .col-2 {
        text-align: right;
    }

    #cboxClose, #cboxCloseWhite, .btn-close, .btn-close-white {
        top: 30px;
        right: 30px;
    }
}

#cboxCloseWhite, .btn-close-white {
    background-color: transparent;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/svg/sprite.min.svg);
    background-position: -214px -475px;
}

.Celery-Mobile, .Celery-Modal-body .Celery-Form {
    background: #fff;
}

@media only screen and (min-width:641px) {
    #cboxClose, #cboxCloseWhite, .btn-close, .btn-close-white {
        top: 15px;
        right: 15px;
    }
}

.Celery-ModalContainer.is-hidden, .Celery-ModalContainer.u-hidden {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.touch .Celery-Active .Celery-Modal {
    margin-top: 0;
}

@media screen and (min-width:768px) {
    .no-touch .Celery-Active {
        overflow: hidden;
    }
}

.no-touch .Celery-Active.Celery-Mobile {
    overflow: visible;
}

.Celery-ModalContainer {
    color: #212d34;
    transform: none;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    transition: opacity .2s linear;
    background: rgba(0,0,0,.75);
    -webkit-overflow-scrolling: touch;
}

    .Celery-ModalContainer.is-hidden {
        transform: none;
        overflow: hidden;
    }

.Celery-OrderConfirmation {
    text-align: left;
    padding-top: 0;
}

.Celery-OrderConfirmation--header {
    padding-top: 50px;
    padding-bottom: 30px;
}

h1.Celery-OrderConfirmation-heading {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 700;
}



.Celery-OrderConfirmation--container {
    padding-left: 15px;
    padding-right: 15px;
}



.msg-error {
    color: #ed0000;
    display: inline-block;
    padding: 4px 0 0 4px;
}

    .msg-error.is-valid {
        display: none;
    }

.is-invalid.msg-errror {
    display: block;
}

.Celery-FormSection--errors {
    margin: -8px 0 15px;
    border: 2px solid #ed0000;
    background-color: rgba(255,15,20,.05);
}

.Celery-ModalCloseButton {
    z-index: 500000001;
    text-indent: -9999px;
    position: absolute;
    bottom: inherit;
    top: 0;
    right: 0;
    outline: 0;
    width: 60px;
    height: 60px;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    background-color: transparent;
    background-image: url(/assets/svg/sprite.min.svg);
    background-position: -510px -458px;
}

    .Celery-ModalCloseButton.Celery-ModalCloseButton-white {
        background-position: -199px -459px;
    }

.checkout-product-detail h3.checkout-product-title-buy {
    display: block;
    font-size: 1.15rem;
    margin-bottom: 4px;
    margin-right: 40px;
}

.checkout-product-title-buy-subtitle {
    font-size: 14px;
    color: #686f72;
    padding: 4px 0 8px;
    display: block;
    margin-right: 40px;
}

.checkout-product-title-notice {
    margin-top: 10px;
    line-height: 1.4rem;
    float: right;
}

.checkout-product-remaining-bar {
    margin-top: 31px;
    margin-bottom: 13px;
    max-width: none;
}

@media screen and (min-width:1280px) {
    .checkout-product-remaining-bar {
        margin-top: 15px;
        margin-bottom: 35px;
    }
}

.Celery-Form-group-wrap:after, .checkout-product-info:after, .checkout-row:after {
    content: "";
    display: table;
    clear: both;
}

.Celery-Form-group {
    margin-bottom: 7px;
    overflow: visible;
}

.checkout-product-detail .Celery-Form-group {
    padding-left: 0;
    padding-right: 0;
}

.checkout-product-detail {
    padding: 20px 10px 15px 20px;
}

.checkout-payment-detail {
    padding: 30px 10px 200px;
}

    .checkout-payment-detail h3, .checkout-payment-detail h4 {
        padding-left: 5px;
        font-size: 15px;
        margin-bottom: 8px;
        margin-top: 0;
    }

    .checkout-payment-detail h3 {
        font-size: 18px;
    }

.checkout-product-info h4 {
    margin-top: 0;
    margin-bottom: 2px;
}

.Celery-Form-group--subtotal {
    margin-bottom: 5px;
}

.Celery-Form-group--coupon, .Celery-Form-group--quantity--sapphire {
    margin-bottom: 15px;
}

    .Celery-Form-group--quantity--sapphire .Celery-Select {
        max-width: 100px;
    }

.Celery-Form-group--quantity {
    display: inline-block;
    width: 40%;
}

.Celery-Form-group--sapphire {
    display: inline-block;
    width: 49%;
    float: right;
}

.Celery-Form-group--order-number {
    display: inline-block;
    width: 58%;
    float: right;
}

.Celery-Label--coupon {
    position: relative;
    z-index: 200000002;
}

.coupon-wrap {
    position: relative;
}

.btn-apply-coupon {
    position: absolute;
    top: 6px;
    right: 4px;
}

.btn.btn-border.btn-small {
    padding: 4px 10px 1px;
    font-size: .7rem;
}

.Celery-Form .Celery-Button {
    display: inline-block;
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    font-weight: 700;
    line-height: 1;
    padding: 10px 22px 9px;
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 14px;
}

.Celery-Button:hover {
    color: #d3a55b;
    border: 2px solid #d3a55b;
}

.Celery-Form-group--coupon label, .Celery-Form-group--quantity--sapphire label {
    color: #8c9498;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    margin-bottom: 3px;
}

.label-subtotal {
    width: 36%;
    font-weight: 700;
}

.checkout-product-price-summary-title {
    margin-left: 38%;
    padding: 15px 0;
}

.checkout-product-price-summary-details {
    padding-right: 5px;
}

.Celery-OrderSummary-price--total, .label-subtotal.label-total {
    font-size: 1.15rem;
    padding-top: 3px;
}

.checkout-product-ammount {
    float: right;
    width: 60%;
    text-align: right;
    margin-bottom: 5px;
    margin-right: 5px;
    font-weight: 700;
}

hr.total-divider {
    height: 2px;
    border: none;
    background: #989898;
    margin: 4px -4px 7px;
}

.checkout-payment-detail {
    background: #fff;
}

.checkout-payment-detail-section {
    margin-bottom: 20px;
}

    .checkout-payment-detail-section.checkout-payment-detail-section-shipping {
        margin-bottom: 5px;
    }

    .checkout-payment-detail-section.checkout-payment-detail-section-personal h4 {
        margin-top: 2px;
        margin-bottom: 25px;
    }

.checkout-payment-detail-section-shipping .Celery-Form-group--inline {
    width: 33.333%;
}


.checkout-payment-detail h3, .checkout-product-detail h3 {
    margin-top: 0;
    margin-bottom: 12px;
    display: inline-block;
}

.checkout-payment-detail h4 .normal {
    display: block;
    font-weight: 400;
    color: #767676;
}

.Celery-OrderConfirmation {
    background: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/collections/collection-banner-bg-texture-steel.jpg);
    border-radius: 5px;
    color: #fff;
}

.checkout-price-wrapper {
    margin: 8px 0 10px;
}

.Celery-OrderSummary-price--price {
    font-size: 1.5rem;
    font-weight: 700;
    display: inline-block;
    line-height: 1.2;
    margin-right: 7px;
}

@media screen and (min-width:992px) {
    .Celery-OrderSummary-price--price {
        font-size: 1.625rem;
        line-height: 2.275rem;
    }
}

.Celery-OrderSummary-price--price.price-discount {
    font-size: 1.75rem;
    line-height: 2.45rem;
}

@media screen and (min-width:992px) {
    .Celery-OrderSummary-price--price.price-discount {
        font-size: 1.875rem;
        line-height: 2.625rem;
    }
}

#checkout-product-name-heading {
    font-size: 1rem;
    font-weight: 700;
}

#checkout-product-name-collection {
    font-weight: 400;
}

#checkout-product-name-subtitle {
    color: #8c9498;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.checkout-product-image {
    margin-left: -6px;
    max-width: 180px;
    float: left;
    width: 35%;
    padding-top: 15px;
    padding-right: 10px;
}

    .checkout-product-image img {
        max-width: 100%;
        height: auto;
    }

.label-subtotal {
    float: left;
}



.Celery-Label--checkbox, .Celery-Label--sapphire {
    display: block;
}

@media screen and (min-width:992px) {
    .Celery-Label--checkbox, .Celery-Label--sapphire {
        font-size: 12px;
    }
}

@media screen and (max-width:1279px) {
    .Celery-Label--checkbox, .Celery-Label--sapphire {
        font-size: 10px;
    }
}

@media screen and (max-width:639px) {
    .Celery-Label--checkbox, .Celery-Label--sapphire {
        font-size: 8px;
    }
}

@media screen and (max-width:767px) {
    .Celery-Label--checkbox, .Celery-Label--sapphire {
        font-size: 14px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .Celery-Label--quantity--sapphire {
        font-size: 10px;
    }
}

@media screen and (min-width:992px) {
    .Celery-Label--quantity--sapphire {
        font-size: 12px;
    }
}

@media screen and (max-width:639px) {
    .Celery-Label--quantity--sapphire {
        font-size: 8px;
    }
}

@media screen and (max-width:767px) {
    .Celery-Label--quantity--sapphire {
        font-size: 14px;
    }
}

.Celery-Label--checkbox {
    display: inline-block;
    position: relative;
    left: 9px;
    top: 3px;
    width: 90%;
}

.Celery-Label--order-number {
    display: block;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .Celery-Label--order-number {
        font-size: 10px;
    }
}

@media screen and (min-width:992px) {
    .Celery-Label--order-number {
        font-size: 12px;
    }
}

@media screen and (max-width:639px) {
    .Celery-Label--order-number {
        font-size: 8px;
    }
}

@media screen and (max-width:767px) {
    .Celery-Label--order-number {
        font-size: 14px;
    }
}



.checkout-product-subtotal {
    padding-top: 20px;
}

.Celery-Form-group--subtotal .checkout-product-ammount {
    margin-bottom: 0;
}

.Celery-Form-group--billingzip {
    display: block;
    width: 100%;
}

@media screen and (min-width:481px) {
    .Celery-Form-group--billingzip {
        width: auto;
        display: block;
        float: none;
        margin-left: 252px;
    }
}

@media screen and (min-width:768px) {
    .Celery-Form-group--billingzip {
        display: block;
        margin-left: 0;
        width: 100%;
        float: left;
    }
}

@media screen and (min-width:992px) {
    .Celery-Form-group--billingzip {
        width: auto;
        display: block;
        margin-left: 252px;
        float: none;
    }
}

.Celery-Select, .Celery-Select-select {
    border-radius: 6px;
    color: #fff;
    padding: 9px 11px 7px;
}

.Celery-Select-select {
    height: 38px;
}

.Celery-Select {
    color: #fff;
    padding: 0;
    border: none;
    background: #b5b9bb;
    overflow: visible;
    height: auto;
    position: static;
}

    .Celery-Select:before {
        display: none;
    }

.selectricItems .selectricScroll {
    overflow-x: hidden;
}

.selectricWrapper {
    width: auto;
}

.selectric, .selectric:hover {
    border-radius: 6px;
    background: #b5b9bb;
    border: 2px solid transparent;
}

    .selectric .label {
        color: #fff;
        font-size: .9rem;
        padding: 9px 11px 7px;
        max-width: 100px;
        margin: 0;
    }

    .selectric .button:after, .selectricHover .selectric .button:after {
        border-top-color: #fff;
    }

.selectricHover .selectric {
    border-color: transparent;
}

.selectric .button {
    color: #fff;
}

.selectricOpen {
    z-index: 200000003;
}

.selectric:hover {
    background-color: rgba(33,45,52,.2);
}

.selectricOpen .selectric {
    border-color: #b5b9bb;
    border-radius: 6px 6px 0 0;
    background: #b5b9bb;
}

.selectricItems {
    background: #fff;
    border: 1px solid #b5b9bb;
    border-top: none;
    border-radius: 0 0 6px 6px;
    color: #8c9498;
    outline: 0;
}

    .selectricItems li {
        border-top: none;
        border-bottom: 1px solid #d0d3d5;
        padding: 7px 12px;
    }

        .selectricItems li:last-child {
            border-bottom: none;
        }

.selectric.is-invalid {
    border: 2px solid #d7150c;
}

.selectric.is-valid {
    border: 2px solid inherit;
}



.checkout-guarantee, .checkout-guarantee a, .checkout-timer {
    font-size: .82rem;
    color: #686d70;
    margin: 5px 0;
}

    .checkout-guarantee a {
        color: #d3a55b;
        text-decoration: underline;
        margin-bottom: 0;
    }

#checkout-timer-time {
    display: inline-block;
    min-width: 36px;
    text-align: left;
}

@media screen and (min-width:992px) {
    .checkout-guarantee, .checkout-guarantee a, .checkout-timer {
        font-size: .9rem;
    }

    #checkout-timer-time {
        min-width: 37px;
    }
}

.checkout-security {
    margin: 10px 0 0;
}

.ic-ssl {
    background: url(/assets/images/icons/ic-ssl-black.png);
    width: 12px;
    height: 16px;
    display: inline-block;
}

h3 .ic-ssl {
    margin-bottom: 4px;
    margin-right: 8px;
}

@media screen and (min-width:480px) {
    #checkout-product-name-heading {
        font-size: 1.15rem;
    }

    .checkout-product-price-summary-title {
        margin-left: 180px;
    }

    .checkout-payment-detail h4 .normal {
        display: inline;
    }
}

@media screen and (min-width:768px) {
    .Celery-OrderConfirmation-inner {
        background: url(/assets/images/promo/promo-share-bg-steel.jpg);
        background-size: cover;
        min-height: 550px;
    }

    .Celery-OrderConfirmation--header {
        padding-top: 55px;
    }

    h1.Celery-OrderConfirmation-heading {
        margin-bottom: 10px;
        font-size: 1.75rem;
    }

    

    .checkout-product-detail h3.checkout-product-title-buy {
        margin-bottom: 8px;
        display: inline-block;
    }

    .checkout-product-title-buy {
        display: inline-block;
    }

    .Celery-Modal-body .Celery-Form {
        background: #e6e7e8;
        position: relative;
        z-index: 1;
    }

    .Celery-Modal {
        margin-top: 0;
    }

    

    .checkout-product-info {
        border-radius: 10px;
        background: #fff;
        padding: 20px;
        position: relative;
    }

    .checkout-product-title-buy-subtitle {
        float: right;
    }

    .checkout-product-detail {
        float: left;
        width: 50%;
    }

    .checkout-product-image {
        float: none;
        position: absolute;
        left: 15px;
        top: 69px;
        margin-left: 0;
        padding-top: 0;
        padding-right: 0;
        width: 36%;
    }

    .checkout-product-price-summary-details, .checkout-product-price-summary-title {
        margin-left: 47%;
        padding: 4px 0 0;
    }

    .checkout-product-price-summary-details {
        padding-top: 20px;
    }

    .checkout-product-subtotal {
        padding-top: 0;
    }

    .checkout-payment-detail {
        float: left;
        width: 50%;
        padding: 30px 13px;
    }

    .Celery-OrderConfirmation--productimage {
        display: block;
        position: absolute;
        right: 72%;
        width: 441px;
    }

    .Celery-OrderConfirmation--container {
        margin-left: 412px;
        margin-right: 20px;
        box-sizing: border-box;
        padding-left: 0;
        padding-right: 0;
    }

    .checkout-product-detail {
        padding: 30px 18px 10px;
    }

    @media screen and (min-width:768px) {
        .checkout-product-detail {
            padding: 30px 18px 10px;
        }
    }
}

@media screen and (min-width:992px) {
    .Celery-Modal {
        margin-top: 75px;
    }

    

    .Celery-OrderConfirmation--header {
        padding-top: 80px;
    }

   

    .Celery-OrderConfirmation--container {
        margin-left: 45%;
        margin-right: 40px;
    }

    h4 {
        font-size: 20px;
        margin: 15px 0 7px;
    }

        h4#checkout-product-name-heading {
            font-size: 1.15rem;
        }

    h3 {
        font-size: 1.45rem;
    }

    .checkout-payment-detail-section {
        margin-bottom: 30px;
    }

    .checkout-payment-detail h3, .checkout-payment-detail h4 {
        margin-left: 5px;
        margin-top: 0;
        padding-left: 0;
    }

    .checkout-product-title-buy-subtitle {
        padding-top: 5px 0 8px;
    }

    .checkout-product-image {
        top: 69px;
        width: 35%;
        left: 23px;
    }
}

@media screen and (max-width:991px) and (min-width:768px) {
    .checkout-payment-detail {
        padding-bottom: 50px;
    }

    .Celery-Form-actions {
        padding-top: 20px;
    }
}

@media screen and (min-width:1080px) {
    .Celery-OrderConfirmation--header {
        padding-top: 110px;
        padding-bottom: 50px;
    }

    .checkout-product-image {
        left: 32px;
    }

    h1.Celery-OrderConfirmation-heading {
        font-size: 2rem;
    }
}

#checkout-product-sapphire-status {
    max-width: 50%;
    display: inline-block;
    float: right;
    margin-right: 20%;
    font-style: italic;
    margin-top: 3%;
}

@media screen and (max-width:991px) {
    #checkout-product-sapphire-status {
        margin-right: 10%;
    }
}

#checkout-product-sapphire-status.center-label {
    margin-top: 9%;
}

.modal-cyber-monday {
    background: #000;
    color: #fff;
}

    .modal-cyber-monday .modal-container {
        color: #fff;
        padding: 50px;
        max-width: 850px;
        margin: 0 auto;
    }

    .modal-cyber-monday h2 {
        font-weight: 400;
        font-size: 1.3125rem;
        line-height: 1.8375rem;
        text-align: center;
        text-shadow: 0 2px 10px rgba(0,0,0,.4);
    }

    .modal-cyber-monday p, .tutorial-step-list > li:before {
        font-family: "Gotham SSm A","Gotham Book",helvetica,arial,sans-serif;
    }

    .modal-cyber-monday p {
        font-weight: 700;
        font-size: 1.0625rem;
        line-height: 1.4875rem;
        text-align: center;
        text-shadow: 0 2px 10px rgba(0,0,0,.4);
    }

.cyber-monday-image {
    display: block;
    opacity: 0;
    position: relative;
    padding-bottom: 177.866666667%;
    background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/cybermonday/cyber-monday-mobile.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
}

    .cyber-monday-image.loaded {
        opacity: 1;
    }

@media screen and (min-width:581px) {
    .cyber-monday-image {
        display: block;
        position: relative;
        padding-bottom: 64.96062992%;
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/cybermonday/cyber-monday-desktop.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    @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) {
        .cyber-monday-image {
            background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/cybermonday/cyber-monday-desktop_2x.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }
    }

    .modal-cyber-monday h2 {
        font-size: 3.375rem;
        line-height: 4.725rem;
    }

    .modal-cyber-monday p {
        font-size: 1.5rem;
        line-height: 2.1rem;
    }
}

@media screen and (min-width:992px) {
    .modal-cyber-monday h2 {
        font-size: 3.75rem;
        line-height: 5.25rem;
    }

    .modal-cyber-monday p {
        font-size: 1.875rem;
        line-height: 2.625rem;
    }
}

#modal-promo {
    background: url(/assets/images/promo/bg-modal-watch-mobile.jpg) top right no-repeat #000;
    background-size: 510px;
    color: #fff;
    min-height: 500px;
    position: relative;
}

    #modal-promo .modal-container {
        color: #fff;
        padding: 20px;
    }

    #modal-promo .modal-content {
        text-align: center;
        max-width: 498px;
        margin: 0 auto;
    }

    #modal-promo h1 {
        color: #fff;
        font-size: 1.6rem;
        line-height: 1.8rem;
        font-weight: 700;
        max-width: 550px;
        margin-bottom: 0;
    }

    #modal-promo p {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 1.4;
    }

    #modal-promo a.btn {
        margin-bottom: 280px;
    }

    #modal-promo .modal-terms {
        padding: 0 20px 10px 0;
    }

        #modal-promo .modal-terms p {
            color: #999;
            font-size: 15px;
            line-height: 1.4;
            text-align: right;
        }

        #modal-promo .modal-terms a.modal-terms-link {
            font-size: 13px;
            text-decoration: underline;
            color: #999;
        }

    #modal-promo .modal-terms-promo {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
    }

        #modal-promo .modal-terms-promo iframe {
            border: none;
        }

@media screen and (min-width:768px) {
    .modal-container {
        border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    }

    #modal-promo {
        background: url(/assets/images/promo/bg-modal-watch.jpg) top right no-repeat #000;
        background-size: cover;
    }

        #modal-promo .modal-container {
            padding: 125px 75px 125px 20px;
            height: 700px;
        }

        #modal-promo .modal-content {
            margin: 0;
        }

        #modal-promo h1 {
            font-size: 2rem;
            line-height: 1.15;
        }

        #modal-promo p {
            font-size: 18px;
            margin-bottom: 40px;
        }

        #modal-promo .modal-terms {
            position: absolute;
            right: 0;
            bottom: 0;
        }
}

.load-images-active > .black-black, .load-images-active > .black-link, .load-images-active > .black-tan, .load-images-active > .gold-black, .load-images-active > .gold-brown, .load-images-active > .gold-link, .load-images-active > .rose-black, .load-images-active > .rose-brown, .load-images-active > .rose-link, .load-images-active > .steel-black, .load-images-active > .steel-brown, .load-images-active > .steel-link, .load-images-active > .steel-tan, .spritespin-inner > .black-black, .spritespin-inner > .black-link, .spritespin-inner > .black-tan, .spritespin-inner > .gold-black, .spritespin-inner > .gold-brown, .spritespin-inner > .gold-link, .spritespin-inner > .rose-black, .spritespin-inner > .rose-brown, .spritespin-inner > .rose-link, .spritespin-inner > .steel-black, .spritespin-inner > .steel-brown, .spritespin-inner > .steel-link, .spritespin-inner > .steel-tan {
    background-position: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
}

@media screen and (max-width:767px) {
    .module-sapphire .module-sapphire-cover {
        position: relative;
    }

    .module-sapphire #sapphire-img {
        margin-left: 30%;
    }
}

#sapphire-img {
    width: 50%;
}

.ui-layers {
    display: none;
}

@media screen and (min-width:768px) {
    @media only screen and (orientation:landscape) {
        .ui-layers {
            display: block;
            position: relative;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 100;
            -webkit-transition: opacity .5s linear;
            -moz-transition: opacity .5s linear;
            transition: opacity .5s linear;
        }
    }
}

.ui-layers .ui-layer {
    height: 100%;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

@media screen and (min-width:768px) {
    .ui-layers .ui-layer {
        display: block;
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/hardware/sprite-exploded-view-tablet.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
        -moz-transform: translate3d(0,0,0) scale(1);
        -o-transform: translate3d(0,0,0) scale(1);
    }
}

@media screen and (min-width:992px) {
    #modal-promo .modal-container {
        padding-left: 8%;
    }

    .ui-layers .ui-layer {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/hardware/sprite-exploded-view.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
}

@media screen and (min-width:768px) {
    .ui-layers .ui-layer.ui-layer-1, .ui-layers .ui-layer.ui-layer-2, .ui-layers .ui-layer.ui-layer-3, .ui-layers .ui-layer.ui-layer-4, .ui-layers .ui-layer.ui-layer-5 {
        opacity: 0;
        -webkit-transition: opacity .5s linear,background-position 0 linear 1s;
        -moz-transition: opacity .5s linear,background-position 0 linear 1s;
        transition: opacity .5s linear,background-position 0 linear 1s;
    }
}

.ui-layers .ui-layer.ui-layer-1 {
    z-index: 110;
}

.ui-layers .ui-layer.ui-layer-2 {
    z-index: 115;
}

.ui-layers .ui-layer.ui-layer-3 {
    z-index: 120;
}

.ui-layers .ui-layer.ui-layer-4 {
    z-index: 125;
}

.ui-layers .ui-layer.ui-layer-5 {
    z-index: 130;
}

.ui-layer {
    background-size: cover;
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}

    .ui-layer.loaded {
        opacity: 1;
    }

.hardware-slideshow {
    background-color: #000;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .hardware-slideshow .background-gradient {
        display: none;
    }

@media screen and (min-width:768px) {
    .ui-layer.load-images-active.ui-layer-1, .ui-layer.load-images-active.ui-layer-2, .ui-layer.load-images-active.ui-layer-3, .ui-layer.load-images-active.ui-layer-4, .ui-layer.load-images-active.ui-layer-5 {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .ui-layer.load-images-active.ui-layer-1 {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/hardware/exploded-view/steel/exploded-view-bg-layer.png);
    }

    .ui-layer.load-images-active.ui-layer-2 {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/hardware/exploded-view/steel/exploded-view-layer-1.png);
    }

    .ui-layer.load-images-active.ui-layer-3 {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/hardware/exploded-view/steel/exploded-view-layer-2.png);
    }

    .ui-layer.load-images-active.ui-layer-4 {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/hardware/exploded-view/steel/exploded-view-layer-3.png);
    }

    .ui-layer.load-images-active.ui-layer-5 {
        background-image: url(https://d1w48fu2lssnhe.cloudfront.net/assets/images/hardware/exploded-view/steel/exploded-view-layer-4.png);
    }

    @media only screen and (orientation:landscape) {
        .hardware-slideshow .background-gradient {
            display: block;
            background-color: transparent;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 60;
            opacity: 0;
            -webkit-transition: opacity 1s ease-in-out 1s;
            -moz-transition: opacity 1s ease-in-out 1s;
            transition: opacity 1s ease-in-out 1s;
        }
    }
}

.hardware-slideshow .module-bg {
    -webkit-transition: opacity .5s ease-in-out 0s;
    -moz-transition: opacity .5s ease-in-out 0s;
    transition: opacity .5s ease-in-out 0s;
}

.hardware-slideshow > div.item.animate-rear .background-gradient {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out .5s;
    -moz-transition: opacity .3s ease-in-out .5s;
    transition: opacity .3s ease-in-out .5s;
}

.animate-active .ui-layer-1 {
    opacity: 1;
}

@media screen and (min-width:768px) {
    .hardware-slideshow > div.item.animate-front.cycle-slide-active .image-reveal-brighter {
        opacity: 1;
        -webkit-transition: opacity .8s ease-in .2s;
        -moz-transition: opacity .8s ease-in .2s;
        transition: opacity .8s ease-in .2s;
    }

        .hardware-slideshow > div.item.animate-front.cycle-slide-active .image-reveal-brighter:before {
            opacity: 1;
            -webkit-transition: opacity 1s ease-in .8s;
            -moz-transition: opacity 1s ease-in .8s;
            transition: opacity 1s ease-in .8s;
        }

    .item-powered .ui-layers > .ui-layer {
        background-position: 0 center;
    }
}

@media only screen and (min-width:767px) and (max-width:1300px) and (orientation:landscape) {
    .ui-layers {
        left: 22%;
        width: 105%;
    }

    .module-cell-powered .module-copy.copy-width {
        margin-left: 50px;
        padding-bottom: 8%;
    }

    .module .module-cell-powered {
        vertical-align: bottom;
    }

    .item-powered .ui-layers > .ui-layer {
        background-position: 0 center;
    }
}

@media screen and (min-height:900px) {
    .ui-layers {
        left: 12%;
        width: 105%;
    }

    @media screen and (min-width:768px) {
        .ui-layers {
            left: 22%;
        }
    }

    .module-cell-powered .module-copy.copy-width {
        margin-left: 50px;
        padding-bottom: 8%;
    }

    .module .module-cell-powered {
        vertical-align: bottom;
    }

    .item-powered .ui-layers > .ui-layer {
        background-position: 0 center;
    }
}

.hardware-slideshow > div.item.animate-rear.animate-active {
    overflow: hidden;
}

    .hardware-slideshow > div.item.animate-rear.animate-active .background-gradient {
        opacity: 1;
        -webkit-transition: opacity .3s linear;
        -moz-transition: opacity .3s linear;
        transition: opacity .3s linear;
        background-color: #333;
        background-image: -webkit-radial-gradient(#333,#000);
        background-image: radial-gradient(#333,#000);
    }

    .hardware-slideshow > div.item.animate-rear.animate-active .ui-layers {
        -o-transition: left .6s ease-in-out,opacity .3s ease-in-out;
        -moz-transition: left .6s ease-in-out,opacity .3s ease-in-out;
        transition: left .8s ease-in-out,opacity .3s ease-in-out;
        -webkit-transition: left .6s ease-in-out,opacity .3s ease-in-out;
    }

@media screen and (max-width:639px) {
    .hardware-slideshow > div.item.animate-rear.animate-active .ui-layers {
        left: 0;
        opacity: .5;
    }
}

@media only screen and (min-width:767px) and (max-width:1300px) and (orientation:landscape) {
    .hardware-slideshow > div.item.animate-rear.animate-active .ui-layers {
        left: 15%;
        width: 105%;
    }
}

@media screen and (min-height:900px) {
    .hardware-slideshow > div.item.animate-rear.animate-active .ui-layers {
        left: 0;
        width: 105%;
    }
}

.kinetic-inner, .spritespin-wrapper, .spritespin-wrapper .spritespin-inner {
    height: 100%;
    position: absolute;
    width: 100%;
}

.hardware-slideshow > div.item.animate-rear.animate-active .ui-layers .ui-layer {
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-animation-direction: alternate;
    transform-style: preserve-3d;
    opacity: 1;
}

.hardware-slideshow > div.item.animate-rear.animate-active .ui-layers .ui-layer-1 {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    -moz-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
}

.hardware-slideshow > div.item.animate-rear.animate-active .ui-layers .ui-layer-2 {
    -webkit-animation: animateLayers .3s ease-in-out forwards;
    -webkit-animation-delay: .4s;
    animation: animateLayers .3s ease-in-out forwards;
    animation-delay: .4s;
    -webkit-transition: opacity .3s ease-in .4s;
    transition: opacity .3s ease-in .4s;
    -moz-transition: opacity .3s ease-in .4s;
    -o-transition: opacity .3s ease-in .4s;
}

.hardware-slideshow > div.item.animate-rear.animate-active .ui-layers .ui-layer-3 {
    -webkit-animation: animateLayers .4s ease-in-out forwards;
    -webkit-animation-delay: .6s;
    animation: animateLayers .4s ease-in-out forwards;
    animation-delay: .6s;
    -webkit-transition: opacity .4s ease-in .6s;
    transition: opacity .4s ease-in .6s;
    -moz-transition: opacity .4s ease-in .6s;
    -o-transition: opacity .4s ease-in .6s;
}

.hardware-slideshow > div.item.animate-rear.animate-active .ui-layers .ui-layer-4 {
    -webkit-animation: animateLayers .5s ease-in-out forwards;
    -webkit-animation-delay: .7s;
    animation: animateLayers .5s ease-in-out forwards;
    animation-delay: .7s;
    -webkit-transition: opacity .5s ease-in .7s;
    transition: opacity .5s ease-in .7s;
    -moz-transition: opacity .5s ease-in .7s;
    -o-transition: opacity .5s ease-in .7s;
}

.hardware-slideshow > div.item.animate-rear.animate-active .ui-layers .ui-layer-5 {
    -webkit-animation: animateLayers .6s ease-in-out forwards;
    -webkit-animation-delay: .8s;
    animation: animateLayers .6s ease-in-out forwards;
    animation-delay: .8s;
    -webkit-transition: opacity .6s ease-in .8s;
    transition: opacity .6s ease-in .8s;
    -moz-transition: opacity .6s ease-in .8s;
    -o-transition: opacity .6s ease-in .8s;
}

.hardware-slideshow > div.item.animate-rear.cycle-slide-active .ui-layers {
    opacity: 1;
}

@-webkit-keyframes animateLayers {
    0% {
        left: -3%;
        -webkit-transform: translate3d(80px,80px,0) scale(.8);
        transform: translate3d(80px,80px,0) scale(.8);
        -moz-transform: translate3d(80px,80px,0) scale(.8);
        -o-transform: translate3d(80px,80px,0) scale(.8);
    }

    100% {
        left: 0;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
        -moz-transform: translate3d(0,0,0) scale(1);
        -o-transform: translate3d(0,0,0) scale(1);
    }
}

@-moz-keyframes animateLayers {
    0% {
        left: -3%;
        -webkit-transform: translate3d(80px,80px,0) scale(.8);
        transform: translate3d(80px,80px,0) scale(.8);
        -moz-transform: translate3d(80px,80px,0) scale(.8);
        -o-transform: translate3d(80px,80px,0) scale(.8);
    }

    100% {
        left: 0;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
        -o-transform: translate3d(0,0,0) scale(1);
        -moz-transform: translate3d(0,0,0) scale(1);
    }
}

@-ms-keyframes animateLayers {
    0% {
        left: -3%;
        -webkit-transform: translate3d(80px,80px,0) scale(.8);
        transform: translate3d(80px,80px,0) scale(.8);
        -moz-transform: translate3d(80px,80px,0) scale(.8);
        -o-transform: translate3d(80px,80px,0) scale(.8);
    }

    100% {
        left: 0;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
        -moz-transform: translate3d(0,0,0) scale(1);
        -o-transform: translate3d(0,0,0) scale(1);
    }
}

@-o-keyframes animateLayers {
    0% {
        left: -3%;
        -webkit-transform: translate3d(80px,80px,0) scale(.8);
        transform: translate3d(80px,80px,0) scale(.8);
        -moz-transform: translate3d(80px,80px,0) scale(.8);
        -o-transform: translate3d(80px,80px,0) scale(.8);
    }

    100% {
        left: 0;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
        -moz-transform: translate3d(0,0,0) scale(1);
        -o-transform: translate3d(0,0,0) scale(1);
    }
}

@keyframes animateLayers {
    0% {
        left: -3%;
        -webkit-transform: translate3d(80px,80px,0) scale(.8);
        transform: translate3d(80px,80px,0) scale(.8);
        -moz-transform: translate3d(80px,80px,0) scale(.8);
        -o-transform: translate3d(80px,80px,0) scale(.8);
    }

    100% {
        left: 0;
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
        -moz-transform: translate3d(0,0,0) scale(1);
        -o-transform: translate3d(0,0,0) scale(1);
    }
}

.spritespin-wrapper {
    left: 100%;
    top: 0;
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -moz-transition: -moz-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

    .spritespin-wrapper.hide {
        display: none;
    }

    .spritespin-wrapper .btn-close-360 {
        position: absolute;
        top: 30px;
        right: 25px;
        z-index: 15;
    }

    .spritespin-wrapper .spritespin-inner {
        left: 0;
        text-align: center;
    }

    .spritespin-wrapper.view-360 {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.remodal-wrapper.modal-360.modal-overlay-close {
    padding: 0;
    margin: 50px 0 0;
}

.spritespin-wrapper-remodal {
    height: 100%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.spritespin-zoom, .spritespin-zoom-remodal {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.spritespin-wrapper .spritespin-zoom.zoom-in.kinetic-active, .spritespin-wrapper-remodal .spritespin-zoom-remodal.zoom-in.kinetic-active {
    z-index: 13;
    overflow: hidden;
}

.kinetic-inner {
    opacity: 0;
    transition: opacity .3s;
}

    .kinetic-inner img {
        display: block;
        margin: 0 auto;
    }

    .kinetic-inner.active {
        opacity: 1;
    }

.spritespin-wrapper .spritespin-element, .spritespin-wrapper-remodal .spritespin-element {
    display: inline-block;
    width: 100% !important;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}

    .spritespin-wrapper .spritespin-element.grabbing, .spritespin-wrapper-remodal .spritespin-element.grabbing {
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
    }

    .spritespin-wrapper .spritespin-element .spritespin-stage, .spritespin-wrapper-remodal .spritespin-element .spritespin-stage {
        width: auto !important;
        margin: 0 auto;
        z-index: 11;
    }

        .spritespin-wrapper .spritespin-element .spritespin-stage img, .spritespin-wrapper-remodal .spritespin-element .spritespin-stage img {
            width: auto !important;
            position: static !important;
            margin: 0 auto;
        }

    .spritespin-wrapper .spritespin-element .spritespin-canvas, .spritespin-wrapper-remodal .spritespin-element .spritespin-canvas {
        width: auto !important;
        margin: 0 auto;
        z-index: 1;
    }

.spritespin-wrapper .spritespin-instructions, .spritespin-wrapper-remodal .spritespin-instructions {
    color: #aeb1b4;
    font-size: .875rem;
    line-height: 1.225rem;
    position: absolute;
    bottom: 30px;
    right: 30px;
    text-align: right;
    z-index: 15;
}

    .spritespin-wrapper .spritespin-instructions p, .spritespin-wrapper-remodal .spritespin-instructions p {
        margin: 5px 0;
    }

    .spritespin-wrapper .spritespin-instructions .btn, .spritespin-wrapper-remodal .spritespin-instructions .btn {
        position: relative;
        line-height: 0;
        padding: 17px 16px 15px;
        margin-bottom: 7px;
    }

.spritespin-wrapper .spritespin-zoom, .spritespin-wrapper-remodal .spritespin-zoom {
    display: none;
    transition: background-color .3s;
    transition-delay: .3s;
    background-color: rgba(255,255,255,0);
}

    .spritespin-wrapper .spritespin-zoom img, .spritespin-wrapper-remodal .spritespin-zoom img {
        opacity: 0;
        transition: opacity .3s;
    }

    .spritespin-wrapper .spritespin-zoom.spritespin-zoom-loaded, .spritespin-wrapper-remodal .spritespin-zoom.spritespin-zoom-loaded {
        background-color: #fff;
    }

.spritespin-zoom-item, .spritespin-zoom-transition {
    left: 0;
    background-color: rgba(255,255,255,0);
    width: 100%;
}

.spritespin-wrapper .spritespin-zoom.spritespin-zoom-loaded img, .spritespin-wrapper-remodal .spritespin-zoom.spritespin-zoom-loaded img {
    opacity: 1;
}

.spritespin-wrapper .spritespin-zoom-remodal.zoom-in, .spritespin-wrapper-remodal .spritespin-zoom-remodal.zoom-in {
    position: absolute !important;
}

.spritespin-wrapper .spritespin-zoom-remodal.zoom-in, .spritespin-wrapper .spritespin-zoom.zoom-in, .spritespin-wrapper-remodal .spritespin-zoom-remodal.zoom-in, .spritespin-wrapper-remodal .spritespin-zoom.zoom-in {
    bottom: 0;
    cursor: move;
    display: block;
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 14;
}

    .spritespin-wrapper .spritespin-zoom-remodal.zoom-in img.active, .spritespin-wrapper .spritespin-zoom.zoom-in img.active, .spritespin-wrapper-remodal .spritespin-zoom-remodal.zoom-in img.active, .spritespin-wrapper-remodal .spritespin-zoom.zoom-in img.active {
        opacity: 1 !important;
    }

.spritespin-zoom-transition {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    transform-origin: 0 0 0;
    transition: transform .3s,background-color .3s;
    transition-timing-function: ease-in-out;
    transform: translate(0,0) scale(1);
}

.spritespin-zoom-item {
    position: absolute;
    min-height: 100%;
    text-align: center;
    transition: background-color .3s;
}

.spritespin-zoom-transition.active {
    background-color: #fff;
    z-index: 13;
}

img.zoom-image, img.zoom-image-transition {
    max-width: none;
}

.spritespin-wrapper-remodal .spritespin-instructions {
    bottom: 10px;
    right: 15px;
}

.spritespin-wrapper-remodal .spritespin-stage img {
    position: static !important;
    width: auto !important;
    margin: 0 auto;
}

.spritespin-wrapper-remodal .spritespin-element {
    display: block;
    background-color: #fff;
}

.spritespin-zoomout {
    display: none;
}

    .spritespin-zoomout.show {
        display: block;
        position: absolute;
        bottom: -44px;
        right: 0;
        left: 0;
    }

.remodal-overlay.modal-overlay-close {
    background-color: #000;
}

    .remodal-overlay.modal-overlay-close .btn-close {
        background-position: -214px -475px;
        position: fixed;
    }

@media screen and (min-width:768px) {
    .remodal-overlay.modal-overlay-close {
        background-color: #fff;
    }

        .remodal-overlay.modal-overlay-close .btn-close {
            background-position: -524px -475px;
        }
}

.remodal-wrapper.modal-overlay-close {
    margin: 50px 0;
}

.module-legal-doc {
    color: #171819;
    padding: 0;
}

    .module-legal-doc p:last-child {
        margin-bottom: 0;
    }

.terms-list {
    counter-reset: item;
}

    .terms-list > li {
        display: block;
        position: relative;
    }

        .terms-list > li:before {
            content: counters(item,".") ".";
            counter-increment: item;
            position: absolute;
            margin-right: 100%;
            right: 10px;
        }

.warning {
    border: 4px double #000;
    padding: 5px;
}

.list-main {
    padding-left: 0;
}

.address {
    padding-left: 50px;
}

.indent {
    padding-left: 40px;
}

.module-legal .btn {
    width: 100%;
    max-width: 450px;
    text-align: center;
}



.tutorial-list, .tutorial-list-img {
    display: inline-block;
}

@media screen and (min-width:768px) {
    .module-legal .btn {
        width: inherit;
        min-width: 330px;
    }

    .legal-grid {
        margin-bottom: 3%;
    }
}

@media screen and (min-width:1440px) {
    .legal-grid {
        margin-bottom: 2%;
    }
}

.legal-grid .col {
    color: #171819;
    min-height: 10px;
    margin-bottom: 75px;
}

.legal-grid .col-left, .script-page {
    text-align: left;
}

.legal-grid .col a, .legal-grid .col p {
    font-size: .875rem;
    line-height: 1.225rem;
}

@media screen and (min-width:768px) {
    .legal-grid .col {
        width: 40%;
        float: left;
        margin-bottom: 10px;
    }

    .legal-grid .col-1 {
        margin-left: 10%;
    }
}

@media screen and (min-width:992px) {
    .legal-grid .col {
        width: 40%;
    }

    .legal-grid .col-1.open-src {
        margin-left: 10%;
    }
}

@media screen and (min-width:1280px) {
    .legal-grid .col-1.open-src {
        margin-left: 15%;
    }
}

@media screen and (min-width:1800px) {
    .legal-grid .col-1.open-src {
        margin-left: 20%;
    }
}

.legal-grid .col-left h5 {
    margin-left: 115px;
}

.legal-grid .col-2.col-left h5 {
    margin-left: 70px;
}

.script-page {
    color: #000;
}

@media screen and (min-width:768px) {
    .legal-grid .col-left ul {
        padding-left: 130px;
    }

    .legal-grid .col-2.col-left ul {
        padding-left: 85px;
    }

    .script-page {
        text-align: left;
    }
}

.module-page-content-tutorials {
    padding: 0;
}

.tutorial-list-img {
    margin-left: 10%;
}

.tutorial-prelude, .tutorial-step {
    overflow: hidden;
    display: table;
    width: 100%;
}

.tutorial-step-text {
    vertical-align: top;
    padding-left: 21%;
    width: auto;
    overflow: hidden;
}

    .tutorial-step-text h3 {
        margin: 0 0 2%;
    }

@media screen and (min-width:481px) {
    .tutorial-step-text {
        padding-left: 17%;
    }
}

@media screen and (min-width:768px) {
    .tutorial-prelude, .tutorial-step {
        display: table;
    }

    .tutorial-step-text {
        display: inline-block;
        width: 49%;
        padding-left: 10%;
    }
}

@media screen and (min-width:992px) {
    .tutorial-step-text {
        padding-left: 7%;
    }
}

@media screen and (min-width:1280px) {
    .tutorial-step-text {
        padding-left: 5%;
    }
}


@media screen and (min-width:768px) {
    .tutorial-step-img {
        display: inline-block;
        width: 50%;
    }
}

.tutorial-step-img img {
    float: right;
    max-width: 40%;
    padding-right: 5%;
    padding-left: 5%;
}

    .tutorial-step-img img.tutorial-device {
        position: relative;
        left: 11%;
        margin-top: 23%;
    }

    .tutorial-step-img img.tutorial-phone {
        position: relative;
        right: 11%;
    }

    .tutorial-step-img img.tutorial-single-img {
        max-width: 100%;
    }

    .tutorial-step-img img.tutorial-single-small-img {
        float: none;
        display: block;
        margin: auto;
    }

.tutorial-prelude .tutorial-step-text {
    padding-left: 0;
}

.tutorial-step-list {
    list-style: none;
    counter-reset: li;
    padding-left: 0;
}

    .tutorial-step-list > li {
        min-height: 5em;
        position: relative;
    }

        .tutorial-step-list > li:before {
            content: counter(li);
            counter-increment: li;
            position: absolute;
            font-size: 5em;
            top: 4px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #56BB6C;
            text-align: right;
            left: 0;
        }

    .tutorial-step-list .content-separator {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 0;
    }

.tutorial-prelude-inner-list {
    list-style: inside;
    position: relative;
    padding-left: 21.5%;
    margin-bottom: 0;
}

@media screen and (min-width:481px) {
    .tutorial-prelude-inner-list {
        padding-left: 17.5%;
    }
}

@media screen and (min-width:768px) {
    .tutorial-prelude-inner-list {
        padding-left: 23.5%;
    }
}

@media screen and (min-width:992px) {
    .tutorial-prelude-inner-list {
        padding-left: 16.5%;
    }
}

@media screen and (min-width:1280px) {
    .tutorial-prelude-inner-list {
        padding-left: 11.5%;
    }
}

.tutorial-prelude-inner-list p {
    margin-bottom: 0;
}

.tutorial-prelude-inner-list li {
    list-style: none;
    position: relative;
}

    .tutorial-prelude-inner-list li:before {
        content: '';
        display: inline-block;
        position: absolute;
        height: 100%;
        width: 45px;
        background-image: url(/assets/images/tutorials/checkbox_empty.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        left: -54px;
    }

.tutorial-step-inner-list {
    list-style: none;
    padding-left: 0;
}

    .tutorial-step-inner-list > li {
        margin-bottom: 3%;
        margin-left: 1.3em;
    }

        .tutorial-step-inner-list > li:before {
            margin-left: -1.2em;
            content: "-";
            display: inline-block;
            margin-right: .7em;
        }



.support-grid {
    max-width: auto;
    margin-left: auto;
    margin-right: auto;
}

    .support-grid:after {
        content: "";
        display: table;
        clear: both;
    }

@media screen and (min-width:768px) {
    .support-grid {
        margin-bottom: 3%;
    }
}

@media screen and (min-width:1440px) {
    .support-grid {
        margin-bottom: 2%;
    }
}

.support-grid .col {
    text-align: center;
    color: #171819;
    min-height: 10px;
    margin-bottom: 50px;
}

    .support-grid .col a, .support-grid .col p {
        font-size: .875rem;
        line-height: 1.225rem;
    }

faq-list li {
    list-style-type: disc;
}

#modal-video {
    height: 100%;
    border: 1px solid rgba(255,255,255,.2);
    background: #000;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    #modal-video:after {
        content: '';
        display: block;
        padding-top: 61%;
        box-sizing: border-box;
    }

    #modal-video .modal-container {
        position: absolute;
        top: 45px;
        bottom: 3px;
        right: 3px;
        left: 3px;
    }

@media screen and (min-width:481px) {
    #modal-video .modal-container {
        top: 55px;
        bottom: 6px;
        right: 6px;
        left: 6px;
    }
}

@media screen and (min-width:768px) {
    .support-grid .col {
        width: 50%;
        float: left;
        margin-bottom: 0;
    }

    #modal-video .modal-container {
        top: 60px;
        bottom: 10px;
        right: 10px;
        left: 10px;
    }
}

#colorbox.modal-video, #colorbox.modal-video #cboxLoadedContent {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

    #colorbox.modal-video #cboxCloseWhite {
        top: 3px;
        right: 3px;
    }

@media screen and (min-width:481px) {
    #colorbox.modal-video #cboxCloseWhite {
        top: 6px;
        right: 6px;
    }
}

@media screen and (min-width:768px) {
    #colorbox.modal-video #cboxCloseWhite {
        top: 15px;
        right: 15px;
    }
}

.cbox-open {
    overflow-y: hidden;
}

    .cbox-open.cbox-open-mobile , .cbox-open.cbox-open-mobile #main-wrapper {
        display: none;
    }

    .btn-border {
    border: 2px solid #fff;
     overflow: hidden; 
}