@charset "UTF-8";
/* ============================================================
   LIGHTBOX STYLES — Extracted from style-ext.css
   Companion CSS for lightbox-extract.html

   KEY PRINCIPLES:
   - ALL font, spacing, colour defaults are scoped to #lightbox
     so they do NOT affect the host page's own defaults.
   - ALL element selectors (h1–h6, p, a, ul, table etc.) are
     prefixed with #lightbox so they only apply inside the popup.
   - Font-face @rules are global by necessity (browser spec)
     but fonts are only referenced from inside #lightbox rules.
   - h1.logo / .lbh / #menu are preserved at the bottom as-is
     (they live outside #lightbox in the HTML).
   ============================================================ */


/* ============================================================
   1. FONT-FACE DECLARATIONS
   (Must be global — browsers require this. Fonts are only
   actually used by selectors scoped to #lightbox below.)
   ============================================================ */

  

@font-face {
    font-family: 'NEOElementsX';
    src: url('../fonts/NEO-Elements/NEOElements X.eot');
    src: url('../fonts/NEO-Elements/NEOElements X.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NEO-Elements/NEOElements X.woff') format('woff'),
         url('../fonts/NEO-Elements/NEOElements X.ttf') format('truetype'),
         url('../fonts/NEO-Elements/NEOElements X.svg#NEOElements X') format('svg');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'Venus';
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/venus/engraversgothic-bt.eot");
    src: url("../fonts/venus/engraversgothic-bt-.eot#iefix") format("embedded-opentype"),
         url("../fonts/venus/engraversgothic-bt.woff") format("woff"),
         url("../fonts/venus/engraversgothic-bt.ttf") format("truetype"),
         url("../fonts/venus/engraversgothic-bt.svg#Venus") format("svg");
}
@font-face {
    font-family: 'HelveticaNeue-Light';
    src: url("../fonts/HelveticaNeue/ae1656aa-5f8f-4905-aed0-93e667bd6e4a-.eot#iefix");
    src: url("../fonts/HelveticaNeue/ae1656aa-5f8f-4905-aed0-93e667bd6e4a-.eot#iefix") format("eot"),
         url("../fonts/HelveticaNeue/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),
         url("../fonts/HelveticaNeue/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),
         url("../fonts/HelveticaNeue/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}
@font-face {
    font-family: 'Neo-Font';
    src: url('../fonts/Neo-Font/Neo.eot');
    src: url('../fonts/Neo-Font/Neo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Neo-Font/Neo.woff') format('woff'),
         url('../fonts/Neo-Font/Neo.ttf') format('truetype'),
         url('../fonts/Neo-Font/Neo.svg#Neo-Font') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Glyphter';
    src: url('../fonts/Glyphter/Glyphter.eot');
    src: url('../fonts/Glyphter/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Glyphter/Glyphter.woff') format('woff'),
         url('../fonts/Glyphter/Glyphter.ttf') format('truetype'),
         url('../fonts/Glyphter/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ============================================================
   2. GLYPHTER ICON FONT — scoped to #lightbox cart table
   ============================================================ */

#lightbox [class*='icon-']:before {
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    line-height: 30%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}
#lightbox .icon-microsoft:before  { content: '\0041'; }
#lightbox .icon-mastercard:before { content: '\0042'; }
#lightbox .icon-Visa:before       { content: '\0043'; }
#lightbox .icon-PayPal_logoz:before { content: '\0044'; }
#lightbox .icon-secure:before     { content: '\0045'; }
#lightbox .icon-fedex:before      { content: '\0046'; }
#lightbox .icon-amex:before       { content: '\0047'; }
#lightbox .icon-ups_logo:before   { content: '\004a'; }
#lightbox .icon-maestro:before    { content: '\004b'; }
#lightbox .icon-jcb:before        { content: '\004c'; }
#lightbox .icon-discover:before   { content: '\004d'; }
#lightbox .icon-security-logos:before { content: '\004e'; }


/* ============================================================
   3. LIGHTBOX BASE DEFAULTS
   All font, colour, spacing defaults scoped to #lightbox only.
   These replace what was on body/html in the original template.
   ============================================================ */

#lightbox {
    /* Layout & positioning */
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    margin: -1px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* ---- Inherited defaults (replaces body defaults) ---- */
   /*  background-color: #000;*/
    font-family: 'HelveticaNeue-Light', sans-serif;
    letter-spacing: 1px;
    line-height: 140%;
    color: #fff;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Reset box model for safety */
    box-sizing: border-box;
}
/* Light theme variant */
.light #lightbox {
    background-color: #f2f2f2;
    color: #222;
}

/* --- Headings: font + weight scoped to inside lightbox --- */
#lightbox h1,
#lightbox h2,
#lightbox h3,
#lightbox h4,
#lightbox h5,
#lightbox h6 {
    font-weight: lighter;
}
/* Headings that use Neo-Font */
#lightbox h1,
#lightbox h2,
#lightbox h3,
#lightbox h4,
#lightbox .claim,
#lightbox .brochure,
#lightbox .cta,
#lightbox #neoxnav .navigation a {
    font-family: 'Neo-Font', Arial, sans-serif;
    text-transform: uppercase;
}
#lightbox h3 { margin: 0.3225em 0; }
#lightbox h4 { margin: 0.3125em 0; }

/* --- Paragraphs --- */
#lightbox p {
    -ms-touch-action: none;
    margin: 0.3125em 0 0.5em 0;
}

/* --- Links --- */
#lightbox a,
#lightbox a:visited,
#lightbox a:active,
#lightbox a:hover {
    color: #ddd;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* --- Lists --- */
#lightbox ul {
    margin: 0;
    padding: 0;
}

/* --- nojs hide --- */
.nojs #lightbox { display: none; }

/* --- Lightbox open state --- */
#lightbox.open { opacity: 1; }

/* --- All direct child panels hidden by default --- */
#lightbox > div { display: none; }


/* ============================================================
   4. OPEN ANIMATION — slide content up on open
   ============================================================ */

#lightbox h3,
#lightbox #accordion {
    -webkit-transition: all 750ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 750ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 750ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -o-transform: translate(0, 50px);
    transform: translate(0, 50px);
}
#lightbox #neoxnav .navigation ul a {
    -webkit-transition: all 750ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 750ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 750ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate(0, 50px);
    -ms-transform: translate(0, 50px);
    -o-transform: translate(0, 50px);
    transform: translate(0, 50px);
}
/* STEP-2: Reset transforms when open */
#lightbox.open #language a, #lightbox.open #language h3,
#lightbox.open #social a,   #lightbox.open #social h3,
#lightbox.open #colours a,  #lightbox.open #colours h3,
#lightbox.open #neoxnav #accordion {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}


/* ============================================================
   5. PANEL VISIBILITY — show panels by class on #lightbox
   ============================================================ */

#lightbox.language  #language     { display: block; }
#lightbox.social    #social       { display: block; }
#lightbox.neoxnav   #neoxnav      { display: block; overflow: auto; }
#lightbox.model     #model        { display: block; }
#lightbox.cart      #cart         { display: block; }
#lightbox.colours   #colours      { display: block; }
#lightbox.form      #form         { display: block; }
#lightbox.checkout  #checkout     { display: block; }

#lightbox.services #services-info,
#lightbox.services.certainty        #services-info .certainty,
#lightbox.services.neolife          #services-info .neolife,
#lightbox.services.shipping         #services-info .shipping,
#lightbox.services.warranty         #services-info .warranty,
#lightbox.services.terms            #services-info .terms,
#lightbox.services.privacy          #services-info .privacy,
#lightbox.services.headphones       #services-info .headphones,
#lightbox.services.powerbanks       #services-info .powerbanks,
#lightbox.services.iPhone-8         #services-info .iPhone-8,
#lightbox.services.iPhone-X         #services-info .iPhone-X,
#lightbox.services.iPhone-11        #services-info .iPhone-11,
#lightbox.services.iPhone-12        #services-info .iPhone-12,
#lightbox.services.iPhone-13        #services-info .iPhone-13,
#lightbox.services.iPhone-14        #services-info .iPhone-14,
#lightbox.services.iPhone-15        #services-info .iPhone-15,
#lightbox.services.iPhone-16        #services-info .iPhone-16,
#lightbox.services.iPhone-17        #services-info .iPhone-17,
#lightbox.services.iPhone-18        #services-info .iPhone-18,
#lightbox.services.galaxy-s23       #services-info .galaxy-s23,
#lightbox.services.galaxy-s24       #services-info .galaxy-s24,
#lightbox.services.galaxy-s25       #services-info .galaxy-s25,
#lightbox.services.galaxy-s26       #services-info .galaxy-s26,
#lightbox.services.watch            #services-info .watch
{ display: block; }
#lightbox.services.main-nav #services-info .main-nav { display: block; }

#lightbox.performance #performance-info { display: block; }
#lightbox.turbo #turbo-models,
#lightbox.glass #glass-models,
#lightbox.hydro #hydro-models,
#lightbox.titan #titan-models      { display: block; }
#lightbox.oob    #oob-info         { display: block; }
#lightbox.videos #videos           { display: block; }
#lightbox.oob-info         { display: block; }
#lightbox.oob-info #oob-info { display: block; }
#lightbox.services.model-list          #services-info .model-list { display: block; }

/* ============================================================
   6. CLOSE BUTTON
   ============================================================ */

#lightbox .close-icon {
    -webkit-transition: background 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: background 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: background 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    position: absolute;
    right: 70px;
    top: 70px;
    background: #FF0000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAAAAACo4kLRAAAAAnRSTlMAAHaTzTgAAAA0SURBVHgBY9DQYEAFIBENNFGQAJhAF0NQCDEEAzcTUxNW47E6BCyGKcqADnAoHNR+wxodAF12EYE8y8ZRAAAAAElFTkSuQmCC') no-repeat center center;
    background-size: 10px 10px;
    overflow: hidden;
    text-indent: 5em;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    z-index: 20;
}
.light #lightbox .close-icon {
    background: #888 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQAAAACl8iCgAAAAAnRSTlMAAHaTzTgAAABBSURBVHgBYzjAYMDwgKGAoQBIWjAeYJBhbmDgY2dgYOdjYGCew8DA+IOBgeEDCIPYIDGwHEgNSC1ID0gvyAyQWQB0CA+1LEFHswAAAABJRU5ErkJggg==') no-repeat center center;
    background-size: 10px 10px;
}
@media screen and (max-width: 640px) {
    #lightbox .close-icon {
        right: 15px;
        top: 15px;
        background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAAAAACo4kLRAAAAAnRSTlMAAHaTzTgAAAA0SURBVHgBY9DQYEAFIBENNFGQAJhAF0NQCDEEAzcTUxNW47E6BCyGKcqADnAoHNR+wxodAF12EYE8y8ZRAAAAAElFTkSuQmCC') no-repeat center center;
        background-size: 10px 10px;
        width: 55px;
        height: 30px;
        border-radius: 4px;
        cursor: pointer;
    }
    .light #lightbox .close-icon {
        background: #888 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQAAAACl8iCgAAAAAnRSTlMAAHaTzTgAAABBSURBVHgBYzjAYMDwgKGAoQBIWjAeYJBhbmDgY2dgYOdjYGCew8DA+IOBgeEDCIPYIDGwHEgNSC1ID0gvyAyQWQB0CA+1LEFHswAAAABJRU5ErkJggg==') no-repeat center center;
        background-size: 10px 10px;
    }
}


/* ============================================================
   7. NAVIGATION PANEL (#neoxnav / #accordion)
   ============================================================ */

#lightbox #neoxnav {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
#lightbox #neoxnav #accordion { margin-top: 8%; text-align: center; }

#lightbox .accordion-toggle {
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}
#lightbox .accordion-content { display: none; }

#lightbox #neoxnav .navigation h2 {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    font-family: 'Neo-Font', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 2.125em;
    line-height: 2.75em;
    margin: 0;
}
#lightbox h2.active { color: #FF0000; }
.light #lightbox #neoxnav .navigation h2.active { color: #FF0000; }
.light #lightbox #neoxnav .navigation h2 { color: #000; }
#lightbox #neoxnav .navigation h2 a { color: #fff; }

#lightbox #neoxnav .navigation ul {
    list-style: none;
    margin: 0 auto;
    max-width: 42em;
    padding: 0.5em 0 0.5em 0;
}
#lightbox #neoxnav .navigation ul a {
    font-size: 1em;
    letter-spacing: .15em;
    color: #c0c0c0;
    line-height: 2.45em;
}
#lightbox ul.accordion-content li { font-size: 0.9em; }
#lightbox #neoxnav .navigation h2:hover,
#lightbox #neoxnav .navigation a:hover,
#lightbox #neoxnav .navigation a:active { color: #FF0000; }
#lightbox #neoxnav .navigation li a {
    -webkit-transform: none;
    font-family: 'Neo-Font', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.4em;
}
.light #lightbox #neoxnav .navigation a { color: #242424; }
#lightbox #neoxnav .navigation a:hover,
#lightbox #neoxnav .navigation a:focus { color: #FF0000; }

#lightbox .border {
    border-top-style: solid;
    border-top-width: 1px;
    border-image: linear-gradient(to left, rgba(0,0,0,0) 1%, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 100%)
                  100% 0 100% 0/1px 0 1px 0 stretch;
}
.light #lightbox .border {
    border-image: linear-gradient(to left, rgba(0,0,0,0) 1%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%)
                  100% 0 100% 0/1px 0 1px 0 stretch;
}

@media screen and (max-width: 640px) {
    #lightbox #accordion { margin-top: 15%; text-align: center; }
    #lightbox #neoxnav .navigation h2 { font-size: 1.375em; letter-spacing: 0.125em; }
    #lightbox #neoxnav .navigation li a { font-size: 1em; letter-spacing: 0.125em; }
    #lightbox #neoxnav h3 { margin-bottom: 15px; }
}


/* ============================================================
   8. LANGUAGE / SOCIAL / COLOURS / MODEL PANELS
   ============================================================ */

#lightbox #language,
#lightbox #social,
#lightbox #model,
#lightbox #colours {
    top: 50%;
    position: absolute;
    margin-top: -170px;
    text-align: center;
    width: 100%;
}
#lightbox #language h3,
#lightbox #social h3,
#lightbox #model h3,
#lightbox #colours h3 { margin-bottom: 30px; }

/* Initial offset for animation */
#lightbox #language a,
#lightbox #social a,
#lightbox #colours a {
    line-height: 240px;
    width: 102px;
    height: 136px;
    -webkit-transform: translate3d(0, 90px, 0);
    -moz-transform: translate(0, 90px);
    -ms-transform: translate(0, 90px);
    -o-transform: translate(0, 90px);
    transform: translate(0, 90px);
}
#lightbox div a u { height: 103px; width: 103px; }
#lightbox div p a { line-height: 1em; }
#lightbox #language a,
#lightbox #social a,
#lightbox #colours a,
#lightbox #neoxnav a {
    -webkit-transform: translate3d(0, 90px, 0);
    -moz-transform: translate(0, 90px);
    -ms-transform: translate(0, 90px);
    -o-transform: translate(0, 90px);
    transform: translate(0, 90px);
}

@media screen and (max-width: 640px) {
    #lightbox #model { margin-top: 0px; top: 8%; }
    #lightbox #language h3 { margin-bottom: 15px; }
    #lightbox #language a {
        line-height: 235px;
        height: 135px;
        width: 103px;
        overflow: hidden;
        color: #fff;
    }
    .light #lightbox #language a { color: #000; }
}


/* ============================================================
   9. CTA-CIRCLE (language flags, colour swatches, social icons)
   ============================================================ */

#lightbox div.cta-circle,
#lightbox a.cta-circle {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: inline-block;
    font-size: 0.8125em;
    vertical-align: baseline;
    text-transform: uppercase;
    position: relative;
    margin: 0 0.625em 0.3125em 0.625em;
    text-decoration: none;
    color: #fff;
}
.light #lightbox div.cta-circle,
.light #lightbox a.cta-circle { color: #000; }

#lightbox div.cta-circle u,
#lightbox div.cta-circle .progress,
#lightbox a.cta-circle u,
#lightbox a.cta-circle .progress {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
}
#lightbox div.cta-circle u,
#lightbox a.cta-circle u {
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 150ms ease-in;
    transition: all 150ms ease-in;
    border: 1px solid #6b7683;
    border-radius: 50px;
}
#lightbox div.cta-circle:hover,
#lightbox a.cta-circle:hover { color: #b04c35; }
#lightbox div.cta-circle:hover u,
#lightbox a.cta-circle:hover u { border: 5px solid #b04c35; border-radius: 50px; }
#lightbox div.cta-circle.selected u,
#lightbox a.cta-circle.selected u { border-width: 5px; border-radius: 55px; }

#lightbox div.cta-circle.more,
#lightbox a.cta-circle.more {
    font-family: 'Venus', Arial, sans-serif;
    text-transform: uppercase;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAeCAQAAACLBYanAAAAhUlEQVQ4y2NgAIL/8v/t/3Mx4AP/y/7/+f///9n/IjgV/uf6/+Y/BFz+L4TbpJf//8OVieBSlPz/HzHKMkeVUazsPO4YzfyPAFG4FDUjKQoirGQfVutQlBwiRgn3oFFykJZKypBiCocSUL77h1cJSr7DrQSoKP7/Z6CS3YRKA/7/0viUAAAuyH+KZYyfpgAAAABJRU5ErkJggg==') 9px 5px no-repeat;
    background-size: 9px 15px;
    color: #fff;
    margin: 0;
    font-size: 1.25em;
    line-height: 1.125em;
    text-indent: 1.875em;
    height: 32px;
    width: auto;
    white-space: nowrap;
}
#lightbox div.cta-circle.more u,
#lightbox a.cta-circle.more u { width: 25px; height: 25px; border-color: #fff; }
#lightbox div.cta-circle.more:hover u,
#lightbox a.cta-circle.more:hover u { border: 1px solid #fff; }

#lightbox div.cta-circle.loading,
#lightbox a.cta-circle.loading {
    background: url('images/animations/loader.gif') no-repeat 16px 16px;
    background-size: 71px 71px;
}


/* ============================================================
   10. NC-BUTTON & GHOST-BUTTON (buy/model select buttons)
   ============================================================ */

#lightbox .nc-button {
    z-index: 3;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: 0em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: #f90f4f;
    background: -webkit-linear-gradient(#ff0000, #a50d0d);
    background: linear-gradient(#ff0000, #a50d0d);
    border-color: #900909;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    color: #fff;
    min-width: 82px;
    padding: 1px 10px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
#lightbox .nc-button:hover {
    background: -webkit-linear-gradient(#fb3535, #d10606);
    background: linear-gradient(#fb3535, #d10606);
    border-color: #aa0c0c;
    text-decoration: none;
}
#lightbox .nc-button:active {
    background: -webkit-linear-gradient(#d90101, #950b0b);
    background: linear-gradient(#d90101, #950b0b);
    outline: none;
}
#lightbox .ghost-button {
    display: inline-block;
    cursor: pointer;
    margin: 0 0.625em 1.3125em 0.625em;
    font-size: 1em;
    font-family: "Neo-Font";
    text-transform: uppercase;
    min-width: 215px;
    padding: 20px;
    color: #fff;
    border: 2px solid #FF0000;
    text-align: center;
    outline: none;
    text-decoration: none;
    vertical-align: middle;
}
#lightbox .ghost-button a,
#lightbox .ghost-button a:visited,
#lightbox .ghost-button a:active,
#lightbox .ghost-button a:hover { color: #fff; text-decoration: none; }
.light #lightbox .ghost-button a,
.light #lightbox .ghost-button a:visited { color: #000; }
#lightbox .ghost-button:hover,
#lightbox .ghost-button:active { background-color: #FF0000; color: #000; }
#lightbox .ghost-button.loading { background: #FF0000; }

/* Animate model ghost-button in */
#lightbox #model .ghost-button {
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 90px, 0);
    transform: translate(0, 90px);
}
#lightbox.open #model .ghost-button,
#lightbox.open #model h3 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate(0, 0);
}

#lightbox .ghost-close {
    display: block;
    cursor: pointer;
    line-height: 1.5;
    font-weight: 500;
    font-size: 1.125em;
    font-family: "Neo-Font";
    text-transform: uppercase;
    padding: 10px;
    color: #fff;
    border: 2px solid #FF0000;
    border-radius: 4px;
    text-align: center;
    outline: none;
    text-decoration: none;
    vertical-align: middle;
    margin: 1em 0 1em 0;
}
.light #lightbox .ghost-close { color: #000; }
@media screen and (min-width: 641px) {
    #lightbox a.ghost-close:hover { color: #FF0000; }
}
@media screen and (max-width: 640px) {
    #lightbox a.ghost-close:active { color: #FF0000; }
    #lightbox table,
    #lightbox .paypal_checkout_button,
    #lightbox .checkout_trigger,
    #lightbox #place_order,
    #lightbox .ghost-close,
    #lightbox table { font-size: 0.9em; }
}


/* ============================================================
   11. SPINNER (loading animation inside buttons)
   ============================================================ */

#lightbox .ghost-button.loading span { display: none; }
#lightbox .nc-button.loading span { display: none; }
#lightbox .spinner { display: none; }
#lightbox .loading .spinner { display: inline-block; }
#lightbox .spinner > div {
    width: 11px;
    height: 11px;
    background-color: #fff;
    vertical-align: middle;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    margin: 2px;
}
#lightbox .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
#lightbox .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0); }
    40%           { -webkit-transform: scale(1.0); }
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); }
    40%           { -webkit-transform: scale(1.0); transform: scale(1.0); }
}
@-webkit-keyframes pulse {
    0%   { -webkit-box-shadow: 0 0 0 0 rgba(218,5,5, 0.4); }
    70%  { -webkit-box-shadow: 0 0 0 15px rgba(204,169,44, 0); }
    100% { -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0); }
}
@keyframes pulse {
    0%   { box-shadow: 0 0 0 0 rgba(218,5,5, 0.4); }
    70%  { box-shadow: 0 0 0 10px rgba(204,169,44, 0); }
    100% { box-shadow: 0 0 0 0 rgba(204,169,44, 0); }
}


/* ============================================================
   12. SHARED LAYOUT HELPERS (.block, .slide-headline, etc.)
   ============================================================ */

#lightbox .block {
    position: absolute;
    top: 0;
    left: 6.25em;
    bottom: 0;
    width: 57%;
}
#lightbox .block .slide-headline { position: relative; }
#lightbox .block .slide-headline h2 { position: relative; margin: 0; display: inline-block; }
#lightbox .block .slide-headline h2 span { display: inline-block; }

#lightbox .slide-headline { margin: 0 0 0.625em; }
#lightbox .slide-headline h2 {
    font-size: 2.5em;
    line-height: 2.8125em;
    letter-spacing: .1em;
    margin: 0 0 .25em;
}
#lightbox .slide-headline h2 span { display: block; }
#lightbox .slide-headline h3 { font-size: 1em; letter-spacing: .15em; }
#lightbox .slide-headline .claim {
    display: block;
    font-size: 0.7em;
    letter-spacing: .15em;
    margin-left: 0.1875em;
}
#lightbox .slide-copy { max-width: none; }
#lightbox .slide-copy p { font-size: 0.875em; line-height: 1.5625em; letter-spacing: .12em; text-align: left; color: #fff; }

#lightbox .seperator-gradient {
    width: 100%;
    height: 1px;
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, transparent, #fff, transparent);
    background-image: -webkit-linear-gradient(left, transparent, #fff, transparent);
}
.light #lightbox .seperator-gradient {
    background-image: linear-gradient(to bottom, transparent, #000, transparent);
    background-image: -webkit-linear-gradient(left, transparent, #000, transparent);
}

@media screen and (max-width: 640px) {
    #lightbox .block { left: auto; width: 100%; }
    #lightbox .block.show { z-index: 10; }
    #lightbox .block.hide { z-index: 1; }
    #lightbox .slide-headline,
    #lightbox .slide-copy { margin-left: 0.9375em; margin-right: 0.75em; width: auto; }
    #lightbox .slide-headline h2 { font-size: 1.2em; line-height: 2.1875em; letter-spacing: .1em; }
    #lightbox .slide-headline h3 { font-size: 0.8125em; }
    #lightbox .slide-headline .claim { font-size: 0.5em; }
    #lightbox .slide-copy { max-width: 35em; width: auto; }
    #lightbox .slide-copy p { font-size: 0.875em; line-height: 1.375em; }
}


/* ============================================================
   13. CART / FORM / CHECKOUT PANELS
   ============================================================ */

#lightbox #cart,
#lightbox #form {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
#lightbox #cart,
#lightbox #checkout {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
#lightbox #cart_item,
#lightbox #form_item,
#lightbox #checkout_item {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
}
#lightbox #cart_item h3 { margin: 0; font-size: 1.125em; }
#lightbox #cart_item h3.cart-title { margin-top: 2em; margin-bottom: 1em; color: #FF0000; }
#lightbox #cart_item h3.cart-status { margin: 0.5em 0 0.5em 0; }
#lightbox h3.cart-status { display: none; }
#lightbox h3.cart-status.empty { display: block; }
#lightbox div.cart-status { display: block; }
#lightbox div.cart-status.empty { display: none; }
#lightbox #form_item h3,
#lightbox #checkout_item h3 { margin: 0; font-size: 1.125em; }
#lightbox #form_item h3.form-title,
#lightbox #checkout_item h3.form-title { margin-top: 2em; margin-bottom: 1em; color: #FF0000; }

/* Animate panels in on open */
#lightbox #cart_item, #lightbox #cart_item h3, #lightbox #cart_item,
#lightbox #form_item, #lightbox #form_item h3, #lightbox #form_item,
#lightbox #checkout_item, #lightbox #checkout_item h3, #lightbox #checkout_item,
#lightbox .slide-product {
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 90px, 0);
    transform: translate(0, 90px);
}
#lightbox.open #cart_item, #lightbox.open #cart h3, #lightbox.open #cart_item,
#lightbox.open #form_item, #lightbox.open #form h3,
#lightbox.open #checkout_item, #lightbox.open #checkout h3,
#lightbox.open .slide-product {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate(0, 0);
}

@media screen and (max-width: 640px) {
    #lightbox #cart_item h3.cart-title { margin-top: 1.5em; font-size: 0.9em; }
    #lightbox #cart_item { margin: 0em 0.8em 0em 0.8em; }
    #lightbox #form_item h3.form-title,
    #lightbox #checkout_item h3.form-title { margin-top: 1.5em; font-size: 0.9em; }
    #lightbox #form_item,
    #lightbox #checkout_item { margin: 0em 0.8em 0em 0.8em; }
}


/* ============================================================
   14. CART TABLE STYLES
   ============================================================ */

#lightbox table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-family: 'Neo-Font', Arial, sans-serif;
    font-size: 1.125em;
    text-transform: uppercase;
}
#lightbox table a,
#lightbox table a:visited,
#lightbox table a:active,
#lightbox table a:hover { color: #fff; text-decoration: none; }
#lightbox table a:hover,
#lightbox table a:active { color: #FF0000; }
.light #lightbox table a { color: #000; }
.light #lightbox table a:hover { color: #FF0000; }
#lightbox table th { padding: 0.8em 0; }
#lightbox table td { padding: 0.8em 0; vertical-align: middle; }
#lightbox tr { border-bottom: 1px solid grey; }
#lightbox tr.title-row { border-bottom: none; }
#lightbox tr.order-total { border-bottom: none; }
#lightbox col.c-left   { width: 45%; }
#lightbox col.c-centre { width: 10%; }
#lightbox col.c-right  { width: 45%; }

#lightbox .product-name      { text-align: center; padding-bottom: 0px; }
#lightbox .product-thumbnail { text-align: center; padding: 0; }
#lightbox .product-thumbnail img { max-width: 100%; height: auto; margin-top: -4%; margin-bottom: -4%; }
#lightbox .product-quantity  { text-align: left; }
#lightbox .product-subtotal  { text-align: right; }
#lightbox .coupon            { text-align: left; }
#lightbox .coupon-submit     { text-align: right; }
#lightbox tr.update-button   { display: none; }
#lightbox table thead        { display: none; }
#lightbox a.remove           { color: grey; display: none; }
#lightbox td.product-price   { display: none; }

#lightbox table td .nc-button { margin: 0px; }
#lightbox #coupon_code {
    display: inline-block;
    text-align: center;
    width: 145px;
    height: 22px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #FF0000;
    border-radius: 0;
    background: transparent;
    color: #fff;
}
#lightbox .wac-quantity { display: block; }
#lightbox a.wac-qty-button {
    display: inline-block;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    height: 20px;
    border: 1px solid #FF0000;
    vertical-align: middle;
    line-height: 100%;
}
#lightbox .qty {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 20px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #808080;
    border-radius: 0;
    background: transparent;
    font-family: neo-font;
    color: #fff;
}
.light #lightbox .qty { color: #000; }

#lightbox input[type=number]::-webkit-inner-spin-button,
#lightbox input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

/* Cart collaterals / totals */
#lightbox div.cart-collaterals table { border-collapse: collapse; width: 100%; }
#lightbox div.cart-collaterals table td { text-align: right; }
#lightbox div.cart-collaterals table th { text-align: left; }
#lightbox div.cart-collaterals tr.shipping th { display: none; }
#lightbox div.cart-collaterals tr.shipping td { text-align: center; color: red; }
#lightbox .neocom-remove-coupon,
#lightbox .woocommerce-remove-coupon {
    font-family: 'HelveticaNeue-Light', Arial, sans-serif;
    font-size: 0.9em;
    margin-left: 5px;
    color: #FF0000;
}
#lightbox .neocom-remove-coupon:hover,
#lightbox .woocommerce-remove-coupon:hover { text-decoration: underline; font-weight: bold; }
#lightbox .neocom-Price-currencySymbol,
#lightbox .woocommerce-Price-currencySymbol { margin: 0 1px; }

/* Checkout / paypal button */
#lightbox .paypal_checkout_button,
#lightbox .checkout_trigger,
#lightbox #place_order {
    z-index: 3;
    line-height: 1.5;
    font-weight: 500;
    font-size: 1.125em;
    font-family: 'Neo-Font', Arial, sans-serif;
    text-transform: uppercase;
    background: -webkit-linear-gradient(#d60303, #7e0707);
    background: linear-gradient(#d60303, #7e0707);
    border-color: #900909;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 1em;
}
#lightbox .paypal_checkout_button span,
#lightbox .checkout_trigger span,
#lightbox #place_order span { display: inline; vertical-align: middle; }

#lightbox .woocommerce-checkout-review-order-table,
#lightbox .neocom-checkout-review-order-table { display: none; }
#lightbox .woocommerce-additional-fields,
#lightbox .neocom-additional-fields { display: none; }
#lightbox #order_review_heading { display: none; }
#lightbox ul#shipping_method { list-style: none; }
#lightbox .woocommerce-shipping-destination,
#lightbox .neocom-shipping-destination { display: none; }
#lightbox .neocom-message,
#lightbox .woocommerce-message { display: none; }
#lightbox a.added_to_cart { display: none; }

/* Brands icon table */
#lightbox table.brands { width: 100%; }
#lightbox table.brands tr { vertical-align: middle; padding: 0; margin: 0; border: 0; }
#lightbox table.brands td { padding: 0; margin: 0; vertical-align: middle; color: gray; font-size: 75px; }
#lightbox table.brands td.icon-PayPal_logoz { font-size: 100px; }
#lightbox table.brands td.icon-microsoft    { font-size: 100px; }

@media screen and (max-width: 640px) {
    #lightbox table.brands td.icon-maestro,
    #lightbox table.brands td.icon-amex { display: none; }
    #lightbox table.brands td { font-size: 55px; }
    #lightbox table.brands td.icon-PayPal_logoz { font-size: 70px; }
    #lightbox table.brands td.icon-microsoft    { font-size: 70px; }
}


/* ============================================================
   15. JCAROUSEL SLIDER (product thumbnail carousel in cart)
   ============================================================ */

#lightbox .jcarousel-wrapper {
    margin: 0;
    position: relative;
    display: block;
    max-width: 100%;
    margin-top: 1.5em;
    margin-bottom: 4em;
}
#lightbox .jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
#lightbox .jcarousel ul {
    width: 20000px;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
#lightbox .jcarousel li {
    min-width: 330px;
    min-height: 150px;
    float: left;
    border: 1px solid gray;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
}
#lightbox .jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}
@media screen and (min-width: 641px) {
    #lightbox .jcarousel li:hover { border-color: #FF0000; }
}
/* Carousel controls */
#lightbox .jcarousel-control-prev,
#lightbox .jcarousel-control-next {
    position: absolute;
    top: 122%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}
.light #lightbox .jcarousel-control-prev,
.light #lightbox .jcarousel-control-next {
    color: #000;
    text-shadow: 0 0 1px #000;
    -webkit-box-shadow: 0 0 4px #000;
    box-shadow: 0 0 4px #000;
}
#lightbox .jcarousel-control-prev { left: 25%; }
#lightbox .jcarousel-control-next { right: 25%; }
#lightbox .jcarousel-control-prev:hover,
#lightbox .jcarousel-control-next:hover { color: red; }
/* Carousel pagination */
#lightbox .jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}
#lightbox .jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;
    background: gray;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
}
#lightbox .jcarousel-pagination a.active {
    background: #ec0202;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #ff0000;
    box-shadow: 0 0 2px #ff0000;
}
/* jcarousel product labels */
#lightbox .jcarousel h4.product-title { top: 0px; font-size: 0.9em; }
#lightbox .jcarousel h4.product-title span.sub-title { font-size: 0.6em; margin-top: -0.8em; }
#lightbox .jcarousel h5.product-model { bottom: 0.2em; font-size: 1em; letter-spacing: 0.02em; }
#lightbox .jcarousel p.intro { font-size: 1em; }

@media screen and (max-width: 640px) {
    #lightbox .jcarousel-control-prev,
    #lightbox .jcarousel-control-next { display: none; }
}


/* ============================================================
   16. SERVICES / PERFORMANCE / OOB INFO PANELS
   ============================================================ */

#lightbox #services-info h3,
#lightbox #performance-info h3,
#lightbox #oob-info h3 {
    -webkit-transform: none;
    transform: none;
    font-size: 2.1em;
    line-height: 1.1em;
}
#lightbox #services-info h4,
#lightbox #performance-info h4,
#lightbox #oob-info h4 { margin: 1.125em 0 0.375em; }
#lightbox #services-info ul,
#lightbox #performance-info ul,
#lightbox #oob-info ul { margin: 1em 1em 1em -2.5em; list-style-type: none; }
#lightbox #services-info li,
#lightbox #performance-info li,
#lightbox #oob-info li { margin: 0 0 0 2.5em; width: 43%; }
#lightbox #services-info .block,
#lightbox #performance-info .block,
#lightbox #oob-info .block {
    left: 0; height: 100%; width: 100%;
    overflow: auto; overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
#lightbox #services-info .scroll .block,
#lightbox #performance-info .scroll .block,
#lightbox #oob-info .scroll .block {
    margin: 0;
    -webkit-overflow-scrolling: touch;
    overflow: auto; overflow-x: hidden;
}
#lightbox #services-info .scroll > *,
#lightbox #performance-info .scroll > *,
#lightbox #oob-info .scroll > * {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
}
#lightbox #services-info .slide-headline,
#lightbox #services-info .slide-copy,
#lightbox #performance-info .slide-headline,
#lightbox #performance-info .slide-copy,
#lightbox #oob-info .slide-headline,
#lightbox #oob-info .slide-copy { margin-left: 1.5625em; margin-right: 1.5625em; width: 95%; }
#lightbox #services-info .slide-headline,
#lightbox #performance-info .slide-headline,
#lightbox #oob-info .slide-headline { margin-top: 3.75em; margin-bottom: 1.875em; }
#lightbox #services-info .slide-copy p,
#lightbox #performance-info .slide-copy p,
#lightbox #oob-info .slide-copy p { width: 70%; }
#lightbox #services-info .disclaimer p,
#lightbox #performance-info .disclaimer p,
#lightbox #oob-info .disclaimer p { font-size: 0.6875em; padding: 0; }
#lightbox #services-info > div { display: none; }
#lightbox #services-info h3 { margin-top: 0; }
#lightbox #services-info .slide-copy ul { margin: 1em 0 1em 0; }
#lightbox #services-info .slide-copy ul.sqr { margin: 1em 0 1em 0.5em; list-style-type: square; }
#lightbox #services-info .slide-copy ul.sqr li { list-style-type: square; }
#lightbox #services-info .slide-copy ul > li { margin: 0; }
#lightbox #services-info .slide-copy ul > li,
#lightbox #services-info .slide-copy p { width: 100%; }
#lightbox #services-info .slide-copy h4 { font-size: 1.1em; line-height: 1.4; }
#lightbox #services-info .slide-headline,
#lightbox #services-info .slide-copy { margin-left: auto; margin-right: auto; width: 60%; max-width: 42em; }
#lightbox #services-info .slide-copy ul.accordion-content { margin: 0; }

#lightbox #performance-info h4,
#lightbox #performance-info h5,
#lightbox #performance-info p,
#lightbox #performance-info .slide-headline { overflow: hidden; }
#lightbox #performance-info h5 { margin: 0 auto; }
#lightbox #performance-info p,
#lightbox #performance-info ul { margin-top: 0; margin-bottom: 1.5625em; }
#lightbox #performance-info li { display: block; width: auto; }
#lightbox #performance-info p,
#lightbox #performance-info li { font-size: 0.9375em; padding-left: 1.25em; }
#lightbox #performance-info li,
#lightbox #performance-info .slide-headline { margin-top: 0; margin-bottom: 0; }
#lightbox #performance-info .wrapper { margin: 4.6875em 1.5625em; }
#lightbox #oob-info li { display: block; padding-left: 0.9375em; width: auto; }

@media screen and (max-width: 640px) {
    #lightbox #services-info h3,
    #lightbox #performance-info h3,
    #lightbox #oob-info h3 { font-size: 1.375em; letter-spacing: 0.125em; line-height: 1.2em; }
    #lightbox #services-info ul,
    #lightbox #performance-info ul,
    #lightbox #oob-info ul { margin: 1em 0; }
    #lightbox #services-info li,
    #lightbox #performance-info li,
    #lightbox #oob-info li { margin: 0.625em 0; width: 100%; }
    #lightbox #services-info .slide-headline,
    #lightbox #performance-info .slide-headline,
    #lightbox #oob-info .slide-headline { margin-bottom: 0.9375em; }
    #lightbox #services-info .slide-headline,
    #lightbox #services-info .slide-copy,
    #lightbox #performance-info .slide-headline,
    #lightbox #performance-info .slide-copy,
    #lightbox #oob-info .slide-headline,
    #lightbox #oob-info .slide-copy { margin-left: 0.9375em; margin-right: 0.9375em; }
    #lightbox #services-info .slide-copy,
    #lightbox #performance-info .slide-copy,
    #lightbox #oob-info .slide-copy { width: 90%; }
    #lightbox #services-info .slide-copy p,
    #lightbox #performance-info .slide-copy p,
    #lightbox #oob-info .slide-copy p { width: 95%; }
    #lightbox #services-info .slide-headline,
    #lightbox #services-info .slide-copy { width: 90%; }
    #lightbox #performance-info .wrapper { margin: 4.6875em 0; }
    #lightbox #performance-info h3 { letter-spacing: .15em; }
    #lightbox #performance-info p,
    #lightbox #performance-info li { line-height: 1.5625em; }
    #lightbox #performance-info br { display: none; }
    #lightbox #performance-info .disclaimer br { display: inline-block; }
    #lightbox #oob-info ul { margin-top: 1.875em; }
    #lightbox #oob-info br { display: none; }
    #lightbox #oob-info .disclaimer br { display: inline-block; }
    #lightbox #services-info .slide-copy h4 { font-size: 0.9em; line-height: 1.4; }
}


/* ============================================================
   17. VIDEO PANEL
   ============================================================ */

#lightbox #videos { position: relative; height: 100%; }
#lightbox #videos .video-container {
    position: absolute;
    height: 350px;
    margin: -175px 0 0 -340px;
    top: 50%;
    left: 50%;
    width: 680px;
    overflow: hidden;
}
#lightbox #videos iframe,
#lightbox #videos object,
#lightbox #videos embed {
    opacity: 0;
    position: relative;
    top: 0; left: 0;
    width: 100%; height: 100%;
    -webkit-transition: opacity 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: opacity 850ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#lightbox #videos #lightbox-media-player { width: 100%; height: 100%; }
#lightbox #videos.on iframe,
#lightbox #videos.on object,
#lightbox #videos.on embed { opacity: 1; }

@media screen and (max-width: 640px) {
    #lightbox #videos .video-container { height: 320px; width: 320px; margin: -130px 0 0 -160px; }
}
@media screen and (max-height: 640px) and (max-width: 960px) and (orientation: landscape) {
    #lightbox #videos .video-container { height: 220px; width: 480px; margin: -80px 0 0 -240px; }
}


/* ============================================================
   18. PRODUCT DISPLAY (.slide-product, .products-contaner)
   ============================================================ */

#lightbox #services-info .products-contaner h4 { margin: 0; }
#lightbox .slide-product h4 { margin: 0; }
#lightbox .slide-product { margin-left: auto; margin-right: auto; max-width: 720px; }
#lightbox #services-info h3.product-title {
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.125em;
    color: #FF0000;
    text-align: center;
}
#lightbox .products-contaner {
    display: block;
    margin: 0 0 15px 0;
    position: relative;
    border: 2px solid grey;
}
#lightbox .products-contaner:hover { border-color: #ff0000; }
#lightbox h4.product-title {
    position: absolute;
    top: .8em; left: .5em;
    font-size: 1.8em;
    text-align: left;
    font-family: 'NEOElementsX';
}
#lightbox h4.product-title span.sub-title {
    display: block;
    text-align: left;
    font-size: 0.6em;
    margin-top: 0.3em;
}
#lightbox p.intro {
    margin: 0;
    position: absolute;
    top: 1.7em; left: .5em;
    font-size: 2em;
    text-align: left;
    font-family: 'NEOElementsX';
    line-height: 100%;
}
#lightbox h5.product-model {
    margin: 0;
    position: absolute;
    bottom: 0.5em; left: 0.5em;
    display: block;
    text-align: left;
    font-size: 1.8em;
    font-family: 'HelveticaNeue-Light';
}
#lightbox h5.product-notice {
    margin: 0;
    position: absolute;
    bottom: 0.5em; left: 0.5em;
    display: block;
    text-align: left;
    font-size: 1.8em;
    font-family: 'HelveticaNeue-Light';
}
#lightbox .product-img { max-width: 100%; height: auto; display: block; }
#lightbox .dyna-red  { color: #e60101; }
#lightbox .dyna-grey { color: #cac8c8; }
#lightbox .dyna-wb   { color: #fff; }
.light #lightbox .dyna-red  { color: #FC0307; }
.light #lightbox .dyna-grey { color: #808080; }
.light #lightbox .dyna-wb   { color: #000; }

@media screen and (max-width: 640px) {
    #lightbox .slide-product { margin: 0em 0.8em 0em 0.8em; }
    #lightbox #services-info h3.product-title { margin-top: 1.5em; font-size: 0.9em; }
    #lightbox h4.product-title { top: 0.3em; font-size: 0.9em; }
    #lightbox h4.product-title span.sub-title { font-size: 0.6em; margin-top: -0.8em; }
    #lightbox h5.product-model { bottom: 0.3em; font-size: 1em; letter-spacing: 0.05em; }
    #lightbox p.intro { font-size: 1em; }
    #lightbox h5.product-notice { bottom: 0.3em; font-size: 1.2em; letter-spacing: 0.05em; font-weight: bold; }
}


/* ============================================================
   19. CONTACT FORM STYLES
   ============================================================ */

#lightbox *:focus { outline: none; }

#lightbox .inputFirst { margin-top: 30px; }
#lightbox .inputGroup {
    position: relative;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
}
#lightbox .inputGroup label {
    position: absolute;
    top: 0; left: 0;
    padding: 5px 0px 5px 0px;
    pointer-events: none;
    transition: all 0.3s ease;
    font-size: 1.4em;
    font-family: Neo-Font;
    color: #888;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
}
#lightbox .inputGroup input,
#lightbox .inputGroup textarea {
    display: block;
    width: 100%;
    border: none;
    padding: 15px 0 15px 0;
    background: none;
    color: #fff;
    font-family: 'HelveticaNeue-Light', sans-serif;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.5625em;
    letter-spacing: .11em;
}
.light #lightbox .inputGroup input,
.light #lightbox .inputGroup textarea { color: #000; }

#lightbox form.wpcf7-form.invalid label {
    color: #fff;
    border-right: 3px double red;
    border-left: 3px double red;
}
.light #lightbox form.wpcf7-form.invalid label { color: #333333; }

#lightbox .inputGroup input:focus ~ label,
#lightbox .inputGroup input:valid ~ label,
#lightbox .inputGroup textarea:focus ~ label,
#lightbox .inputGroup textarea:valid ~ label {
    top: -20px;
    transition: all 0.3s ease;
    transform: scale(0.7, 0.7);
    color: #da0505;
    background: transparent;
    border: none;
}
#lightbox .inputBar {
    width: 100%;
    height: 1px;
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, transparent, #fff, transparent);
    background-image: -webkit-linear-gradient(left, transparent, #fff, transparent);
}
.light #lightbox .inputBar {
    background-image: linear-gradient(to bottom, transparent, #000, transparent);
    background-image: -webkit-linear-gradient(left, transparent, #000, transparent);
}
#lightbox .inputGroup input:focus ~ .inputBar:before,
#lightbox .inputGroup input:focus ~ .inputBar:after,
#lightbox .inputGroup textarea:focus ~ .inputBar:before,
#lightbox .inputGroup textarea:focus ~ .inputBar:after { width: 50%; }
#lightbox .inputGroup textarea { width: 100%; }
#lightbox .inputGroup .inputBar { position: relative; display: block; }
#lightbox .inputGroup .inputBar:before,
#lightbox .inputGroup .inputBar:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    background: #da0505;
    height: 2px;
    transition: all 0.2s ease;
}
#lightbox .inputGroup .inputBar:after { right: 50%; }
#lightbox .inputGroup .inputBar:before { left: 50%; }

#lightbox form.wpcf7-form.invalid .inputGroup input:focus ~ label,
#lightbox form.wpcf7-form.invalid .inputGroup input:valid ~ label,
#lightbox form.wpcf7-form.invalid .inputGroup textarea:focus ~ label,
#lightbox form.wpcf7-form.invalid .inputGroup textarea:valid ~ label {
    background: transparent;
    color: #da0505;
}
#lightbox input:focus:invalid { color: #ff0000; }
#lightbox input:invalid       { color: transparent; }
.light #lightbox input:focus:invalid { color: #ff0000; }
.light #lightbox input:invalid       { color: transparent; }

#lightbox .wpcf7 .screen-reader-response { display: none; }
#lightbox div.wpcf7-response-output {
    display: block;
    border: none;
    background: none;
    color: #fff;
    font-family: Neo-Font;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.85em;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
#lightbox div.wpcf7-response-output.wpcf7-validation-errors { color: #ff0000; }

#lightbox .submit_container { display: block; width: 100%; height: auto; margin-bottom: 100px; }
#lightbox .submit_container .nc-button {
    font-family: Neo-Font;
    text-transform: uppercase;
    text-align: center;
    font-size: 1em;
    letter-spacing: 1px;
    padding-left: 45px;
    padding-right: 45px;
    margin: 0px 0px 15px 0px;
}
#lightbox .ajax-loader {
    visibility: hidden;
    display: block;
    background-image: url(images/animations/loading.gif);
    width: 39px;
    height: 21px;
    border: none;
    padding: 0;
    margin: auto;
}
.light #lightbox .ajax-loader {
    background-image: url(images/animations/bar-loading.gif);
    width: 128px;
    height: 15px;
}
#lightbox .ajax-loader.is-active { visibility: visible; }
#lightbox .ajax-error { display: none; }

@media screen and (max-width: 640px) {
    #lightbox #billing_email_field { margin-top: 1em; }
    #lightbox #payment { margin-top: 70px; }
}
#lightbox #checkout ul { 
    list-style: square;
    /*HIDE RED PAR AND CARD ICONS IN CHECKOUT POPUP */
    display: none; 
}
#lightbox #checkout li { background: #e00303; margin: 8px; }
#lightbox #checkout table.brands { margin-bottom: 400px; }
#lightbox select#billing_country { margin: 35px 0 20px 0; background: #e6e6e6; }
#lightbox select {
    margin-top: 35px;
    margin-bottom: 0.9em;
    padding: 5px;
    background: none;
    color: red;
    font-family: Neo-Font;
    font-weight: 500;
    text-transform: uppercase;
    text-align-last: center;
}

#lightbox .woocommerce .blockUI.blockOverlay,
#lightbox .woocommerce .blockUI,
#lightbox .woocommerce .blockOverlay { position: relative !important; display: none !important; }


/* ============================================================
   PRESERVED SEPARATELY — h1.logo + #menu (.lbh)
   These elements live OUTSIDE #lightbox in the HTML.
   Their own rules are left unscoped as-is.
   ============================================================ */

/* ---- h1.logo ---- */
 h1.logo {
	position: fixed;
	width: 234px;/*neo:192px*/
	height: 84px;/*neo:36px*/
	overflow: hidden;
	opacity: 1;
	margin-left: 15px;
	z-index: 5;
	margin: 0;
	left: 70px;/*original neo was 20px*/
    top: 60px;
}

#loader.hide, h1.logo.hide, .start-logo.hide, .lbh.hide { opacity: .02; }
h1.logo { opacity: 1; }
h1.logo span {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-repeat: no-repeat;
}



h1.logo span {
	white-space: nowrap;
	overflow: hidden;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRVhUUkVNRSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjkzLjAyIDUyLjk4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkVYMTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDEsOC45MUgyMi4zNmwtMywxMS41OUgzNy4yMmwtMi4zMSw4LjcySDE3bC0zLjcsMTQuMTZIMzJsLTIuMzIsOC43MUguODlMMTQuNTYuMkg0My4zNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTQuMTEsMzMuNzMsNDUsMTguNEg1Ni40Mmw0Ljc3LDguNzJMNzAuNSwxOC40SDgyLjg3TDY1LjcsMzMuNzMsNzYuODIsNTIuMDlINjUuMjNMNTguNzEsNDAuMzQsNDYuMjQsNTIuMDlIMzMuNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTk3LjY4LDI2LjQ5LDkxLDUyLjA5SDgxLjQ4bDYuNzEtMjUuNkg4NC40NmwyLjE1LTguMDloMy43M2wzLTExLjUxaDkuNDlsLTMsMTEuNTFoNi41NGwtMi4xNSw4LjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTEuMzQsMTguNGg5LjVsLTEuMyw0LjgzYTE1LjUxLDE1LjUxLDAsMCwxLDQuODItNC40NCwxMS41NSwxMS41NSwwLDAsMSw2LjEyLTEuNDgsMTEsMTEsMCwwLDEsNC4zMi43OGwtNCw4LjQ4YTcuMjMsNy4yMywwLDAsMC0zLjUzLS44NUE5LjM4LDkuMzgsMCwwLDAsMTIxLDI4LjA1Yy0yLjQsMi4xLTQuMzksNi4zLTUuMjYsOS43MkwxMTIsNTIuMDloLTkuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2Niw0My4wNmEyMi43NSwyMi43NSwwLDAsMS04LjI2LDcuODYsMjIuNDksMjIuNDksMCwwLDEtMTAuNDMsMi4yNmMtNC41MSwwLTguODMtLjg2LTExLjg3LTQuNjctMS41OS0xLjk0LTMuMjktNS4zNy0yLjUxLTEwLjg5YTI1LjQsMjUuNCwwLDAsMSw4LTE1LjMzLDIwLjM0LDIwLjM0LDAsMCwxLDE0LjE2LTVjNC4wNSwwLDguMTQuNzgsMTEsMy44OSwzLjE2LDMuNSwzLjIyLDguMDksMi42NCwxMi4yMmEyMy42MiwyMy42MiwwLDAsMS0uNjQsMy40MmgtMjUuMmMtLjgzLDMuMTEtLjIxLDUuMzcsMSw2Ljc3YTYuMzUsNi4zNSwwLDAsMCw1LjIzLDIuMSwxMS42MiwxMS42MiwwLDAsMCw1LjI5LTEuMDksMTIuNDQsMTIuNDQsMCwwLDAsMy43Ni0zLjVabS01LjI3LTEyLjI5YTYuNDQsNi40NCwwLDAsMC0xLjQyLTQuOSw2LjksNi45LDAsMCwwLTUtMS44Nyw5Ljc0LDkuNzQsMCwwLDAtNi4wNywyLjE4LDEyLjc1LDEyLjc1LDAsMCwwLTMuNDQsNC41OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTgwLjI3LDE4LjRoOS40OWwtMSwzLjgyYTE3LjY3LDE3LjY3LDAsMCwxLDQuNTEtMy4zNSwxMy40MiwxMy40MiwwLDAsMSw2LjI5LTEuNTYsMTAuMDYsMTAuMDYsMCwwLDEsNi4wNSwxLjc5LDcuNzMsNy43MywwLDAsMSwzLDQuMzYsMTMuNTQsMTMuNTQsMCwwLDEsNC41Ni00LjI4LDEyLjg0LDEyLjg0LDAsMCwxLDctMS44N2MzLjI2LDAsNi40Ljk0LDguMTYsMi44MSwyLjE2LDIuMzMsMiw1LjI5LDEuNjIsNy44NWEzNi44NywzNi44NywwLDAsMS0xLjE3LDUuNTNsLTQuODYsMTguNTloLTkuNWw0LjItMTZhNDUuNzksNDUuNzksMCwwLDAsMS4xNi00LjljLjI5LTIuMSwwLTMuNjUtLjg1LTQuNTFhNSw1LDAsMCwwLTMuNC0xLjI0QTYuNTUsNi41NSwwLDAsMCwyMTEsMjcuMTJjLTEuNzgsMS41NS0zLjIyLDQtNC4zOSw4LjU1bC00LjI2LDE2LjQyaC05LjQ5TDE5NywzNi40NWMuMi0uOTMsMS00LDEuMjEtNS4yOXMuMjktMy4xOS0uNy00LjQzYTQuMzcsNC4zNywwLDAsMC0zLjQtMS4zMiw3LDcsMCwwLDAtNC44NiwxLjk0Yy0xLjg5LDEuNzktMy4zLDUuMjEtNC4xOCw4LjcxbC00LjIsMTZoLTkuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI2OC4xMyw0My4wNmEyMi43NSwyMi43NSwwLDAsMS04LjI2LDcuODYsMjIuNDksMjIuNDksMCwwLDEtMTAuNDMsMi4yNmMtNC41MSwwLTguODMtLjg2LTExLjg3LTQuNjctMS41OS0xLjk0LTMuMjktNS4zNy0yLjUxLTEwLjg5YTI1LjM2LDI1LjM2LDAsMCwxLDgtMTUuMzMsMjAuMzIsMjAuMzIsMCwwLDEsMTQuMTUtNWM0LjA1LDAsOC4xNC43OCwxMSwzLjg5LDMuMTcsMy41LDMuMjIsOC4wOSwyLjY0LDEyLjIyYTIzLjYyLDIzLjYyLDAsMCwxLS42NCwzLjQySDI0NWMtLjgzLDMuMTEtLjIxLDUuMzcsMSw2Ljc3YTYuMzUsNi4zNSwwLDAsMCw1LjIzLDIuMSwxMS41OSwxMS41OSwwLDAsMCw1LjI5LTEuMDksMTIuNDQsMTIuNDQsMCwwLDAsMy43Ni0zLjVabS01LjI3LTEyLjI5YTYuNDcsNi40NywwLDAsMC0xLjQxLTQuOSw2Ljk0LDYuOTQsMCwwLDAtNS0xLjg3LDkuNjksOS42OSwwLDAsMC02LjA2LDIuMTgsMTIuNzcsMTIuNzcsMCwwLDAtMy40NSw0LjU5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yODQuNjYsMjQuMjRhNy43Myw3LjczLDAsMSwxLDcuNzMtNy43Myw3Ljc0LDcuNzQsMCwwLDEtNy43Myw3LjczWk0yOTEuMiwxMGE5LjI1LDkuMjUsMCwxLDAsMi43MSw2LjU0QTkuMTgsOS4xOCwwLDAsMCwyOTEuMiwxMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjg0LjU2LDE2LjFoLTEuNzhWMTIuNTdxLjYtLjA2LDEuNTMtLjA2YzEuOTEsMCwyLjg2LjU5LDIuODYsMS43OHMtLjg3LDEuODEtMi42MSwxLjgxWm0yLjIyLjY1YTIuNjQsMi42NCwwLDAsMCwxLjgtMi41NCwyLjQsMi40LDAsMCwwLTEuMTUtMi4xMSw1LjUsNS41LDAsMCwwLTMuMTItLjc4LDE3Ljc4LDE3Ljc4LDAsMCwwLTMsLjI4VjIxLjY4aDEuNDVWMTcuMjJoMS44NWMxLjUsMCwyLjQ1LDEuNDgsMi44Nyw0LjQ2SDI4OWExNC4wNiwxNC4wNiwwLDAsMC0uODQtMy4zNiwzLjUxLDMuNTEsMCwwLDAtMS4zMy0xLjU3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48L3N2Zz4=);
	/*Disabled on new logo: background-size: 192px 36px;*/
	text-indent: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
}

.light h1.logo span {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRVhUUkVNRSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjkzLjAyIDUyLjk4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzNhM2EzYTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkVYQjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDEsOC45MUgyMi4zNmwtMywxMS41OUgzNy4yMmwtMi4zMSw4LjcySDE3bC0zLjcsMTQuMTZIMzJsLTIuMzIsOC43MUguODlMMTQuNTYuMkg0My4zNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTQuMTEsMzMuNzMsNDUsMTguNEg1Ni40Mmw0Ljc3LDguNzJMNzAuNSwxOC40SDgyLjg3TDY1LjcsMzMuNzMsNzYuODIsNTIuMDlINjUuMjNMNTguNzEsNDAuMzQsNDYuMjQsNTIuMDlIMzMuNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTk3LjY4LDI2LjQ5LDkxLDUyLjA5SDgxLjQ4bDYuNzEtMjUuNkg4NC40NmwyLjE1LTguMDloMy43M2wzLTExLjUxaDkuNDlsLTMsMTEuNTFoNi41NGwtMi4xNSw4LjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTEuMzQsMTguNGg5LjVsLTEuMyw0LjgzYTE1LjUxLDE1LjUxLDAsMCwxLDQuODItNC40NCwxMS41NSwxMS41NSwwLDAsMSw2LjEyLTEuNDgsMTEsMTEsMCwwLDEsNC4zMi43OGwtNCw4LjQ4YTcuMjMsNy4yMywwLDAsMC0zLjUzLS44NUE5LjM4LDkuMzgsMCwwLDAsMTIxLDI4LjA1Yy0yLjQsMi4xLTQuMzksNi4zLTUuMjYsOS43MkwxMTIsNTIuMDloLTkuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2Niw0My4wNmEyMi43NSwyMi43NSwwLDAsMS04LjI2LDcuODYsMjIuNDksMjIuNDksMCwwLDEtMTAuNDMsMi4yNmMtNC41MSwwLTguODMtLjg2LTExLjg3LTQuNjctMS41OS0xLjk0LTMuMjktNS4zNy0yLjUxLTEwLjg5YTI1LjQsMjUuNCwwLDAsMSw4LTE1LjMzLDIwLjM0LDIwLjM0LDAsMCwxLDE0LjE2LTVjNC4wNSwwLDguMTQuNzgsMTEsMy44OSwzLjE2LDMuNSwzLjIyLDguMDksMi42NCwxMi4yMmEyMy42MiwyMy42MiwwLDAsMS0uNjQsMy40MmgtMjUuMmMtLjgzLDMuMTEtLjIxLDUuMzcsMSw2Ljc3YTYuMzUsNi4zNSwwLDAsMCw1LjIzLDIuMSwxMS42MiwxMS42MiwwLDAsMCw1LjI5LTEuMDksMTIuNDQsMTIuNDQsMCwwLDAsMy43Ni0zLjVabS01LjI3LTEyLjI5YTYuNDQsNi40NCwwLDAsMC0xLjQyLTQuOSw2LjksNi45LDAsMCwwLTUtMS44Nyw5Ljc0LDkuNzQsMCwwLDAtNi4wNywyLjE4LDEyLjc1LDEyLjc1LDAsMCwwLTMuNDQsNC41OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTgwLjI3LDE4LjRoOS40OWwtMSwzLjgyYTE3LjY3LDE3LjY3LDAsMCwxLDQuNTEtMy4zNSwxMy40MiwxMy40MiwwLDAsMSw2LjI5LTEuNTYsMTAuMDYsMTAuMDYsMCwwLDEsNi4wNSwxLjc5LDcuNzMsNy43MywwLDAsMSwzLDQuMzYsMTMuNTQsMTMuNTQsMCwwLDEsNC41Ni00LjI4LDEyLjg0LDEyLjg0LDAsMCwxLDctMS44N2MzLjI2LDAsNi40Ljk0LDguMTYsMi44MSwyLjE2LDIuMzMsMiw1LjI5LDEuNjIsNy44NWEzNi44NywzNi44NywwLDAsMS0xLjE3LDUuNTNsLTQuODYsMTguNTloLTkuNWw0LjItMTZhNDUuNzksNDUuNzksMCwwLDAsMS4xNi00LjljLjI5LTIuMSwwLTMuNjUtLjg1LTQuNTFhNSw1LDAsMCwwLTMuNC0xLjI0QTYuNTUsNi41NSwwLDAsMCwyMTEsMjcuMTJjLTEuNzgsMS41NS0zLjIyLDQtNC4zOSw4LjU1bC00LjI2LDE2LjQyaC05LjQ5TDE5NywzNi40NWMuMi0uOTMsMS00LDEuMjEtNS4yOXMuMjktMy4xOS0uNy00LjQzYTQuMzcsNC4zNywwLDAsMC0zLjQtMS4zMiw3LDcsMCwwLDAtNC44NiwxLjk0Yy0xLjg5LDEuNzktMy4zLDUuMjEtNC4xOCw4LjcxbC00LjIsMTZoLTkuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI2OC4xMyw0My4wNmEyMi43NSwyMi43NSwwLDAsMS04LjI2LDcuODYsMjIuNDksMjIuNDksMCwwLDEtMTAuNDMsMi4yNmMtNC41MSwwLTguODMtLjg2LTExLjg3LTQuNjctMS41OS0xLjk0LTMuMjktNS4zNy0yLjUxLTEwLjg5YTI1LjM2LDI1LjM2LDAsMCwxLDgtMTUuMzMsMjAuMzIsMjAuMzIsMCwwLDEsMTQuMTUtNWM0LjA1LDAsOC4xNC43OCwxMSwzLjg5LDMuMTcsMy41LDMuMjIsOC4wOSwyLjY0LDEyLjIyYTIzLjYyLDIzLjYyLDAsMCwxLS42NCwzLjQySDI0NWMtLjgzLDMuMTEtLjIxLDUuMzcsMSw2Ljc3YTYuMzUsNi4zNSwwLDAsMCw1LjIzLDIuMSwxMS41OSwxMS41OSwwLDAsMCw1LjI5LTEuMDksMTIuNDQsMTIuNDQsMCwwLDAsMy43Ni0zLjVabS01LjI3LTEyLjI5YTYuNDcsNi40NywwLDAsMC0xLjQxLTQuOSw2Ljk0LDYuOTQsMCwwLDAtNS0xLjg3LDkuNjksOS42OSwwLDAsMC02LjA2LDIuMTgsMTIuNzcsMTIuNzcsMCwwLDAtMy40NSw0LjU5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yODQuNjYsMjQuMjRhNy43Myw3LjczLDAsMSwxLDcuNzMtNy43Myw3Ljc0LDcuNzQsMCwwLDEtNy43Myw3LjczWk0yOTEuMiwxMGE5LjI1LDkuMjUsMCwxLDAsMi43MSw2LjU0QTkuMTgsOS4xOCwwLDAsMCwyOTEuMiwxMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjg0LjU2LDE2LjFoLTEuNzhWMTIuNTdxLjYtLjA2LDEuNTMtLjA2YzEuOTEsMCwyLjg2LjU5LDIuODYsMS43OHMtLjg3LDEuODEtMi42MSwxLjgxWm0yLjIyLjY1YTIuNjQsMi42NCwwLDAsMCwxLjgtMi41NCwyLjQsMi40LDAsMCwwLTEuMTUtMi4xMSw1LjUsNS41LDAsMCwwLTMuMTItLjc4LDE3Ljc4LDE3Ljc4LDAsMCwwLTMsLjI4VjIxLjY4aDEuNDVWMTcuMjJoMS44NWMxLjUsMCwyLjQ1LDEuNDgsMi44Nyw0LjQ2SDI4OWExNC4wNiwxNC4wNiwwLDAsMC0uODQtMy4zNiwzLjUxLDMuNTEsMCwwLDAtMS4zMy0xLjU3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48L3N2Zz4=);
}



/* ---- #menu (.lbh) ---- */
#menu {
    position: fixed;
    top: 70px;
    right: 70px;
    z-index: 5;
    line-height: 100%;
    padding: 10px 0px;
    border-top: solid 1px #da0505;
    border-bottom: solid 1px #da0505;
    display: block;
    vertical-align: middle;
}
.nav-btn {
    z-index: 5;
    width: 50px;
    height: 18px;
    cursor: pointer;
    border-top: solid 2px #fff;
    border-bottom: solid 2px #fff;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.nav-btn span {
    position: absolute;
    height: 2px;
    background-color: #fff;
    width: 100%;
    top: 50%;
    margin-top: -1px;
}
.light .nav-btn span { background-color: black; }
.light .nav-btn { border-top: solid 1px #000; border-bottom: solid 1px #000; }
.nav-btn:hover { border-color: #ff0000; }

div.cart-icon {
    z-index: 5;
    border: solid 2px #fff;
    width: 16px;
    height: 18px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
}
div.cart-icon span {
    position: absolute;
    display: block;
    height: 2px;
    background-color: white;
    right: 4px;
    top: 0;
}
div.cart-icon span:nth-child(1) { width: 50%; top: -6px; vertical-align: middle; }
.light div.cart-icon { border-color: #000; }
.light div.cart-icon span { background-color: #000; }
div.cart-icon:hover { border-color: #ff0000; }

.cart-icon span.circle,
.light .cart-icon span.circle {
    z-index: 5;
    margin: 0px;
    width: 8px;
    height: 8px;
    top: 50%;
    margin-top: -4px;
    border-radius: 50%;
    background: #da0505;
    cursor: pointer;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: 0 0 0 rgba(218,5,5, 0.4);
    animation: pulse 2s infinite;
}
.nc-button {
    z-index: 3;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    font-family: "SF Pro Text", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background: -webkit-linear-gradient(#ff0000, #a50d0d);
    background: linear-gradient(#ff0000, #a50d0d);
    border-color: #900909;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    color: #fff;
    min-width: 82px;
    padding: 1px 10px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.nc-button:hover { background: linear-gradient(#fb3535, #d10606); border-color: #aa0c0c; text-decoration: none; }
.nc-button:active { background: linear-gradient(#d90101, #950b0b); outline: none; }

.ghost-button.loading span { display: none; }
.nc-button.loading span { display: none; }
.spinner { display: none; }
.loading .spinner { display: inline-block; }
.spinner > div {
    width: 11px; height: 11px;
    background-color: #fff;
    vertical-align: middle;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    margin: 2px;
}
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }




/* ----------- Menu and logo position for iPad ----------- */
@media screen and (max-width: 1200px) {
#menu {top: 40px; right: 40px;}
h1.logo {top: 40px; left: 40px;}
#lightbox .close-icon {top: 40px; right: 40px;}
.nav-btn { width: 60px; }
.nc-button { font-size: 14px; font-weight: 500; }
}



@media screen and (max-width: 640px) {
h1.logo span {
	white-space: nowrap;
	overflow: hidden;
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRVhUUkVNRSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjkzLjAyIDUyLjk4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkVYMTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDEsOC45MUgyMi4zNmwtMywxMS41OUgzNy4yMmwtMi4zMSw4LjcySDE3bC0zLjcsMTQuMTZIMzJsLTIuMzIsOC43MUguODlMMTQuNTYuMkg0My4zNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTQuMTEsMzMuNzMsNDUsMTguNEg1Ni40Mmw0Ljc3LDguNzJMNzAuNSwxOC40SDgyLjg3TDY1LjcsMzMuNzMsNzYuODIsNTIuMDlINjUuMjNMNTguNzEsNDAuMzQsNDYuMjQsNTIuMDlIMzMuNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTk3LjY4LDI2LjQ5LDkxLDUyLjA5SDgxLjQ4bDYuNzEtMjUuNkg4NC40NmwyLjE1LTguMDloMy43M2wzLTExLjUxaDkuNDlsLTMsMTEuNTFoNi41NGwtMi4xNSw4LjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTEuMzQsMTguNGg5LjVsLTEuMyw0LjgzYTE1LjUxLDE1LjUxLDAsMCwxLDQuODItNC40NCwxMS41NSwxMS41NSwwLDAsMSw2LjEyLTEuNDgsMTEsMTEsMCwwLDEsNC4zMi43OGwtNCw4LjQ4YTcuMjMsNy4yMywwLDAsMC0zLjUzLS44NUE5LjM4LDkuMzgsMCwwLDAsMTIxLDI4LjA1Yy0yLjQsMi4xLTQuMzksNi4zLTUuMjYsOS43MkwxMTIsNTIuMDloLTkuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2Niw0My4wNmEyMi43NSwyMi43NSwwLDAsMS04LjI2LDcuODYsMjIuNDksMjIuNDksMCwwLDEtMTAuNDMsMi4yNmMtNC41MSwwLTguODMtLjg2LTExLjg3LTQuNjctMS41OS0xLjk0LTMuMjktNS4zNy0yLjUxLTEwLjg5YTI1LjQsMjUuNCwwLDAsMSw4LTE1LjMzLDIwLjM0LDIwLjM0LDAsMCwxLDE0LjE2LTVjNC4wNSwwLDguMTQuNzgsMTEsMy44OSwzLjE2LDMuNSwzLjIyLDguMDksMi42NCwxMi4yMmEyMy42MiwyMy42MiwwLDAsMS0uNjQsMy40MmgtMjUuMmMtLjgzLDMuMTEtLjIxLDUuMzcsMSw2Ljc3YTYuMzUsNi4zNSwwLDAsMCw1LjIzLDIuMSwxMS42MiwxMS42MiwwLDAsMCw1LjI5LTEuMDksMTIuNDQsMTIuNDQsMCwwLDAsMy43Ni0zLjVabS01LjI3LTEyLjI5YTYuNDQsNi40NCwwLDAsMC0xLjQyLTQuOSw2LjksNi45LDAsMCwwLTUtMS44Nyw5Ljc0LDkuNzQsMCwwLDAtNi4wNywyLjE4LDEyLjc1LDEyLjc1LDAsMCwwLTMuNDQsNC41OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTgwLjI3LDE4LjRoOS40OWwtMSwzLjgyYTE3LjY3LDE3LjY3LDAsMCwxLDQuNTEtMy4zNSwxMy40MiwxMy40MiwwLDAsMSw2LjI5LTEuNTYsMTAuMDYsMTAuMDYsMCwwLDEsNi4wNSwxLjc5LDcuNzMsNy43MywwLDAsMSwzLDQuMzYsMTMuNTQsMTMuNTQsMCwwLDEsNC41Ni00LjI4LDEyLjg0LDEyLjg0LDAsMCwxLDctMS44N2MzLjI2LDAsNi40Ljk0LDguMTYsMi44MSwyLjE2LDIuMzMsMiw1LjI5LDEuNjIsNy44NWEzNi44NywzNi44NywwLDAsMS0xLjE3LDUuNTNsLTQuODYsMTguNTloLTkuNWw0LjItMTZhNDUuNzksNDUuNzksMCwwLDAsMS4xNi00LjljLjI5LTIuMSwwLTMuNjUtLjg1LTQuNTFhNSw1LDAsMCwwLTMuNC0xLjI0QTYuNTUsNi41NSwwLDAsMCwyMTEsMjcuMTJjLTEuNzgsMS41NS0zLjIyLDQtNC4zOSw4LjU1bC00LjI2LDE2LjQyaC05LjQ5TDE5NywzNi40NWMuMi0uOTMsMS00LDEuMjEtNS4yOXMuMjktMy4xOS0uNy00LjQzYTQuMzcsNC4zNywwLDAsMC0zLjQtMS4zMiw3LDcsMCwwLDAtNC44NiwxLjk0Yy0xLjg5LDEuNzktMy4zLDUuMjEtNC4xOCw4LjcxbC00LjIsMTZoLTkuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI2OC4xMyw0My4wNmEyMi43NSwyMi43NSwwLDAsMS04LjI2LDcuODYsMjIuNDksMjIuNDksMCwwLDEtMTAuNDMsMi4yNmMtNC41MSwwLTguODMtLjg2LTExLjg3LTQuNjctMS41OS0xLjk0LTMuMjktNS4zNy0yLjUxLTEwLjg5YTI1LjM2LDI1LjM2LDAsMCwxLDgtMTUuMzMsMjAuMzIsMjAuMzIsMCwwLDEsMTQuMTUtNWM0LjA1LDAsOC4xNC43OCwxMSwzLjg5LDMuMTcsMy41LDMuMjIsOC4wOSwyLjY0LDEyLjIyYTIzLjYyLDIzLjYyLDAsMCwxLS42NCwzLjQySDI0NWMtLjgzLDMuMTEtLjIxLDUuMzcsMSw2Ljc3YTYuMzUsNi4zNSwwLDAsMCw1LjIzLDIuMSwxMS41OSwxMS41OSwwLDAsMCw1LjI5LTEuMDksMTIuNDQsMTIuNDQsMCwwLDAsMy43Ni0zLjVabS01LjI3LTEyLjI5YTYuNDcsNi40NywwLDAsMC0xLjQxLTQuOSw2Ljk0LDYuOTQsMCwwLDAtNS0xLjg3LDkuNjksOS42OSwwLDAsMC02LjA2LDIuMTgsMTIuNzcsMTIuNzcsMCwwLDAtMy40NSw0LjU5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yODQuNjYsMjQuMjRhNy43Myw3LjczLDAsMSwxLDcuNzMtNy43Myw3Ljc0LDcuNzQsMCwwLDEtNy43Myw3LjczWk0yOTEuMiwxMGE5LjI1LDkuMjUsMCwxLDAsMi43MSw2LjU0QTkuMTgsOS4xOCwwLDAsMCwyOTEuMiwxMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjg0LjU2LDE2LjFoLTEuNzhWMTIuNTdxLjYtLjA2LDEuNTMtLjA2YzEuOTEsMCwyLjg2LjU5LDIuODYsMS43OHMtLjg3LDEuODEtMi42MSwxLjgxWm0yLjIyLjY1YTIuNjQsMi42NCwwLDAsMCwxLjgtMi41NCwyLjQsMi40LDAsMCwwLTEuMTUtMi4xMSw1LjUsNS41LDAsMCwwLTMuMTItLjc4LDE3Ljc4LDE3Ljc4LDAsMCwwLTMsLjI4VjIxLjY4aDEuNDVWMTcuMjJoMS44NWMxLjUsMCwyLjQ1LDEuNDgsMi44Nyw0LjQ2SDI4OWExNC4wNiwxNC4wNiwwLDAsMC0uODQtMy4zNiwzLjUxLDMuNTEsMCwwLDAtMS4zMy0xLjU3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48L3N2Zz4=);

	background-size: 164px 46px;/*NEO:157px 35px;*/
	background-repeat: no-repeat;
}
	.light h1.logo span {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iRVhUUkVNRSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjkzLjAyIDUyLjk4Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzNhM2EzYTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPkVYQjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDEsOC45MUgyMi4zNmwtMywxMS41OUgzNy4yMmwtMi4zMSw4LjcySDE3bC0zLjcsMTQuMTZIMzJsLTIuMzIsOC43MUguODlMMTQuNTYuMkg0My4zNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTQuMTEsMzMuNzMsNDUsMTguNEg1Ni40Mmw0Ljc3LDguNzJMNzAuNSwxOC40SDgyLjg3TDY1LjcsMzMuNzMsNzYuODIsNTIuMDlINjUuMjNMNTguNzEsNDAuMzQsNDYuMjQsNTIuMDlIMzMuNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTk3LjY4LDI2LjQ5LDkxLDUyLjA5SDgxLjQ4bDYuNzEtMjUuNkg4NC40NmwyLjE1LTguMDloMy43M2wzLTExLjUxaDkuNDlsLTMsMTEuNTFoNi41NGwtMi4xNSw4LjA5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTEuMzQsMTguNGg5LjVsLTEuMyw0LjgzYTE1LjUxLDE1LjUxLDAsMCwxLDQuODItNC40NCwxMS41NSwxMS41NSwwLDAsMSw2LjEyLTEuNDgsMTEsMTEsMCwwLDEsNC4zMi43OGwtNCw4LjQ4YTcuMjMsNy4yMywwLDAsMC0zLjUzLS44NUE5LjM4LDkuMzgsMCwwLDAsMTIxLDI4LjA1Yy0yLjQsMi4xLTQuMzksNi4zLTUuMjYsOS43MkwxMTIsNTIuMDloLTkuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2Niw0My4wNmEyMi43NSwyMi43NSwwLDAsMS04LjI2LDcuODYsMjIuNDksMjIuNDksMCwwLDEtMTAuNDMsMi4yNmMtNC41MSwwLTguODMtLjg2LTExLjg3LTQuNjctMS41OS0xLjk0LTMuMjktNS4zNy0yLjUxLTEwLjg5YTI1LjQsMjUuNCwwLDAsMSw4LTE1LjMzLDIwLjM0LDIwLjM0LDAsMCwxLDE0LjE2LTVjNC4wNSwwLDguMTQuNzgsMTEsMy44OSwzLjE2LDMuNSwzLjIyLDguMDksMi42NCwxMi4yMmEyMy42MiwyMy42MiwwLDAsMS0uNjQsMy40MmgtMjUuMmMtLjgzLDMuMTEtLjIxLDUuMzcsMSw2Ljc3YTYuMzUsNi4zNSwwLDAsMCw1LjIzLDIuMSwxMS42MiwxMS42MiwwLDAsMCw1LjI5LTEuMDksMTIuNDQsMTIuNDQsMCwwLDAsMy43Ni0zLjVabS01LjI3LTEyLjI5YTYuNDQsNi40NCwwLDAsMC0xLjQyLTQuOSw2LjksNi45LDAsMCwwLTUtMS44Nyw5Ljc0LDkuNzQsMCwwLDAtNi4wNywyLjE4LDEyLjc1LDEyLjc1LDAsMCwwLTMuNDQsNC41OVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTgwLjI3LDE4LjRoOS40OWwtMSwzLjgyYTE3LjY3LDE3LjY3LDAsMCwxLDQuNTEtMy4zNSwxMy40MiwxMy40MiwwLDAsMSw2LjI5LTEuNTYsMTAuMDYsMTAuMDYsMCwwLDEsNi4wNSwxLjc5LDcuNzMsNy43MywwLDAsMSwzLDQuMzYsMTMuNTQsMTMuNTQsMCwwLDEsNC41Ni00LjI4LDEyLjg0LDEyLjg0LDAsMCwxLDctMS44N2MzLjI2LDAsNi40Ljk0LDguMTYsMi44MSwyLjE2LDIuMzMsMiw1LjI5LDEuNjIsNy44NWEzNi44NywzNi44NywwLDAsMS0xLjE3LDUuNTNsLTQuODYsMTguNTloLTkuNWw0LjItMTZhNDUuNzksNDUuNzksMCwwLDAsMS4xNi00LjljLjI5LTIuMSwwLTMuNjUtLjg1LTQuNTFhNSw1LDAsMCwwLTMuNC0xLjI0QTYuNTUsNi41NSwwLDAsMCwyMTEsMjcuMTJjLTEuNzgsMS41NS0zLjIyLDQtNC4zOSw4LjU1bC00LjI2LDE2LjQyaC05LjQ5TDE5NywzNi40NWMuMi0uOTMsMS00LDEuMjEtNS4yOXMuMjktMy4xOS0uNy00LjQzYTQuMzcsNC4zNywwLDAsMC0zLjQtMS4zMiw3LDcsMCwwLDAtNC44NiwxLjk0Yy0xLjg5LDEuNzktMy4zLDUuMjEtNC4xOCw4LjcxbC00LjIsMTZoLTkuNDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC44OSAtMC4yKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI2OC4xMyw0My4wNmEyMi43NSwyMi43NSwwLDAsMS04LjI2LDcuODYsMjIuNDksMjIuNDksMCwwLDEtMTAuNDMsMi4yNmMtNC41MSwwLTguODMtLjg2LTExLjg3LTQuNjctMS41OS0xLjk0LTMuMjktNS4zNy0yLjUxLTEwLjg5YTI1LjM2LDI1LjM2LDAsMCwxLDgtMTUuMzMsMjAuMzIsMjAuMzIsMCwwLDEsMTQuMTUtNWM0LjA1LDAsOC4xNC43OCwxMSwzLjg5LDMuMTcsMy41LDMuMjIsOC4wOSwyLjY0LDEyLjIyYTIzLjYyLDIzLjYyLDAsMCwxLS42NCwzLjQySDI0NWMtLjgzLDMuMTEtLjIxLDUuMzcsMSw2Ljc3YTYuMzUsNi4zNSwwLDAsMCw1LjIzLDIuMSwxMS41OSwxMS41OSwwLDAsMCw1LjI5LTEuMDksMTIuNDQsMTIuNDQsMCwwLDAsMy43Ni0zLjVabS01LjI3LTEyLjI5YTYuNDcsNi40NywwLDAsMC0xLjQxLTQuOSw2Ljk0LDYuOTQsMCwwLDAtNS0xLjg3LDkuNjksOS42OSwwLDAsMC02LjA2LDIuMTgsMTIuNzcsMTIuNzcsMCwwLDAtMy40NSw0LjU5WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yODQuNjYsMjQuMjRhNy43Myw3LjczLDAsMSwxLDcuNzMtNy43Myw3Ljc0LDcuNzQsMCwwLDEtNy43Myw3LjczWk0yOTEuMiwxMGE5LjI1LDkuMjUsMCwxLDAsMi43MSw2LjU0QTkuMTgsOS4xOCwwLDAsMCwyOTEuMiwxMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjg5IC0wLjIpIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjg0LjU2LDE2LjFoLTEuNzhWMTIuNTdxLjYtLjA2LDEuNTMtLjA2YzEuOTEsMCwyLjg2LjU5LDIuODYsMS43OHMtLjg3LDEuODEtMi42MSwxLjgxWm0yLjIyLjY1YTIuNjQsMi42NCwwLDAsMCwxLjgtMi41NCwyLjQsMi40LDAsMCwwLTEuMTUtMi4xMSw1LjUsNS41LDAsMCwwLTMuMTItLjc4LDE3Ljc4LDE3Ljc4LDAsMCwwLTMsLjI4VjIxLjY4aDEuNDVWMTcuMjJoMS44NWMxLjUsMCwyLjQ1LDEuNDgsMi44Nyw0LjQ2SDI4OWExNC4wNiwxNC4wNiwwLDAsMC0uODQtMy4zNiwzLjUxLDMuNTEsMCwwLDAtMS4zMy0xLjU3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuODkgLTAuMikiLz48L3N2Zz4=);
	background-size: 164px 46px;/*NEO:157px 35px;*/
}

	h1.logo {
    position: fixed;
		  top: 8px;
		  left: 10px;
		margin:0;
	}

#menu { position: fixed; top: 20px; right: 10px; padding: 0; border: none; }
.nav-btn { width: 40px; }
div.cart-icon { margin-right: 5px; }
.nc-button { margin-right: 5px; font-size: 13px; font-weight: 400; min-width: 72px; }
#lightbox .close-icon {top: 20px; right: 10px;}
}



/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media screen and (max-width: 320px) {
h1.logo {
	position: fixed;
	width: 120px;
	height: 35px;
    left: 10px;
    /*NEO: top: 5px;*/
}	
h1.logo span {
	white-space: nowrap;
	overflow: hidden;
	background-size: 120px 35px;
	text-indent: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
  }
	.light h1.logo span {
	background-size: 120px 35px;
  }

}




/* add blur effect when lightbox open*/
.blur {
    -webkit-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
    -o-filter: blur(15px);
    opacity: 0.3
}


 #lightbox, #lightbox #cart_item {font-size: 16px} 
  #lightbox span,#lightbox h1,#lightbox h2,#lightbox h3, {font-size: 16px} 

  #lightbox p {
    text-align:left;
 }

/*hide cart label text + Proceed-Checkout text*/
 label.screen-reader-text, .wc-proceed-to-checkout {display: none;}













 /* ---------------Checkout form------------------- */

/* NEW ADDED - CHECKOUT FORM TABLE */

/* Checkout order review TABLE */
.woocommerce-checkout-review-order-table,.neocom-checkout-review-order-table {display: none;}
/* Additional fields table (comment box) */
.woocommerce-additional-fields,.neocom-additional-fields {display: none;}
/* Checkout order review Heading */
#order_review_heading {display: none;}
/* Hide default checkout Heading */
.woocommerce-billing-fields h3,.neocom-billing-fields h3 {display: none;}
/* Hide STRIPE Title and Card Icons */
.wc_payment_methods {display: none;}
/* Hide STRIPE Terms message */
.woocommerce-terms-and-conditions-wrapper,.neocom-terms-and-conditions-wrapper {display: none;}
/* Add margin-top to payment button so dosnt overlay country-text */
#payment {margin-top: 100px;}

/* Checkout Form Design */
*:focus {
  outline: none;
}
#billing_email_field {margin-top: 30px}/* Extra Margin for first input field in checkout to add space from top line */
.form-row {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
}

.form-row label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 0px 5px 0px;
  pointer-events: none;
  transition: all 0.3s ease;
  font-size: 1.1em;
  font-family: Neo-Font;
  color: #e0e0e0;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
}

.form-row input,
.form-row textarea {
  display: block;
 width: 100%;
  border: none;
  left: 25px;
  padding:15px 0 15px 0;
  background: none;
  color: #fff;
  font-family: 'HelveticaNeue-Light', sans-serif;
 text-align: center;
 font-size: 1.1em;
 line-height: 1.5625em;
 letter-spacing: .11em;
}.light .form-row input,.light .form-row textarea,.light .form-row label {color: #000; }
/* Invalid label design */
form.wpcf7-form.invalid label {
color: #fff;
border-right: 3px double red;
border-left: 3px double red;
}
.light form.wpcf7-form.invalid label {color:#333333 }

.form-row input:focus ~ label,
.form-row input:valid ~ label,
.form-row textarea:focus ~ label,
.form-row textarea:valid ~ label {
  top: -20px;
  transition: all 0.3s ease;
  transform: scale(0.7,0.7);
  color: #da0505;
  background: transparent;
  border: none;
}

.inputBar{
width: 100%;
height: 1px;
background-repeat: no-repeat;
background-image: linear-gradient(to bottom, transparent, #fff, transparent);
background-image: -webkit-linear-gradient(left, transparent, #fff, transparent);
}
.light .inputBar{
background-repeat: no-repeat;
background-image: linear-gradient(to bottom, transparent, #000, transparent);
background-image: -webkit-linear-gradient(left, transparent, #000, transparent);
}

.form-row input:focus ~ .inputBar:before,
.form-row input:focus ~ .inputBar:after,
.form-row textarea:focus ~ .inputBar:before,
.form-row textarea:focus ~ .inputBar:after {
  width: 50%;
}
.form-row textarea {
 width: 100%;
 /*min-height: 100px;*/
  /*overflow: auto; disabled due to auto expanding textbox */
  /*resize: none; disabled due to auto expanding textbox */
}
.form-row .inputBar {
  position: relative;
  display: block;
  /* width: 100%; */
}
.form-row .inputBar:before,
.form-row .inputBar:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  background: #da0505;
  height: 2px;
  transition: all 0.2s ease;
}
.form-row .inputBar:after {right: 50%;}
.form-row .inputBar:before {left: 50%;}

form.wpcf7-form.invalid .form-row input:focus ~ label,
form.wpcf7-form.invalid .form-row input:valid ~ label,
form.wpcf7-form.invalid .form-row textarea:focus ~ label,
form.wpcf7-form.invalid .form-row textarea:valid ~ label {
  background: transparent;
  color: #da0505;
}
/* input style hack fix*/
/*The email-input text was too close to label when text entered was invalid. Fixed by making text transparant when not focus */
input:focus:invalid {color: #ff0000}/* Colour Bright Red */
input:invalid {color: transparent}
.light input:focus:invalid {color: #ff0000}
.light input:invalid {color: transparent}
/*end*/
/* Contact Form 7 Message Output */
.wpcf7 .screen-reader-response {display: none;}/* hide Form output message at the top of the page as its also displayed at the bottom of the page*/
 div.wpcf7-response-output {
  display: block;
  border: none;
  background: none;
  color: #fff;
  font-family: Neo-Font;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.85em;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
div.wpcf7-response-output.wpcf7-validation-errors {color: #ff0000}/* Colour Bright Red */
.submit_container {display: block; width: 100%; height: auto; margin-bottom: 100px;}

.submit_container .nc-button {
  font-family: Neo-Font;
  text-transform: uppercase;
  text-align: center;
  font-size: 1em;
  letter-spacing: 1px;
  padding-left: 45px;
  padding-right: 45px;
  margin-bottom: 15px;
  margin: 0px 0px 15px 0px;
}


/* ---------------Checkout Mobile Style------------------- */
@media screen and (max-width: 640px) {
#billing_email_field {margin-top: 1em}/* Extra Margin for first input field in checkout to add space from top line */
.form-row {
  position: relative;
  margin-bottom: 1em;
  width: 100%;
  text-align: center;
}	
.form-row input, .form-row textarea {padding:5px 0 5px 0;}
.form-row label {font-size: 0.9em;}	
#payment {margin-top: 70px;}/* Extra Margin for payment-button for space under country field */
}
/* ---------------END Checkout Form Style------------------- */


/* NOTE: To style payment button add the classes and ID's to the .paypal_checkout_button class . 
#place_order
.checkout_trigger
, .checkout_trigger, #place_order {
*/

/* ----------- Checkout Error Messages----------- */
#checkout ul {list-style: square;} 
#checkout li {background: #e00303;margin: 8px;} 
/*Add margin below Checkout form to allow scroll space*/
#checkout table.brands {margin-bottom: 400px}
/* ---------------Checkout Country Select box (If GeoDetect location is not pre-filled)------------------ */
select#billing_country {margin:35px 0 20px 0; background: #e6e6e6;}

/* NEW ADDED - CHECKOUT FORM TABLE */

/* Checkout order review TABLE  */
.woocommerce-checkout-review-order-table,.neocom-checkout-review-order-table {display: none;}
/* Additional fields table (comment box) */
.woocommerce-additional-fields,.neocom-additional-fields {display: none;}
/* Checkout order review Heading */
#order_review_heading{display: none;}


/* Remove shipping bulletpoint  */
ul#shipping_method {list-style: none}
	/* Alternative method:   td ul {list-style: none}  */
/* Remove Extra shipping p writing  */
.woocommerce-shipping-destination,.neocom-shipping-destination {display: none}

/* Backup Attempt to fix issues the jquery overlay blocking checkout button  */
.woocommerce .blockUI.blockOverlay,.woocommerce .blockUI,.woocommerce .blockOverlay {
  position: relative!important;
  display: none!important;
}
/*Select Drop Menu for STATE field in Checkout Billing Form*/	    
select {
margin-top: 35px; 
margin-bottom: 0.9em;
padding: 5px;
background: none;
color: red;
font-family: Neo-Font;
font-weight: 500;
text-transform: uppercase;
text-align-last:center; /*Aligns Drop-Down Text Centre on chrome*/
};




/* ----------- POST EXTRACT -- ADDED ADJUSTMENTS----------- */

    /* Blur background when popup active */
    .blur {
      -webkit-filter: blur(15px);
      -ms-filter: blur(15px);
      filter: blur(15px);
      -o-filter: blur(15px);
      opacity: 0.3
    }


#lightbox h4.product-title, #lightbox .jcarousel h4.product-title{font-family: 'NEOElementsX'; }
#lightbox {line-height: 140%;}	


/*   h1.logo {display: none;;}     */


/* add blur effect when lightbox open*/
.blur {
    -webkit-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
    -o-filter: blur(15px);
    opacity: 0.3
}


 #lightbox, #lightbox #cart_item {font-size: 16px} 


/*hide cart label text + Proceed-Checkout text*/
 label.screen-reader-text, .wc-proceed-to-checkout {display: none;}


#lightbox .slide-copy p, #form p { font-weight: lighter;}

@media screen and (max-width: 640px) {
 #lightbox table,.checkout_trigger {font-size: 0.9em;}
}


 #lightbox #form p,#lightbox #form a {text-align: center; color: #fff;}

/*NEW MODEL LISTt*/
 #lightbox .ghost-button {
    display: block;
    font-size: 0.95em;
 }
 .model-list {text-align: center;}







/* ----------- HIDE Default INTERFACE LOGO/BUTTONS -----------  */
.interface-logo {display: none;}
.language-selector-outer  {display: none;}
a.interface-buyWatch-btn {display: none;}
.interface-number {display: none;}
/* ----------- ALT-MAIN LOGO + VERTICAL LOGO -----------  */
.interface-logo img {width:150px;display: none;}
.home-logo-vertical img {width:150px;}
@media screen and (max-width: 640px) {.home-logo-vertical img {width:85px;}} 
@media only screen and (min-width: 744px) and (max-width: 768px) and (orientation: portrait) {.home-logo-vertical img {width:85px;}}