@charset "UTF-8";

@font-face {
    font-family: SprellPlayful;
    src: url("/content/font/2015-09-29-sprell-typeface-12-proofed-web.eot") /* EOT file for IE */
}

@font-face {
    font-family: SprellPlayful;
    src: url("/content/font/2015-09-29-sprell-typeface-12-proofed-web.ttf") /* TTF file for CSS3 browsers */
}


.bg-blue,
[class*="highlight-"].bg-blue {
    background-color: #6aabdd;
    color: black;
}

    .bg-blue .txt-highlight > *,
    [class*="highlight-"].bg-blue .txt-highlight > * {
        color: black;
    }

.txt-blue {
    color: #6aabdd;
}

    .txt-blue .txt-highlight > * {
        color: black;
    }

.border-blue {
    border-color: #6aabdd;
}

.highlight-blue .bg-highlight {
    border-color: rgba(106, 171, 221, 0.5);
    background-color: #6aabdd;
    color: black;
}

.highlight-blue .txt-highlight {
    color: #6aabdd !important;
}

    .highlight-blue .txt-highlight > * {
        color: black;
    }

.bg-blue-light,
[class*="highlight-"].bg-blue-light {
    background-color: #d9eaf6;
    color: black;
}

    .bg-blue-light .txt-highlight > *,
    [class*="highlight-"].bg-blue-light .txt-highlight > * {
        color: black;
    }

.txt-blue-light {
    color: #d9eaf6;
}

    .txt-blue-light .txt-highlight > * {
        color: black;
    }

.border-blue-light {
    border-color: #d9eaf6;
}

.highlight-blue-light .bg-highlight {
    border-color: rgba(217, 234, 246, 0.5);
    background-color: #d9eaf6;
    color: black;
}

.highlight-blue-light .txt-highlight {
    color: #d9eaf6 !important;
}

    .highlight-blue-light .txt-highlight > * {
        color: black;
    }

.bg-yellow,
[class*="highlight-"].bg-yellow {
    background-color: #fdc900;
    color: black;
}

    .bg-yellow .txt-highlight > *,
    [class*="highlight-"].bg-yellow .txt-highlight > * {
        color: black;
    }

.txt-yellow {
    color: #fdc900;
}

    .txt-yellow .txt-highlight > * {
        color: black;
    }

.border-yellow {
    border-color: #fdc900;
}

.highlight-yellow .bg-highlight {
    border-color: rgba(253, 201, 0, 0.5);
    background-color: #fdc900;
    color: black;
}

.highlight-yellow .txt-highlight {
    color: #fdc900 !important;
}

    .highlight-yellow .txt-highlight > * {
        color: black;
    }

.bg-yellow-light,
[class*="highlight-"].bg-yellow-light {
    background-color: #feeca5;
    color: black;
}

    .bg-yellow-light .txt-highlight > *,
    [class*="highlight-"].bg-yellow-light .txt-highlight > * {
        color: black;
    }

.txt-yellow-light {
    color: #feeca5;
}

    .txt-yellow-light .txt-highlight > * {
        color: black;
    }

.border-yellow-light {
    border-color: #feeca5;
}

.highlight-yellow-light .bg-highlight {
    border-color: rgba(254, 236, 165, 0.5);
    background-color: #feeca5;
    color: black;
}

.highlight-yellow-light .txt-highlight {
    color: #feeca5 !important;
}

    .highlight-yellow-light .txt-highlight > * {
        color: black;
    }

.bg-pink,
[class*="highlight-"].bg-pink {
    background-color: #fa9dd4;
    color: black;
}

    .bg-pink .txt-highlight > *,
    [class*="highlight-"].bg-pink .txt-highlight > * {
        color: black;
    }

.txt-pink {
    color: #fa9dd4;
}

    .txt-pink .txt-highlight > * {
        color: black;
    }

.border-pink {
    border-color: #fa9dd4;
}

.highlight-pink .bg-highlight {
    border-color: rgba(250, 157, 212, 0.5);
    background-color: #fa9dd4;
    color: black;
}

.highlight-pink .txt-highlight {
    color: #fa9dd4 !important;
}

    .highlight-pink .txt-highlight > * {
        color: black;
    }

.bg-black,
[class*="highlight-"].bg-black {
    background-color: black;
    color: white;
}

    .bg-black .txt-highlight > *,
    [class*="highlight-"].bg-black .txt-highlight > * {
        color: white;
    }

.txt-black {
    color: black;
}

    .txt-black .txt-highlight > * {
        color: white;
    }

.border-black {
    border-color: black;
}

.highlight-black .bg-highlight {
    border-color: rgba(0, 0, 0, 0.5);
    background-color: black;
    color: white;
}

.highlight-black .txt-highlight {
    color: black !important;
}

    .highlight-black .txt-highlight > * {
        color: white;
    }

.bg-white,
[class*="highlight-"].bg-white {
    background-color: white;
    color: black;
}

    .bg-white .txt-highlight > *,
    [class*="highlight-"].bg-white .txt-highlight > * {
        color: black;
    }

.txt-white {
    color: white;
}

    .txt-white .txt-highlight > * {
        color: black;
    }

.border-white {
    border-color: white;
}

.highlight-white .bg-highlight {
    border-color: rgba(255, 255, 255, 0.5);
    background-color: white;
    color: black;
}

.highlight-white .txt-highlight {
    color: white !important;
}

    .highlight-white .txt-highlight > * {
        color: black;
    }

.bg-grey-dark,
[class*="highlight-"].bg-grey-dark {
    background-color: gray;
    color: white;
}

    .bg-grey-dark .txt-highlight > *,
    [class*="highlight-"].bg-grey-dark .txt-highlight > * {
        color: white;
    }

.txt-grey-dark {
    color: gray;
}

    .txt-grey-dark .txt-highlight > * {
        color: black;
    }

.border-grey-dark {
    border-color: gray;
}

.highlight-grey-dark .bg-highlight {
    border-color: rgba(128, 128, 128, 0.5);
    background-color: gray;
    color: white;
}

.highlight-grey-dark .txt-highlight {
    color: gray !important;
}

    .highlight-grey-dark .txt-highlight > * {
        color: black;
    }

.bg-grey-medium,
[class*="highlight-"].bg-grey-medium {
    background-color: #a6a6a6;
    color: black;
}

    .bg-grey-medium .txt-highlight > *,
    [class*="highlight-"].bg-grey-medium .txt-highlight > * {
        color: black;
    }

.txt-grey-medium {
    color: #a6a6a6;
}

    .txt-grey-medium .txt-highlight > * {
        color: black;
    }

.border-grey-medium {
    border-color: #a6a6a6;
}

.highlight-grey-medium .bg-highlight {
    border-color: rgba(166, 166, 166, 0.5);
    background-color: #a6a6a6;
    color: black;
}

.highlight-grey-medium .txt-highlight {
    color: #a6a6a6 !important;
}

    .highlight-grey-medium .txt-highlight > * {
        color: black;
    }

.bg-grey-light,
[class*="highlight-"].bg-grey-light {
    background-color: #e6e6e6;
    color: black;
}

    .bg-grey-light .txt-highlight > *,
    [class*="highlight-"].bg-grey-light .txt-highlight > * {
        color: black;
    }

.txt-grey-light {
    color: #e6e6e6;
}

    .txt-grey-light .txt-highlight > * {
        color: black;
    }

.border-grey-light {
    border-color: #e6e6e6;
}

.highlight-grey-light .bg-highlight {
    border-color: rgba(230, 230, 230, 0.5);
    background-color: #e6e6e6;
    color: black;
}

.highlight-grey-light .txt-highlight {
    color: #e6e6e6 !important;
}

    .highlight-grey-light .txt-highlight > * {
        color: black;
    }

.bg-transparent {
    background-color: transparent;
}

.txt-transparent {
    color: transparent;
}

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

*, :before, :after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

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

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q, blockquote {
    quotes: none;
}

    q:before, q:after, blockquote:before, blockquote:after {
        content: "";
        content: none;
    }

a img {
    border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

html, body {
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

html {
    min-height: 100%;
    overflow-y: scroll;
}

body {
    background-size: 110% auto;
    min-height: 100%;
    position: relative;
}

body {
    font-family: 'Droid sans', sans-serif;
    font-family: 'Droid serif', serif;
    color: rgba(0, 0, 0, 0.9);
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
}

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

    a:hover, a:focus {
        text-decoration: underline;
    }

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

        a:link:hover, a:link:focus,
        a:visited:hover,
        a:visited:focus {
            text-decoration: underline;
        }

.txt-uppercase {
    text-transform: uppercase;
}

.txt-center {
    text-align: center;
}

.h-xlarge {
    font-size: 72px !important;
    line-height: 50px;
}

.h-large {
    font-size: 48px !important;
    line-height: 50px;
}

.h-medium {
    font-size: 36px !important;
    line-height: 30px;
}

.h-small {
    font-size: 24px !important;
    line-height: 25px;
}

.h-xsmall {
    font-size: 16px !important;
    line-height: 20px;
}

.grid, .section {
    *zoom: 1;
    margin: 0 auto;
    width: 100%;
}

    .grid:after, .section:after {
        content: "";
        display: table;
        clear: both;
    }

.single {
    float: left;
    width: 100%;
}

.one-half {
    float: left;
    width: 50%;
}

.one-third {
    float: left;
    width: 33.33333%;
}

.two-thirds {
    float: left;
    width: 66.66667%;
}

.one-quarter {
    float: left;
    width: 25%;
}

.three-quarters {
    float: left;
    width: 75%;
}

.one-fifth {
    float: left;
    width: 20%;
}

.two-fifths {
    float: left;
    width: 40%;
}

.three-fifths {
    float: left;
    width: 60%;
}

.four-fifths {
    float: left;
    width: 80%;
}

.box, .form__fieldset, .section__navigation, .frontpage__navigation, .comment, .checkout__option, .checkout__summary,
.order__summary {
    *zoom: 1;
    display: block;
    margin-bottom: 15px;
}

    .box:after, .form__fieldset:after, .section__navigation:after, .frontpage__navigation:after, .comment:after, .checkout__option:after, .checkout__summary:after,
    .order__summary:after {
        content: "";
        display: table;
        clear: both;
    }

    .box > :last-child, .form__fieldset > :last-child, .section__navigation > :last-child, .frontpage__navigation > :last-child, .comment > :last-child, .checkout__option > :last-child, .checkout__summary > :last-child,
    .order__summary > :last-child {
        margin-bottom: 0;
    }

    .box.box--margin--half, .box--margin--half.form__fieldset, .box--margin--half.section__navigation, .box--margin--half.frontpage__navigation, .box--margin--half.comment, .box--margin--half.checkout__option, .box--margin--half.checkout__summary,
    .box--margin--half.order__summary {
        margin-bottom: 15px;
    }

    .box.box--margin--none, .box--margin--none.form__fieldset, .box--margin--none.section__navigation, .box--margin--none.frontpage__navigation, .box--margin--none.comment, .box--margin--none.checkout__option, .box--margin--none.checkout__summary,
    .box--margin--none.order__summary {
        margin-bottom: 0;
    }

.box--padding, .form__fieldset, .section__navigation, .frontpage__navigation, .article__body > figure figcaption, .section__header > figure figcaption, .article--product .product__header > figure figcaption, .comment, .checkout__option, .checkout__summary,
.order__summary {
    padding: 15px;
}

.box--bleed, .form__fieldset, .article__body > figure, .section__header > figure, .article--product .product__header > figure, .checkout__option, .checkout__summary,
.order__summary {
    margin-left: -15px;
    margin-right: -15px;
}

.box--border {
    border: 1px solid #e6e6e6;
    padding: 15px;
}

.box--border-top {
    border-top: 1px solid #e6e6e6;
    padding-top: 15px;
}

.box--border-right {
    border-right: 1px solid #e6e6e6;
    padding-right: 15px;
}

.box--border-bottom {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
}

.box--border-left {
    border-left: 1px solid #e6e6e6;
    padding-left: 15px;
}

.box--1-1,
.box--square {
    padding: 100% 0 0 0;
}

    .box--1-1 > .box, .box--1-1 > .form__fieldset, .box--1-1 > .section__navigation, .box--1-1 > .frontpage__navigation, .box--1-1 > .comment, .box--1-1 > .checkout__option, .box--1-1 > .checkout__summary,
    .box--1-1 > .order__summary,
    .box--square > .box,
    .box--square > .form__fieldset,
    .box--square > .section__navigation,
    .box--square > .frontpage__navigation,
    .box--square > .comment,
    .box--square > .checkout__option,
    .box--square > .checkout__summary,
    .box--square > .order__summary {
        margin-top: -100%;
    }

.box--3-2 {
    padding: 66.66667% 0 0 0;
}

    .box--3-2 > .box, .box--3-2 > .form__fieldset, .box--3-2 > .section__navigation, .box--3-2 > .frontpage__navigation, .box--3-2 > .comment, .box--3-2 > .checkout__option, .box--3-2 > .checkout__summary,
    .box--3-2 > .order__summary {
        margin-top: -66.66667%;
    }

.box--4-3 {
    padding: 75% 0 0 0;
}

    .box--4-3 > .box, .box--4-3 > .form__fieldset, .box--4-3 > .section__navigation, .box--4-3 > .frontpage__navigation, .box--4-3 > .comment, .box--4-3 > .checkout__option, .box--4-3 > .checkout__summary,
    .box--4-3 > .order__summary {
        margin-top: -75%;
    }

.box--16-9 {
    padding: 56.25% 0 0 0;
}

    .box--16-9 > .box, .box--16-9 > .form__fieldset, .box--16-9 > .section__navigation, .box--16-9 > .frontpage__navigation, .box--16-9 > .comment, .box--16-9 > .checkout__option, .box--16-9 > .checkout__summary,
    .box--16-9 > .order__summary {
        margin-top: -56.25%;
    }

.box--2-1 {
    padding: 50% 0 0 0;
}

    .box--2-1 > .box, .box--2-1 > .form__fieldset, .box--2-1 > .section__navigation, .box--2-1 > .frontpage__navigation, .box--2-1 > .comment, .box--2-1 > .checkout__option, .box--2-1 > .checkout__summary,
    .box--2-1 > .order__summary {
        margin-top: -50%;
    }

.box--wide {
    padding: 41.66667% 0 0 0;
}

    .box--wide > .box, .box--wide > .form__fieldset, .box--wide > .section__navigation, .box--wide > .frontpage__navigation, .box--wide > .comment, .box--wide > .checkout__option, .box--wide > .checkout__summary,
    .box--wide > .order__summary {
        margin-top: -41.66667%;
    }

.box--superwide {
    padding: 36.36364% 0 0 0;
}

    .box--superwide > .box, .box--superwide > .form__fieldset, .box--superwide > .section__navigation, .box--superwide > .frontpage__navigation, .box--superwide > .comment, .box--superwide > .checkout__option, .box--superwide > .checkout__summary,
    .box--superwide > .order__summary {
        margin-top: -36.36364%;
    }

.box--ultrawide {
    padding: 25% 0 0 0;
}

    .box--ultrawide > .box, .box--ultrawide > .form__fieldset, .box--ultrawide > .section__navigation, .box--ultrawide > .frontpage__navigation, .box--ultrawide > .comment, .box--ultrawide > .checkout__option, .box--ultrawide > .checkout__summary,
    .box--ultrawide > .order__summary {
        margin-top: -25%;
    }

.box--2-3 {
    padding: 150% 0 0 0;
}

    .box--2-3 > .box, .box--2-3 > .form__fieldset, .box--2-3 > .section__navigation, .box--2-3 > .frontpage__navigation, .box--2-3 > .comment, .box--2-3 > .checkout__option, .box--2-3 > .checkout__summary,
    .box--2-3 > .order__summary {
        margin-top: -150%;
    }

.box--3-4 {
    padding: 133.33333% 0 0 0;
}

    .box--3-4 > .box, .box--3-4 > .form__fieldset, .box--3-4 > .section__navigation, .box--3-4 > .frontpage__navigation, .box--3-4 > .comment, .box--3-4 > .checkout__option, .box--3-4 > .checkout__summary,
    .box--3-4 > .order__summary {
        margin-top: -133.33333%;
    }

.box--1-2 {
    padding: 200% 0 0 0;
}

    .box--1-2 > .box, .box--1-2 > .form__fieldset, .box--1-2 > .section__navigation, .box--1-2 > .frontpage__navigation, .box--1-2 > .comment, .box--1-2 > .checkout__option, .box--1-2 > .checkout__summary,
    .box--1-2 > .order__summary {
        margin-top: -200%;
    }

ul,
ol {
    margin: 0;
    padding: 0;
}

ol {
    list-style: decimal;
}

.sprite, .header__menu:before, .header__cart:before, .header__wishlist:before, .header__pickup:before, .form__success:before,
.form__notice:before,
.form__error:before, .uniform--radio > span.checked:after, .uniform--checkbox > span.checked:after, .nav-search__form .nav-search__submit:before, .nav-filter__reset:after, .promo--service ul li:before, .cart .item__details .item__delete:after, .rating:before, .product__wishlist:before, .js-section__title:before,
.icon {
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle;
    zoom: 1;
    font-style: normal;
    font-weight: normal;
    text-align: center;
}

.sprite, .header__menu:before, .header__cart:before, .header__wishlist:before, .header__pickup:before, .form__success:before,
.form__notice:before,
.form__error:before, .uniform--radio > span.checked:after, .uniform--checkbox > span.checked:after, .nav-search__form .nav-search__submit:before, .nav-filter__reset:after, .promo--service ul li:before, .cart .item__details .item__delete:after, .rating:before, .product__wishlist:before, .js-section__title:before {
    width: 16px;
    height: 16px;
    overflow: hidden;
    line-height: 1000px;
    *text-indent: -9999px;
}

    .sprite:before, .header__menu:before, .header__cart:before, .header__wishlist:before, .header__pickup:before, .form__success:before,
    .form__notice:before,
    .form__error:before, .nav-search__form .nav-search__submit:before, .promo--service ul li:before, .rating:before, .product__wishlist:before, .js-section__title:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.icon {
    font-size: 16px;
    width: 1em;
    height: 1em;
}

    .icon:before {
        content: attr(data-icon);
    }

.icon--large {
    font-size: 32px;
}

.icon--huge {
    font-size: 64px;
}

.icon--natural {
    font-size: inherit;
}

button,
input[type=submit],
input[type=button] {
    display: block;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0;
    outline: none;
    border: none;
    margin: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

    input[type="search"]::-webkit-search-decoration,
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-results-button,
    input[type="search"]::-webkit-search-results-decoration {
        display: none;
    }

textarea,
input[type=text],
input[type=password],
input[type=color],
input[type=date],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url] {
    display: block;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0;
    outline: none;
    display: block;
    border: none;
}

    input.input--full,
    textarea.input--full {
        width: 100%;
    }

    input.input--inline,
    textarea.input--inline {
        display: inline-block;
    }

        input.input--inline + input.input--inline, .button--inline + input.input--inline,
        textarea.input--inline + input.input--inline, .button--inline +
        textarea.input--inline, input.input--inline +
        textarea.input--inline,
        textarea.input--inline +
        textarea.input--inline {
            margin-left: 10px;
        }

label {
    display: inline-block;
    cursor: pointer;
}

fieldset {
    margin: 0;
}

legend {
    display: block;
}

.uniform {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

    .uniform:focus {
        outline: none;
    }

.uniform--select {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

    .uniform--select span {
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
        height: 100%;
    }

    .uniform--select select {
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

.uniform--radio {
    display: inline-block;
    position: relative;
}

    .uniform--radio span {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        zoom: 1;
        text-align: center;
    }

    .uniform--radio input {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        zoom: 1;
        text-align: center;
    }

.uniform--checkbox {
    display: inline-block;
    position: relative;
}

    .uniform--checkbox span {
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        zoom: 1;
        text-align: center;
    }

    .uniform--checkbox input {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        border: none;
        background: none;
        display: -moz-inline-box;
        display: inline-block;
        *display: inline;
        zoom: 1;
        text-align: center;
    }

html, body, #sb-site, .sb-site-container, .sb-slidebar {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    overflow-x: hidden;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    height: auto;
    position: relative;
}

html.sb-scroll-lock body {
    height: 100%;
}

html.sb-scroll-lock.sb-active:not(.sb-static),
html.sb-scroll-lock.sb-active:not(.sb-static) body {
    overflow: hidden;
}

#sb-site, .sb-site-container {
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #ffffff;
}

.sb-slidebar {
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0;
    z-index: 0;
    display: none;
    background-color: #222222;
    -webkit-transform: translate(0px);
}

.sb-left {
    left: 0;
}

.sb-right {
    right: 0;
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
    position: absolute;
}

.sb-slidebar.sb-active {
    display: block;
}

.sb-style-overlay {
    z-index: 9999;
}

.sb-momentum-scrolling {
    -webkit-overflow-scrolling: touch;
}

.sb-slidebar {
    width: 30%;
}

.sb-width-thin {
    width: 15%;
}

.sb-width-wide {
    width: 45%;
}

@media (max-width:480px) {
    .sb-slidebar {
        width: 70%;
    }

    .sb-width-thin {
        width: 55%;
    }

    .sb-width-wide {
        width: 85%;
    }
}

@media (min-width:481px) {
    .sb-slidebar {
        width: 55%;
    }

    .sb-width-thin {
        width: 40%;
    }

    .sb-width-wide {
        width: 70%;
    }
}

@media (min-width:768px) {
    .sb-slidebar {
        width: 40%;
    }

    .sb-width-thin {
        width: 25%;
    }

    .sb-width-wide {
        width: 55%;
    }
}

@media (min-width:992px) {
    .sb-slidebar {
        width: 30%;
    }

    .sb-width-thin {
        width: 15%;
    }

    .sb-width-wide {
        width: 45%;
    }
}

@media (min-width:1200px) {
    .sb-slidebar {
        width: 20%;
    }

    .sb-width-thin {
        width: 5%;
    }

    .sb-width-wide {
        width: 35%;
    }
}

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
    -webkit-transition: -webkit-transform 400ms ease;
    -moz-transition: -moz-transform 400ms ease;
    -o-transition: -o-transform 400ms ease;
    transition: transform 400ms ease;
    -webkit-transition-property: -webkit-transform, left, right;
    -webkit-backface-visibility: hidden;
}

.sb-hide {
    display: none;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
    outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

@font-face {
    font-family: 'flexslider-icon';
    src: url("fonts/flexslider-icon.eot");
    src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
    font-weight: normal;
    font-style: normal;
}

.flexslider {
    margin: 0;
    padding: 0;
}

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 100%;
        display: block;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    zoom: 1;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
    }

    .flex-direction-nav .flex-prev {
        left: -50px;
    }

    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: right;
    }

.flexslider:hover .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-next {
    opacity: 0.7;
    right: 10px;
}

    .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    line-height: 1;
    display: inline-block;
    content: '\f001';
}

.flex-direction-nav a.flex-next:before {
    content: '\f002';
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

    .flex-pauseplay a:before {
        font-family: "flexslider-icon";
        font-size: 20px;
        display: inline-block;
        content: '\f004';
    }

    .flex-pauseplay a:hover {
        opacity: 1;
    }

    .flex-pauseplay a.flex-play:before {
        content: '\f003';
    }

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0, 0, 0, 0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0, 0, 0, 0.9);
        cursor: default;
    }

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

    .flex-control-thumbs li {
        width: 25%;
        float: left;
        margin: 0;
    }

    .flex-control-thumbs img {
        width: 100%;
        display: block;
        opacity: .7;
        cursor: pointer;
    }

        .flex-control-thumbs img:hover {
            opacity: 1;
        }

    .flex-control-thumbs .flex-active {
        opacity: 1;
        cursor: default;
    }

.sprite, .header__menu:before, .header__cart:before, .header__wishlist:before, .header__pickup:before, .form__success:before,
.form__notice:before,
.form__error:before, .uniform--radio > span.checked:after, .uniform--checkbox > span.checked:after, .nav-search__form .nav-search__submit:before, .nav-filter__reset:after, .promo--service ul li:before, .cart .item__details .item__delete:after, .rating:before, .product__wishlist:before, .js-section__title:before {
    background-image: url(../img/sprite.svg);
}

.sprite--menu, .header__menu:before {
    background-position: 0 0;
    width: 24px;
    height: 18px;
}

.sprite--cart, .header__cart:before {
    background-position: 0 -50px;
    width: 24px;
    height: 30px;
}

.sprite--cart--empty {
    background-position: -50px -50px;
    width: 24px;
    height: 30px;
}

.sprite--input--search, .nav-search__form .nav-search__submit:before {
    background-position: 0 -200px;
    width: 25px;
    height: 25px;
}

.sprite--input--search-dark {
    background-position: 0 -250px;
    width: 25px;
    height: 25px;
}

.sprite--radio--black {
    background-position: -50px -300px;
    width: 18px;
    height: 18px;
}

.sprite--radio--white, .uniform--radio > span.checked:after {
    background-position: -50px -350px;
    width: 18px;
    height: 18px;
}

.sprite--checkbox, .promo--service ul li:before {
    background-position: -100px -300px;
    width: 18px;
    height: 18px;
}

.sprite--checkbox--white, .uniform--checkbox > span.checked:after {
    background-position: -100px -350px;
    width: 18px;
    height: 18px;
}

.sprite--wishlist, .header__wishlist:before {
    background-position: 0 -100px;
    width: 24px;
    height: 22px;
}

.sprite--wishlist--add, .product__wishlist--add:before {
    background-position: -50px -100px;
    width: 21px;
    height: 18px;
}

.sprite--wishlist--remove, .product__wishlist--remove:before {
    background-position: -100px -100px;
    width: 21px;
    height: 18px;
}

.sprite--heart, .form__success:before {
    background-position: -150px -100px;
    width: 21px;
    height: 18px;
}

.sprite--notice, .form__notice:before {
    background-position: -100px -150px;
    width: 21px;
    height: 18px;
}

.sprite--error, .form__error:before {
    background-position: -150px -150px;
    width: 21px;
    height: 18px;
}

.sprite--arrow-up {
    background-position: -200px -100px;
    width: 12px;
    height: 16px;
}

.sprite--arrow-down {
    background-position: -250px -100px;
    width: 12px;
    height: 16px;
}

.sprite--toggle {
    background-position: -200px -150px;
    width: 16px;
    height: 10px;
}

.sprite--toggle-white {
    background-position: -200px -200px;
    width: 16px;
    height: 10px;
}

.sprite--edit {
    background-position: -250px -150px;
    width: 10px;
    height: 10px;
}

.sprite--plus, .js-section__title:before {
    background-position: 0 -150px;
    width: 16px;
    height: 16px;
}

.sprite--minus, .js-section--open .js-section__title:before {
    background-position: -50px -150px;
    width: 16px;
    height: 16px;
}

.sprite--reset, .nav-filter__reset:after, .cart .item__details .item__delete:after {
    background-position: 0 -250px;
    width: 20px;
    height: 20px;
}

.sprite--rating, .rating:before {
    background-position: 0 -300px;
    width: 48px;
    height: 10px;
}

.sprite--rating--5, .rating.rating--5:before {
    background-position: 0 -300px;
}

.sprite--rating--4_5, .rating.rating--4_5:before {
    background-position: 0 -310px;
}

.sprite--rating--4, .rating.rating--4:before {
    background-position: 0 -320px;
}

.sprite--rating--3_5, .rating.rating--3_5:before {
    background-position: 0 -330px;
}

.sprite--rating--3, .rating.rating--3:before {
    background-position: 0 -340px;
}

.sprite--rating--2_5, .rating.rating--2_5:before {
    background-position: 0 -350px;
}

.sprite--rating--2, .rating.rating--2:before {
    background-position: 0 -360px;
}

.sprite--rating--1_5, .rating.rating--1_5:before {
    background-position: 0 -370px;
}

.sprite--rating--1, .rating.rating--1:before {
    background-position: 0 -380px;
}

.sprite--rating--0_5, .rating.rating--0_5:before {
    background-position: 0 -390px;
}

.sprite--rating--0, .rating.rating--0:before {
    background-position: 0 -400px;
}

.bg-overlay {
    background: rgba(0, 0, 0, 0.85);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.bg-overlay--close {
}

.cart-overlay-is-visible .bg-overlay {
    z-index: 5;
}

    .cart-overlay-is-visible .bg-overlay:hover {
        cursor: pointer;
    }

.header {
    *zoom: 1;
    position: relative;
    background: White;
    width: 100%;
    height: 60px;
}

    .header:after {
        content: "";
        display: table;
        clear: both;
    }

.header__ident {
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -30px;
}

    .header__ident img {
        width: 58px;
    }

.header__menu {
    display: block;
    width: 100px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    color: #6aabdd;
    border: none;
    padding-left: 50px;
    font-family: 'Droid sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}

    .header__menu:before {
        content: '';
        pointer-events: none;
        position: absolute;
        bottom: 21px;
        left: 20px;
    }

.header__cart {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    overflow: hidden;
    line-height: 1000px;
    *text-indent: -9999px;
}

    .header__cart:before {
        content: '';
        pointer-events: none;
        position: absolute;
        bottom: 21px;
        left: 20px;
    }

.header__cart--empty .cart__qty {
    top: 60px;
}

.cart__qty {
    position: absolute;
    left: 0;
    top: 30px;
    display: block;
    width: auto;
    height: 18px;
    padding: 0 9px;
    background-color: #2a7ab7;
    color: White;
    font-family: 'Droid sans', sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.cart__qty--add {
    height: 24px;
    padding: 3px 9px;
    top: 27px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #fdc900;
    color: Black;
    -moz-transition: all 0.05s 0;
    -o-transition: all 0.05s 0;
    -webkit-transition: all 0.05s 0;
    transition: all 0.05s 0;
}

.header__pickup {
    width: 48px;
    height: 60px;
    position: absolute;
    right: 89px;
    top: 0;
    background-color: transparent;
    border: none;
    overflow: hidden;
    *text-indent: -9999px;
}

    .header__pickup:before {
        content: '';
        pointer-events: none;
        position: absolute;
        bottom: 19px;
        left: 14px;
    }

.header__pickup--empty .pickup__qty {
    top: 60px;
}

.pickup__qty {
    position: absolute;
    left: 0;
    top: 30px;
    display: block;
    width: auto;
    height: 18px;
    padding: 0 9px;
    background-color: #2a7ab7;
    color: White;
    font-family: 'Droid sans', sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.pickup__qty--add {
    height: 24px;
    padding: 3px 9px;
    top: 27px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #fdc900;
    color: Black;
    -moz-transition: all 0.05s 0;
    -o-transition: all 0.05s 0;
    -webkit-transition: all 0.05s 0;
    transition: all 0.05s 0;
}

.header__wishlist {
    width: 48px;
    height: 60px;
    position: absolute;
    right: 50px;
    top: 0;
    background-color: transparent;
    border: none;
    overflow: hidden;
    line-height: 1000px;
    *text-indent: -9999px;
}

    .header__wishlist:before {
        content: '';
        pointer-events: none;
        position: absolute;
        bottom: 19px;
        left: 14px;
    }

.header__wishlist--empty .wishlist__qty {
    top: 60px;
}

.wishlist__qty {
    position: absolute;
    left: 0;
    top: 30px;
    display: block;
    width: auto;
    height: 18px;
    padding: 0 9px;
    background-color: #d9eaf6;
    color: #2a7ab7;
    font-family: 'Droid sans', sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.wishlist__qty--add {
    height: 24px;
    padding: 3px 9px;
    top: 27px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #fdc900;
    color: Black;
    -moz-transition: all 0.05s 0;
    -o-transition: all 0.05s 0;
    -webkit-transition: all 0.05s 0;
    transition: all 0.05s 0;
}

.footer {
    *zoom: 1;
    padding-top: 15px;
}

    .footer:after {
        content: "";
        display: table;
        clear: both;
    }

.footer__copyright {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
    font-size: 12px;
    text-align: center;
    margin-bottom: 15px;
}

    .footer__copyright > img {
        width: 60px;
    }

textarea,
input[type=text],
input[type=password],
input[type=color],
input[type=date],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url] {
    font-family: 'Droid sans', sans-serif;
    font-size: 15px;
    line-height: 18px;
    background-color: White;
    color: rgba(0, 0, 0, 0.9);
    padding: 15px;
    -moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0125), -1px 0 2px 0 rgba(0, 0, 0, 0.0125), 1px 0 2px 0 rgba(0, 0, 0, 0.0125), 0 2px 1px 0 rgba(0, 0, 0, 0.025);
    -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0125), -1px 0 2px 0 rgba(0, 0, 0, 0.0125), 1px 0 2px 0 rgba(0, 0, 0, 0.0125), 0 2px 1px 0 rgba(0, 0, 0, 0.025);
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0125), -1px 0 2px 0 rgba(0, 0, 0, 0.0125), 1px 0 2px 0 rgba(0, 0, 0, 0.0125), 0 2px 1px 0 rgba(0, 0, 0, 0.025);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0;
}

    textarea[disabled="disabled"],
    input[type=text][disabled="disabled"],
    input[type=password][disabled="disabled"],
    input[type=color][disabled="disabled"],
    input[type=date][disabled="disabled"],
    input[type=email][disabled="disabled"],
    input[type=number][disabled="disabled"],
    input[type=search][disabled="disabled"],
    input[type=tel][disabled="disabled"],
    input[type=time][disabled="disabled"],
    input[type=url][disabled="disabled"] {
        background-color: #e6e6e6;
    }

    textarea.placeholder,
    input[type=text].placeholder,
    input[type=password].placeholder,
    input[type=color].placeholder,
    input[type=date].placeholder,
    input[type=email].placeholder,
    input[type=number].placeholder,
    input[type=search].placeholder,
    input[type=tel].placeholder,
    input[type=time].placeholder,
    input[type=url].placeholder {
        color: gray;
        line-height: normal;
    }

    textarea:-moz-placeholder,
    input[type=text]:-moz-placeholder,
    input[type=password]:-moz-placeholder,
    input[type=color]:-moz-placeholder,
    input[type=date]:-moz-placeholder,
    input[type=email]:-moz-placeholder,
    input[type=number]:-moz-placeholder,
    input[type=search]:-moz-placeholder,
    input[type=tel]:-moz-placeholder,
    input[type=time]:-moz-placeholder,
    input[type=url]:-moz-placeholder {
        color: gray;
        line-height: normal;
    }

    textarea::-moz-placeholder,
    input[type=text]::-moz-placeholder,
    input[type=password]::-moz-placeholder,
    input[type=color]::-moz-placeholder,
    input[type=date]::-moz-placeholder,
    input[type=email]::-moz-placeholder,
    input[type=number]::-moz-placeholder,
    input[type=search]::-moz-placeholder,
    input[type=tel]::-moz-placeholder,
    input[type=time]::-moz-placeholder,
    input[type=url]::-moz-placeholder {
        color: gray;
        line-height: normal;
    }

    textarea:-ms-input-placeholder,
    input[type=text]:-ms-input-placeholder,
    input[type=password]:-ms-input-placeholder,
    input[type=color]:-ms-input-placeholder,
    input[type=date]:-ms-input-placeholder,
    input[type=email]:-ms-input-placeholder,
    input[type=number]:-ms-input-placeholder,
    input[type=search]:-ms-input-placeholder,
    input[type=tel]:-ms-input-placeholder,
    input[type=time]:-ms-input-placeholder,
    input[type=url]:-ms-input-placeholder {
        color: gray;
        line-height: normal;
    }

    textarea::-webkit-input-placeholder,
    input[type=text]::-webkit-input-placeholder,
    input[type=password]::-webkit-input-placeholder,
    input[type=color]::-webkit-input-placeholder,
    input[type=date]::-webkit-input-placeholder,
    input[type=email]::-webkit-input-placeholder,
    input[type=number]::-webkit-input-placeholder,
    input[type=search]::-webkit-input-placeholder,
    input[type=tel]::-webkit-input-placeholder,
    input[type=time]::-webkit-input-placeholder,
    input[type=url]::-webkit-input-placeholder {
        color: gray;
        line-height: normal;
    }

    textarea:focus,
    input[type=text]:focus,
    input[type=password]:focus,
    input[type=color]:focus,
    input[type=date]:focus,
    input[type=email]:focus,
    input[type=number]:focus,
    input[type=search]:focus,
    input[type=tel]:focus,
    input[type=time]:focus,
    input[type=url]:focus {
        color: black;
        -moz-box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.025), -3px 0 3px 0 rgba(0, 0, 0, 0.025), 3px 0 3px 0 rgba(0, 0, 0, 0.025), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.025), -3px 0 3px 0 rgba(0, 0, 0, 0.025), 3px 0 3px 0 rgba(0, 0, 0, 0.025), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.025), -3px 0 3px 0 rgba(0, 0, 0, 0.025), 3px 0 3px 0 rgba(0, 0, 0, 0.025), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
    }

        textarea:focus.placeholder,
        input[type=text]:focus.placeholder,
        input[type=password]:focus.placeholder,
        input[type=color]:focus.placeholder,
        input[type=date]:focus.placeholder,
        input[type=email]:focus.placeholder,
        input[type=number]:focus.placeholder,
        input[type=search]:focus.placeholder,
        input[type=tel]:focus.placeholder,
        input[type=time]:focus.placeholder,
        input[type=url]:focus.placeholder {
            color: #e6e6e6;
        }

        textarea:focus:-moz-placeholder,
        input[type=text]:focus:-moz-placeholder,
        input[type=password]:focus:-moz-placeholder,
        input[type=color]:focus:-moz-placeholder,
        input[type=date]:focus:-moz-placeholder,
        input[type=email]:focus:-moz-placeholder,
        input[type=number]:focus:-moz-placeholder,
        input[type=search]:focus:-moz-placeholder,
        input[type=tel]:focus:-moz-placeholder,
        input[type=time]:focus:-moz-placeholder,
        input[type=url]:focus:-moz-placeholder {
            color: #e6e6e6;
        }

        textarea:focus::-moz-placeholder,
        input[type=text]:focus::-moz-placeholder,
        input[type=password]:focus::-moz-placeholder,
        input[type=color]:focus::-moz-placeholder,
        input[type=date]:focus::-moz-placeholder,
        input[type=email]:focus::-moz-placeholder,
        input[type=number]:focus::-moz-placeholder,
        input[type=search]:focus::-moz-placeholder,
        input[type=tel]:focus::-moz-placeholder,
        input[type=time]:focus::-moz-placeholder,
        input[type=url]:focus::-moz-placeholder {
            color: #e6e6e6;
        }

        textarea:focus:-ms-input-placeholder,
        input[type=text]:focus:-ms-input-placeholder,
        input[type=password]:focus:-ms-input-placeholder,
        input[type=color]:focus:-ms-input-placeholder,
        input[type=date]:focus:-ms-input-placeholder,
        input[type=email]:focus:-ms-input-placeholder,
        input[type=number]:focus:-ms-input-placeholder,
        input[type=search]:focus:-ms-input-placeholder,
        input[type=tel]:focus:-ms-input-placeholder,
        input[type=time]:focus:-ms-input-placeholder,
        input[type=url]:focus:-ms-input-placeholder {
            color: #e6e6e6;
        }

        textarea:focus::-webkit-input-placeholder,
        input[type=text]:focus::-webkit-input-placeholder,
        input[type=password]:focus::-webkit-input-placeholder,
        input[type=color]:focus::-webkit-input-placeholder,
        input[type=date]:focus::-webkit-input-placeholder,
        input[type=email]:focus::-webkit-input-placeholder,
        input[type=number]:focus::-webkit-input-placeholder,
        input[type=search]:focus::-webkit-input-placeholder,
        input[type=tel]:focus::-webkit-input-placeholder,
        input[type=time]:focus::-webkit-input-placeholder,
        input[type=url]:focus::-webkit-input-placeholder {
            color: #e6e6e6;
        }

.form__fieldset {
    background: #d9eaf6;
    font-size: 14px;
}

.form__label {
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.form__field {
    display: block;
    margin-bottom: 0.5em;
}

.form__submit {
    margin-top: 1em;
}

fieldset .form__success, fieldset
.form__notice, fieldset
.form__error {
    margin-top: 0.5em;
}

.form__success:before,
.form__notice:before,
.form__error:before {
    content: '';
    display: block;
    width: 24px;
    float: left;
    margin-top: 3px;
}

.form__success + .form__label,
.form__notice + .form__label,
.form__error + .form__label {
    margin-bottom: 1em;
}

.form__success:before {
    content: '';
}

.form__notice:before {
    content: '';
}

.form__error {
    color: #f4431c;
}

    .form__error:before {
        content: '';
    }

.form__message {
    color: #6aabdd;
}

fieldset .form__message {
    color: #2a7ab7;
}

ul.form__options--y {
    display: block;
    list-style: none;
    margin-bottom: 1em;
}

    ul.form__options--y li {
        display: block;
    }

        ul.form__options--y li + li {
            margin-top: 0.5em;
        }

ul.form__options--x {
    display: block;
    list-style: none;
}

    ul.form__options--x li {
        display: inline-block;
    }

        ul.form__options--x li + li {
            margin-left: 0.5em;
        }

.uniform--select {
    font-family: 'Droid sans', sans-serif;
    font-size: 15px;
    line-height: 18px;
    width: 100%;
    background-color: White;
    color: rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0125), -1px 0 2px 0 rgba(0, 0, 0, 0.0125), 1px 0 2px 0 rgba(0, 0, 0, 0.0125), 0 2px 1px 0 rgba(0, 0, 0, 0.025);
    -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0125), -1px 0 2px 0 rgba(0, 0, 0, 0.0125), 1px 0 2px 0 rgba(0, 0, 0, 0.0125), 0 2px 1px 0 rgba(0, 0, 0, 0.025);
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.0125), -1px 0 2px 0 rgba(0, 0, 0, 0.0125), 1px 0 2px 0 rgba(0, 0, 0, 0.0125), 0 2px 1px 0 rgba(0, 0, 0, 0.025);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .uniform--select span {
        position: relative;
        display: block;
        background-color: White;
        padding: 15px 35px 15px 20px;
    }

        .uniform--select span:before {
            content: '';
            width: 0;
            height: 0;
            border-left: 0.5em solid transparent;
            border-right: 0.5em solid transparent;
            border-top: 0.5em solid #6aabdd;
            position: absolute;
            top: 42.5%;
            right: 0.75em;
        }

    .uniform--select.focus {
        color: black;
        -moz-box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.025), -3px 0 3px 0 rgba(0, 0, 0, 0.025), 3px 0 3px 0 rgba(0, 0, 0, 0.025), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
        -webkit-box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.025), -3px 0 3px 0 rgba(0, 0, 0, 0.025), 3px 0 3px 0 rgba(0, 0, 0, 0.025), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.025), -3px 0 3px 0 rgba(0, 0, 0, 0.025), 3px 0 3px 0 rgba(0, 0, 0, 0.025), 0 3px 3px 0 rgba(0, 0, 0, 0.05);
    }

.uniform--radio > span,
.uniform--radio > input {
    position: relative;
    z-index: 100;
    display: block;
    width: 18px;
    height: 18px;
}

.uniform--radio > span {
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-right: 2px;
    background-color: white;
    border: 1px solid #2a7ab7;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

    .uniform--radio > span.checked {
        background-color: #2a7ab7;
    }

        .uniform--radio > span.checked:after {
            display: block;
            content: '';
            position: absolute;
            top: 0;
            left: 0;
        }

.uniform--radio + label {
    display: inline;
    color: #2a7ab7;
}

.uniform--checkbox > span,
.uniform--checkbox > input {
    position: relative;
    z-index: 100;
    display: block;
    width: 18px;
    height: 18px;
}

.uniform--checkbox > span {
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-right: 2px;
    background-color: white;
    border: 1px solid #2a7ab7;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .uniform--checkbox > span.checked {
        background-color: #2a7ab7;
    }

        .uniform--checkbox > span.checked:after {
            display: block;
            content: '';
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
        }

.uniform--checkbox + label {
    display: inline;
    color: #2a7ab7;
}

.form__fieldset .uniform--radio > span,
.form__fieldset .uniform--checkbox > span {
    border-color: Black;
}

    .form__fieldset .uniform--radio > span.checked,
    .form__fieldset .uniform--checkbox > span.checked {
        background-color: black;
    }

.button {
    display: block;
    position: relative;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    font-family: 'Droid sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-transform: uppercase;
    text-align: center;
    background-color: #4094d4;
    color: White;
    padding: 15px 30px;
    -moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.025), -1px 0 2px 0 rgba(0, 0, 0, 0.025), 1px 0 2px 0 rgba(0, 0, 0, 0.025), 0 2px 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.025), -1px 0 2px 0 rgba(0, 0, 0, 0.025), 1px 0 2px 0 rgba(0, 0, 0, 0.025), 0 2px 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.025), -1px 0 2px 0 rgba(0, 0, 0, 0.025), 1px 0 2px 0 rgba(0, 0, 0, 0.025), 0 2px 1px 0 rgba(0, 0, 0, 0.05);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

    .button:hover, .button:focus {
        cursor: pointer;
        text-decoration: none;
    }

    .button:active {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-transform: translate(0, 1px);
        -ms-transform: translate(0, 1px);
        -webkit-transform: translate(0, 1px);
        transform: translate(0, 1px);
    }

    .button.disabled, .button[disabled] {
        opacity: 0.5;
    }

        .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
            background-color: white;
            -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 4px 0;
            -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 4px 0;
            box-shadow: rgba(0, 0, 0, 0.1) 0 4px 0;
            color: gray;
            cursor: default;
        }

        .button.disabled:active, .button[disabled]:active {
            -moz-transform: none;
            -ms-transform: none;
            -webkit-transform: none;
            transform: none;
            -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 4px 0;
            -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 4px 0;
            box-shadow: rgba(0, 0, 0, 0.1) 0 4px 0;
            -moz-transition: none 1s;
            -o-transition: none 1s;
            -webkit-transition: none 1s;
            transition: none 1s;
        }

.button--full {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.button--large {
    font-size: 18px;
    line-height: 24px;
    padding-left: 15px;
    padding-right: 15px;
}

.button--inline {
    display: inline-block;
    top: -1px;
}

    .input--inline + .button--inline,
    .button--inline + .button--inline {
        margin-left: 10px;
    }

.button--circle {
    width: 36px;
    height: 36px;
    padding: 0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.button--phone {
    background: #fdc900;
}

.sb-navbar {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: auto;
    right: auto;
    width: 100%;
}

.sb-site-container {
    -moz-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.125);
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.125);
    padding-top: 60px;
}

.sb-slidebar {
    *zoom: 1;
    background-color: #d9eaf6;
    padding: 15px;
}

    .sb-slidebar:after {
        content: "";
        display: table;
        clear: both;
    }

.sb-left {
    width: 80%;
}

    .sb-left .nav-quicklinks,
    .sb-left .nav-promolinks,
    .sb-left .nav-index {
        margin-top: 15px;
    }

.nav-search__form {
    position: relative;
}

    .nav-search__form .nav-search__form {
        position: relative;
    }

    .nav-search__form .nav-search__input {
        width: 100%;
        padding-right: 50px;
    }

    .nav-search__form .nav-search__submit {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 45px;
        height: 48px;
        text-indent: -9999px;
        overflow: hidden;
        background-color: transparent;
    }

        .nav-search__form .nav-search__submit:before {
            content: '';
            pointer-events: none;
            position: absolute;
            top: 14px;
            right: 10px;
        }

.nav-quicklinks {
    *zoom: 1;
    font-family: 'Droid sans';
    font-size: 14px;
    line-height: 1;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
}

    .nav-quicklinks:after {
        content: "";
        display: table;
        clear: both;
    }

    .nav-quicklinks a {
        display: inline-block;
        color: #2a7ab7;
        font-weight: bold;
    }

    .nav-quicklinks li {
        display: inline-block;
        padding: 3px 5px;
    }

.nav-index {
    *zoom: 1;
    font-family: 'Droid sans', sans-serif;
    font-size: 15px;
    line-height: 18px;
    display: block;
}

    .nav-index:after {
        content: "";
        display: table;
        clear: both;
    }

    .nav-index a {
        display: block;
        padding: 15px;
    }

.nav-index__level1 {
    float: left;
    width: 100%;
}

    .nav-index__level1 > a {
        background-color: #6aabdd;
        color: white;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .nav-index__level1 + .nav-index__level1 {
        margin-top: 4px;
    }

.nav-index__level2 > a {
    background-color: transparent;
    color: #2a7ab7;
    font-size: 14px;
    font-weight: bold;
}

.nav-index__level2 + .nav-index__level2 {
    border-top: 1px solid #6aabdd;
    display: block;
}

.nav-index--primary > a {
    background-color: #2a7ab7;
    color: white;
}

.nav-index--secondary > a {
    background-color: #6aabdd;
    color: white;
}

.nav-path {
    *zoom: 1;
    padding: 5px 15px;
    padding: 10px 15px 5px 15px;
    font-family: Droid sans;
    font-size: 14px;
    line-height: 1.5;
    color: #a6a6a6;
}

    .nav-path:after {
        content: "";
        display: table;
        clear: both;
    }

    .nav-path > a {
        color: #6aabdd;
    }

.nav-filter__toggle {
    position: relative;
    background-color: #6aabdd;
    background-color: #2a7ab7;
    padding-left: 40px;
    padding-right: 40px;
}

    .nav-filter__toggle:after {
        content: " – vis/endre filter";
    }

    .nav-filter__toggle.is-active:after {
        content: " – skjul filter";
    }

    .nav-filter__toggle + .nav-filter__list,
    .nav-filter__toggle + .nav-filter__group {
        margin-top: 15px;
    }

.nav-filter__title {
    padding: 5px 0;
    font-family: 'Droid sans', sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.nav-filter__group {
    position: relative;
}

    .nav-filter__group + .nav-filter__group {
        margin-top: 15px;
        display: block;
    }

.nav-filter__item {
    position: relative;
}

    .nav-filter__item + .nav-filter__item {
        margin-top: 5px;
        display: block;
    }

.nav-filter__reset {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 48px;
    overflow: hidden;
    line-height: 1000px;
}

    .nav-filter__reset:after {
        position: absolute;
        top: 14px;
        left: 10px;
        content: '';
        display: block;
    }

.nav-service {
    *zoom: 1;
    font-family: 'Droid sans', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
}

    .nav-service:after {
        content: "";
        display: table;
        clear: both;
    }

    .nav-service a {
        display: block;
        padding: 15px 20px;
        color: #2a7ab7;
    }

.nav-service__item {
    float: left;
    width: 100%;
    border-top: 1px solid #e6e6e6;
}

.nav-browse {
    margin-left: -5px;
    margin-right: -5px;
    font-family: 'Droid sans';
    font-size: 14px;
    line-height: 1.25;
}

.nav-browse__item {
    float: left;
    width: 33.33333%;
    padding: 5px;
}

    .nav-browse__item figure {
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        overflow: hidden;
        margin-bottom: 5px;
    }

        .nav-browse__item figure > img {
            display: block;
            width: 100%;
        }

    .nav-browse__item strong {
        display: block;
        height: 2.5em;
        overflow: hidden;
    }

.ui-helper-hidden-accessible {
    display: none;
}

* html .ui-autocomplete {
    width: 1px;
    height: 480px;
}

.ui-autocomplete {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: white;
    border: 1px solid gray;
    border-top: none;
    left: 10px;
    list-style: none;
    position: absolute;
    cursor: default;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    opacity: 0;
    z-index: 9999 !important;
}

@media screen and (min-width:820px) {
    .ui-autocomplete {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
        position: fixed;
    }
}

@media screen and (min-width:820px) {
    .ui-autocomplete.is-overflowing {
        max-height: 480px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

.ui-autocomplete.is-showing {
    opacity: 1;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

@media screen and (min-width:820px) {
    .ui-autocomplete.is-showing {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }
}

.ui-menu-item {
    *zoom: 1;
    position: relative;
    width: 100%;
}

    .ui-menu-item:after {
        content: "";
        display: table;
        clear: both;
    }

    .ui-menu-item a {
        border-top: 1px solid #e6e6e6;
        color: gray;
        display: block;
        font-size: 18px;
        padding: 12px 50px 12px 12px;
        text-decoration: none;
        white-space: normal;
    }

        .ui-menu-item a b {
            font-weight: bold;
            text-decoration: underline;
        }

        .ui-menu-item a:hover, .ui-menu-item a.ui-state-focus {
            color: #6aabdd !important;
            cursor: pointer;
        }

            .ui-menu-item a:hover:before, .ui-menu-item a.ui-state-focus:before {
                background-image: url(../img/ark-sprite.png);
                background-image: none, url(../img/ark-sprite.svg);
                background-position: 0 -150px;
                background-repeat: no-repeat;
                content: '';
                width: 22px;
                height: 18px;
                position: absolute;
                right: 15px;
                top: 18px;
            }

            .ui-menu-item a:hover .product__format, .ui-menu-item a.ui-state-focus .product__format {
                border-color: gray;
                color: gray;
            }

    .ui-menu-item:first-child a {
        border-top: none;
    }

    .ui-menu-item .product__image {
        float: left;
        width: 50px;
    }

        .ui-menu-item .product__image img {
            border: none;
        }

    .ui-menu-item .product__header {
        font-size: 15px;
        margin-bottom: 0;
    }

    .ui-menu-item .product__format {
        font-size: 12px;
    }

.autocomplete--category {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
}

.ui-autocomplete-category {
    border-top: 1px solid #e6e6e6;
    color: #a6a6a6;
    padding: 6px 10px 4px;
    text-transform: uppercase;
    font-size: 14px;
}

.sb-active-left .ui-autocomplete {
    display: block !important;
    background: transparent;
    border: none;
    max-height: 100% !important;
}

.sb-active-left .ui-autocomplete-category {
    border-top: 1px solid #e6e6e6;
    padding-left: 0;
    padding-right: 0;
}

.sb-active-left .ui-menu-item a {
    border-top-color: #e6e6e6;
    color: gray;
    padding-left: 0;
    padding-right: 0;
}

    .sb-active-left .ui-menu-item a:hover, .sb-active-left .ui-menu-item a.ui-state-focus {
        background-color: transparent;
    }

        .sb-active-left .ui-menu-item a:hover:before, .sb-active-left .ui-menu-item a.ui-state-focus:before {
            background-position: 0 -150px;
            right: 0;
        }

.sb-active-left .ui-menu-item__img {
    bottom: 0;
}

.product {
    *zoom: 1;
    position: relative;
    text-align: left;
}

    .product:after {
        content: "";
        display: table;
        clear: both;
    }

    .product a {
        color: inherit;
    }

.product__image {
    position: relative;
    z-index: 1;
    background: white;
}

    .product__image:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

    .product__image > img {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: auto;
    }

    .product__image .sticker {
        width: 50%;
        top: 5%;
        right: 5%;
        bottom: auto;
        left: auto;
    }

        .product__image .sticker .sticker__text {
            font-size: 18px;
        }

.product__content {
    *zoom: 1;
}

    .product__content:after {
        content: "";
        display: table;
        clear: both;
    }

.product__header {
    *zoom: 1;
    line-height: 1.25;
}

    .product__header:after {
        content: "";
        display: table;
        clear: both;
    }

.product__price {
    font-weight: bold;
}

.product__out-of-stock {
    font-weight: bold;
}

.product__savings {
    margin-top: 0.25em;
    line-height: 1;
    font-weight: bold;
}

    .product__savings strike {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
        opacity: 0.5;
        font-weight: normal;
    }

.product__status {
    line-height: 1.25;
    margin-bottom: 1em;
}

.product--small .product__content, .product--medium .product__content {
    width: 100%;
}

.product--small .product__header, .product--medium .product__header {
    font-size: 15px;
}

.product--small .product__title, .product--medium .product__title {
    max-height: 3.75em;
    overflow: hidden;
    margin-bottom: 0.25em;
}

.product--small .product__out-of-stock, .product--medium .product__out-of-stock,
.product--small .product__savings,
.product--medium .product__savings {
    font-size: 12px;
}

.product--medium {
    padding: 5px;
}

    .product--medium .sticker__text {
        font-size: 14px;
    }

    .product--medium .product__image {
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }

    .product--medium .product__content {
        position: relative;
        padding: 0 10px;
    }

    .product--medium .product__header {
        height: 5em;
        overflow: hidden;
        margin-bottom: 0.5em;
    }

    .product--medium .product__title {
        max-height: 2.5em;
        overflow: hidden;
    }

.product-list__header {
    padding: 5px 0;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
}

    .product-list__header h2 {
        font-weight: bold;
        margin-bottom: 0.25em;
    }

.product-list {
    *zoom: 1;
    max-width: 320px;
    position: relative;
    list-style: none;
    margin: 0 auto;
}

    .product-list:after {
        content: "";
        display: table;
        clear: both;
    }

    .product-list li {
        float: left;
        width: 160px;
        position: relative;
    }

@media screen and (min-width:500px) {
    .product-list {
        max-width: 480px;
    }
}

@media screen and (min-width:660px) {
    .product-list {
        max-width: 640px;
    }
}

@media screen and (min-width:820px) {
    .product-list {
        max-width: 800px;
    }
}

@media screen and (min-width:980px) {
    .product-list {
        max-width: 960px;
    }
}

.product-list.product-list--1 {
    max-width: 160px;
}

.product-list.product-list--2 {
    max-width: 320px;
}

.product-list.product-list--3 {
    max-width: 480px;
}

.promo {
    *zoom: 1;
    width: 100%;
    margin-bottom: 4px;
}

    .promo:after {
        content: "";
        display: table;
        clear: both;
    }

    .promo > a {
        color: inherit;
        display: block;
    }

        .promo > a:hover, .promo > a:focus {
            text-decoration: none;
        }

.promo__body {
    padding: 15px;
    font-size: 14px;
    line-height: 1.5;
}

    .promo__body h2 {
        font-size: 18px;
        line-height: 1.25;
        font-weight: bold;
    }

    .promo__body h3 {
        font-size: 16px;
        line-height: 1.25;
        font-weight: bold;
    }

        .promo__body h2 + p,
        .promo__body h3 + p,
        .promo__body h2 + ul,
        .promo__body h3 + ul,
        .promo__body ul + p,
        .promo__body p + ul {
            margin-top: 0.25em;
        }

    .promo__body p + h2,
    .promo__body ul + h2,
    .promo__body p + h3,
    .promo__body ul + h3 {
        margin-top: 1em;
    }

    .promo__body strong {
        font-weight: bold;
    }

    .promo__body a {
        color: #2a7ab7;
        text-decoration: none;
    }

        .promo__body a[href^=tel] {
            color: inherit;
        }

    .promo__body img {
        display: block;
        width: 100%;
    }

.promo__image {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

    .promo__image > img {
        display: block;
        width: 100%;
    }

.promo-grid {
    *zoom: 1;
}

    .promo-grid:after {
        content: "";
        display: table;
        clear: both;
    }

    .promo-grid .promo {
        float: left;
    }

    .promo-grid .promo--medium {
        padding-right: 2px;
    }

        .promo-grid .promo--medium + .promo--medium {
            padding-left: 2px;
            padding-right: 0;
        }

    .promo-grid + .promo-grid {
        margin-top: 0;
    }

.promo-grid--secondary {
    padding: 5px;
}

.promo--large .sticker {
    font-size: 18px;
}

.promo--medium {
    float: left;
    width: 50%;
}

.promo--small {
    float: left;
    width: 33.33333%;
}

.promo--newsletter {
    background: #fdc900;
}

    .promo--newsletter p {
        margin-bottom: 1em;
    }

    .promo--newsletter button {
        background-color: #f99a54;
    }

.form--newsletter {
    position: relative;
}

    .form--newsletter input {
        padding-right: 48px;
    }

    .form--newsletter button {
        position: absolute;
        top: 6px;
        right: 6px;
    }

.promo--service {
    font-family: 'Droid sans', sans-serif;
    text-align: center;
}

    .promo--service ul li {
        position: relative;
    }

        .promo--service ul li:before {
            display: inline-block;
            margin-top: 2px;
            margin-right: 2px;
            content: '';
        }

    .promo--service img {
        max-width: 320px;
        margin: 0 auto;
    }

.sticker {
    display: inline-block;
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 5%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    background-color: White;
}

    .sticker:after {
        content: '';
        display: block;
        margin-top: 100%;
    }

.sticker__image {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.sticker--small {
    width: 45%;
    left: 27.5%;
    bottom: 27.5%;
}

.sticker--medium {
    width: 60%;
    left: 20%;
    bottom: 20%;
}

.sticker--large {
    width: 80%;
    left: 10%;
    bottom: 10%;
}

.sticker--top {
    bottom: auto;
    top: 10%;
}

.sticker--bottom {
    top: auto;
    bottom: 10%;
}

.sticker--left {
    right: auto;
    left: 10%;
}

.sticker--right {
    left: auto;
    right: 10%;
}

.sticker__text {
    font-weight: bold;
    line-height: 1.2em;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
}

.sticker--price {
    background-color: #d9eaf6;
    color: #2a7ab7;
}

.cart {
    *zoom: 1;
    display: block;
    margin-top: 15px;
    margin-left: -15px;
    margin-right: -15px;
}

    .cart:after {
        content: "";
        display: table;
        clear: both;
    }

    .cart tbody,
    .cart tfoot {
        display: block;
        *zoom: 1;
    }

        .cart tbody:after,
        .cart tfoot:after {
            content: "";
            display: table;
            clear: both;
        }

    .cart tr {
        display: block;
        *zoom: 1;
        border-top: 1px solid #e6e6e6;
    }

        .cart tr:after {
            content: "";
            display: table;
            clear: both;
        }

    .cart th,
    .cart td {
        display: block;
        *zoom: 1;
    }

        .cart th:after,
        .cart td:after {
            content: "";
            display: table;
            clear: both;
        }

    .cart .cart__summary {
        padding: 5px 0;
    }

    .cart .summary__title {
        padding: 10px 15px 0 15px;
        font-size: 14px;
        line-height: 20px;
        text-align: right;
    }

    .cart .summary__descr {
        padding: 0 15px 5px 15px;
        padding: 0 15px 5px 0;
        text-align: right;
    }

        .cart .summary__descr strong {
            font-size: 20px;
            font-weight: bold;
            line-height: 34px;
        }

    .cart .cart__item {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 15px;
    }

    .cart .item__details {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        font-style: normal;
    }

        .cart .item__details em,
        .cart .item__details strong,
        .cart .item__details strike {
            display: block;
        }

        .cart .item__details strike {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
            opacity: 0.5;
            font-weight: normal;
        }

        .cart .item__details .item__price {
            float: left;
            position: relative;
        }

            .cart .item__details .item__price strong {
                font-weight: bold;
                font-size: 14px;
                line-height: 20px;
            }

            .cart .item__details .item__price strike {
                position: absolute;
                top: 40px;
                font-size: 14px;
                line-height: 20px;
            }

        .cart .item__details .item__total {
            float: left;
            padding-left: 15px;
        }

        .cart .item__details .item__order {
            float: left;
            width: 40%;
            position: relative;
            width: 55px;
        }

            .cart .item__details .item__order select {
                float: left;
                width: 55px;
            }

            .cart .item__details .item__order .uniform--select span {
                padding: 6px 16px 6px 6px;
                margin-top: 2px;
                border: 1px solid #6aabdd;
            }

            .cart .item__details .item__order + .item__price {
                float: right;
                width: 60%;
            }

        .cart .item__details .item__qty {
            float: left;
            width: 40%;
            position: relative;
        }

            .cart .item__details .item__qty input {
                float: left;
                width: 55px;
                padding: 6px 8px;
                margin-top: 2px;
                border: 1px solid #6aabdd;
            }

        .cart .item__details .item__delete {
            position: absolute;
            bottom: 0;
            left: 61px;
            width: 32px;
            height: 32px;
            overflow: hidden;
            line-height: 1000px;
        }

            .cart .item__details .item__delete:after {
                position: absolute;
                top: 6px;
                left: 6px;
                content: '';
                display: block;
            }

        .cart .item__details .item__total {
            float: right;
            text-align: right;
        }

            .cart .item__details .item__total strong {
                font-weight: bold;
                font-size: 20px;
                line-height: 34px;
            }

.product--cart {
    margin-bottom: 5px;
}

    .product--cart > a {
        *zoom: 1;
        display: block;
    }

        .product--cart > a:after {
            content: "";
            display: table;
            clear: both;
        }

   .product--cart .product__image {
        display: inline-block;
        width: 37%;
        padding-right: 10px;
    }

    .product--cart .product__title {
        font-size: 15px;
        font-weight: bold;
    }
//ugle
 //   .product--cart .product__image {
 //       float: left;
 //       width: 40%;
 //       padding-right: 10px;
 //   }

 //   .product--cart .product__title {
 //       float: right;
 //       width: 60%;
 //       font-size: 15px;
 //       font-weight: bold;
 //   }

.cart--final .product--cart .product__image {
    display: none;
}

.cart--final .product--cart .product__title {
    width: 100%;
}

.order {
    background: #e6e6e6;
    margin-bottom: 15px;
    *zoom: 1;
    display: block;
}

    .order:after {
        content: "";
        display: table;
        clear: both;
    }

    .order thead,
    .order tbody,
    .order tfoot {
        display: block;
        *zoom: 1;
    }

        .order thead:after,
        .order tbody:after,
        .order tfoot:after {
            content: "";
            display: table;
            clear: both;
        }

    .order tr {
        display: block;
        *zoom: 1;
    }

        .order tr:after {
            content: "";
            display: table;
            clear: both;
        }

    .order th,
    .order td {
        display: block;
        *zoom: 1;
    }

        .order th:after,
        .order td:after {
            content: "";
            display: table;
            clear: both;
        }

    .order .order__header {
        padding-bottom: 7px;
    }

    .order .order__details {
        border-top: 1px solid #a6a6a6;
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #a6a6a6;
    }

    .order .order__items {
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #a6a6a6;
    }

    .order .order__savings,
    .order .order__total {
        padding-top: 7px;
        padding-bottom: 7px;
        border-bottom: 1px solid #a6a6a6;
    }

    .order tfoot + tfoot {
        border-top: none;
    }

    .order .order__item {
        font-size: 14px;
        font-weight: bold;
    }

    .order .item__title {
        float: left;
        width: 60%;
        padding-right: 5px;
    }

    .order .item__descr {
        float: right;
        width: 40%;
        text-align: right;
    }

        .order .item__descr strong {
            color: #6aabdd;
        }

    .order .order__header,
    .order .order__details,
    .order .order__savings,
    .order .order__total {
        width: 100%;
    }

        .order .order__header .item__title {
            font-weight: bold;
        }

        .order .order__header .summary__toggle {
            display: inline-block;
        }

        .order .order__total .item__title,
        .order .order__total .item__descr {
            font-weight: bold;
        }

.section {
    *zoom: 1;
}

    .section:after {
        content: "";
        display: table;
        clear: both;
    }

.section__header {
    *zoom: 1;
    text-align: center;
}

    .section__header:after {
        content: "";
        display: table;
        clear: both;
    }

.section__navigation {
    *zoom: 1;
    background: #d9eaf6;
    margin-bottom: 4px;
}

    .section__navigation:after {
        content: "";
        display: table;
        clear: both;
    }

    .section__navigation .nav-search + .nav-filter {
        margin-top: 15px;
    }

.section__body {
    *zoom: 1;
}

    .section__body:after {
        content: "";
        display: table;
        clear: both;
    }

.section__footer {
    *zoom: 1;
    padding-top: 5px;
}

    .section__footer:after {
        content: "";
        display: table;
        clear: both;
    }

.group {
    *zoom: 1;
    border-top: 1px solid #e6e6e6;
}

    .group:after {
        content: "";
        display: table;
        clear: both;
    }

.group__title {
    padding: 15px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.25;
    text-transform: uppercase;
}

.frontpage__navigation {
    *zoom: 1;
    background: #d9eaf6;
    margin-bottom: 4px;
}

    .frontpage__navigation:after {
        content: "";
        display: table;
        clear: both;
    }

    .frontpage__navigation .nav-search + .nav-quicklinks {
        margin-top: 15px;
    }

.section--product .nav-path {
    text-align: center;
}

.section--search article {
    padding-top: 5px;
}

.section--checkout .header__menu,
.section--checkout .header__cart,
.section--checkout .header__wishlist {
    display: none;
}

.article {
    padding: 0 15px;
}

.article__body, .section__header, .article--product .product__header {
    font-size: 15px;
    line-height: 1.5;
}

    .article__body a, .section__header a, .article--product .product__header a {
        color: #2a7ab7;
    }

        .article__body a[href^=tel], .section__header a[href^=tel], .article--product .product__header a[href^=tel] {
            color: inherit;
        }

    .article__body h1, .section__header h1, .article--product .product__header h1 {
        font-size: 24px;
        line-height: 1.25;
        font-weight: bold;
        margin-bottom: 0.75em;
    }

    .article__body h2, .section__header h2, .article--product .product__header h2 {
        font-size: 18px;
        font-weight: bold;
    }

    .article__body h1 + h2, .section__header h1 + h2, .article--product .product__header h1 + h2 {
        margin-top: 1em;
    }

    .article__body h3, .section__header h3, .article--product .product__header h3 {
        font-weight: bold;
    }

    .article__body h2 + h3, .section__header h2 + h3, .article--product .product__header h2 + h3 {
        margin-top: 1em;
    }

    .article__body h2 + figure, .section__header h2 + figure, .article--product .product__header h2 + figure {
        margin-top: 1em;
    }

    .article__body p, .section__header p, .article--product .product__header p,
    .article__body address,
    .section__header address,
    .article--product .product__header address {
        margin-bottom: 1em;
    }

    .article__body blockquote, .section__header blockquote, .article--product .product__header blockquote {
        *zoom: 1;
        margin-bottom: 1em;
    }

        .article__body blockquote:after, .section__header blockquote:after, .article--product .product__header blockquote:after {
            content: "";
            display: table;
            clear: both;
        }

        .article__body blockquote figure, .section__header blockquote figure, .article--product .product__header blockquote figure {
            float: left;
            width: 64px;
            margin-top: 2px;
            margin-right: 12px;
            -moz-border-radius: 100%;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            overflow: hidden;
            position: relative;
            z-index: 1;
        }

            .article__body blockquote figure > img, .section__header blockquote figure > img, .article--product .product__header blockquote figure > img {
                display: block;
                width: 100%;
            }

        .article__body blockquote p, .section__header blockquote p, .article--product .product__header blockquote p {
            font-style: italic;
        }

        .article__body blockquote h5, .section__header blockquote h5, .article--product .product__header blockquote h5 {
            font-weight: bold;
            font-size: 14px;
            float: right;
        }

            .article__body blockquote h5:before, .section__header blockquote h5:before, .article--product .product__header blockquote h5:before {
                content: '– ';
            }

    .article__body > ul, .section__header > ul, .article--product .product__header > ul, .article__body ol, .section__header ol, .article--product .product__header ol {
        list-style-position: inside;
        margin-bottom: 1em;
        margin: 0.5em 1.25em 1em 1.25em;
    }

    .article__body > ul, .section__header > ul, .article--product .product__header > ul {
        list-style: disc;
    }

    .article__body > ol, .section__header > ol, .article--product .product__header > ol {
        list-style: decimal;
    }

    .article__body h2 + ul, .section__header h2 + ul, .article--product .product__header h2 + ul,
    .article__body h2 + ol,
    .section__header h2 + ol,
    .article--product .product__header h2 + ol {
        margin-top: 0.5em;
    }

    .article__body strong, .section__header strong, .article--product .product__header strong {
        font-weight: bold;
    }

    .article__body figcaption, .section__header figcaption, .article--product .product__header figcaption {
        padding-top: 5px;
        margin-bottom: 1em;
        font-size: 12px;
        color: gray;
    }

    .article__body figure > img, .section__header figure > img, .article--product .product__header figure > img {
        display: block;
        width: 100%;
    }

    .article__body h2 + figure, .section__header h2 + figure, .article--product .product__header h2 + figure,
    .article__body h3 + figure,
    .section__header h3 + figure,
    .article--product .product__header h3 + figure {
        margin-top: 1em;
    }

.article__section {
    *zoom: 1;
}

    .article__section:after {
        content: "";
        display: table;
        clear: both;
    }

    .article__section + h2, .article__section + h3
    .article__section + p {
        margin-top: 1em;
    }

.article__addthis {
    margin: 15px 0;
    text-align: center;
}

    .article__addthis h2 {
        margin-bottom: 0.5em;
    }

    .article__addthis a {
        display: inline-block;
        float: none !important;
        width: auto !important;
    }

.article .grid, .article .section {
    width: auto;
    margin-left: -8px;
    margin-right: -8px;
}

    .article .grid > div, .article .section > div {
        padding: 0 8px;
    }

.rating {
    *zoom: 1;
    font-size: 14px;
    font-weight: normal;
    color: #2a7ab7;
}

    .rating:after {
        content: "";
        display: table;
        clear: both;
    }

.rating {
    position: relative;
    display: inline;
}

    .rating:before {
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px;
        content: '';
    }

.comment {
    *zoom: 1;
    background-color: #e6e6e6;
    font-size: 14px;
}

    .comment:after {
        content: "";
        display: table;
        clear: both;
    }

    .comment h5 {
        font-weight: bold;
        float: right;
    }

        .comment h5:before {
            content: '– ';
        }

.comment--answer {
    clear: both;
    *zoom: 1;
    margin-top: 1em;
    padding: 0;
    margin-bottom: 0;
}

    .comment--answer:after {
        content: "";
        display: table;
        clear: both;
    }

    .comment--answer figure {
        margin-top: 6px !important;
    }

    .comment--answer p {
        font-style: italic;
    }

.article--product > .product__image,
.article--product > .product__slides {
    margin-left: -15px;
    margin-right: -15px;
}

    .article--product > .product__image .sticker .sticker__text,
    .article--product > .product__slides .sticker .sticker__text {
        font-size: 36px;
    }

.article--product .product__header {
    text-align: center;
}

.article--product .product__action {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
}

.article--product .product__metadata {
    clear: both;
}

.article--product .product__body {
    clear: both;
}

.product__slides {
    position: relative;
    margin-bottom: 0;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    z-index: 200;
    bottom: 20px;
    text-align: center;
}

    .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

    .flex-control-paging li a:hover {
        background: #333;
        background: rgba(0, 0, 0, 0.7);
    }

    .flex-control-paging li a.flex-active {
        background: #000;
        background: rgba(0, 0, 0, 0.9);
        cursor: default;
    }

.flex-direction-nav {
    *height: 0;
}

    .flex-direction-nav a {
        text-decoration: none;
        display: block;
        width: 40px;
        height: 40px;
        margin: -20px 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        transition: all .3s ease;
    }

    .flex-direction-nav .flex-prev {
        left: -50px;
        left: 0;
    }

    .flex-direction-nav .flex-next {
        right: -50px;
        text-align: right;
        right: 0;
    }

.flexslider:hover .flex-prev {
    opacity: .7;
    left: 10px;
}

.flexslider:hover .flex-next {
    opacity: .7;
    right: 10px;
}

    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1;
    }

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    line-height: 1;
    display: inline-block;
    content: '\f001';
}

.flex-direction-nav a.flex-next:before {
    content: '\f002';
}

.product__action {
    position: relative;
    background: #d9eaf6;
    padding: 15px;
}

    .product__action .product__price {
        font-size: 24px;
    }

    .product__action label {
        *zoom: 1;
        width: 100%;
        font-size: 14px;
        line-height: 1.5;
        font-weight: bold;
        margin-bottom: 0.5em;
    }

        .product__action label:after {
            content: "";
            display: table;
            clear: both;
        }

    .product__action p {
        font-size: 14px;
        line-height: 1.5;
    }

.product__wishlist {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 14px;
    line-height: 1.5;
    padding-left: 25px;
}

    .product__wishlist:before {
        content: '';
        pointer-events: none;
        position: absolute;
        top: 3px;
        left: 0;
    }

.product__options {
    margin-top: 15px;
}

    .product__options li {
        margin-bottom: 10px;
    }

.product__add-to-cart {
    margin-top: 15px;
    *zoom: 1;
}

    .product__add-to-cart:after {
        content: "";
        display: table;
        clear: both;
    }

    .product__add-to-cart .add-to-cart__qty {
        float: left;
        width: 33.33333%;
        padding-right: 10px;
    }

    .product__add-to-cart .add-to-cart__button {
        float: right;
        width: 66.66667%;
    }

.product__info {
    margin-top: 15px;
    *zoom: 1;
    font-size: 14px;
    line-height: 1.5;
}

    .product__info:after {
        content: "";
        display: table;
        clear: both;
    }

    .product__info strong {
        font-weight: bold;
    }

    .product__info em {
        font-style: italic;
    }

    .product__info p + p {
        margin-top: 1em;
    }

.product__action--out-of-stock {
    background: #e6e6e6;
}

.product__action .form--newsletter {
    margin-top: 15px;
    *zoom: 1;
}

    .product__action .form--newsletter:after {
        content: "";
        display: table;
        clear: both;
    }

.product__metadata {
    *zoom: 1;
    font-size: 14px;
    line-height: 30px;
    margin-left: -15px;
    margin-right: -15px;
}

    .product__metadata:after {
        content: "";
        display: table;
        clear: both;
    }

    .product__metadata li {
        *zoom: 1;
        border-top: 1px solid #e6e6e6;
        padding: 5px 15px;
    }

        .product__metadata li:after {
            content: "";
            display: table;
            clear: both;
        }

    .product__metadata strong {
        float: left;
        width: 33.33333%;
        padding-right: 5px;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .product__metadata a,
    .product__metadata span {
        float: right;
        width: 66.66667%;
        padding-left: 5px;
    }

.article--checkout {
    *zoom: 1;
    padding-top: 15px;
}

    .article--checkout:after {
        content: "";
        display: table;
        clear: both;
    }

.checkout__option {
    background: #d9eaf6;
    font-size: 14px;
}

    .checkout__option h3 {
        font-size: 16px;
    }

.checkout__step .js-step .js-step__title:before {
    content: attr(data-step) ". ";
}

.checkout__step .js-step .checkout__body {
    display: none;
}

.checkout__step .js-step .checkout__summary {
    display: none;
}

.checkout__step .js-step--open .checkout__body {
    display: block;
}

.checkout__step .js-step--open .js-step__title:before {
    content: '';
}

.checkout__step .js-step--open .checkout__summary {
    display: none;
}

.checkout__step .js-step--done {
    border-top: 1px solid White;
    background-color: #e6e6e6;
    padding-bottom: 0;
}

    .checkout__step .js-step--done .js-step__title {
        display: block;
        font-size: 14px;
    }

    .checkout__step .js-step--done .checkout__summary {
        display: block;
        padding-top: 0;
    }

    .checkout__step .js-step--done .summary__body {
        display: block;
    }

    .checkout__step .js-step--done .summary__footer {
        display: none;
    }

.checkout__step .js-step--prev {
    border-top: 1px solid White;
    background-color: #e6e6e6;
    padding-bottom: 0;
}

    .checkout__step .js-step--prev .js-step__title {
        display: none;
    }

    .checkout__step .js-step--prev .checkout__summary {
        display: block;
        padding-top: 0;
    }

    .checkout__step .js-step--prev .summary__body {
        display: none;
    }

    .checkout__step .js-step--prev .summary__footer {
        display: block;
    }

.step__label {
    font-size: 14px;
    font-weight: bold;
}

.checkout__summary,
.order__summary {
    background-color: #e6e6e6;
    font-size: 14px;
    padding-bottom: 0;
    margin-bottom: 0;
}

    .checkout__summary a,
    .order__summary a {
        color: #2a7ab7;
    }

.order__summary {
    margin-bottom: 15px;
}

.summary {
    position: relative;
    margin-bottom: 15px;
    font-size: 14px;
}

    .summary p + h3,
    .summary p + p {
        margin-top: 0.5em;
    }

.js-section {
    border-top: 1px solid #e6e6e6;
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
}

    .js-section:last-child {
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: -1px;
    }

.js-section__title {
    *zoom: 1;
    position: relative;
    padding-right: 45px;
    cursor: pointer;
}

    .js-section__title:after {
        content: "";
        display: table;
        clear: both;
    }

    .js-section__title:before {
        content: '';
        pointer-events: none;
        position: absolute;
        top: 4px;
        right: 0;
    }

.js-section__body {
    display: none;
}

.js-section--open .js-section__title {
    padding-bottom: 0;
}

.js-section--open .js-section__body {
    display: block;
}

.js-step {
    border-top: 1px solid #e6e6e6;
    padding: 15px;
    margin-left: -15px;
    margin-right: -15px;
}

    .js-step:last-child {
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: -1px;
    }

.js-step__title {
    *zoom: 1;
}

    .js-step__title:after {
        content: "";
        display: table;
        clear: both;
    }

.js-step--open .js-step__title {
    padding-bottom: 0;
}

[contentEditable=true]:empty:not(:focus):before {
    content: attr(data-ph);
    color: #aaa;
}

.button1 {
    display: inline-block;
    font-family: arial;
    color: #FFFFFF !important;
    font-size: 14px;
    padding: 10px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.continueButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 15px;
    font-size: 0.9375rem;
    background: #0089cf;
    border: none;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),inset 0 -3px 0 rgba(0,0,0,0.1),0 2px 5px rgba(0,0,0,0.1);
    color: #fff;
    cursor: pointer;
    /*font-weight: bold;*/
    outline: none;
    padding: 6px;
    vertical-align: top;
}

/*Ny kasse 2016-06*/
.txtBox {
    border: 1px #909090 solid !important;
}

.whiteboxRounded {
    background-color: #fff;
    padding: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.roundedCorners {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.selectbox {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 56px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("/content/images/arrowdown.gif") no-repeat 90% 50%;
}

    .selectbox select {
        padding: 5px 8px;
        width: 130%;
        border: none;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: 'Droid sans', sans-serif;
        font-size: 15px;
    }

        .selectbox select:focus {
            outline: none;
        }

.trStoreMainline {
    border-bottom: 1px #e1e1e1 solid;
}

    .trStoreMainline td {
        line-height: 30px;
    }

.aNav {
    padding: 8px;
}

.imgInStore {
    float: left;
    margin-right: 5px;
    margin-top: 7px;
}

.sprellWebColor4 {
    color: #4094d4;
}

/*===2017-02-13==========================================*/
.divCollectAtStoreSelectBox {
    border: 1px #4094d4 solid;
    float: right;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
}

.tblCollectAtStore {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .tblCollectAtStore td {
        cursor: pointer;
    }

.tdCollectAtStoreName {
    /*vertical-align:top;padding-top:2px;*/
    font-family: 'Droid sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #4094d4;
    line-height: 37px;
}

.tdStoreName {
    line-height: 17px !important;
}

.addToCollectAtStore {
    /*border: 1px #4094d4 solid;*/
    font-family: 'Droid sans', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    min-height: 38px;
    background-color: #4094d4;
    color: #fff !important;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    padding: 3px 5px;
    display: inline-block;
    font-size: 12px;
    margin: 2px 0px;
}

.notInStock {
    background-color: #d9eaf6;
    color: #ccc !important;
}

.tblCollectAtStore tr:last-child {
    border-bottom: none;
}

.trStoreMainline td {
    line-height: 18px;
}

.selectbox {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 56px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("/content/images/arrowdown.gif") no-repeat 90% 50%;
}

    .selectbox select {
        padding: 5px 8px;
        width: 130%;
        border: none;
        box-shadow: none;
        background-color: transparent;
        background-image: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: 'Droid sans', sans-serif;
        font-size: 15px;
    }

        .selectbox select:focus {
            outline: none;
        }
/*===CustomWebPages 2017-10-13 ====================================================*/
.fullbredde {
    float: left;
    width: 100%;
}

.halvbredde {
    float: left;
    width: 100%;
}
/*===CustoWebPages 2018-03-05 =====================================================*/
.flexContainer {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.flexItem {
    background-color: #fff;
    width: 100% !important;
}

.customWebPage h1 {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}

.customWebPage h2 {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

.customWebPage p {
    font-size: 16px;
    line-height: 20px;
}
/*===ProductVariants 2017-11-07====================================================*/
.colorVariant {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-family: arial;
    cursor: pointer;
    padding: 2px;
}

.aProductSelect {
    display: inline-block;
    margin-left: 2px;
    cursor: pointer;
}

.selectedProductBox {
    border: 2px #1b2d42 solid;
}

.clearStyle {
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}