/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    box-sizing: border-box
}

*:before, *:after {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #000;
    text-decoration: none
}

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

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 0
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid #bcbcbc
}

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

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

[role="button"] {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 1000;
    line-height: 1.1rem;
    color: inherit
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #bcbcbc
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 2rem;
    margin-bottom: 1rem
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
    font-size: 65%
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
    font-size: 75%
}

h1, .h1 {
    font-size: 4.3rem
}

h2, .h2 {
    font-size: 2.5rem
}

h3, .h3 {
    font-size: 1.8rem
}

h4, .h4 {
    font-size: 1.6rem
}

h5, .h5 {
    font-size: 1.4rem
}

h6, .h6 {
    font-size: 1.2rem
}

p {
    margin: 0 0 1rem
}

.lead {
    margin-bottom: 2rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 2.4rem
    }
}

small, .small {
    font-size: 87%
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #bcbcbc
}

.text-primary {
    color: #000
}

a.text-primary:hover {
    color: #000
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #000
}

a.bg-primary:hover {
    background-color: #000
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 0;
    margin: 4rem 0 2rem;
    border-bottom: 1px solid #f5f5f5
}

ul, ol {
    margin-top: 0;
    margin-bottom: 1rem
}

ul ul, ol ul, ul ol, ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 2rem
}

dt, dd {
    line-height: 1.42857143
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #bcbcbc
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 1rem 2rem;
    margin: 0 0 2rem;
    font-size: 2.6rem;
    border-left: 5px solid #f5f5f5
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #bcbcbc
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #f5f5f5;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 2rem;
    font-style: normal;
    line-height: 1.42857143
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 0
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none
}

pre {
    display: block;
    padding: .5rem;
    margin: 0 0 1rem;
    font-size: .6rem;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: #919191;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: .85%;
    padding-right: .85%
}

@media (min-width: 768px) {
    .container {
        width: 721.7px
    }
}

@media (min-width: 992px) {
    .container {
        width: 941.7px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1141.7px
    }
}

@media (min-width: 1680px) {
    .container {
        width: 1630px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: .85%;
    padding-right: .85%
}

.row {
    margin-left: -0.85%;
    margin-right: -0.85%
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xl-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xl-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xl-15 {
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15 {
    float: left
}

.col-xs-15 {
    width: 100%
}

.col-xs-14 {
    width: 93.33333333%
}

.col-xs-13 {
    width: 86.66666667%
}

.col-xs-12 {
    width: 80%
}

.col-xs-11 {
    width: 73.33333333%
}

.col-xs-10 {
    width: 66.66666667%
}

.col-xs-9 {
    width: 60%
}

.col-xs-8 {
    width: 53.33333333%
}

.col-xs-7 {
    width: 46.66666667%
}

.col-xs-6 {
    width: 40%
}

.col-xs-5 {
    width: 33.33333333%
}

.col-xs-4 {
    width: 26.66666667%
}

.col-xs-3 {
    width: 20%
}

.col-xs-2 {
    width: 13.33333333%
}

.col-xs-1 {
    width: 6.66666667%
}

.col-xs-pull-15 {
    right: 100%
}

.col-xs-pull-14 {
    right: 93.33333333%
}

.col-xs-pull-13 {
    right: 86.66666667%
}

.col-xs-pull-12 {
    right: 80%
}

.col-xs-pull-11 {
    right: 73.33333333%
}

.col-xs-pull-10 {
    right: 66.66666667%
}

.col-xs-pull-9 {
    right: 60%
}

.col-xs-pull-8 {
    right: 53.33333333%
}

.col-xs-pull-7 {
    right: 46.66666667%
}

.col-xs-pull-6 {
    right: 40%
}

.col-xs-pull-5 {
    right: 33.33333333%
}

.col-xs-pull-4 {
    right: 26.66666667%
}

.col-xs-pull-3 {
    right: 20%
}

.col-xs-pull-2 {
    right: 13.33333333%
}

.col-xs-pull-1 {
    right: 6.66666667%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-15 {
    left: 100%
}

.col-xs-push-14 {
    left: 93.33333333%
}

.col-xs-push-13 {
    left: 86.66666667%
}

.col-xs-push-12 {
    left: 80%
}

.col-xs-push-11 {
    left: 73.33333333%
}

.col-xs-push-10 {
    left: 66.66666667%
}

.col-xs-push-9 {
    left: 60%
}

.col-xs-push-8 {
    left: 53.33333333%
}

.col-xs-push-7 {
    left: 46.66666667%
}

.col-xs-push-6 {
    left: 40%
}

.col-xs-push-5 {
    left: 33.33333333%
}

.col-xs-push-4 {
    left: 26.66666667%
}

.col-xs-push-3 {
    left: 20%
}

.col-xs-push-2 {
    left: 13.33333333%
}

.col-xs-push-1 {
    left: 6.66666667%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-15 {
    margin-left: 100%
}

.col-xs-offset-14 {
    margin-left: 93.33333333%
}

.col-xs-offset-13 {
    margin-left: 86.66666667%
}

.col-xs-offset-12 {
    margin-left: 80%
}

.col-xs-offset-11 {
    margin-left: 73.33333333%
}

.col-xs-offset-10 {
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
    margin-left: 60%
}

.col-xs-offset-8 {
    margin-left: 53.33333333%
}

.col-xs-offset-7 {
    margin-left: 46.66666667%
}

.col-xs-offset-6 {
    margin-left: 40%
}

.col-xs-offset-5 {
    margin-left: 33.33333333%
}

.col-xs-offset-4 {
    margin-left: 26.66666667%
}

.col-xs-offset-3 {
    margin-left: 20%
}

.col-xs-offset-2 {
    margin-left: 13.33333333%
}

.col-xs-offset-1 {
    margin-left: 6.66666667%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-right15 {
    margin-right: 100%
}

.col-xs-offset-right14 {
    margin-right: 93.33333333%
}

.col-xs-offset-right13 {
    margin-right: 86.66666667%
}

.col-xs-offset-right12 {
    margin-right: 80%
}

.col-xs-offset-right11 {
    margin-right: 73.33333333%
}

.col-xs-offset-right10 {
    margin-right: 66.66666667%
}

.col-xs-offset-right9 {
    margin-right: 60%
}

.col-xs-offset-right8 {
    margin-right: 53.33333333%
}

.col-xs-offset-right7 {
    margin-right: 46.66666667%
}

.col-xs-offset-right6 {
    margin-right: 40%
}

.col-xs-offset-right5 {
    margin-right: 33.33333333%
}

.col-xs-offset-right4 {
    margin-right: 26.66666667%
}

.col-xs-offset-right3 {
    margin-right: 20%
}

.col-xs-offset-right2 {
    margin-right: 13.33333333%
}

.col-xs-offset-right1 {
    margin-right: 6.66666667%
}

.col-xs-offset-right0 {
    margin-right: 0
}

.col-xs-1-25 {
    width: 8.33333333%
}

.col-xs-2-5 {
    width: 16.66666667%
}

.col-xs-3-75 {
    width: 25%
}

.col-xs-6-25 {
    width: 41.66666667%
}

.col-xs-7-5 {
    width: 50%
}

.col-xs-offset-1-25 {
    margin-left: 8.33333333%
}

.col-xs-offset-2-5 {
    margin-left: 16.66666667%
}

.col-xs-offset-3-75 {
    margin-left: 25%
}

.col-xs-offset-6-25 {
    margin-left: 41.66666667%
}

.col-xs-offset-7-5 {
    margin-left: 50%
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15 {
        float: left
    }

    .col-sm-15 {
        width: 100%
    }

    .col-sm-14 {
        width: 93.33333333%
    }

    .col-sm-13 {
        width: 86.66666667%
    }

    .col-sm-12 {
        width: 80%
    }

    .col-sm-11 {
        width: 73.33333333%
    }

    .col-sm-10 {
        width: 66.66666667%
    }

    .col-sm-9 {
        width: 60%
    }

    .col-sm-8 {
        width: 53.33333333%
    }

    .col-sm-7 {
        width: 46.66666667%
    }

    .col-sm-6 {
        width: 40%
    }

    .col-sm-5 {
        width: 33.33333333%
    }

    .col-sm-4 {
        width: 26.66666667%
    }

    .col-sm-3 {
        width: 20%
    }

    .col-sm-2 {
        width: 13.33333333%
    }

    .col-sm-1 {
        width: 6.66666667%
    }

    .col-sm-pull-15 {
        right: 100%
    }

    .col-sm-pull-14 {
        right: 93.33333333%
    }

    .col-sm-pull-13 {
        right: 86.66666667%
    }

    .col-sm-pull-12 {
        right: 80%
    }

    .col-sm-pull-11 {
        right: 73.33333333%
    }

    .col-sm-pull-10 {
        right: 66.66666667%
    }

    .col-sm-pull-9 {
        right: 60%
    }

    .col-sm-pull-8 {
        right: 53.33333333%
    }

    .col-sm-pull-7 {
        right: 46.66666667%
    }

    .col-sm-pull-6 {
        right: 40%
    }

    .col-sm-pull-5 {
        right: 33.33333333%
    }

    .col-sm-pull-4 {
        right: 26.66666667%
    }

    .col-sm-pull-3 {
        right: 20%
    }

    .col-sm-pull-2 {
        right: 13.33333333%
    }

    .col-sm-pull-1 {
        right: 6.66666667%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-15 {
        left: 100%
    }

    .col-sm-push-14 {
        left: 93.33333333%
    }

    .col-sm-push-13 {
        left: 86.66666667%
    }

    .col-sm-push-12 {
        left: 80%
    }

    .col-sm-push-11 {
        left: 73.33333333%
    }

    .col-sm-push-10 {
        left: 66.66666667%
    }

    .col-sm-push-9 {
        left: 60%
    }

    .col-sm-push-8 {
        left: 53.33333333%
    }

    .col-sm-push-7 {
        left: 46.66666667%
    }

    .col-sm-push-6 {
        left: 40%
    }

    .col-sm-push-5 {
        left: 33.33333333%
    }

    .col-sm-push-4 {
        left: 26.66666667%
    }

    .col-sm-push-3 {
        left: 20%
    }

    .col-sm-push-2 {
        left: 13.33333333%
    }

    .col-sm-push-1 {
        left: 6.66666667%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-15 {
        margin-left: 100%
    }

    .col-sm-offset-14 {
        margin-left: 93.33333333%
    }

    .col-sm-offset-13 {
        margin-left: 86.66666667%
    }

    .col-sm-offset-12 {
        margin-left: 80%
    }

    .col-sm-offset-11 {
        margin-left: 73.33333333%
    }

    .col-sm-offset-10 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 60%
    }

    .col-sm-offset-8 {
        margin-left: 53.33333333%
    }

    .col-sm-offset-7 {
        margin-left: 46.66666667%
    }

    .col-sm-offset-6 {
        margin-left: 40%
    }

    .col-sm-offset-5 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-4 {
        margin-left: 26.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 20%
    }

    .col-sm-offset-2 {
        margin-left: 13.33333333%
    }

    .col-sm-offset-1 {
        margin-left: 6.66666667%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-right15 {
        margin-right: 100%
    }

    .col-sm-offset-right14 {
        margin-right: 93.33333333%
    }

    .col-sm-offset-right13 {
        margin-right: 86.66666667%
    }

    .col-sm-offset-right12 {
        margin-right: 80%
    }

    .col-sm-offset-right11 {
        margin-right: 73.33333333%
    }

    .col-sm-offset-right10 {
        margin-right: 66.66666667%
    }

    .col-sm-offset-right9 {
        margin-right: 60%
    }

    .col-sm-offset-right8 {
        margin-right: 53.33333333%
    }

    .col-sm-offset-right7 {
        margin-right: 46.66666667%
    }

    .col-sm-offset-right6 {
        margin-right: 40%
    }

    .col-sm-offset-right5 {
        margin-right: 33.33333333%
    }

    .col-sm-offset-right4 {
        margin-right: 26.66666667%
    }

    .col-sm-offset-right3 {
        margin-right: 20%
    }

    .col-sm-offset-right2 {
        margin-right: 13.33333333%
    }

    .col-sm-offset-right1 {
        margin-right: 6.66666667%
    }

    .col-sm-offset-right0 {
        margin-right: 0
    }

    .col-sm-1-25 {
        width: 8.33333333%
    }

    .col-sm-2-5 {
        width: 16.66666667%
    }

    .col-sm-3-75 {
        width: 25%
    }

    .col-sm-6-25 {
        width: 41.66666667%
    }

    .col-sm-7-5 {
        width: 50%
    }

    .col-sm-offset-1-25 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-2-5 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3-75 {
        margin-left: 25%
    }

    .col-sm-offset-6-25 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-7-5 {
        margin-left: 50%
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15 {
        float: left
    }

    .col-md-15 {
        width: 100%
    }

    .col-md-14 {
        width: 93.33333333%
    }

    .col-md-13 {
        width: 86.66666667%
    }

    .col-md-12 {
        width: 80%
    }

    .col-md-11 {
        width: 73.33333333%
    }

    .col-md-10 {
        width: 66.66666667%
    }

    .col-md-9 {
        width: 60%
    }

    .col-md-8 {
        width: 53.33333333%
    }

    .col-md-7 {
        width: 46.66666667%
    }

    .col-md-6 {
        width: 40%
    }

    .col-md-5 {
        width: 33.33333333%
    }

    .col-md-4 {
        width: 26.66666667%
    }

    .col-md-3 {
        width: 20%
    }

    .col-md-2 {
        width: 13.33333333%
    }

    .col-md-1 {
        width: 6.66666667%
    }

    .col-md-pull-15 {
        right: 100%
    }

    .col-md-pull-14 {
        right: 93.33333333%
    }

    .col-md-pull-13 {
        right: 86.66666667%
    }

    .col-md-pull-12 {
        right: 80%
    }

    .col-md-pull-11 {
        right: 73.33333333%
    }

    .col-md-pull-10 {
        right: 66.66666667%
    }

    .col-md-pull-9 {
        right: 60%
    }

    .col-md-pull-8 {
        right: 53.33333333%
    }

    .col-md-pull-7 {
        right: 46.66666667%
    }

    .col-md-pull-6 {
        right: 40%
    }

    .col-md-pull-5 {
        right: 33.33333333%
    }

    .col-md-pull-4 {
        right: 26.66666667%
    }

    .col-md-pull-3 {
        right: 20%
    }

    .col-md-pull-2 {
        right: 13.33333333%
    }

    .col-md-pull-1 {
        right: 6.66666667%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-15 {
        left: 100%
    }

    .col-md-push-14 {
        left: 93.33333333%
    }

    .col-md-push-13 {
        left: 86.66666667%
    }

    .col-md-push-12 {
        left: 80%
    }

    .col-md-push-11 {
        left: 73.33333333%
    }

    .col-md-push-10 {
        left: 66.66666667%
    }

    .col-md-push-9 {
        left: 60%
    }

    .col-md-push-8 {
        left: 53.33333333%
    }

    .col-md-push-7 {
        left: 46.66666667%
    }

    .col-md-push-6 {
        left: 40%
    }

    .col-md-push-5 {
        left: 33.33333333%
    }

    .col-md-push-4 {
        left: 26.66666667%
    }

    .col-md-push-3 {
        left: 20%
    }

    .col-md-push-2 {
        left: 13.33333333%
    }

    .col-md-push-1 {
        left: 6.66666667%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-15 {
        margin-left: 100%
    }

    .col-md-offset-14 {
        margin-left: 93.33333333%
    }

    .col-md-offset-13 {
        margin-left: 86.66666667%
    }

    .col-md-offset-12 {
        margin-left: 80%
    }

    .col-md-offset-11 {
        margin-left: 73.33333333%
    }

    .col-md-offset-10 {
        margin-left: 66.66666667%
    }

    .col-md-offset-9 {
        margin-left: 60%
    }

    .col-md-offset-8 {
        margin-left: 53.33333333%
    }

    .col-md-offset-7 {
        margin-left: 46.66666667%
    }

    .col-md-offset-6 {
        margin-left: 40%
    }

    .col-md-offset-5 {
        margin-left: 33.33333333%
    }

    .col-md-offset-4 {
        margin-left: 26.66666667%
    }

    .col-md-offset-3 {
        margin-left: 20%
    }

    .col-md-offset-2 {
        margin-left: 13.33333333%
    }

    .col-md-offset-1 {
        margin-left: 6.66666667%
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-right15 {
        margin-right: 100%
    }

    .col-md-offset-right14 {
        margin-right: 93.33333333%
    }

    .col-md-offset-right13 {
        margin-right: 86.66666667%
    }

    .col-md-offset-right12 {
        margin-right: 80%
    }

    .col-md-offset-right11 {
        margin-right: 73.33333333%
    }

    .col-md-offset-right10 {
        margin-right: 66.66666667%
    }

    .col-md-offset-right9 {
        margin-right: 60%
    }

    .col-md-offset-right8 {
        margin-right: 53.33333333%
    }

    .col-md-offset-right7 {
        margin-right: 46.66666667%
    }

    .col-md-offset-right6 {
        margin-right: 40%
    }

    .col-md-offset-right5 {
        margin-right: 33.33333333%
    }

    .col-md-offset-right4 {
        margin-right: 26.66666667%
    }

    .col-md-offset-right3 {
        margin-right: 20%
    }

    .col-md-offset-right2 {
        margin-right: 13.33333333%
    }

    .col-md-offset-right1 {
        margin-right: 6.66666667%
    }

    .col-md-offset-right0 {
        margin-right: 0
    }

    .col-md-1-25 {
        width: 8.33333333%
    }

    .col-md-2-5 {
        width: 16.66666667%
    }

    .col-md-3-75 {
        width: 25%
    }

    .col-md-6-25 {
        width: 41.66666667%
    }

    .col-md-7-5 {
        width: 50%
    }

    .col-md-offset-1-25 {
        margin-left: 8.33333333%
    }

    .col-md-offset-2-5 {
        margin-left: 16.66666667%
    }

    .col-md-offset-3-75 {
        margin-left: 25%
    }

    .col-md-offset-6-25 {
        margin-left: 41.66666667%
    }

    .col-md-offset-7-5 {
        margin-left: 50%
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15 {
        float: left
    }

    .col-lg-15 {
        width: 100%
    }

    .col-lg-14 {
        width: 93.33333333%
    }

    .col-lg-13 {
        width: 86.66666667%
    }

    .col-lg-12 {
        width: 80%
    }

    .col-lg-11 {
        width: 73.33333333%
    }

    .col-lg-10 {
        width: 66.66666667%
    }

    .col-lg-9 {
        width: 60%
    }

    .col-lg-8 {
        width: 53.33333333%
    }

    .col-lg-7 {
        width: 46.66666667%
    }

    .col-lg-6 {
        width: 40%
    }

    .col-lg-5 {
        width: 33.33333333%
    }

    .col-lg-4 {
        width: 26.66666667%
    }

    .col-lg-3 {
        width: 20%
    }

    .col-lg-2 {
        width: 13.33333333%
    }

    .col-lg-1 {
        width: 6.66666667%
    }

    .col-lg-pull-15 {
        right: 100%
    }

    .col-lg-pull-14 {
        right: 93.33333333%
    }

    .col-lg-pull-13 {
        right: 86.66666667%
    }

    .col-lg-pull-12 {
        right: 80%
    }

    .col-lg-pull-11 {
        right: 73.33333333%
    }

    .col-lg-pull-10 {
        right: 66.66666667%
    }

    .col-lg-pull-9 {
        right: 60%
    }

    .col-lg-pull-8 {
        right: 53.33333333%
    }

    .col-lg-pull-7 {
        right: 46.66666667%
    }

    .col-lg-pull-6 {
        right: 40%
    }

    .col-lg-pull-5 {
        right: 33.33333333%
    }

    .col-lg-pull-4 {
        right: 26.66666667%
    }

    .col-lg-pull-3 {
        right: 20%
    }

    .col-lg-pull-2 {
        right: 13.33333333%
    }

    .col-lg-pull-1 {
        right: 6.66666667%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-15 {
        left: 100%
    }

    .col-lg-push-14 {
        left: 93.33333333%
    }

    .col-lg-push-13 {
        left: 86.66666667%
    }

    .col-lg-push-12 {
        left: 80%
    }

    .col-lg-push-11 {
        left: 73.33333333%
    }

    .col-lg-push-10 {
        left: 66.66666667%
    }

    .col-lg-push-9 {
        left: 60%
    }

    .col-lg-push-8 {
        left: 53.33333333%
    }

    .col-lg-push-7 {
        left: 46.66666667%
    }

    .col-lg-push-6 {
        left: 40%
    }

    .col-lg-push-5 {
        left: 33.33333333%
    }

    .col-lg-push-4 {
        left: 26.66666667%
    }

    .col-lg-push-3 {
        left: 20%
    }

    .col-lg-push-2 {
        left: 13.33333333%
    }

    .col-lg-push-1 {
        left: 6.66666667%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-15 {
        margin-left: 100%
    }

    .col-lg-offset-14 {
        margin-left: 93.33333333%
    }

    .col-lg-offset-13 {
        margin-left: 86.66666667%
    }

    .col-lg-offset-12 {
        margin-left: 80%
    }

    .col-lg-offset-11 {
        margin-left: 73.33333333%
    }

    .col-lg-offset-10 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-9 {
        margin-left: 60%
    }

    .col-lg-offset-8 {
        margin-left: 53.33333333%
    }

    .col-lg-offset-7 {
        margin-left: 46.66666667%
    }

    .col-lg-offset-6 {
        margin-left: 40%
    }

    .col-lg-offset-5 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-4 {
        margin-left: 26.66666667%
    }

    .col-lg-offset-3 {
        margin-left: 20%
    }

    .col-lg-offset-2 {
        margin-left: 13.33333333%
    }

    .col-lg-offset-1 {
        margin-left: 6.66666667%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-right15 {
        margin-right: 100%
    }

    .col-lg-offset-right14 {
        margin-right: 93.33333333%
    }

    .col-lg-offset-right13 {
        margin-right: 86.66666667%
    }

    .col-lg-offset-right12 {
        margin-right: 80%
    }

    .col-lg-offset-right11 {
        margin-right: 73.33333333%
    }

    .col-lg-offset-right10 {
        margin-right: 66.66666667%
    }

    .col-lg-offset-right9 {
        margin-right: 60%
    }

    .col-lg-offset-right8 {
        margin-right: 53.33333333%
    }

    .col-lg-offset-right7 {
        margin-right: 46.66666667%
    }

    .col-lg-offset-right6 {
        margin-right: 40%
    }

    .col-lg-offset-right5 {
        margin-right: 33.33333333%
    }

    .col-lg-offset-right4 {
        margin-right: 26.66666667%
    }

    .col-lg-offset-right3 {
        margin-right: 20%
    }

    .col-lg-offset-right2 {
        margin-right: 13.33333333%
    }

    .col-lg-offset-right1 {
        margin-right: 6.66666667%
    }

    .col-lg-offset-right0 {
        margin-right: 0
    }

    .col-lg-1-25 {
        width: 8.33333333%
    }

    .col-lg-2-5 {
        width: 16.66666667%
    }

    .col-lg-3-75 {
        width: 25%
    }

    .col-lg-6-25 {
        width: 41.66666667%
    }

    .col-lg-7-5 {
        width: 50%
    }

    .col-lg-offset-1-25 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-2-5 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-3-75 {
        margin-left: 25%
    }

    .col-lg-offset-6-25 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-7-5 {
        margin-left: 50%
    }
}

@media (min-width: 1680px) {
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-13, .col-xl-14, .col-xl-15 {
        float: left
    }

    .col-xl-15 {
        width: 100%
    }

    .col-xl-14 {
        width: 93.33333333%
    }

    .col-xl-13 {
        width: 86.66666667%
    }

    .col-xl-12 {
        width: 80%
    }

    .col-xl-11 {
        width: 73.33333333%
    }

    .col-xl-10 {
        width: 66.66666667%
    }

    .col-xl-9 {
        width: 60%
    }

    .col-xl-8 {
        width: 53.33333333%
    }

    .col-xl-7 {
        width: 46.66666667%
    }

    .col-xl-6 {
        width: 40%
    }

    .col-xl-5 {
        width: 33.33333333%
    }

    .col-xl-4 {
        width: 26.66666667%
    }

    .col-xl-3 {
        width: 20%
    }

    .col-xl-2 {
        width: 13.33333333%
    }

    .col-xl-1 {
        width: 6.66666667%
    }

    .col-xl-pull-15 {
        right: 100%
    }

    .col-xl-pull-14 {
        right: 93.33333333%
    }

    .col-xl-pull-13 {
        right: 86.66666667%
    }

    .col-xl-pull-12 {
        right: 80%
    }

    .col-xl-pull-11 {
        right: 73.33333333%
    }

    .col-xl-pull-10 {
        right: 66.66666667%
    }

    .col-xl-pull-9 {
        right: 60%
    }

    .col-xl-pull-8 {
        right: 53.33333333%
    }

    .col-xl-pull-7 {
        right: 46.66666667%
    }

    .col-xl-pull-6 {
        right: 40%
    }

    .col-xl-pull-5 {
        right: 33.33333333%
    }

    .col-xl-pull-4 {
        right: 26.66666667%
    }

    .col-xl-pull-3 {
        right: 20%
    }

    .col-xl-pull-2 {
        right: 13.33333333%
    }

    .col-xl-pull-1 {
        right: 6.66666667%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-push-15 {
        left: 100%
    }

    .col-xl-push-14 {
        left: 93.33333333%
    }

    .col-xl-push-13 {
        left: 86.66666667%
    }

    .col-xl-push-12 {
        left: 80%
    }

    .col-xl-push-11 {
        left: 73.33333333%
    }

    .col-xl-push-10 {
        left: 66.66666667%
    }

    .col-xl-push-9 {
        left: 60%
    }

    .col-xl-push-8 {
        left: 53.33333333%
    }

    .col-xl-push-7 {
        left: 46.66666667%
    }

    .col-xl-push-6 {
        left: 40%
    }

    .col-xl-push-5 {
        left: 33.33333333%
    }

    .col-xl-push-4 {
        left: 26.66666667%
    }

    .col-xl-push-3 {
        left: 20%
    }

    .col-xl-push-2 {
        left: 13.33333333%
    }

    .col-xl-push-1 {
        left: 6.66666667%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-offset-15 {
        margin-left: 100%
    }

    .col-xl-offset-14 {
        margin-left: 93.33333333%
    }

    .col-xl-offset-13 {
        margin-left: 86.66666667%
    }

    .col-xl-offset-12 {
        margin-left: 80%
    }

    .col-xl-offset-11 {
        margin-left: 73.33333333%
    }

    .col-xl-offset-10 {
        margin-left: 66.66666667%
    }

    .col-xl-offset-9 {
        margin-left: 60%
    }

    .col-xl-offset-8 {
        margin-left: 53.33333333%
    }

    .col-xl-offset-7 {
        margin-left: 46.66666667%
    }

    .col-xl-offset-6 {
        margin-left: 40%
    }

    .col-xl-offset-5 {
        margin-left: 33.33333333%
    }

    .col-xl-offset-4 {
        margin-left: 26.66666667%
    }

    .col-xl-offset-3 {
        margin-left: 20%
    }

    .col-xl-offset-2 {
        margin-left: 13.33333333%
    }

    .col-xl-offset-1 {
        margin-left: 6.66666667%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }

    .col-xl-offset-right15 {
        margin-right: 100%
    }

    .col-xl-offset-right14 {
        margin-right: 93.33333333%
    }

    .col-xl-offset-right13 {
        margin-right: 86.66666667%
    }

    .col-xl-offset-right12 {
        margin-right: 80%
    }

    .col-xl-offset-right11 {
        margin-right: 73.33333333%
    }

    .col-xl-offset-right10 {
        margin-right: 66.66666667%
    }

    .col-xl-offset-right9 {
        margin-right: 60%
    }

    .col-xl-offset-right8 {
        margin-right: 53.33333333%
    }

    .col-xl-offset-right7 {
        margin-right: 46.66666667%
    }

    .col-xl-offset-right6 {
        margin-right: 40%
    }

    .col-xl-offset-right5 {
        margin-right: 33.33333333%
    }

    .col-xl-offset-right4 {
        margin-right: 26.66666667%
    }

    .col-xl-offset-right3 {
        margin-right: 20%
    }

    .col-xl-offset-right2 {
        margin-right: 13.33333333%
    }

    .col-xl-offset-right1 {
        margin-right: 6.66666667%
    }

    .col-xl-offset-right0 {
        margin-right: 0
    }

    .col-xl-1-25 {
        width: 8.33333333%
    }

    .col-xl-2-5 {
        width: 16.66666667%
    }

    .col-xl-3-75 {
        width: 25%
    }

    .col-xl-6-25 {
        width: 41.66666667%
    }

    .col-xl-7-5 {
        width: 50%
    }

    .col-xl-offset-1-25 {
        margin-left: 8.33333333%
    }

    .col-xl-offset-2-5 {
        margin-left: 16.66666667%
    }

    .col-xl-offset-3-75 {
        margin-left: 25%
    }

    .col-xl-offset-6-25 {
        margin-left: 41.66666667%
    }

    .col-xl-offset-7-5 {
        margin-left: 50%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #bcbcbc;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 2rem
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #e2e2e2
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #e2e2e2
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #e2e2e2
}

.table .table {
    background-color: #fff
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #e2e2e2
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #e2e2e2
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f0f0f0
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8
}

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #dff0d8
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6
}

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #d9edf7
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3
}

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f2dede
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 1.5rem;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #e2e2e2
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 2rem;
    font-size: 2.4rem;
    line-height: inherit;
    color: #919191;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

output {
    display: block;
    padding-top: 7px;
    font-size: 1.6rem;
    line-height: 1.42857143;
    color: #ababab
}

.form-control {
    display: block;
    width: 100%;
    height: 6rem;
    padding: 6px 12px;
    font-size: 1.6rem;
    line-height: 1.42857143;
    color: #ababab;
    background-color: #fff;
    background-image: none;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
    color: #bcbcbc;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #bcbcbc
}

.form-control::-webkit-input-placeholder {
    color: #bcbcbc
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f5f5f5;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
        line-height: 6rem
    }

    input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
        line-height: 14rem
    }

    input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
        line-height: 25rem
    }
}

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label, .checkbox label {
    min-height: 2rem;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px
}

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 3.6rem
}

.form-control-static.input-lg, .form-control-static.input-sm {
    padding-left: 0;
    padding-right: 0
}

.input-sm {
    height: 14rem;
    padding: 5px 10px;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: 0
}

select.input-sm {
    height: 14rem;
    line-height: 14rem
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 14rem;
    padding: 5px 10px;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: 0
}

select.form-group-sm .form-control {
    height: 14rem;
    line-height: 14rem
}

textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 14rem;
    padding: 5px 10px;
    font-size: 1.4rem;
    line-height: 1.5;
    min-height: 3.4rem
}

.input-lg {
    height: 25rem;
    padding: 10px 16px;
    font-size: 1.8rem;
    line-height: 1.3333333;
    border-radius: 0
}

select.input-lg {
    height: 25rem;
    line-height: 25rem
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 25rem;
    padding: 10px 16px;
    font-size: 1.8rem;
    line-height: 1.3333333;
    border-radius: 0
}

select.form-group-lg .form-control {
    height: 25rem;
    line-height: 25rem
}

textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 25rem;
    padding: 10px 16px;
    font-size: 1.8rem;
    line-height: 1.3333333;
    min-height: 3.8rem
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 7.5rem
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback {
    width: 25rem;
    height: 25rem;
    line-height: 25rem
}

.input-sm + .form-control-feedback {
    width: 14rem;
    height: 14rem;
    line-height: 14rem
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 7rem
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #404040
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 9rem
}

.form-horizontal .form-group {
    margin-left: -0.85%;
    margin-right: -0.85%
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: .85%
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 1.6rem;
    line-height: 1.42857143;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:hover, .btn:focus, .btn.focus {
    color: #000;
    text-decoration: none
}

.btn:active, .btn.active {
    outline: 0;
    background-image: none
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    box-shadow: none
}

.btn-default {
    color: #000;
    background-color: #fff;
    border-color: #000
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #dbc4a9
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #000
}

.btn-default .badge {
    color: #fff;
    background-color: #000
}

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #dbc4a9
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #000;
    border-color: #000
}

.btn-primary .badge {
    color: #000;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #dbc4a9
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-image: none
}

.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #ababab;
    background-color: #f5f5f5;
    border-color: #ababab
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #dbc4a9
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-image: none
}

.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: #f5f5f5;
    border-color: #ababab
}

.btn-info .badge {
    color: #f5f5f5;
    background-color: #ababab
}

.btn-warning {
    color: #fff;
    background-color: #dbc4a9;
    border-color: #c31a44
}

.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #dbc4a9
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background-image: none
}

.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #dbc4a9;
    border-color: #c31a44
}

.btn-warning .badge {
    color: #dbc4a9;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #dbc4a9
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-image: none
}

.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #000;
    font-weight: normal;
    border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent
}

.btn-link:hover, .btn-link:focus {
    color: #000;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #bcbcbc;
    text-decoration: none
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 1.8rem;
    line-height: 1.3333333;
    border-radius: 0
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: 0
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: 0
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .modal-footer:before, .modal-footer:after, .crazy-teaser:before, .crazy-teaser:after, .complex-teaser:before, .complex-teaser:after, .complex-teaser-right:before, .complex-teaser-right:after {
    content: " ";
    display: table
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .modal-footer:after, .crazy-teaser:after, .complex-teaser:after, .complex-teaser-right:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1680px) {
    .visible-xl {
        display: block !important
    }

    table.visible-xl {
        display: table
    }

    tr.visible-xl {
        display: table-row !important
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important
    }
}

@media (min-width: 1680px) {
    .visible-xl-block {
        display: block !important
    }
}

@media (min-width: 1680px) {
    .visible-xl-inline {
        display: inline !important
    }
}

@media (min-width: 1680px) {
    .visible-xl-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

@media (min-width: 1680px) {
    .hidden-xl {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: .35s;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 1.6rem;
    text-align: left;
    background-color: #fff;
    border-radius: 0;
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 0 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a, .navbar-nav .dropdown-menu .submenu-col > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #000;
    white-space: nowrap
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #848484;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #dbc4a9;
    text-decoration: none;
    outline: 0;
    background-color: #bcbcbc
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #bcbcbc
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 1.4rem;
    line-height: 1.42857143;
    color: #bcbcbc;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left
}

.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical > .btn-group > .btn {
    float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified > .btn-group .btn {
    width: 100%
}

.btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 25rem;
    padding: 10px 16px;
    font-size: 1.8rem;
    line-height: 1.3333333;
    border-radius: 0
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 25rem;
    line-height: 25rem
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 14rem;
    padding: 5px 10px;
    font-size: 1.4rem;
    line-height: 1.5;
    border-radius: 0
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 14rem;
    line-height: 14rem
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1;
    color: #ababab;
    text-align: center;
    background-color: #f5f5f5;
    border: 1px solid #000;
    border-radius: 0
}

.input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 1.4rem;
    border-radius: 0
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 1.8rem;
    border-radius: 0
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav > li {
    position: static;
    display: block
}

.nav > li > a {
    position: relative;
    display: block
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #f5f5f5
}

.nav > li.disabled > a {
    color: #bcbcbc
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #bcbcbc;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #f5f5f5;
    border-color: #000
}

.nav .nav-divider {
    height: 1px;
    margin: 0 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0 0 0 0
}

.nav-tabs > li > a:hover {
    border-color: #f5f5f5 #f5f5f5 #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ababab;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified > li {
    float: none
}

.nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 0 0 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 0
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #dbc4a9;
    background-color: #bcbcbc
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified > li {
    float: none
}

.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 0
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 0 0 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 27px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 0;
    padding-left: 0;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0
}

@media (min-width: 768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 3.125px 0;
    font-size: 1.8rem;
    line-height: 2rem;
    height: 27px
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 0;
    padding: 9px 10px;
    margin-top: -3.5px;
    margin-bottom: -3.5px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 1.5625px 0
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 2rem
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 2rem
    }

    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 3.125px;
        padding-bottom: 3.125px
    }
}

.navbar-form {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 10.5px;
    margin-bottom: 10.5px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label, .navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 10.5px;
    margin-bottom: 10.5px
}

.navbar-btn.btn-sm {
    margin-top: 6.5px;
    margin-bottom: 6.5px
}

.navbar-btn.btn-xs {
    margin-top: 2.5px;
    margin-bottom: 2.5px
}

.navbar-text {
    margin-top: 12.5px;
    margin-bottom: 12.5px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: 0
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: transparent;
    border-color: transparent
}

.navbar-default .navbar-brand {
    color: #000
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #000;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #000
}

.navbar-default .navbar-nav > li > a {
    color: #000
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #dbc4a9;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #dbc4a9
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #000
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #dbc4a9;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #dbc4a9;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #000
}

.navbar-default .navbar-link:hover {
    color: #dbc4a9
}

.navbar-default .btn-link {
    color: #000
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #dbc4a9
}

.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #e2e2e2
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #e2e2e2
}

.navbar-inverse .navbar-nav > li > a {
    color: #e2e2e2
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #080808;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #e2e2e2
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #e2e2e2
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #e2e2e2
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 2rem 0;
    border-radius: 0
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #000;
    background-color: transparent;
    border: 1px solid transparent;
    margin-left: -1px
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #dbc4a9;
    background-color: #fff;
    border-color: #000
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #000;
    background-color: #fff;
    border-color: #000;
    cursor: default
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #bcbcbc;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 1.8rem
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 1.4rem
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 50px auto
}

.modal-content {
    position: relative;
    background-color: #f5f5f5;
    border: 1px solid #999;
    border: 1px solid transparent;
    border-radius: 0;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

.modal-header .close {
    margin: 0 auto
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 50px auto
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 1.6rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: -1px -1px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.05);
    bottom: -11px
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.05)
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.05);
    top: -11px
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.05)
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner > .item {
    display: none;
    position: relative;
    transition: .9s ease-in-out left
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .item {
        transition: -webkit-transform 0.9s ease-in-out;
        transition: transform 0.9s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }

    .carousel-inner > .item.next, .carousel-inner > .item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0)
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.m0 {
    margin: 0
}

.mt0 {
    margin-top: 0
}

.mr0 {
    margin-right: 0
}

.mb0 {
    margin-bottom: 0
}

.ml0 {
    margin-left: 0
}

.mh0 {
    margin-left: 0;
    margin-right: 0
}

.mv0 {
    margin-top: 0;
    margin-bottom: 0
}

.m1 {
    margin: .5%
}

.mt1 {
    margin-top: .5%
}

.mr1 {
    margin-right: .5%
}

.mb1 {
    margin-bottom: .5%
}

.ml1 {
    margin-left: .5%
}

.mh1 {
    margin-left: .5%;
    margin-right: .5%
}

.mv1 {
    margin-top: .5%;
    margin-bottom: .5%
}

.m2 {
    margin: 1%
}

.mt2 {
    margin-top: 1%
}

.mr2 {
    margin-right: 1%
}

.mb2 {
    margin-bottom: 1%
}

.ml2 {
    margin-left: 1%
}

.mh2 {
    margin-left: 1%;
    margin-right: 1%
}

.mv2 {
    margin-top: 1%;
    margin-bottom: 1%
}

.m3 {
    margin: 2%
}

.mt3 {
    margin-top: 2%
}

.mr3 {
    margin-right: 2%
}

.mb3 {
    margin-bottom: 2%
}

.ml3 {
    margin-left: 2%
}

.mh3 {
    margin-left: 2%;
    margin-right: 2%
}

.mv3 {
    margin-top: 2%;
    margin-bottom: 2%
}

.m4 {
    margin: 4%
}

.mt4 {
    margin-top: 4%
}

.mr4 {
    margin-right: 4%
}

.mb4 {
    margin-bottom: 4%
}

.ml4 {
    margin-left: 4%
}

.mh4 {
    margin-left: 4%;
    margin-right: 4%
}

.mv4 {
    margin-top: 4%;
    margin-bottom: 4%
}

.m5 {
    margin: 5%
}

.mt5 {
    margin-top: 5%
}

.mr5 {
    margin-right: 5%
}

.mb5 {
    margin-bottom: 5%
}

.ml5 {
    margin-left: 5%
}

.mh5 {
    margin-left: 5%;
    margin-right: 5%
}

.mv5 {
    margin-top: 5%;
    margin-bottom: 5%
}

.m6 {
    margin: 6%
}

.mt6 {
    margin-top: 6%
}

.mr6 {
    margin-right: 6%
}

.mb6 {
    margin-bottom: 6%
}

.ml6 {
    margin-left: 6%
}

.mh6 {
    margin-left: 6%;
    margin-right: 6%
}

.mv6 {
    margin-top: 6%;
    margin-bottom: 6%
}

.m7 {
    margin: 7%
}

.mt7 {
    margin-top: 7%
}

.mr7 {
    margin-right: 7%
}

.mb7 {
    margin-bottom: 7%
}

.ml7 {
    margin-left: 7%
}

.mh7 {
    margin-left: 7%;
    margin-right: 7%
}

.mv7 {
    margin-top: 7%;
    margin-bottom: 7%
}

.m8 {
    margin: 8%
}

.mt8 {
    margin-top: 8%
}

.mr8 {
    margin-right: 8%
}

.mb8 {
    margin-bottom: 8%
}

.ml8 {
    margin-left: 8%
}

.mh8 {
    margin-left: 8%;
    margin-right: 8%
}

.mv8 {
    margin-top: 8%;
    margin-bottom: 8%
}

.m9 {
    margin: 9%
}

.mt9 {
    margin-top: 9%
}

.mr9 {
    margin-right: 9%
}

.mb9 {
    margin-bottom: 9%
}

.ml9 {
    margin-left: 9%
}

.mh9 {
    margin-left: 9%;
    margin-right: 9%
}

.mv9 {
    margin-top: 9%;
    margin-bottom: 9%
}

.m10 {
    margin: 10%
}

.mt10 {
    margin-top: 10%
}

.mr10 {
    margin-right: 10%
}

.mb10 {
    margin-bottom: 10%
}

.ml10 {
    margin-left: 10%
}

.mh10 {
    margin-left: 10%;
    margin-right: 10%
}

.mv10 {
    margin-top: 10%;
    margin-bottom: 10%
}

.mh-auto {
    margin-left: auto;
    margin-right: auto
}

.p0 {
    padding: 0
}

.pt0 {
    padding-top: 0
}

.pr0 {
    padding-right: 0
}

.pb0 {
    padding-bottom: 0
}

.pl0 {
    padding-left: 0
}

.ph0 {
    padding-left: 0;
    padding-right: 0
}

.pv0 {
    padding-top: 0;
    padding-bottom: 0
}

.p1 {
    padding: .5%
}

.pt1 {
    padding-top: .5%
}

.pr1 {
    padding-right: .5%
}

.pb1 {
    padding-bottom: .5%
}

.pl1 {
    padding-left: .5%
}

.ph1 {
    padding-left: .5%;
    padding-right: .5%
}

.pv1 {
    padding-top: .5%;
    padding-bottom: .5%
}

.p2 {
    padding: 1.5%
}

.pt2 {
    padding-top: 1.5%
}

.pr2 {
    padding-right: 1.5%
}

.pb2 {
    padding-bottom: 1.5%
}

.pl2 {
    padding-left: 1.5%
}

.ph2 {
    padding-left: 1.5%;
    padding-right: 1.5%
}

@media (max-width: 767px) {
    .ph2 {
        padding-left: 3%;
        padding-right: 3%
    }
}

.pv2 {
    padding-top: 1.5%;
    padding-bottom: 1.5%
}

.p25 {
    padding: 2.25%
}

.pt25 {
    padding-top: 2.25%
}

.pr25 {
    padding-right: 2.25%
}

.pb25 {
    padding-bottom: 2.25%
}

.pl25 {
    padding-left: 2.25%
}

.ph25 {
    padding-left: 2.25%;
    padding-right: 2.25%
}

.pv25 {
    padding-top: 2.25%;
    padding-bottom: 2.25%
}

.p3 {
    padding: 3%
}

.pt3 {
    padding-top: 3%
}

.pr3 {
    padding-right: 3%
}

.pb3 {
    padding-bottom: 3%
}

.pl3 {
    padding-left: 3%
}

.ph3 {
    padding-left: 3%;
    padding-right: 3%
}

.pv3 {
    padding-top: 3%;
    padding-bottom: 3%
}

@media (max-width: 767px) {
    .pt3 {
        padding-top: 5%
    }

    .pb3 {
        padding-bottom: 5%
    }
}

.p4 {
    padding: 4%
}

.pt4 {
    padding-top: 4%
}

.pr4 {
    padding-right: 4%
}

.pb4 {
    padding-bottom: 4%
}

.pl4 {
    padding-left: 4%
}

.ph4 {
    padding-left: 4%;
    padding-right: 4%
}

.pv4 {
    padding-top: 4%;
    padding-bottom: 4%
}

.p5 {
    padding: 5%
}

.pt5 {
    padding-top: 5%
}

.pr5 {
    padding-right: 5%
}

.pb5 {
    padding-bottom: 5%
}

.pl5 {
    padding-left: 5%
}

.ph5 {
    padding-left: 5%;
    padding-right: 5%
}

.pv5 {
    padding-top: 5%;
    padding-bottom: 5%
}

.p6 {
    padding: 6%
}

.pt6 {
    padding-top: 6%
}

.pr6 {
    padding-right: 6%
}

.pb6 {
    padding-bottom: 6%
}

.pl6 {
    padding-left: 6%
}

.ph6 {
    padding-left: 6%;
    padding-right: 6%
}

.pv6 {
    padding-top: 6%;
    padding-bottom: 6%
}

.p7 {
    padding: 7%
}

.pt7 {
    padding-top: 7%
}

.pr7 {
    padding-right: 7%
}

.pb7 {
    padding-bottom: 7%
}

.pl7 {
    padding-left: 7%
}

.ph7 {
    padding-left: 7%;
    padding-right: 7%
}

.pv7 {
    padding-top: 7%;
    padding-bottom: 7%
}

.p8 {
    padding: 8%
}

.pt8 {
    padding-top: 8%
}

.pr8 {
    padding-right: 8%
}

.pb8 {
    padding-bottom: 8%
}

.pl8 {
    padding-left: 8%
}

.ph8 {
    padding-left: 8%;
    padding-right: 8%
}

.pv8 {
    padding-top: 8%;
    padding-bottom: 8%
}

.p9 {
    padding: 9%
}

.pt9 {
    padding-top: 9%
}

.pr9 {
    padding-right: 9%
}

.pb9 {
    padding-bottom: 9%
}

.pl9 {
    padding-left: 9%
}

.ph9 {
    padding-left: 9%;
    padding-right: 9%
}

.pv9 {
    padding-top: 9%;
    padding-bottom: 9%
}

.p10 {
    padding: 10%
}

.pt10 {
    padding-top: 10%
}

.pr10 {
    padding-right: 10%
}

.pb10 {
    padding-bottom: 10%
}

.pl10 {
    padding-left: 10%
}

.ph10 {
    padding-left: 10%;
    padding-right: 10%
}

.pv10 {
    padding-top: 10%;
    padding-bottom: 10%
}

.hyphenate {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.quotation {
    padding: 2% 0 1% 2%;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    margin: 2% 0 5%
}

.testimonial-quote .quotation {
    border: none;
    margin: 0
}

blockquote {
    border: none;
    padding: 0;
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-weight: bold;
    font-style: italic;
    line-height: 2.86rem;
    text-transform: uppercase;
    margin-bottom: 1%;
    color: #000
}

blockquote footer:before {
    content: ""
}

blockquote footer {
    text-transform: uppercase;
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.4rem;
    color: #000;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    background: none
}

.bonus-points-box {
    background-color: #0083c2;
    border-radius: 2px;
    display: inline-block;
    padding: 2% 8% 2% 6%
}

.bonus-points-box p {
    color: #fff !important;
    font-weight: bold
}

.bottom-link {
    margin-top: 4%;
    margin-bottom: 6%;
    text-align: center
}

.bottom-link a {
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #dbc4a9
}

.bottom-link a:hover {
    color: #000
}

.bottom-link a .link-text:before {
    content: 'mehr anzeigen';
    display: inline-block
}

.bottom-link a[aria-expanded="true"] .link-text:before {
    content: 'weniger anzeigen';
    display: inline-block
}

.brand-list-item {
    padding: 0 2%
}

.brand-list-item a {
    display: block;
    width: 100%;
    height: 100%
}

.brand-list-item a:hover {
    text-decoration: none;
    background-color: white;
    color: #dbc4a9
}

.brand-list-item .brand-list-item-wrapper {
    padding: 9%;
    border-bottom: 1px solid #bcbcbc;
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-size: 1.7rem
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    .brand-list-item .brand-list-item-wrapper {
        font-size: 1.6rem;
        white-space: nowrap
    }
}

.brand-list-item .brand-list-item-wrapper .store-address {
    display: block
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    .brand-list-item .brand-list-item-wrapper .store-address {
        display: inline-block;
        min-height: 82px
    }
}

.brand-list-item .brand-list-item-wrapper h3 {
    line-height: 3.5rem;
    margin: 0
}

.brand-list-item .brand-list-item-wrapper h3 em {
    font-style: normal;
    text-transform: none
}

a.btn-myoutfit {
    margin-left: 0 !important;
    margin-right: 0 !important
}

a.btn-myoutfit.forth {
    color: #fff;
    background-color: #dbc4a9;
    border: 2px solid #dbc4a9;
    white-space: normal
}

a.btn-myoutfit.forth:hover {
    color: #000;
    cursor: pointer;
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #000
}

a.btn-myoutfit.forth.disabled {
    color: #fff;
    background-color: #ababab;
    border: 2px solid #ababab;
    pointer-events: none;
    cursor: default
}

a.btn-myoutfit.back {
    color: #919191
}

.mobile-nav-btn {
    background-color: #f5f5f5;
    border: none;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0 20px;
    height: 65px
}

body.myoutfit .mobile-nav-btn, body.myoutfit-myoutfit .mobile-nav-btn, body.myoutfit-01_Gender .mobile-nav-btn, body.myoutfit-02_Occasion .mobile-nav-btn, body.myoutfit-03_Style .mobile-nav-btn, body.myoutfit-04_Colors .mobile-nav-btn, body.myoutfit-05_Brands .mobile-nav-btn, body.myoutfit-06_Preferences .mobile-nav-btn, body.myoutfit-07_Login .mobile-nav-btn, body.myoutfit-08_Sizes .mobile-nav-btn, body.myoutfit-09_Type .mobile-nav-btn, body.myoutfit-10_Extras .mobile-nav-btn, body.myoutfit-11_Order .mobile-nav-btn {
    background-color: #333
}

.navbar-toggle .icon-bar {
    background-color: #000;
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 22px;
    position: relative;
    transition: all 200ms ease-in-out
}

body.myoutfit .navbar-toggle .icon-bar, body.myoutfit-myoutfit .navbar-toggle .icon-bar, body.myoutfit-01_Gender .navbar-toggle .icon-bar, body.myoutfit-02_Occasion .navbar-toggle .icon-bar, body.myoutfit-03_Style .navbar-toggle .icon-bar, body.myoutfit-04_Colors .navbar-toggle .icon-bar, body.myoutfit-05_Brands .navbar-toggle .icon-bar, body.myoutfit-06_Preferences .navbar-toggle .icon-bar, body.myoutfit-07_Login .navbar-toggle .icon-bar, body.myoutfit-08_Sizes .navbar-toggle .icon-bar, body.myoutfit-09_Type .navbar-toggle .icon-bar, body.myoutfit-10_Extras .navbar-toggle .icon-bar, body.myoutfit-11_Order .navbar-toggle .icon-bar {
    background-color: #fff
}

body.nav-open .navbar-toggle .icon-bar:nth-of-type(1) {
    top: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.nav-open .navbar-toggle .icon-bar:nth-of-type(2) {
    background-color: transparent
}

body.nav-open .navbar-toggle .icon-bar:nth-of-type(3) {
    top: -6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

a.btn-primary {
    color: #000;
    background-color: #fff;
    border: 2px solid #000
}

a.btn-primary:hover, a.btn-primary:focus {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    background-color: #dbc4a9;
    border: 2px solid #dbc4a9;
    outline: 0
}

a.btn-search {
    transition: color .3s ease
}

a.btn-search .btn-group {
    position: absolute;
    width: 38px;
    top: 15px;
    right: 10px;
    font-size: 1.2rem;
    text-align: center;
    background-color: #fff;
    transition: background-color .5s ease
}

a.btn-search .btn-group svg.lupe {
    width: 20px;
    height: 20px;
    max-height: 20px;
    margin-top: 7px;
    margin-bottom: 3px;
    transition: fill .3s ease;
    fill: #000
}

body.myoutfit a.btn-search .btn-group, body.myoutfit-myoutfit a.btn-search .btn-group, body.myoutfit-01_Gender a.btn-search .btn-group, body.myoutfit-02_Occasion a.btn-search .btn-group, body.myoutfit-03_Style a.btn-search .btn-group, body.myoutfit-04_Colors a.btn-search .btn-group, body.myoutfit-05_Brands a.btn-search .btn-group, body.myoutfit-06_Preferences a.btn-search .btn-group, body.myoutfit-07_Login a.btn-search .btn-group, body.myoutfit-08_Sizes a.btn-search .btn-group, body.myoutfit-09_Type a.btn-search .btn-group, body.myoutfit-10_Extras a.btn-search .btn-group, body.myoutfit-11_Order a.btn-search .btn-group {
    background-color: transparent
}

body.myoutfit a.btn-search .btn-group svg.lupe, body.myoutfit-myoutfit a.btn-search .btn-group svg.lupe, body.myoutfit-01_Gender a.btn-search .btn-group svg.lupe, body.myoutfit-02_Occasion a.btn-search .btn-group svg.lupe, body.myoutfit-03_Style a.btn-search .btn-group svg.lupe, body.myoutfit-04_Colors a.btn-search .btn-group svg.lupe, body.myoutfit-05_Brands a.btn-search .btn-group svg.lupe, body.myoutfit-06_Preferences a.btn-search .btn-group svg.lupe, body.myoutfit-07_Login a.btn-search .btn-group svg.lupe, body.myoutfit-08_Sizes a.btn-search .btn-group svg.lupe, body.myoutfit-09_Type a.btn-search .btn-group svg.lupe, body.myoutfit-10_Extras a.btn-search .btn-group svg.lupe, body.myoutfit-11_Order a.btn-search .btn-group svg.lupe {
    fill: #fff
}

a.btn-search:hover {
    text-decoration: none;
    color: #fff
}

a.btn-search:hover .btn-group {
    background-color: #dbc4a9
}

a.btn-search:hover svg.lupe {
    fill: #fff
}

body.myoutfit a.btn-search:hover svg.lupe, body.myoutfit-myoutfit a.btn-search:hover svg.lupe, body.myoutfit-01_Gender a.btn-search:hover svg.lupe, body.myoutfit-02_Occasion a.btn-search:hover svg.lupe, body.myoutfit-03_Style a.btn-search:hover svg.lupe, body.myoutfit-04_Colors a.btn-search:hover svg.lupe, body.myoutfit-05_Brands a.btn-search:hover svg.lupe, body.myoutfit-06_Preferences a.btn-search:hover svg.lupe, body.myoutfit-07_Login a.btn-search:hover svg.lupe, body.myoutfit-08_Sizes a.btn-search:hover svg.lupe, body.myoutfit-09_Type a.btn-search:hover svg.lupe, body.myoutfit-10_Extras a.btn-search:hover svg.lupe, body.myoutfit-11_Order a.btn-search:hover svg.lupe {
    fill: #dbc4a9
}

a.btn-secondary,
button.btn-secondary{
    color: #000;
    background-color: #fff;
    border: 2px solid #000
}

@media (min-width: 20em) and (max-width: 47.938em) {
    a.btn-secondary {
        font-size: .9em
    }
}

a.btn-secondary:hover,
button.btn-secondary:hover
{  cursor:pointer;
    text-decoration:none;
    color:#fff;
    background-color:#dbc4a9;
    border:2px solid #dbc4a9
}
a.btn-tertiary {
    color: #000;
    background-color: #ebebeb;
    border: 2px solid #ebebeb
}

a.btn-tertiary:hover, a.btn-tertiary:focus {
    cursor: pointer;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    border: 2px solid #000;
    outline: 0
}

#Carousel.carousel > a {
    position: absolute;
    top: 50%;
    display: block;
    outline: none;
    padding: 0;
    text-align: left;
    z-index: 999;
    text-decoration: none;
    border: 1px solid #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: border-width .3s .15s
}

#Carousel.carousel em {
    padding: 22px;
    line-height: 2em;
    font-size: 3rem;
    color: #000
}

@media (min-width: 768px) and (max-width: 991px) {
    #Carousel.carousel em {
        line-height: 2em;
        font-size: 2rem;
        padding: 14px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #Carousel.carousel em {
        line-height: 1.6em;
        font-size: 2.8rem;
        padding: 14px
    }
}

#Carousel.carousel em sup {
    top: -0.1em;
    font-size: inherit
}

#Carousel.carousel span {
    display: block;
    background-color: #fff;
    border: 1px solid #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: border-width .3s .15s
}

#Carousel.carousel a.prev {
    left: -1px;
    border-left: none
}

#Carousel.carousel a.next {
    right: -1px;
    border-right: none
}

#Carousel.carousel a svg {
    display: block;
    margin: 0 auto;
    padding: 0
}

#Carousel.carousel .icon-wrap {
    position: relative;
    z-index: 100;
    display: block
}

#Carousel.carousel a.next div.slidePreview, #Carousel.carousel a.prev div.slidePreview {
    position: absolute;
    top: 50%;
    width: 410px;
    background: #fff;
    border: 1px solid #000;
    opacity: 0;
    transition: transform .3s, opacity .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s
}

#Carousel.carousel a.prev div.slidePreview {
    top: 50%;
    left: 0;
    height: 142px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-left: none;
    text-align: left;
    transform: translateY(-50%) translateX(-100%);
    -ms-transform: translateY(-50%) translateX(-100%);
    -webkit-transform: translateY(-50%) translateX(-100%)
}

#Carousel.carousel a.next div.slidePreview {
    right: 0;
    height: 142px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-right: none;
    transform: translateY(-50%) translateX(100%);
    -ms-transform: translateY(-50%) translateX(100%);
    -webkit-transform: translateY(-50%) translateX(100%)
}

#Carousel.carousel a.next div.slidePreviewContainer {
    width: 40%;
    height: 100%;
    background-color: #fff
}

#Carousel.carousel a.prev div.slidePreviewContainer {
    float: right;
    width: 40%;
    height: 100%;
    background-color: #fff;
    background-position: right
}

#Carousel.carousel a.next div.slidePreviewContainer:empty {
    width: 100%;
    background-position: -65px !important
}

#Carousel.carousel a.prev div.slidePreviewContainer:empty {
    width: 100%;
    background-position: 65px !important
}

#Carousel.carousel a.prev img, #Carousel.carousel a.prev svg {
    height: 100%;
    position: absolute;
    width: 60%;
    top: 0;
    left: 6%
}

#Carousel.carousel a.prev img path, #Carousel.carousel a.prev svg path {
    fill: #000
}

#Carousel.carousel a.next img, #Carousel.carousel a.next svg {
    height: 100%;
    position: absolute;
    width: 60%;
    top: 0;
    right: 6%
}

#Carousel.carousel a.next img path, #Carousel.carousel a.next svg path {
    fill: #000
}

#Carousel.carousel a:hover span {
    border-top-width: 40px;
    border-bottom-width: 40px;
    transition-delay: 0s;
    border-color: #fff
}

@media (min-width: 768px) and (max-width: 991px) {
    #Carousel.carousel a:hover span {
        border-top-width: 50px;
        border-bottom-width: 50px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #Carousel.carousel a:hover span {
        border-top-width: 48px;
        border-bottom-width: 48px
    }
}

#Carousel.carousel a:hover span em {
    color: #dbc4a9
}

#Carousel.carousel a:hover div.slidePreview.selected {
    top: 50%;
    opacity: 1;
    transition-delay: .3s;
    transform: translateY(-50%) translateX(0);
    -ms-transform: translateY(-50%) translateX(0);
    -webkit-transform: translateY(-50%) translateX(0)
}

.wrapper-doubledropdown {
    position: relative;
    width: 50%;
    float: left;
    margin: 0 auto;
    padding: 10px 15px;
    height: 6rem;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    outline: none;
    border: 1px solid #000;
    text-align: left
}

.wrapper-doubledropdown span {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 2.2rem;
    line-height: 4rem;
    color: #000
}

.wrapper-doubledropdown:nth-child(odd) {
    border-left: none
}

.wrapper-doubledropdown.form-control {
    width: 50% !important;
    float: left
}

.wrapper-doubledropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent
}

.wrapper-doubledropdown .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1001;
    text-align: left;
    background: white;
    transition: all .3s ease-out;
    list-style: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    margin: -1px;
    opacity: 0;
    pointer-events: none
}

.wrapper-doubledropdown .dropdown li {
    display: block;
    padding: 10px 14px;
    transition: all .3s ease-out
}

.wrapper-doubledropdown .dropdown li a {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    text-decoration: none
}

.wrapper-doubledropdown .dropdown li:hover a {
    color: grey
}

.wrapper-doubledropdown.active:after {
    border-width: 0 6px 6px 6px
}

.wrapper-doubledropdown.active {
    overflow: visible
}

.wrapper-doubledropdown.active .dropdown {
    opacity: 1;
    pointer-events: auto
}

.wrapper-doubledropdown.has-error {
    border-color: #dbc4a9
}

.wrapper-dropdown {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 10px 15px;
    height: 6rem;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    outline: none;
    border: 1px solid #000;
    text-align: left
}

.wrapper-dropdown span {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 2.2rem;
    line-height: 4rem;
    color: #000
}

.wrapper-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent
}

.wrapper-dropdown .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1001;
    text-align: left;
    background: white;
    transition: all .3s ease-out;
    list-style: none;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    margin: -1px;
    opacity: 0;
    pointer-events: none
}

.wrapper-dropdown .dropdown li {
    display: block;
    padding: 10px 14px;
    transition: all .3s ease-out
}

.wrapper-dropdown .dropdown li a {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    text-decoration: none
}

.wrapper-dropdown .dropdown li:hover a {
    color: #dbc4a9
}

.wrapper-dropdown.active:after {
    border-width: 0 6px 6px 6px
}

.wrapper-dropdown.active {
    overflow: visible
}

.wrapper-dropdown.active .dropdown {
    opacity: 1;
    pointer-events: auto
}

.wrapper-dropdown.has-error {
    border-color: #dbc4a9
}

.wrapper-dropdown.hide {
    display: none
}

.btn-group.btn-toggle {
    display: block
}

.btn-group.btn-toggle button {
    color: #ababab;
    padding: 0 14%;
    border-top: 1px solid #ababab;
    border-bottom: 1px solid #ababab;
    background-color: #f5f5f5
}

.btn-group.btn-toggle button.left {
    border-left: 1px solid #ababab;
    border-right: 1px solid #000
}

.btn-group.btn-toggle button.right {
    border-right: 1px solid #ababab;
    border-left: 1px solid #000
}

.btn-group.btn-toggle button.active {
    box-shadow: none;
    background-color: #fff;
    color: #000;
    border-color: #000
}

.form-checkbox {
    float: left;
    margin-right: 3%
}

.form-checkbox button {
    display: block;
    float: left;
    width: 3.6rem;
    height: 3.6rem;
    outline: 0;
    padding: 0;
    background-color: #f5f5f5;
    border: 1px solid black
}

.form-checkbox button svg.check {
    opacity: 0;
    width: 16px;
    height: 16px;
    padding-top: 2px
}

.form-checkbox button.active {
    background-color: #fff
}

.form-checkbox button.active svg.check {
    opacity: 1
}

.form-date, #daypicker {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    float: left;
    width: 100%;
    max-width: 380px
}

.form-date .btn .caret, #daypicker .btn .caret {
    position: absolute;
    right: 8%;
    top: 50%
}

.form-date .day, #daypicker .day {
    width: 22%
}

.form-date .month, #daypicker .month {
    width: 46%;
    margin-left: -1px
}

.form-date .year, #daypicker .year {
    width: 32%;
    margin-left: -2px
}

.form-date button#day, #daypicker button#day {
    width: 100%
}

.form-date button#month, #daypicker button#month {
    width: 100%
}

.form-date button#year, #daypicker button#year {
    width: 100%
}

.btn-group.dropdown button:first-of-type {
    width: auto;
    text-align: left
}

.btn-group.dropdown.title button:first-of-type {
    width: 14.5rem
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-group.dropdown.title button:first-of-type {
        width: 14.5rem
    }
}

.btn-group.dropdown.country button:first-of-type {
    width: 15rem
}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-group.dropdown.country button:first-of-type {
        width: 14.5rem
    }
}

.btn-group.dropdown button:last-of-type {
    width: 5.7rem
}

.btn-group.dropdown ul.dropdown-menu {
    margin: 0 1px;
    min-width: 99%;
    box-shadow: #000;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.75)
}

input.form-control::-moz-placeholder {
    color: #bcbcbc;
    opacity: 1;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 6px;
    text-align: left
}

input.form-control:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 6px;
    text-align: left
}

input.form-control::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 6px;
    text-align: left
}

input.form-control:focus::-webkit-input-placeholder {
    color: transparent
}

input.form-control:focus:-moz-placeholder {
    color: transparent
}

input.form-control:focus::-moz-placeholder {
    color: transparent
}

input.form-control:focus:-ms-input-placeholder {
    color: transparent
}

@media (min-width: 992px) and (max-width: 1199px),(max-width: 767px) {
    input.form-control::-moz-placeholder {
        color: #bcbcbc;
        opacity: 1;
        font-size: 1.3rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control:-ms-input-placeholder {
        color: #bcbcbc;
        font-size: 1.3rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control::-webkit-input-placeholder {
        color: #bcbcbc;
        font-size: 1.3rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control:focus::-webkit-input-placeholder {
        color: transparent
    }

    input.form-control:focus:-moz-placeholder {
        color: transparent
    }

    input.form-control:focus::-moz-placeholder {
        color: transparent
    }

    input.form-control:focus:-ms-input-placeholder {
        color: transparent
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    input.form-control::-moz-placeholder {
        color: #bcbcbc;
        opacity: 1;
        font-size: 1.2rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control:-ms-input-placeholder {
        color: #bcbcbc;
        font-size: 1.2rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control::-webkit-input-placeholder {
        color: #bcbcbc;
        font-size: 1.2rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control:focus::-webkit-input-placeholder {
        color: transparent
    }

    input.form-control:focus:-moz-placeholder {
        color: transparent
    }

    input.form-control:focus::-moz-placeholder {
        color: transparent
    }

    input.form-control:focus:-ms-input-placeholder {
        color: transparent
    }
}

input.form-control::-moz-placeholder {
    color: #bcbcbc;
    opacity: 1;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 6px;
    text-align: left
}

input.form-control:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 6px;
    text-align: left
}

input.form-control::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 6px;
    text-align: left
}

input.form-control:focus::-webkit-input-placeholder {
    color: transparent
}

input.form-control:focus:-moz-placeholder {
    color: transparent
}

input.form-control:focus::-moz-placeholder {
    color: transparent
}

input.form-control:focus:-ms-input-placeholder {
    color: transparent
}

@media (min-width: 992px) and (max-width: 1199px),(max-width: 767px) {
    input.form-control::-moz-placeholder {
        color: #bcbcbc;
        opacity: 1;
        font-size: 1.3rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control:-ms-input-placeholder {
        color: #bcbcbc;
        font-size: 1.3rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control::-webkit-input-placeholder {
        color: #bcbcbc;
        font-size: 1.3rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control:focus::-webkit-input-placeholder {
        color: transparent
    }

    input.form-control:focus:-moz-placeholder {
        color: transparent
    }

    input.form-control:focus::-moz-placeholder {
        color: transparent
    }

    input.form-control:focus:-ms-input-placeholder {
        color: transparent
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    input.form-control::-moz-placeholder {
        color: #bcbcbc;
        opacity: 1;
        font-size: 1.2rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control:-ms-input-placeholder {
        color: #bcbcbc;
        font-size: 1.2rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control::-webkit-input-placeholder {
        color: #bcbcbc;
        font-size: 1.2rem;
        font-weight: bold;
        padding-top: 5px;
        text-align: left
    }

    input.form-control:focus::-webkit-input-placeholder {
        color: transparent
    }

    input.form-control:focus:-moz-placeholder {
        color: transparent
    }

    input.form-control:focus::-moz-placeholder {
        color: transparent
    }

    input.form-control:focus:-ms-input-placeholder {
        color: transparent
    }
}

.radio-btn label {
    cursor: pointer;
    position: relative;
    padding-left: 60px;
    min-height: 25px;
    line-height: normal !important
}

@media (min-width: 768px) and (max-width: 991px) {
    .radio-btn label {
        line-height: 2rem
    }
}

@media (max-width: 767px) {
    .radio-btn label {
        line-height: 1.5rem
    }
}

.radio-btn input[type=radio] {
    display: none
}

.radio-btn label:before {
    content: "";
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    border: 1px solid #bcbcbc;
    border-radius: 17px
}

.radio-btn input[type=radio]:checked + label:before {
    content: "\2022";
    color: #000;
    font-size: 25px;
    text-align: center;
    line-height: 31px;
    border: 1px solid #000;
    background-color: #fff
}

button.btn-submit {
    color: #fff;
    background-color: #dbc4a9;
    border: 2px solid #dbc4a9
}

button.btn-submit:hover {
    cursor: pointer;
    text-decoration: none;
    background-color: #fff;
    border: 2px solid #000
}

#map-canvas {
    width: 100%;
    height: 280px
}

@media (min-width: 992px) and (max-width: 1199px) {
    #map-canvas {
        height: 180px
    }
}

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.heading-centered {
    clear: both;
    text-align: center
}

.heading-centered h1, .heading-centered h2, .heading-centered h3, .heading-centered h4, .heading-centered h5, .heading-centered h6 {
    font-weight: 200
}

.heading-centered h1 em, .heading-centered h2 em, .heading-centered h3 em, .heading-centered h4 em, .heading-centered h5 em, .heading-centered h6 em {
    font-weight: bold
}

@media (min-width: 1680px) {
    .heading-centered h1, .heading-centered h2, .heading-centered h3, .heading-centered h4, .heading-centered h5, .heading-centered h6 {
        font-size: 6.5rem;
        line-height: 6rem
    }
}

@media (min-width: 48em) and (max-width: 104.938em) {
    .heading-centered h1, .heading-centered h2, .heading-centered h3, .heading-centered h4, .heading-centered h5, .heading-centered h6 {
        font-size: calc(2em + 1 * ((100vw - 48em) / 56.938));
        line-height: calc(1.1em + 0.5 * ((100vw - 48em) / 56.938))
    }
}

@media (max-width: 767px) {
    .heading-centered h1, .heading-centered h2, .heading-centered h3, .heading-centered h4, .heading-centered h5, .heading-centered h6 {
        font-size: calc(1.8em + 2.5 * ((100vw - 20em) / 27.938));
        line-height: calc(1.1em + 0.5 * ((100vw - 20em) / 27.938))
    }
}

.icon {
    width: 32px;
    height: 32px;
    background-image: url("../images/icons/24f5a5e3.service-sprite.png");
    background-color: #000;
    display: inline-block
}

.icon.icon-phone {
    background-position: 0 0
}

.icon.icon-money {
    background-position: 0 34px
}

.icon.icon-arrow {
    background-position: 0 62px
}

.icon.icon-car {
    background-position: 0 88px
}

.row > img {
    margin-bottom: 3%
}

@media (max-width: 767px) {
    .row > img {
        margin-bottom: 5%
    }
}

.img-cropping {
    margin-left: 6.66666667%;
    float: left;
    width: 86.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%;
    clear: both;
    padding: 0;
    margin-bottom: 10%
}

@media (min-width: 768px) {
    .img-cropping {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .img-cropping {
        float: left;
        width: 100%
    }
}

@media (max-width: 767px) {
    .img-cropping {
        margin-bottom: 15%
    }
}

.img-cropping figure {
    width: 100%;
    text-align: center;
    overflow: hidden
}

.img-cropping figure.left img {
    position: relative
}

.img-cropping figure.center img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.lightbox-image {
    position: relative
}

.lightbox-image img {
    vertical-align: top
}

.lightbox-image .btn {
    background-color: rgba(255, 255, 255, 0.8);
    width: 35px;
    height: 35px;
    border-radius: 100%;
    right: 14px;
    bottom: 10px;
    position: absolute
}

.lightbox-image .btn svg.lupe {
    position: absolute;
    width: 12px;
    height: 12px;
    right: 10px;
    top: 10px
}

.lightbox-image .btn svg.enlarge {
    position: absolute;
    left: 15px;
    opacity: 0;
    width: 65%;
    height: 65%
}

.lightbox-image .btn:hover {
    width: 130px;
    border-radius: 50px
}

.lightbox-image .btn:hover svg.enlarge {
    opacity: 1
}

.overlay-content-img {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #fff
}

.overlay-content-img h2 {
    line-height: normal
}

@media (min-width: 20em) and (max-width: 47.938em) {
    .overlay-content-img h2 {
        font-size: calc(1.2em + .5 * ((100vw - 20em) / 27.938))
    }
}

@media (min-width: 48em) and (max-width: 104.938em) {
    .overlay-content-img h2 {
        font-size: calc(1.2em + .5 * ((100vw - 48em) / 56.938))
    }
}

.overlay-content-img h2 em {
    display: block;
    margin: 0 8%;
    border-bottom: 1px solid #fff
}

@media (min-width: 20em) and (max-width: 47.938em) {
    .overlay-content-img h2 em {
        font-size: calc(.65em + .1 * ((100vw - 20em) / 27.938))
    }
}

@media (min-width: 48em) and (max-width: 104.938em) {
    .overlay-content-img h2 em {
        font-size: calc(.65em + .1 * ((100vw - 48em) / 56.938))
    }
}

@media (min-width: 105em) {
    .overlay-content-img h2 em {
        font-size: calc(.65em + .1 * ((100vw - 48em) / 56.938))
    }
}

.carousel > .prev, .carousel > .next {
    position: absolute;
    top: 50%;
    display: block;
    outline: none;
    padding: 0;
    text-align: left;
    z-index: 999;
    text-decoration: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.carousel em {
    padding: 22px;
    line-height: 2em;
    font-size: 3rem;
    color: #000
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    .carousel em {
        line-height: 2em;
        font-size: 2rem;
        padding: 14px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .carousel em {
        line-height: 1.6em;
        font-size: 2.8rem;
        padding: 14px
    }
}

.carousel em sup {
    top: -0.1em;
    font-size: inherit
}

.carousel > .prev {
    left: 2%;
    border-left: none
}

.carousel > .next {
    right: 2%;
    border-right: none
}

.carousel > .prev:hover, .carousel > .next:hover {
    cursor: pointer;
    text-decoration: none
}

.carousel > .prev:hover em, .carousel > .next:hover em {
    color: #dbc4a9
}

.img-txt-item-wrapper {
    padding: 0 3%
}

@media (max-width: 767px) {
    .img-txt-item-wrapper {
        margin: 2%
    }
}

.img-txt-item-wrapper .img-txt-thumb {
    float: left;
    margin-right: 18px
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    .img-txt-item-wrapper .img-txt-thumb {
        float: none
    }
}

.img-txt-item-wrapper .img-txt-text {
    display: block
}

.img-txt-item-wrapper h3 {
    line-height: 2rem;
    margin: 8px 0 4px;
    font-size: 1.8rem;
    text-transform: none
}

@media (min-width: 1200px) and (max-width: 1679px),(min-width: 1680px) {
    .img-txt-item-wrapper h3 {
        margin: 0
    }
}

.img-txt-item-wrapper h3 em {
    font-style: normal
}

.img-txt-item-wrapper h5 {
    margin: 0;
    text-transform: uppercase
}

.img-txt-item-wrapper p {
    overflow: hidden;
    font-size: 1.2rem;
    color: #ababab;
    line-height: normal !important;
    text-decoration: none;
    margin: 0;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

@media (max-width: 767px) {
    .logo {
        width: 108px;
        padding-top: 10px;
        margin-left: 80px
    }
}

.logo a{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy45LjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQWxsZV9Mb2dvcyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzNjEuODIgMTI1LjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM2MS44MiAxMjUuMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggaWQ9IlNpTk5fMTFfIiBkPSJNMTM5LjQ1LDk4LjQ3VjI3LjE4aC05LjY0di0xLjk0aDMxLjNsNDQuNCw1MS41VjI3LjE4aC0xMi4xOXYtMi4wM2w3MC4xNywwbDQ0LjQsNTEuNVYyNy4wOWgtMTIuMTl2LTIuMDMNCgloNDEuMDZWMjdoLTEyLjJ2NzEuMjloMTIuMnYxLjk0aC00MS4wN3YtMS45NGg4Ljk0TDI0Ni41LDMyLjM2djY2LjAyaDEyLjJ2MS45NGwtNTQuNzEsMEgxOTMuM3YtMS45NGg4Ljk0bC01OC4xMS02NS45M3Y2Ni4wMmgxMi4yDQoJdjEuOTRIOTguMjl2LTEuOTRoOC44OXYtNTEuOWgtOC44OXYtMS45NGgyNS4wOHY1My44NUgxMzkuNDV6IE0yNDEuODIsMjcuMDlsLTE5LjY1LDB2NzEuMjhoOS43NWwwLjI2LDBoOS42NFYyNy4wOXogTTEwOS40MiwyNy4xDQoJYy0xLjYyLDEuMjktMi40MiwyLjgyLTIuNDIsNC42YzAsMS43OCwwLjgxLDMuMzEsMi40Miw0LjZjMS42MiwxLjI5LDMuNTQsMS45Myw1Ljc3LDEuOTNjMi4yMywwLDQuMTYtMC42NCw1Ljc3LTEuOTMNCgljMS42Mi0xLjI5LDIuNDItMi44MiwyLjQyLTQuNmMwLTEuNzgtMC44MS0zLjMxLTIuNDItNC42Yy0xLjYyLTEuMjktMy41NC0xLjkzLTUuNzctMS45M0MxMTIuOTYsMjUuMTcsMTExLjAzLDI1LjgxLDEwOS40MiwyNy4xDQoJIE05My44LDc2LjMzYzAsMy40NS0wLjg4LDYuNzMtMi42NSw5LjgyYy0xLjc3LDMuMS00LjI3LDUuODEtNy41LDguMTNjLTMuMjMsMi4zMi03LjA4LDQuMTctMTEuNTQsNS41NQ0KCWMtNC40NywxLjM3LTkuNDQsMi4wNi0xNC45MywyLjA2Yy0yLjc0LDAtNS40Ni0wLjIxLTguMTYtMC42M2MtMi43LTAuNDItNS4yMi0wLjg2LTcuNTYtMS4zMmMtMi4zNC0wLjQ2LTQuNDItMC45LTYuMjQtMS4zMg0KCWMtMC42OS0wLjE2LTEuMzItMC4yOS0xLjg4LTAuMzljLTAuODYtMC4yLTEuNzUtMC4zMi0yLjgyLTAuMzVjLTIuODQtMC4wOC0zLjQ0LDIuNDQtMy40NCwyLjQ0bDAuMDEsMC4wMw0KCWMtMC4wMSwwLjAzLTAuMDMsMC4wNS0wLjA0LDAuMDdoLTIuMTJWNzYuOTZoMS45OWMwLjE4LDAuODUsMC40OCwxLjk2LDAuOTMsMy4zM2MwLjQ0LDEuMzcsMS4wOCwyLjg1LDEuOTIsNC40NA0KCWMwLjg0LDEuNTgsMS45LDMuMjEsMy4xOCw0Ljg2YzEuMjgsMS42NSwyLjg1LDMuMTksNC43MSw0LjU5YzIuMDMsMS42Miw0LDIuODUsNS45LDMuN2MxLjksMC44NSwzLjcxLDEuNDYsNS40NCwxLjg1DQoJYzEuNzIsMC4zOSwzLjM2LDAuNiw0LjkxLDAuNjNjMS41NCwwLjA0LDIuOTgsMC4wNSw0LjMxLDAuMDVjNC42OSwwLDguNTQtMC41OCwxMS41NC0xLjc0YzMuMDEtMS4xNiw1LjM3LTIuNTksNy4xLTQuMjgNCgljMS43Mi0xLjY5LDIuOTQtMy40NywzLjY1LTUuMzRjMC43MS0xLjg3LDEuMDYtMy41LDEuMDYtNC45MWMwLTIuNi0wLjc4LTQuNzUtMi4zMi02LjQ0Yy0xLjU1LTEuNjktMy42MS0zLjEtNi4xNy00LjIyDQoJYy0yLjU3LTEuMTMtNS40OS0yLjA4LTguNzYtMi44NWMtMy4yNy0wLjc3LTYuNjMtMS41Ny0xMC4wOC0yLjM4Yy0zLjQ1LTAuODEtNi44MS0xLjc2LTEwLjA4LTIuODVjLTMuMjctMS4wOS02LjE5LTIuNS04Ljc2LTQuMjMNCgljLTIuNTctMS43Mi00LjYyLTMuODYtNi4xNy02LjM5Yy0xLjU1LTIuNTQtMi4zMi01LjctMi4zMi05LjUxYzAtMi44MiwwLjc5LTUuNTMsMi4zOS04LjEzYzEuNTktMi42LDMuOC00LjkxLDYuNjMtNi45Mg0KCWMyLjgzLTIuMDEsNi4yMS0zLjYzLDEwLjE1LTQuODZjMy45My0xLjIzLDguMi0xLjg1LDEyLjgtMS44NWMyLjkyLDAsNS40OCwwLjIxLDcuNywwLjYzYzEuNjYsMC4zMiwzLjE3LDAuNjUsNC41NCwwLjk4DQoJYzAuMDEsMCwwLjAxLDAsMC4wMiwwYzAuMDIsMCwwLjAzLDAuMDEsMC4wNSwwLjAxYzAuNDIsMC4xMSwwLjg0LDAuMjEsMS4yMywwLjMyYzAuMzcsMC4xLDAuNzMsMC4yLDEuMDksMC4zDQoJYzMuMDEsMC44OSw0LjU4LDEuNjUsNy4zNCwxLjczYzIuNTEsMC4wNywzLjItMS45NiwzLjMtMi4yOWgyLjA4djIwLjA3aC0xLjcyYy0xLjA2LTIuNDYtMi4xOS00Ljg5LTMuMzgtNy4yOQ0KCWMtMS4xOS0yLjM5LTIuNzItNC41Ni00LjU4LTYuNWMtMS44Ni0xLjk0LTQuMi0zLjUtNy4wMy00LjdjLTIuODMtMS4yLTYuNDEtMS44LTEwLjc1LTEuOGMtMy41NCwwLTYuNjYsMC4zOS05LjM1LDEuMTYNCgljLTIuNywwLjc4LTQuOTgsMS43OS02LjgzLDMuMDZjLTEuODYsMS4yNy0zLjI3LDIuNjgtNC4yNSw0LjIzYy0wLjk3LDEuNTUtMS40NiwzLjEzLTEuNDYsNC43NWMwLDIuNDYsMC44Miw0LjUxLDIuNDUsNi4xMg0KCWMxLjY0LDEuNjIsMy43OCwzLjAxLDYuNDQsNC4xN2MyLjY1LDEuMTYsNS42OCwyLjE3LDkuMDksMy4wMWMzLjQxLDAuODUsNi45LDEuNzMsMTAuNDgsMi42NGMzLjU4LDAuOTIsNy4wOCwxLjkyLDEwLjQ4LDMuMDENCgljMy40LDEuMDksNi40MywyLjQ4LDkuMDksNC4xN2MyLjY1LDEuNjksNC44LDMuNzMsNi40NCw2LjEzQzkyLjk4LDY5Ljg1LDkzLjgsNzIuODEsOTMuOCw3Ni4zMyIvPg0KPC9zdmc+DQo=) no-repeat center center;margin:0 auto;width:100%;height:100%;padding-top:40%;display:block}

.news-teaser {
    background-color: #fff;
    border-bottom: 2px solid black;
    padding: 4%
}

.news-teaser h5 {
    color: #777;
    margin-bottom: 3rem;
    border-bottom: 1px solid #ababab
}

.news-teaser h3 {
    margin: 0;
    text-transform: none
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    .news-teaser h3 {
        font-size: 90%
    }
}

.btn-newsletter {
    background-color: #f5f5f5;
    height: 36px;
    border-radius: 0;
    border: 2px solid #000;
    border-left: none;
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: italic
}

@media (max-width: 767px) {
    .btn-newsletter {
        border-left: 2px solid #000
    }
}

.btn-newsletter:focus {
    border-color: #000;
    outline: none;
    box-shadow: none
}

.btn-newsletter:hover {
    background-color: #dbc4a9;
    color: #fff
}

.newsletter-gift-box {
    display: inline-block
}

.newsletter-gift-box .blue-box {
    background-color: #fff;
    border: 5px solid #0083c2;
    padding: 5% 2% 0
}

.newsletter-gift-box .blue-box p {
    color: #0083c2;
    font-size: 3rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5rem;
    white-space: normal
}

.newsletter-gift-box .blue-box p span {
    font-size: 125%;
    font-weight: bold
}

.newsletter-gift-box .blue-box p:first-child {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-style: italic;
    font-weight: normal;
    font-size: 1.4rem
}

.newsletter-gift-box .blue-box p:last-child {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-style: normal;
    font-size: 1.4rem
}

.newsletter-gift-box .details p.small {
    font-size: .9rem;
    color: #0083c2;
    line-height: 1rem;
    margin: 2%
}

.newsletter-input {
    float: left;
    height: 38px
}

.newsletter-input input {
    height: 36px;
    border: 2px solid #000;
    border-right: none;
    background-color: #fff;
    font-size: 1.6rem
}

@media (max-width: 767px) {
    .newsletter-input input {
        border-right: 2px solid #000
    }
}

.newsletter-input input:focus {
    border-color: #000;
    outline: none;
    box-shadow: none
}

.newsletter-input input::-moz-placeholder {
    color: #bcbcbc;
    opacity: 1;
    font-size: 1.2rem;
    font-weight: normal;
    padding-top: 3px;
    text-align: center
}

.newsletter-input input:-ms-input-placeholder {
    color: #bcbcbc;
    font-size: 1.2rem;
    font-weight: normal;
    padding-top: 3px;
    text-align: center
}

.newsletter-input input::-webkit-input-placeholder {
    color: #bcbcbc;
    font-size: 1.2rem;
    font-weight: normal;
    padding-top: 3px;
    text-align: center
}

.newsletter-input input:focus::-webkit-input-placeholder {
    color: transparent
}

.newsletter-input input:focus:-moz-placeholder {
    color: transparent
}

.newsletter-input input:focus::-moz-placeholder {
    color: transparent
}

.newsletter-input input:focus:-ms-input-placeholder {
    color: transparent
}

.pagination-nav {
    text-align: center;
    padding-top: 5%;
    margin-top: 8%;
    border-top: 1px solid #ababab
}

.pagination > li > a {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-style: italic;
    color: #777
}

.pagination > li:first-child > a, .pagination > li:last-child > a {
    font-size: 150%;
    line-height: 2rem;
    border: none
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > a:focus {
    color: #000;
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    padding: 9px 15px
}

.pagination > li > a:hover {
    color: #dbc4a9
}

.pagination > li:first-child > a:hover, .pagination > li:first-child > a:focus, .pagination > li:last-child > a:hover, .pagination > li:last-child > a:focus {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-weight: normal;
    background-color: transparent;
    border: transparent;
    padding: 10px 16px
}

label.search {
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 10px;
    background-color: #f5f5f5;
    cursor: pointer
}

label.search input {
    display: none
}

label.search svg.lupe {
    float: left;
    width: 15px;
    height: 15px
}

label.search:hover {
    background-color: #dbc4a9
}

label.search:hover svg {
    fill: #fff
}

label.btn-store-search {
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 11px;
    background-color: #dbc4a9;
    cursor: pointer
}

label.btn-store-search input {
    display: none
}

label.btn-store-search svg.lupe {
    float: left;
    width: 18px;
    height: 18px;
    fill: #fff
}

label.btn-store-search:hover {
    background-color: #f5f5f5
}

label.btn-store-search:hover svg {
    fill: #000
}

label.search {
    border-bottom: 2px solid #000
}

input.search-input {
    float: left;
    height: 36px;
    width: 86%;
    border: none;
    border-bottom: 2px solid #000;
    background-color: transparent;
    font-size: 1.6rem
}

input.search-input:focus {
    border-color: #000;
    outline: none;
    box-shadow: none
}

input.search-input::-moz-placeholder {
    color: #000;
    opacity: 1;
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 3px;
    text-align: left
}

input.search-input:-ms-input-placeholder {
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 3px;
    text-align: left
}

input.search-input::-webkit-input-placeholder {
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 3px;
    text-align: left
}

input.search-input:focus::-webkit-input-placeholder {
    color: transparent
}

input.search-input:focus:-moz-placeholder {
    color: transparent
}

input.search-input:focus::-moz-placeholder {
    color: transparent
}

input.search-input:focus:-ms-input-placeholder {
    color: transparent
}

nav.side-nav {
    margin-top: 3rem;
    padding-bottom: 3rem;
    border-bottom: 2px solid black
}

#accordion-sidemenu .panel {
    margin-top: -1px
}

#accordion-sidemenu .panel > a {
    display: block;
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: bold;
    outline: none;
    padding: 5%;
    border: 1px solid transparent;
    text-transform: uppercase
}

#accordion-sidemenu .panel > a small {
    font-weight: normal;
    font-style: normal
}

#accordion-sidemenu .panel > a.collapsed {
    border-color: transparent;
    background-color: transparent
}

#accordion-sidemenu .panel > a:hover {
    border-color: #ababab;
    text-decoration: none
}

#accordion-sidemenu .panel > a.active, #accordion-sidemenu .panel > a:active, #accordion-sidemenu .panel > a[aria-expanded="true"] {
    color: #000;
    border-color: #ababab;
    background-color: #f5f5f5;
    cursor: default
}

#accordion-sidemenu .panel > a:after {
    content: "▾";
    position: absolute;
    right: 11%;
    color: #bcbcbc;
    font-size: 18px;
    text-indent: 0;
    margin-top: -4px;
    text-align: center
}

#accordion-sidemenu .panel > a:only-child:after {
    content: ""
}

#accordion-sidemenu .panel > a:not(.collapsed):after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

#accordion-sidemenu .panel ul {
    padding-top: 1rem
}

#accordion-sidemenu .panel li a {
    display: block;
    font-size: 1.2rem;
    font-weight: normal;
    color: #919191;
    text-transform: none;
    line-height: normal;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10%
}

#accordion-sidemenu .panel li a:hover, #accordion-sidemenu .panel li a:focus, #accordion-sidemenu .panel li a:active {
    text-decoration: none;
    color: #dbc4a9
}

#accordion-sidemenu .panel li.active a {
    text-decoration: none;
    color: #dbc4a9
}

.spinner {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(255, 255, 255, 0.75)
}

.spinner:not(:required):before {
    content: 'Loading...';
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OS4yNCA0OS4yNCI+PHBhdGggZmlsbD0iIzkyZWZiOSIgZD0iTTQ5LjI0IDI0LjYyYzAgMTMuNi0xMS4wMiAyNC42Mi0yNC42MiAyNC42MlMwIDM4LjIyIDAgMjQuNjIgMTEuMDIgMCAyNC42MiAwIDQ5LjI0IDExLjAyIDQ5LjI0IDI0LjYyek0yOS4yMiAyMi4zMWMxLjE2IDAgMi4xMS0wLjkzIDIuMTEtMi4wOSAwLTEuMTUtMC45NS0yLjA5LTIuMTEtMi4wOSAtMS4xNyAwLTIuMTEgMC45My0yLjExIDIuMDlDMjcuMTEgMjEuMzggMjguMDUgMjIuMzEgMjkuMjIgMjIuMzFNMjkuMjEgMzEuMzhjMS4xNyAwIDIuMTEtMC45NCAyLjExLTIuMSAwLTEuMTUtMC45NC0yLjA5LTIuMTEtMi4wOXMtMi4xMSAwLjk0LTIuMTEgMi4wOUMyNy4xIDMwLjQ0IDI4LjA1IDMxLjM4IDI5LjIxIDMxLjM4TTIwLjA4IDIyLjMxYzEuMTcgMCAyLjExLTAuOTMgMi4xMS0yLjA5IDAtMS4xNi0wLjk0LTIuMDktMi4xMS0yLjA5IC0xLjE2IDAtMi4xMSAwLjk0LTIuMTEgMi4wOUMxNy45NyAyMS4zOCAxOC45MSAyMi4zMSAyMC4wOCAyMi4zMU0yMC4wOCAzMS40MmMxLjE3IDAgMi4xMS0wLjk0IDIuMTEtMi4wOSAwLTEuMTYtMC45NS0yLjEtMi4xMS0yLjEgLTEuMTcgMC0yLjExIDAuOTQtMi4xMSAyLjA5QzE3Ljk2IDMwLjQ4IDE4LjkxIDMxLjQxIDIwLjA4IDMxLjQyIi8+PC9zdmc+) no-repeat center center;
    -webkit-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    display: inline-block;
    font-size: 10px;
    width: 100%;
    height: 100%;
    margin: 1.5em;
    overflow: hidden;
    text-indent: 100%;
    background-size: 8%
}

@media (max-width: 767px) {
    .spinner:not(:required):before {
        background-size: 25%
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotate(360deg)
    }
}

.store-expert-item-wrapper {
    margin: 2%;
    padding: 3%
}

@media (max-width: 767px) {
    .store-expert-item-wrapper {
        margin: 2%
    }
}

.store-expert-item-wrapper .store-expert-thumb {
    float: left;
    margin-right: 18px
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    .store-expert-item-wrapper .store-expert-thumb {
        float: none
    }
}

.store-expert-item-wrapper .store-expert-text {
    display: block
}

.store-expert-item-wrapper h3 {
    line-height: 2rem;
    margin: 8px 0
}

.store-expert-item-wrapper h3 em {
    font-style: normal
}

.store-expert-item-wrapper h5 {
    margin: 0;
    text-transform: uppercase
}

.store-expert-item-wrapper p {
    overflow: hidden;
    font-size: 1.2rem;
    color: #ababab;
    line-height: normal;
    text-decoration: none;
    margin: 0;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.store-help-box {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-left: 2%
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    .store-help-box {
        padding-left: 0
    }
}

.store-help-box em {
    font-size: 1.2rem;
    font-weight: bold
}

.store-help-box p {
    font-size: 1.2rem
}

.store-info-box {
    margin-top: -15%;
    padding-top: 8%;
    padding-bottom: 6%;
    text-align: center;
    background-color: #fff;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000
}

@media (min-width: 1200px) and (max-width: 1679px),(min-width: 1680px) {
    .store-info-box {
        margin-top: -22%
    }
}

.store-info-box h1 {
    margin: 0
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .store-info-box h1 {
        font-size: 3.87rem;
        line-height: 3.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .store-info-box h1 {
        font-size: 3.01rem;
        line-height: 2.5rem
    }
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    .store-info-box h1 {
        font-size: 2.15rem;
        line-height: 2rem
    }
}

.store-info-box h4 {
    text-transform: uppercase;
    line-height: normal;
    padding-top: 0;
    border: none
}

.store-info-box h5 {
    margin-top: 6%;
    margin-bottom: 0
}

.store-info-box a.tel {
    color: inherit
}

.store-list-item a:hover {
    text-decoration: none
}

.store-list-item-wrapper {
    margin: 0 2%;
    padding: 3%;
    min-height: 105px;
    border-bottom: 1px solid #bcbcbc
}

.store-list-item-wrapper:hover {
    background-color: white;
    color: #dbc4a9
}

.store-list-item-wrapper .store-thumb {
    position: relative;
    float: left;
    margin-right: 9px
}

.store-list-item-wrapper .color-overlay {
    position: relative;
    width: 80px;
    height: 80px
}

.store-list-item-wrapper .color-overlay:after {
    content: " ";
    display: block;
    position: absolute;
    height: 33%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3)
}

.store-list-item-wrapper .color-overlay:only-child:after {
    display: none
}

.store-list-item-wrapper .store-address {
    display: block
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .store-list-item-wrapper .store-address {
        min-height: 102px;
        overflow: hidden
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .store-list-item-wrapper .store-address {
        display: inline-block;
        min-height: 82px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .store-list-item-wrapper .store-address {
        display: inline-block;
        min-height: 112px
    }
}

.store-list-item-wrapper h3 {
    line-height: 2rem;
    margin: 0
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    .store-list-item-wrapper h3 {
        margin-top: 5px
    }
}

.store-list-item-wrapper h3 em {
    font-style: normal;
    text-transform: none
}

.store-list-item-wrapper p {
    font-size: 1.2rem;
    color: #ababab;
    line-height: normal;
    text-decoration: none;
    margin: 0;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.overlay-content-store-item {
    display: table-cell;
    vertical-align: top
}

.overlay-content-store-item p {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    color: #f5f5f5;
    margin: 0;
    width: 100%;
    font-size: 1.1rem;
    padding-top: 55px;
    padding-left: 15px;
    line-height: normal
}

input.store-search-input {
    float: left;
    width: 100%;
    height: 42px;
    border: none;
    background-color: #fff;
    font-size: 1.8rem;
    text-indent: 1rem;
    font-family: "Livory W01", "Times New Roman", Times, serif
}

@media (max-width: 767px) {
    input.store-search-input {
        text-indent: 0
    }
}

input.store-search-input:focus {
    outline: none;
    box-shadow: none
}

input.store-search-input::-moz-placeholder {
    color: #ababab;
    opacity: 1;
    font-size: 1.8rem;
    font-weight: normal;
    padding-top: 0;
    text-align: left
}

input.store-search-input:-ms-input-placeholder {
    color: #ababab;
    font-size: 1.8rem;
    font-weight: normal;
    padding-top: 0;
    text-align: left
}

input.store-search-input::-webkit-input-placeholder {
    color: #ababab;
    font-size: 1.8rem;
    font-weight: normal;
    padding-top: 0;
    text-align: left
}

input.store-search-input:focus::-webkit-input-placeholder {
    color: transparent
}

input.store-search-input:focus:-moz-placeholder {
    color: transparent
}

input.store-search-input:focus::-moz-placeholder {
    color: transparent
}

input.store-search-input:focus:-ms-input-placeholder {
    color: transparent
}

.table {
    border: none;
    border-collapse: collapse;
    margin: 2rem 0
}

.table thead tr {
    background-color: #fff;
    line-height: 4rem
}

.table thead tr th {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    text-transform: uppercase;
    padding: 22px 30px;
    vertical-align: middle;
    border: 1px solid #e2e2e2;
    border-bottom: 1px solid #000
}

.table thead tr th p {
    margin: 0;
    color: inherit
}

.table tbody tr td {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    color: #292929;
    padding: 22px 30px;
    vertical-align: middle;
    border: 1px solid #e2e2e2
}

.table tbody tr td p {
    margin: 0;
    color: inherit
}

.table tfoot tr td {
    padding-left: 30px;
    font-size: small;
    font-style: italic;
    color: #ababab
}

.table tr:first-child th {
    border-top: 0
}

.table tr td:first-child, .table tr th:first-child {
    border-left: 0
}

.table tr td:last-child, .table tr th:last-child {
    border-right: 0
}

.overlay-content-teaser {
    display: table-cell;
    vertical-align: top
}

.overlay-content-teaser h1 {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: absolute;
    padding-left: 5%;
    padding-right: 7%;
    margin: 0;
    width: 100%;
    line-height: normal
}

@media (min-width: 20em) and (max-width: 47.938em) {
    .overlay-content-teaser h1 {
        bottom: 4%;
        min-height: 2.5rem;
        font-size: 1rem;
        font-size: calc(0.5997em + 0.8644 * ((100vw - 20em) / 27.938));
        min-height: calc(0.6em + 2.8 * ((100vw - 20em) / 27.938))
    }
}

@media (min-width: 48em) and (max-width: 61.938em) {
    .overlay-content-teaser h1 {
        bottom: 6%;
        min-height: 2.2rem;
        font-size: 1.1rem;
        font-size: calc(0.62742em + 0.18708 * ((100vw - 48em) / 13.438))
    }
}

@media (min-width: 62em) and (max-width: 74.938em) {
    .overlay-content-teaser h1 {
        bottom: 6%;
        font-size: 1.4rem;
        min-height: 2.8rem;
        font-size: calc(0.81451em + 0.18549 * ((100vw - 62em) / 12.938));
        line-height: calc(.9em + 0.3 * ((100vw - 62em) / 12.938))
    }
}

@media (min-width: 75em) and (max-width: 104.938em) {
    .overlay-content-teaser h1 {
        bottom: 6%;
        font-size: 1.5rem;
        min-height: 3.5rem;
        font-size: calc(.9em + 0.45 * ((100vw - 75em) / 29.938));
        line-height: calc(1.1em + 0.3 * ((100vw - 75em) / 29.938))
    }
}

@media (min-width: 105em) {
    .overlay-content-teaser h1 {
        bottom: 5%;
        font-size: 2.16rem;
        min-height: 3.8rem;
        line-height: 2.5rem
    }
}

.content-main .overlay-content-teaser h1 {
    position: absolute;
    line-height: normal
}

@media (min-width: 20em) and (max-width: 47.938em) {
    .content-main .overlay-content-teaser h1 {
        bottom: 4%;
        min-height: 2.1rem;
        font-size: .9rem;
        font-size: calc(0.5997em + 0.8644 * ((100vw - 20em) / 27.938))
    }
}

@media (min-width: 48em) and (max-width: 61.938em) {
    .content-main .overlay-content-teaser h1 {
        bottom: 5%;
        min-height: 2.1rem;
        font-size: 1.2rem
    }
}

@media (min-width: 62em) and (max-width: 74.938em) {
    .content-main .overlay-content-teaser h1 {
        bottom: 4%;
        min-height: 2.1rem;
        font-size: .9rem
    }
}

@media (min-width: 75em) and (max-width: 104.938em) {
    .content-main .overlay-content-teaser h1 {
        bottom: 5%;
        min-height: 3rem;
        font-size: 1.3rem
    }
}

@media (min-width: 48em) and (max-width: 104.938em) {
    .content-main .overlay-content-teaser h1 {
        font-size: calc(.55em + 0.6 * ((100vw - 48em) / 56.938));
        line-height: calc(1.1em + 0.1 * ((100vw - 48em) / 56.938))
    }
}

@media (min-width: 105em) {
    .content-main .overlay-content-teaser h1 {
        bottom: 5%;
        font-size: 1.8rem;
        min-height: 3.3rem
    }
}

.overlay-content-teaser h1 em {
    font-size: inherit
}

@media (min-width: 105em) {
    .overlay-content-teaser h1 em {
        font-size: 105%
    }
}

.content-main .overlay-content-teaser h1 em {
    font-size: inherit
}

@media (min-width: 48em) and (max-width: 104.938em) {
    .content-main .overlay-content-teaser h1 em {
        font-size: calc(.6em + 0.45 * ((100vw - 48em) / 56.938))
    }
}

.overlay-content-teaser:after {
    content: "\003e";
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-weight: bold;
    font-style: italic;
    display: none;
    position: absolute;
    right: 5%
}

@media (min-width: 1200px) and (max-width: 1679px),(min-width: 1680px) {
    .overlay-content-teaser:after {
        display: block
    }
}

@media (min-width: 75em) and (max-width: 104.938em) {
    .overlay-content-teaser:after {
        font-size: 4rem;
        bottom: 4%;
        font-size: calc(2.9em + 0.45 * ((100vw - 75em) / 29.938));
        bottom: calc(.85em + 0.45 * ((100vw - 75em) / 29.938))
    }
}

@media (min-width: 105em) {
    .overlay-content-teaser:after {
        font-size: 5.3rem;
        bottom: 1rem
    }
}

@media (min-width: 75em) and (max-width: 104.938em) {
    .content-main .overlay-content-teaser:after {
        font-size: 4rem;
        bottom: 4%;
        font-size: calc(2.2em + 0.8 * ((100vw - 75em) / 29.938));
        bottom: calc(.7em + 0.45 * ((100vw - 75em) / 29.938))
    }
}

@media (min-width: 105em) {
    .content-main .overlay-content-teaser:after {
        font-size: 5rem;
        bottom: .3rem
    }
}

.teaser-whiteboard-label {
    margin-left: 6.66666667%;
    position: relative;
    float: left;
    width: 86.66666667%;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%;
    float: none;
    display: block;
    background-color: #fff;
    width: 100%;
    margin: auto;
    padding: 4% 5%;
    margin-bottom: 10%
}

@media (max-width: 767px) {
    .teaser-whiteboard-label {
        margin-bottom: 15%
    }
}

.teaser-whiteboard-label h1 {
    margin-top: 2rem;
    margin-bottom: 1rem
}

.teaser-whiteboard-label .label {
    border-left: none;
    border-bottom: 2px solid #000;
    padding-left: 0
}

.teaser-whiteboard {
    display: block;
    background-color: #fff;
    width: 100%;
    text-align: center;
    margin: auto;
    padding: 5% 15%;
    border-bottom: 1px solid #bcbcbc
}

.myoutfit-steps {
    margin: 5% 0
}

.myoutfit-steps .table {
    display: table;
    border-collapse: separate;
    border-spacing: 20px;
    margin-bottom: 0
}

@media (max-width: 767px) {
    .myoutfit-steps .table {
        padding-bottom: 20px;
        border-spacing: 0
    }
}

.myoutfit-steps .table-row {
    display: table-row
}

.myoutfit-steps .table-cell {
    display: table-cell;
    width: 33%;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.25)
}

@media (max-width: 767px) {
    .myoutfit-steps .table-cell {
        display: block;
        margin: 20% 0;
        width: auto
    }
}

.myoutfit-steps .table-cell .txt-con {
    padding: 0 5% 5%
}

.myoutfit-steps .table-cell:after {
    content: '';
    border-bottom: 1px solid #000;
    height: 1px;
    width: 100%
}

.myoutfit-step-wrapper {
    position: relative
}

.myoutfit-step-wrapper .bullet {
    width: 54px;
    height: 54px;
    position: absolute;
    margin: auto;
    top: -27px;
    left: 50%;
    background: #b1cdd8;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.8rem;
    line-height: 4.8rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 100%;
    border: 2px solid #fff
}

.myoutfit-step-wrapper .img-con {
    width: 100%
}

.myoutfit-step-wrapper .img-con img {
    width: 100%
}

.myoutfit-select-img-wrapper:after {
    content: ""
}

.myoutfit-selection ul {
    text-align: center
}

.myoutfit-selection li {
    display: inline-block
}

.myoutfit-selection label > input {
    display: none
}

.myoutfit-selection .bullet {
    width: auto;
    height: auto;
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    background: #97efb3;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 1.8rem;
    line-height: 4.8rem;
    z-index: 1;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 100%;
    padding: 14%
}

.myoutfit-selection .bullet svg.check {
    position: absolute;
    width: 40%;
    height: 40%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

a.myoutfit-select.active .myoutfit-select-img-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.75)
}

#colors a.myoutfit-select.active .myoutfit-select-img-wrapper:after {
    background-color: transparent
}

a.myoutfit-select.active .bullet {
    display: block
}

#occasion ul li, #style ul li, #type ul li {
    width: 23%
}

#style ul li.imgSix {
    width: 24%
}

#addItems ul.woman li {
    width: 14%
}

#addItems ul.man li {
    width: 18%
}

@media (max-width: 767px) {
    #addItems ul.woman li, #addItems ul.man li {
        width: auto
    }
}

#occasion ul li, #style ul li, #style ul li.imgSix, #type ul li, #addItems ul li {
    margin: 1%;
    display: inline-block
}

@media (min-width: 768px) and (max-width: 991px) {
    #occasion ul li, #style ul li, #style ul li.imgSix, #type ul li, #addItems ul li {
        width: 30%
    }
}

@media (max-width: 767px) {
    #occasion ul li, #style ul li, #style ul li.imgSix, #type ul li, #addItems ul li {
        width: auto;
        margin: 0;
        margin-bottom: 5%
    }
}

#occasion ul li a.myoutfit-select, #style ul li a.myoutfit-select, #style ul li.imgSix a.myoutfit-select, #type ul li a.myoutfit-select, #addItems ul li a.myoutfit-select {
    display: block
}

#occasion ul li .txt-con, #style ul li .txt-con, #style ul li.imgSix .txt-con, #type ul li .txt-con, #addItems ul li .txt-con {
    display: none
}

#type .figuretype ul.woman li {
    width: 18%
}

@media (max-width: 767px) {
    #type .figuretype ul.woman li {
        width: auto
    }
}

#extras ul li.man {
    width: 18%
}

#extras ul li.woman {
    width: 24%
}

#consulting > ul > li {
    margin: 1%;
    display: inline-block
}

@media (max-width: 767px) {
    #consulting > ul > li {
        width: auto;
        margin: 5%
    }
}

#consulting > ul > li a.myoutfit-select {
    display: block
}

#consulting > ul > li a.myoutfit-select .txt-con .info p {
    color: #000;
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-style: italic;
    line-height: 3rem;
    padding-top: 7px
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    #consulting > ul > li a.myoutfit-select .txt-con .info p {
        margin: 0
    }
}

#colors ul li, #brands ul li {
    width: 14.6%;
    margin: 1%;
    min-width: 120px;
    height: 150px
}

@media (min-width: 1200px) and (max-width: 1679px) {
    #colors ul li, #brands ul li {
        height: 133px
    }
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    #colors ul li, #brands ul li {
        height: 100px;
        min-width: 116px;
        margin: .8%
    }
}

@media (max-width: 767px) {
    #colors ul li, #brands ul li {
        margin: 3%
    }
}

#colors ul li a.myoutfit-select, #brands ul li a.myoutfit-select {
    width: 100%;
    height: 100%;
    background-color: #ececec
}

#colors a.myoutfit-select {
    height: 100%
}

#colors a.myoutfit-select::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAM8AAACYCAYAAABDCr0QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MDYyNUUzRjgwQUExMUU1QjU2OTk0Q0IxMkNENkQ0MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MDYyNUU0MDgwQUExMUU1QjU2OTk0Q0IxMkNENkQ0MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZEMDE5MENDODBBNTExRTVCNTY5OTRDQjEyQ0Q2RDQyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgwNjI1RTNFODBBQTExRTVCNTY5OTRDQjEyQ0Q2RDQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cBBn4gAAApJJREFUeNrs2bFqw0AQRdHNtvn/L02RUknARSCWnHlTDToXtjrIhcAg9q31t/fHOYvz2/txHGufPLhf/DDnt/f9BD6/z8fFg5zzX38eL4bzom8vhvPM9+OcPbg455cuqdKz2zZJ/2xffOOtF9d1nN/a7Tych27n4Tx0Ow/ndh7O7TycT3JJlew8UiM7D+eh23k4D93Ow3nodh7O7Tyc23k4n+SSKtl5pEZ2Hs5Dt/NwHrqdh/PQ7Tyc23k4t/NwPsklVbLzSI3sPJyHbufhPHQ7D+eh23k4t/NwbufhfJJLqmTnkRrZeTgP3c7Deeh2Hs5Dt/Nwbufh3M7D+SSXVMnOIzWy83Aeup2H89DtPJyHbufh3M7DuZ2H80kuqZKdR2pk5+E8dDsP56HbeTgP3c7DuZ2HczsP55NcUiU7j9TIzsN56HYezkO383Aeup2HczsP53Yezie5pEp2HqmRnYfz0O08nIdu5+E8dDsP53Yezu08nE9ySZXsPFIjOw/nodt5OA/dzsN56HYezu08nNt5OJ/kkirZeaRGdh7OQ7fzcB66nYfz0O08nNt5OLfzcD7JJVWy80iN7Dych27n4Tx0Ow/nodt5OLfzcG7n4XySS6pk55Ea2Xk4D93Ow3nodh7OQ7fzcG7n4dzOw/kkl1TJziM1svNwHrqdh/PQ7Tych27n4dzOw7mdh/NJLqmSnUdqZOfhPHQ7D+eh23k4D93Ow7mdh3M7D+eTXFIlO4/UyM7Deeh2Hs5Dt/NwHrqdh3M7D+d2Hs4nuaRKdh6pkZ2H89DtPJyHbufhPHQ7D+d2Hs7tPJxPckmV7DxSIzsP56HbeTgP3c7Deeh2Hs7tPJzbeTgf4W8/99WS6tl5pLAvAQYAYRff2xkMKTgAAAAASUVORK5CYII=')
}

#colors a.myoutfit-select::after {
    content: "";
    background-color: white;
    height: 30%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0
}

#colors a.myoutfit-select.active::after {
    display: none
}

#colors a.myoutfit-select.active .txt-con {
    display: none
}

#colors .txt-con {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%
}

#colors .txt-con .info p {
    color: #000;
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-style: italic;
    margin: 4% 0
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    #colors .txt-con .info p {
        margin: 0
    }
}

#colors .color-con {
    width: 100%;
    height: 100%
}

#colors .myoutfit-select-img-wrapper {
    position: absolute;
    top: 0;
    height: 100%
}

.myoutfit-select-img-wrapper {
    height: 100%
}

.myoutfit-select {
    color: #000;
    padding: 0;
    border-color: #fff;
    border-width: 7px;
    background-color: #fff;
    position: relative
}

.myoutfit-select:hover {
    border-color: #000
}

a.myoutfit-select.active {
    border-color: #9aedb7;
    background-color: #9aedb7
}

#addItems.myoutfit .myoutfit-select {
    background-color: #ededed
}

#addItems.myoutfit .myoutfit-select .img-con img {
    padding: 15% 0
}

#type.myoutfit .myoutfit-select, .figuretype .myoutfit-select {
    background-color: #ededed
}

.figuretype .myoutfit-select .img-con {
    background-color: #ededed
}

.figuretype .myoutfit-select .img-con.man img {
    padding: 16% 30%
}

.figuretype .myoutfit-select .txt-con {
    display: none
}

.myoutfit-nav {
    margin-top: 5%
}

@media (max-width: 767px) {
    .myoutfit-nav {
        margin-top: 20%
    }
}

@media (max-width: 767px) {
    a.btn-myoutfit {
        width: auto !important
    }
}

#myoutfit-preferences.panel-group {
    border-top: none
}

#myoutfit-preferences .panel-heading {
    display: block;
    position: relative;
    text-align: left
}

#myoutfit-preferences .panel-heading .img-popup {
    display: block;
    position: absolute;
    bottom: 0;
    right: 15%;
    height: 162%;
    width: 19%;
    background-position: 0 150px;
    background-size: cover;
    background-clip: content-box;
    background-repeat: no-repeat;
    transition: background-position .5s ease-out
}

#myoutfit-preferences .panel-heading:hover .img-popup {
    background-position: 0 0
}

#myoutfit-preferences h3.panel-title {
    margin: 0
}

#myoutfit-preferences .panel-title svg.check {
    fill: #dbc4a9;
    width: 18px;
    height: 18px;
    margin-top: 3px;
    margin-right: 4px;
    vertical-align: text-top
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    #myoutfit-preferences .panel-title svg.check {
        width: 12px;
        height: 12px
    }
}

#myoutfit-preferences .panel-title a {
    display: block;
    outline: none;
    padding: 2.5%;
    text-transform: none;
    background-color: #fff;
    border-top: 1px solid #ababab
}

#myoutfit-preferences .panel-title a.collapsed {
    color: #000
}

#myoutfit-preferences .panel-title a:hover, #myoutfit-preferences .panel-title a[aria-expanded="true"] {
    color: #dbc4a9;
    text-decoration: none;
    background-color: transparent
}

#myoutfit-preferences .panel-title a:after {
    content: "▾";
    position: absolute;
    right: 4%;
    color: #bcbcbc;
    font-size: 18px;
    text-indent: 0;
    margin-top: -4px;
    text-align: center
}

#myoutfit-preferences .panel-title a:not(.collapsed):after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #dbc4a9
}

#myoutfit-preferences .panel-title a.active {
    text-indent: 40px
}

#myoutfit-preferences .panel-title a.active:before {
    content: " ";
    position: absolute;
    margin-top: -3px;
    margin-left: -40px;
    width: 30px;
    height: 30px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NC44IDQ0LjgiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjOTZFRUI0IiBkPSJNMjIuNCAwYzEyLjQgMCAyMi40IDEwIDIyLjQgMjIuNCAwIDEyLjQtMTAgMjIuNC0yMi40IDIyLjRDMTAgNDQuOCAwIDM0LjggMCAyMi40IDAgMTAgMTAgMCAyMi40IDB6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOC41IDE2LjNsLTAuNy0wLjRjLTAuNC0wLjItMC45LTAuMS0xLjEgMC4zbC01LjMgOCAtMy43LTIuNWMtMC40LTAuMi0wLjktMC4xLTEuMSAwLjNsLTAuNCAwLjdjLTAuMiAwLjQtMC4xIDAuOSAwLjMgMS4xbDQgMi43YzAuMSAwLjEgMC4yIDAuMiAwLjMgMC4ybDAuNyAwLjRjMC40IDAuMiAwLjkgMC4xIDEuMS0wLjNsNi4zLTkuNUMyOSAxNyAyOC45IDE2LjUgMjguNSAxNi4zeiIvPjwvc3ZnPg==)
}

#myoutfit-preferences .panel-body {
    padding: 0 4% 1% 4%;
    text-align: center
}

@media (min-width: 768px) and (max-width: 991px) {
    #myoutfit-preferences .panel-body {
        padding: 0
    }
}

#myoutfit-preferences .panel-body hr {
    margin-top: 0;
    margin-bottom: 5%
}

#myoutfit-preferences .panel-body p {
    font-size: 1.4rem;
    width: 50%;
    margin: auto
}

@media (max-width: 767px) {
    #myoutfit-preferences .panel-body p {
        width: 100%
    }
}

#myoutfit-preferences .panel-body .radio-selection {
    display: block;
    margin: 5% 0
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    #myoutfit-preferences .panel-body .radio-selection:nth-child(even) li {
        width: 30%
    }
}

#myoutfit-preferences .panel-body .radio-selection li {
    display: inline-block;
    width: 18%;
    min-width: 180px
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    #myoutfit-preferences .panel-body .radio-selection li {
        width: 24%;
        min-width: auto
    }
}

@media (max-width: 767px) {
    #myoutfit-preferences .panel-body .radio-selection li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 50px;
        margin-bottom: 5%
    }
}

#myoutfit-preferences .panel-body label {
    font-weight: normal;
    font-size: 1.6rem;
    color: #919191;
    padding-left: 45px;
    min-height: 27px
}

.myoutfit-full-wrapper .content-main .img-tile {
    margin: 1%;
    padding: 0;
    display: inline-block;
    width: 46%;
    max-width: 440px;
    border: 7px solid #fff
}

.myoutfit-full-wrapper .content-main .img-tile:hover {
    border-color: #000
}

.myoutfit-full-wrapper .content-main .img-tile:active, .myoutfit-full-wrapper .content-main .img-tile:focus {
    border-color: #97efb3
}

@media (max-width: 767px) {
    .myoutfit-full-wrapper .content-main .img-tile {
        width: 100%;
        margin: 0;
        margin: 3% 0
    }
}

.myoutfit-full-wrapper .content-main .img-tile .myoutfit-select {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.myoutfit-full-wrapper .content-main .img-tile .overlay-content-img h2 {
    font-size: 6rem;
    min-height: 7.5rem;
    line-height: 3rem;
    padding: 0
}

.myoutfit-full-wrapper .content-main .img-tile .overlay-content-img h2 em {
    font-size: 40%
}

@media (min-width: 992px) and (max-width: 1199px),(min-width: 1200px) and (max-width: 1679px) {
    .myoutfit-full-wrapper .content-main .img-tile .overlay-content-img h2 {
        font-size: 4rem;
        font-size: calc(2em + 1.8 * ((100vw - 48em) / 57));
        line-height: 3rem
    }
}

@media (min-width: 48em) and (max-width: 61.938em) {
    .myoutfit-full-wrapper .content-main .img-tile .overlay-content-img h2 {
        font-size: 3rem;
        font-size: calc(2em + 1.5 * ((100vw - 48em) / 57));
        line-height: 2.5rem
    }
}

@media (min-width: 20em) and (max-width: 47.938em) {
    .myoutfit-full-wrapper .content-main .img-tile .overlay-content-img h2 {
        font-size: 4.8rem;
        font-size: calc(3em + 2 * ((100vw - 20em) / 57))
    }
}

.myoutfit-full-wrapper .content-main .img-tile .overlay-content-img h2 em {
    margin: 2% 8% 3%
}

.errorMsg {
    display: none;
    background-color: #fff6f8;
    border: 1px solid #d88297;
    width: 80%;
    margin: 5% auto;
    padding: 40px 60px
}

.errorMsg.active {
    display: block
}

@media (min-width: 768px) and (max-width: 991px) {
    .errorMsg {
        width: 90%;
        padding: 40px 50px
    }
}

@media (max-width: 767px) {
    .errorMsg {
        width: 100%;
        margin: 20% auto;
        padding: 40px 40px
    }
}

.errorMsg p {
    color: #d88297
}

.check-listing ul li {
    list-style-type: none;
    text-indent: -2.7rem;
    padding: 1.5% 6%;
    border-top: 1px solid #bcbcbc
}

.check-listing ul li h3 {
    text-transform: none
}

.check-listing ul li h3 svg.check {
    fill: #dbc4a9;
    width: 18px;
    height: 18px;
    margin-top: 3px;
    margin-right: 4px;
    vertical-align: text-top
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    .check-listing ul li h3 svg.check {
        width: 12px;
        height: 12px
    }
}

.styling-experts-teaser .styling-experts-right .infobox {
    margin-left: -20%
}

.styling-experts-teaser .styling-experts-left .infobox {
    margin-right: -20%
}

.styling-experts-teaser .styling-experts-right .infobox, .styling-experts-teaser .styling-experts-left .infobox {
    margin-top: 25%;
    margin-top: calc(3em + 7 * ((100vw - 48em) / 56.938));
    padding: 8%;
    background-color: #fff;
    border-bottom: 1px solid #bcbcbc
}

@media (max-width: 767px) {
    .styling-experts-teaser .styling-experts-right .infobox, .styling-experts-teaser .styling-experts-left .infobox {
        margin: 0;
        margin: calc(0em + -5 * ((100vw - 20em) / 27.938)) 0 5% calc(0em + 5 * ((100vw - 20em) / 27.938))
    }
}

.styling-experts-teaser .styling-experts-right .infobox img, .styling-experts-teaser .styling-experts-left .infobox img {
    margin: auto
}

.styling-experts-teaser .styling-experts-right .infobox h3, .styling-experts-teaser .styling-experts-left .infobox h3 {
    text-align: center
}

.styling-experts-teaser .styling-experts-right .infobox h3 em, .styling-experts-teaser .styling-experts-left .infobox h3 em {
    font-weight: bold
}

.styling-experts-teaser .styling-experts-right .infobox hr, .styling-experts-teaser .styling-experts-left .infobox hr {
    border-top: 2px solid black
}

.styling-experts-teaser .styling-experts-right .infobox .label, .styling-experts-teaser .styling-experts-left .infobox .label {
    border: none;
    padding: 0;
    margin: 5% 0
}

.styling-experts-teaser .styling-experts-right .infobox h4, .styling-experts-teaser .styling-experts-left .infobox h4 {
    line-height: normal;
    padding-top: 0;
    border: none;
    text-transform: uppercase
}

.overlapping-introbox {
    margin-left: 6.66666667%;
    float: left;
    width: 86.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%;
    margin-top: -15%;
    margin-bottom: 5%
}

@media (min-width: 768px) {
    .overlapping-introbox {
        float: left;
        width: 86.66666667%
    }
}

@media (max-width: 767px) {
    .overlapping-introbox {
        margin-bottom: 10%
    }
}

.overlapping-introbox .wrapper {
    padding-top: 4%;
    padding-bottom: 5%;
    text-align: center;
    background-color: #fff;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000
}

.overlapping-introbox .wrapper h1 {
    margin-bottom: 5%
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .overlapping-introbox .wrapper h1 {
        font-size: 3.87rem;
        line-height: 3.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .overlapping-introbox .wrapper h1 {
        font-size: 3.01rem;
        line-height: 2.5rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .overlapping-introbox .wrapper h1 {
        font-size: 2.15rem;
        line-height: 2rem
    }
}

.overlapping-introbox .wrapper h4 {
    line-height: normal;
    padding-top: 0;
    border: none;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .overlapping-introbox .wrapper h4 em {
        font-size: 1.2rem
    }
}

.overlapping-introbox .wrapper hr {
    border-top: 1px solid #000;
    width: 40px
}

.overlapping-introbox .wrapper p {
    margin: auto;
    width: 80%;
    font-size: 1.4rem
}

.crazy-teaser {
    margin-left: -0.85%;
    margin-right: -0.85%;
    clear: both;
    margin-bottom: 10%
}

@media (max-width: 767px) {
    .crazy-teaser {
        margin-bottom: 15%
    }
}

.crazy-teaser .left {
    margin-left: 6.66666667%;
    float: left;
    width: 86.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%;
    text-align: center;
    margin-top: 6%;
    margin-bottom: 6%
}

@media (min-width: 768px) {
    .crazy-teaser .left {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .crazy-teaser .left {
        float: left;
        width: 40%
    }
}

@media (max-width: 767px) {
    .crazy-teaser .left {
        margin-top: 0
    }
}

.crazy-teaser .left h2 {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 20% 16%;
    font-size: 3.2rem;
    line-height: 3.6rem
}

@media (min-width: 48em) and (max-width: 104.938em) {
    .crazy-teaser .left h2 {
        font-size: calc(1em + 1 * ((100vw - 48em) / 56.938));
        line-height: calc(1.1em + 0.5 * ((100vw - 48em) / 56.938))
    }
}

@media (max-width: 767px) {
    .crazy-teaser .left h2 {
        padding: 15% 0;
        font-size: 2.3rem;
        font-size: calc(1.2em + 1 * ((100vw - 20em) / 27.938));
        line-height: 2rem
    }
}

.crazy-teaser .right {
    margin-left: 6.66666667%;
    float: left;
    width: 86.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%
}

@media (min-width: 768px) {
    .crazy-teaser .right {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .crazy-teaser .right {
        float: left;
        width: 60%
    }
}

.crazy-teaser .right img {
    border-bottom: 5px solid #000
}

.crazy-teaser .right .overlay {
    top: 50%;
    left: auto;
    margin-right: 5%;
    overflow: visible;
    text-align: center
}

.crazy-teaser .right .overlay h1 {
    font-weight: 200;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.crazy-teaser .right .overlay h1 em {
    font-weight: bold
}

@media (min-width: 1680px) {
    .crazy-teaser .right .overlay h1 {
        font-size: 6.5rem;
        line-height: 6rem
    }
}

@media (min-width: 48em) and (max-width: 104.938em) {
    .crazy-teaser .right .overlay h1 {
        font-size: calc(2em + 2 * ((100vw - 48em) / 56.938));
        line-height: calc(1.1em + 0.5 * ((100vw - 48em) / 56.938))
    }
}

@media (max-width: 767px) {
    .crazy-teaser .right .overlay h1 {
        font-size: calc(1.8em + 2.5 * ((100vw - 20em) / 27.938));
        line-height: calc(1.1em + 0.5 * ((100vw - 20em) / 27.938))
    }
}

.styling-expert-quote {
    margin: auto;
    padding: 10% 20%;
    border-top: 1px solid #ababab
}

.styling-expert-quote .styling-expert-thumb {
    float: left;
    margin-right: 5%;
    margin-bottom: 5%
}

@media (max-width: 767px) {
    .styling-expert-quote .styling-expert-thumb {
        width: 100%
    }

    .styling-expert-quote .styling-expert-thumb img {
        margin: auto
    }
}

.styling-expert-quote blockquote {
    font-size: 2rem;
    font-weight: normal;
    text-transform: none;
    padding-top: 2%
}

@media (min-width: 768px) and (max-width: 991px) {
    .styling-expert-quote {
        padding: 10% 5%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .styling-expert-quote {
        padding: 10% 10%
    }
}

@media (max-width: 767px) {
    .styling-expert-quote {
        width: 100%;
        margin-top: 20%;
        padding: 10% 10%
    }
}

.brands-list h2 a {
    color: #dbc4a9;
    text-decoration: underline
}

.brands-list h2 a:hover {
    color: #000
}

.brands-list .letter-box {
    display: block;
    clear: both;
    padding-top: 5%;
    border-bottom: 1px solid #000
}

.brands-list .letter-box h3 {
    display: inline-block;
    background-color: #fff;
    padding: 2% 3%;
    margin: 1px 0;
    min-width: 40px;
    text-align: center
}

.brands-list .brands-letter-wrapper {
    display: block
}

.popover-content .brands a {
    display: block;
    font-size: smaller;
    font-weight: bold;
    color: #dbc4a9;
    text-transform: uppercase;
    line-height: 3rem
}

.popover-content .brands a:hover {
    color: #000;
    text-decoration: none
}

a.btn-login {
    display: inline-block;
}

a.btn-login .btn-group {
    width: 80px;
    font-size: 1.2rem;
    line-height: normal;
    text-align: center
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    a.btn-login .btn-group {
        width: 100px;
        text-align: left;
        font-size: 1rem;
        text-transform: uppercase
    }

    a.btn-login .btn-group .text {
        margin-top: 2px
    }
}

@media (max-width: 767px) {
    a.btn-login .btn-group {
        margin-top: 15px
    }
}

a.btn-login svg.login {
    width: 21px;
    height: 25px;
    max-height: 25px;
    fill: #000
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    a.btn-login svg.login {
        width: 30px;
        height: 15px;
        max-height: 15px;
        float: left;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    a.btn-login svg.login {
        width: 35%;
        height: 35%;
        margin-top: 7px;
        margin-bottom: 3px
    }
}

a.btn-login:hover {
    text-decoration: none;
    color: #dbc4a9
}

a.btn-login:hover svg.login {
    fill: #dbc4a9
}

div.popover.popover-myaccount {
    max-width: 100%;
    border-top: 3px solid black
}

div.popover.popover-myaccount {
    min-width: 200px
}

.myaccount .popover-heading {
    display: block;
    line-height: normal;
    font-size: 1.3rem;
    font-weight: bold;
    white-space: nowrap;
    text-transform: uppercase;
    border-bottom: 1px solid #ababab;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.myaccount .popover-content {
    text-transform: uppercase
}

.myaccount .popover-content.log-off {
    border-top: 1px solid #ababab
}

.myaccount .popover-content.log-off a {
    color: #ababab
}

.myaccount .popover-content a {
    display: block;
    vertical-align: middle;
    width: 100%;
    font-size: 1.1rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2rem
}

.myaccount .popover-content a:hover {
    color: #dbc4a9;
    text-decoration: none
}

.download svg.download {
    fill: #dbc4a9;
    width: 18px;
    height: 18px;
    vertical-align: text-top
}

.overlay-content-btn {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    padding-bottom: 1%
}

@media (max-width: 767px) {
    .overlay-content-btn .btn-secondary {
        max-width: 170px
    }
}

.overlay-content-btn .borders {
    display: inline-block;
    padding: 1% 3% .5% 3%;
    margin: 1% 0;
    max-width: 90%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.overlay-content-btn h1, .overlay-content-btn h2, .overlay-content-btn h4 {
    margin: 0;
    padding: 0;
    line-height: 1;
    color: #fff;
    border: none
}

.overlay-content-btn h2 {
    line-height: 1rem
}

.overlay-content-btn h2 em, .overlay-content-btn h2 em.bold {
    line-height: 1
}

@media (min-width: 20em) and (max-width: 47.938em) {
    .overlay-content-btn h1 {
        font-size: calc(1.9em + 2.4 * ((100vw - 20em) / 27.938));
        line-height: calc(1.9em + 2.4 * ((100vw - 20em) / 27.938))
    }

    .overlay-content-btn h2 em {
        font-size: calc(1.05em + 1.3 * ((100vw - 20em) / 27.938))
    }

    .overlay-content-btn h2 em.bold {
        font-size: calc(1.3em + 1.6 * ((100vw - 20em) / 27.938))
    }

    .overlay-content-btn h4 em {
        font-size: calc(.9em + .3 * ((100vw - 20em) / 27.938))
    }

    .overlay-content-btn h2 em.bold {
        font-size: calc(.65em + .1 * ((100vw - 20em) / 27.938))
    }
}

@media (min-width: 48em) and (max-width: 104.938em) {
    .overlay-content-btn h1 {
        font-size: calc(1.9em + 2.4 * ((100vw - 48em) / 56.938));
        line-height: calc(1.9em + 2.4 * ((100vw - 48em) / 56.938))
    }

    .overlay-content-btn h2 em {
        font-size: calc(1.05em + 1.3 * ((100vw - 48em) / 56.938))
    }

    .overlay-content-btn h2 em.bold {
        font-size: calc(1.3em + 1.6 * ((100vw - 48em) / 56.938))
    }

    .overlay-content-btn h4 em {
        font-size: calc(.9em + .3 * ((100vw - 48em) / 56.938))
    }
}

@media (min-width: 105em) {
    .overlay-content-btn h1 {
        font-size: 6.4rem
    }

    .overlay-content-btn h2 em {
        font-size: 3.2rem
    }

    .overlay-content-btn h2 em.bold {
        font-size: 3.6rem
    }
}

.carousel-caption {
    bottom: auto;
    padding-bottom: 0;
    text-shadow: none;
    height: 50%;
    padding: 0
}

.carousel-caption .overlay-content-carousel {
    position: absolute;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .carousel-caption .overlay-content-carousel {
        max-height: 65%
    }

    .carousel-caption .overlay-content-carousel .btn-secondary {
        max-width: 170px
    }
}

.carousel-caption .svg-overlay {
    display: inline-block;
    width: 100% !important;
    height: 100% !important
}

.right-focus .carousel-caption {
    left: 0;
    right: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -webkit-transform: translateY(-60%)
}

@media (max-width: 767px) {
    .right-focus .carousel-caption {
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        max-width: 400px;
        margin: auto;
        -webkit-transform: none;
        transform: none
    }
}

.left-focus .carousel-caption {
    left: 50%;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -webkit-transform: translateY(-60%)
}

@media (max-width: 767px) {
    .left-focus .carousel-caption {
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        max-width: 400px;
        margin: auto;
        -webkit-transform: none;
        transform: none
    }
}

@media (max-width: 767px) {
    svg.svg-overlay, svg.svg-overlay path {
        fill: #fff
    }
}

.quadruple .row1 {
    display: block;
    margin-bottom: 4%
}

.quadruple .col1 {
    padding: 0 !important;
    margin-right: 1.8% !important
}

.quadruple .col2 {
    padding: 0 !important;
    margin-left: 1.8% !important
}

@media (min-width: 768px) and (max-width: 991px),(max-width: 767px) {
    .quadruple .col-md-6 {
        padding-bottom: 3.75%
    }
}

.img-text-teaser.bg {
    background-color: #fff;
    padding: 4%
}

.img-text-teaser {
    margin-bottom: 5%
}

.img-text-teaser h5 {
    color: #000;
    border-bottom: 2px solid black
}

.img-text-teaser h3 {
    margin-top: 0;
    text-transform: none
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    .img-text-teaser h3 {
        font-size: 90%;
        line-height: 2rem
    }
}

.img-text-teaser h2 {
    margin-top: 0;
    margin-bottom: 3rem
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    .img-text-teaser h2 {
        font-size: 1.8rem;
        margin-bottom: 2rem;
        line-height: 2rem
    }
}

.img-text-teaser.full h3 {
    margin: 3% 0 2%
}

.img-tile-rect {
    padding-top: .85%;
    padding-bottom: .85%;
    margin: 0 1% 8%
}

.img-tile-rect .overlay-content-img h2 {
    font-size: 1.9rem;
    min-height: 7.5rem;
    padding-top: 1rem;
    line-height: normal
}

@media (min-width: 992px) and (max-width: 1199px),(min-width: 1200px) and (max-width: 1679px) {
    .img-tile-rect .overlay-content-img h2 {
        font-size: 1.6rem;
        font-size: calc(.6em + 0.6 * ((100vw - 48em) / 57))
    }
}

@media (min-width: 48em) and (max-width: 61.938em) {
    .img-tile-rect .overlay-content-img h2 {
        font-size: 1.8rem;
        font-size: calc(1.1em + 1 * ((100vw - 48em) / 57))
    }
}

@media (min-width: 20em) and (max-width: 47.938em) {
    .img-tile-rect .overlay-content-img h2 {
        font-size: 1.8rem;
        font-size: calc(.7em + 2 * ((100vw - 20em) / 57));
        padding-top: 2rem
    }
}

.img-tile-rect .overlay-content-img h2 em {
    margin: 2% 8% 1%
}

.img-tile-rect .overlay-content-img.black h2 {
    color: #000
}

.img-tile-rect .overlay-content-img.black h2 em {
    border-color: #000
}

.img-tile {
    padding-top: .85%;
    padding-bottom: .85%
}

.img-tile .overlay-content-img h2 {
    font-size: 1.9rem;
    min-height: 7.5rem;
    padding-top: 1rem;
    padding-left: 3%;
    padding-right: 3%;
    line-height: normal
}

@media (min-width: 992px) and (max-width: 1199px),(min-width: 1200px) and (max-width: 1679px) {
    .img-tile .overlay-content-img h2 {
        font-size: 1.6rem;
        font-size: calc(.6em + 0.6 * ((100vw - 48em) / 57))
    }
}

@media (min-width: 48em) and (max-width: 61.938em) {
    .img-tile .overlay-content-img h2 {
        font-size: 1.8rem;
        font-size: calc(1.1em + 1 * ((100vw - 48em) / 57))
    }
}

@media (min-width: 20em) and (max-width: 47.938em) {
    .img-tile .overlay-content-img h2 {
        font-size: 1.8rem;
        font-size: calc(.7em + 2 * ((100vw - 20em) / 57));
        padding-top: 2rem
    }
}

.img-tile .overlay-content-img h2 em {
    margin: 2% 8% 1%
}

.img-tile .overlay-content-img.black h2 {
    color: #000
}

.img-tile .overlay-content-img.black h2 em {
    border-color: #000
}

.img-trend-box {
    position: inherit
}

.img-txt-3-row {
    margin: 5% 0;
    border-top: 2px solid black;
    border-bottom: 2px solid black
}

.img-txt-3-row .table {
    display: table;
    border-collapse: separate;
    margin: 0
}

@media (max-width: 767px) {
    .img-txt-3-row .table {
        padding-bottom: 20px
    }
}

.img-txt-3-row .table-row {
    display: table-row
}

.img-txt-3-row .table-cell {
    display: table-cell;
    padding: 2% 3% 2%
}

@media (max-width: 767px) {
    .img-txt-3-row .table-cell {
        display: block;
        clear: both
    }
}

.job-offer {
    background-color: #fff;
    border-bottom: 2px solid black;
    padding: 4%;
    margin-bottom: 3%
}

.job-offer small {
    display: block;
    color: #919191
}

.job-offer h3 {
    margin: 0;
    text-transform: none
}

@media (max-width: 767px) {
    .job-offer h3 {
        font-size: 90%
    }
}

.search .searchbox {
    margin-top: 2px
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    .search .searchbox {
        margin-top: 0
    }
}

.search .btn-search, .search .search-icon {
    background: url("../images/icons/7da4e36e.search.png");
    background-position: 8px 8px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 36px;
    height: 36px;
    color: transparent;
    border-radius: 0;
    border-bottom: 2px solid #000
}

.search .btn-search:focus, .search .search-icon:focus {
    border-color: #000;
    outline: none;
    box-shadow: none
}

@media (max-width: 767px) {
    .navbar-search {
        float: left
    }

    .navbar-search .searchbox {
        display: none
    }

    .navbar-search .search-icon {
        margin-top: 5px
    }
}

.m-social-icons .footer-social-icon {
    color: #fff;
    padding: 0 5px 0 0;
    text-transform: initial;
    font-style: normal;
    text-decoration: initial
}

.everslider {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0
}

.everslider .es-slides {
    position: relative;
    width: 100000px;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transform: translate3d(0, 0, 0)
}

.everslider .es-slides > li {
    position: relative;
    float: left;
    padding: 0 !important;
    border: 0 !important;
    width: 100px;
    height: 65px;
    margin: 0 10px 0 0;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0)
}

@media (min-width: 1200px) and (max-width: 1679px),(min-width: 1680px) {
    .everslider .es-slides > li {
        max-width: 102px
    }
}

.everslider.es-swipe-grab .es-slides > li {
    cursor: pointer
}

.everslider .es-slides img {
    width: 100%;
    height: auto;
    max-width: none
}

.everslider {
    background: url(../images/misc/6304e081.preload.gif) no-repeat center
}

.everslider.es-slides-ready {
    background: none
}

.es-slides {
    visibility: hidden
}

.es-slides-ready .es-slides {
    visibility: visible
}

.brandCarousel {
    border-bottom: 1px solid black;
    width: 100.2%
}

.navigation {
    text-transform: uppercase;
    margin-left: -16px;
    margin-top: 20px
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navigation {
        margin-top: 10px;
        margin-left: -12px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navigation {
        margin-top: 20px
    }
}

.navbar-nav > li > a:focus {
    color: #000
}

.nav > li {
    padding-bottom: 10px
}

.nav > li > a {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 5px 15px
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .nav > li > a {
        font-size: 1.38rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nav > li > a {
        font-size: 1.2rem;
        padding: 3px 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav > li > a {
        font-size: 1.2rem;
        padding: 3px 12px
    }
}

.navbar-nav .dropdown-menu {
    position: absolute;
    left: -30px;
    top: 100%;
    margin-top: -1px !important;
    padding: 35px 25px 30px 25px;
    border-top: 3px solid #000;
    box-shadow: 0 4px 10px -1px rgba(0, 0, 0, 0.175);
    min-height: 206px
}

@media (min-width: 1680px) {
    .navbar-nav .dropdown-menu {
        width: 970px
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .navbar-nav .dropdown-menu {
        width: 878px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav .dropdown-menu {
        width: 726px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav .dropdown-menu {
        width: 105%;
        left: -10px;
        padding-left: 5px
    }
}

.navbar-nav .dropdown-menu .submenu-col {
    list-style-type: none;
    padding: 0;
    border-right: 1px solid #f5f5f5;
    width: 33%;
    float: left
}

.navbar-nav .dropdown-menu .submenu-col:last-child {
    border: none
}

.navbar-nav .dropdown-menu .submenu-col li {
    margin-top: 30px
}

.navbar-nav .dropdown-menu .submenu-col li:first-child {
    margin-top: 0
}

.navbar-nav li.dropdown:hover > a {
    color: #dbc4a9
}

.navbar-nav .dropdown-menu .submenu-col > li > a {
    font-size: 1.4rem;
    font-weight: bold
}

.navbar-nav .dropdown-menu .submenu-col > li > a:hover {
    color: #dbc4a9;
    text-decoration: none
}

@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav .dropdown-menu .submenu-col > li > a {
        font-size: 1.2rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav .dropdown-menu .submenu-col > li > a {
        font-size: 1.2rem
    }
}

.mobile-nav-btn {
    z-index: 9999
}

#mobile-nav-container.active {
    display: block
}

#mobile-nav-container {
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.mobile-offcanvas-menu {
    width: 80%;
    opacity: 1;
    position: fixed;
    height: 100%;
    padding-top: 65px;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-weight: bold
}

.mobile-offcanvas-menu > a {
    display: block;
    height: 100%;
    line-height: 50px
}

.mobile-offcanvas-menu > a.active, .mobile-offcanvas-menu > a:hover {
    color: #dbc4a9;
    text-decoration: none
}

.mobile-offcanvas-menu .mobile-offcanvas-menu-head {
    overflow: hidden;
    padding: 0;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase
}

.mobile-offcanvas-menu .mobile-offcanvas-menu-head .phone {
    text-indent: 25px;
    background: #000
}

.mobile-offcanvas-menu .mobile-offcanvas-menu-head .phone a {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.3rem;
    color: #fff
}

.mobile-offcanvas-menu .mobile-offcanvas-menu-head .phone a:hover {
    color: #dbc4a9;
    text-decoration: none
}

.mobile-offcanvas-menu .mobile-offcanvas-menu-head .phone a span {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    color: #bcbcbc
}

.mobile-offcanvas-menu .mobile-offcanvas-menu-head .login a {
    display: block;
    color: #000;
    background: #f5f5f5;
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1rem
}

.mobile-offcanvas-menu .mobile-offcanvas-menu-head .login a svg.login {
    width: 20px;
    height: 20px;
    margin: 14px 5px 0 25px;
    vertical-align: sub
}

.mobile-offcanvas-menu .mobile-offcanvas-menu-head .login a:hover {
    color: #dbc4a9;
    text-decoration: none
}

.mobile-offcanvas-menu .mobile-offcanvas-menu-head .login a:hover svg.login {
    fill: #dbc4a9
}

.mobile-offcanvas-menu .panel-group .panel-heading {
    padding: 0;
    margin-left: 25px;
    text-transform: uppercase
}

.mobile-offcanvas-menu .panel-group .panel-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px
}

.mobile-offcanvas-menu .panel-group .panel-title a {
    width: 100%;
    text-decoration: none;
    font-size: 1.3rem
}

.mobile-offcanvas-menu .panel-level2 {
    padding: 0 20px;
    border-top: none !important
}

.mobile-offcanvas-menu .panel-group .panel-level2 .panel-title a {
    vertical-align: middle;
    width: 100%;
    font-size: 1.1rem
}

.mobile-offcanvas-menu-body .panel-group {
    border-top: 3px solid #000;
    padding-top: 1rem
}

.mobile-offcanvas-menu-body > .panel-group {
    border-top: 1px solid #bcbcbc
}

.mobile-offcanvas-menu-body .panel-default > .panel-heading > .panel-title a:after {
    right: 20px;
    margin-top: -4px;
    content: "▾";
    position: absolute;
    color: #bcbcbc;
    font-size: 18px;
    text-indent: 0;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: transform .4s;
    -webkit-transition: -webkit-transform .4s
}

.mobile-offcanvas-menu-body .panel-default > .panel-heading > .panel-title a:not(.collapsed):after {
    color: #dbc4a9;
    font-weight: normal;
    float: right;
    transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transition: transform .4s;
    -webkit-transition: -webkit-transform .4s
}

.mobile-offcanvas-menu-body a[aria-expanded="true"] {
    color: #dbc4a9
}

.mobile-offcanvas-menu-body ul.social-media {
    text-align: center;
    border-top: 1px solid #bcbcbc;
    margin: 40px 25px 30px 25px;
    padding-top: 10px
}

.mobile-offcanvas-menu-body ul.social-media li {
    display: inline-block
}

.mobile-offcanvas-menu-body ul.social-media li svg {
    max-height: 20px
}

.mobile-offcanvas-menu-head .login a[aria-expanded="true"] {
    background-color: #dbc4a9;
    color: #fff
}

.mobile-offcanvas-menu-head .login a[aria-expanded="true"] svg.login {
    fill: #fff
}

.mobile-offcanvas-menu-head .login a[aria-expanded="true"]:hover {
    color: #000
}

.mobile-offcanvas-menu-head .login a[aria-expanded="true"]:hover svg.login {
    fill: #000
}

.mobile-offcanvas-menu-body #myaccount-menu {
    background-color: #f5f5f5
}

.mobile-offcanvas-menu-body #myaccount-menu .panel-level2 > .panel-heading:first-child, .mobile-offcanvas-menu-body #myaccount-menu .panel-level2 > .panel-heading:last-child {
    border-top: 1px solid #bcbcbc
}

.mobile-offcanvas-menu-body #myaccount-menu .panel-level2 > .panel-heading:last-child > .panel-title a {
    color: #777
}

.mobile-offcanvas-menu-body #myaccount-menu .panel-level2 > .panel-heading:last-child > .panel-title a:hover {
    color: #dbc4a9
}

#mobile-search {
    z-index: 1011;
    width: 100%;
    height: 0;
    padding: 0;
    line-height: 1em;
    background: #000;
    position: absolute;
    overflow: hidden;
    top: 65px;
    transition: all .3s ease-in-out
}

#mobile-search .search-icon-wrapper {
    position: absolute;
    left: 0;
    width: 65px;
    height: 55px;
    padding: 20px 25px
}

#mobile-search .search-close-wrapper {
    position: absolute;
    right: 0;
    width: 65px;
    height: 55px;
    padding: 20px 25px
}

#mobile-search svg.close {
    width: 15px;
    height: 15px;
    fill: #ababab
}

#mobile-search svg.close:hover {
    fill: #fff
}

#mobile-search .search-input-wrapper {
    width: 100%;
    padding: 0 65px
}

#mobile-search input.search-input {
    width: 100%;
    height: 55px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    box-shadow: none !important;
    font-size: 20px;
    line-height: normal;
    text-indent: 8px;
    letter-spacing: -0.5px;
    font-family: "Livory W01", "Times New Roman", Times, serif;
    color: #fff;
    background-color: #000
}

#mobile-search input.search-input::-moz-placeholder {
    color: #ababab;
    opacity: 1;
    font-size: 1.6rem;
    font-weight: normal;
    padding-top: 3px;
    text-align: left
}

#mobile-search input.search-input:-ms-input-placeholder {
    color: #ababab;
    font-size: 1.6rem;
    font-weight: normal;
    padding-top: 3px;
    text-align: left
}

#mobile-search input.search-input::-webkit-input-placeholder {
    color: #ababab;
    font-size: 1.6rem;
    font-weight: normal;
    padding-top: 3px;
    text-align: left
}

#mobile-search input.search-input:focus::-webkit-input-placeholder {
    color: transparent
}

#mobile-search input.search-input:focus:-moz-placeholder {
    color: transparent
}

#mobile-search input.search-input:focus::-moz-placeholder {
    color: transparent
}

#mobile-search input.search-input:focus:-ms-input-placeholder {
    color: transparent
}

#mobile-search input.search-input::-ms-clear {
    display: none
}

@media (max-width: 767px) {
    #mobile-search {
        position: relative
    }
}

#mobile-search.mobile-search-show {
    top: 65px;
    height: 55px !important
}

label.mobile-search {
    cursor: pointer
}

label.mobile-search input {
    display: none
}

label.mobile-search svg.lupe {
    width: 15px;
    height: 15px;
    fill: #ababab
}

label.mobile-search svg.lupe:hover {
    fill: #fff
}

.modal.login .modal-dialog {
    width: 300px;
    text-align: center
}

.modal.login .modal-body {
    padding-top: 0
}

.modal.login .modal-body label {
    display: none
}

.modal.login .modal-body fieldset .form-group {
    width: 100%
}

.modal.login .modal-body fieldset .form-group:first-child {
    margin-bottom: 0
}

.modal.login .modal-body fieldset .form-group:last-child {
    margin-top: -1px
}

.modal.login .modal-body .btn-submit {
    margin: 10px 0 5px
}

.modal.login .modal-body h5 {
    text-transform: uppercase;
    font-size: large;
    line-height: normal;
    margin-top: 40px
}

.modal.login .modal-body p.info {
    line-height: normal
}

.newsletterbox {
    width: 100%
}

.newsletterbox .newsletter-input {
    width: 55%
}

@media (min-width: 1680px) {
    .newsletterbox .newsletter-input {
        width: 70%
    }
}

@media (max-width: 767px) {
    .newsletterbox .newsletter-input {
        width: 60%;
        margin-bottom: 3%
    }
}

.newsletterbox .newsletter-input input {
    width: 100%
}

@media (max-width: 767px) {
    .btn-newsletter {
        width: 60%
    }
}

ul.social-media {
    list-style-type: none
}

ul.social-media > li {
    width: 22%;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

@media (max-width: 767px) {
    ul.social-media > li {
        width: 40px
    }
}

ul.social-media a:hover svg.facebook, ul.social-media a:hover svg.instagram, ul.social-media a:hover svg.twitter, ul.social-media a:hover svg.youtube {
    fill: #dbc4a9
}

svg.facebook, svg.twitter, svg.youtube, svg.instagram {
    max-width: 32px;
    max-height: 32px;
    webkit-transition: fill .5s ease;
    transition: fill .3s ease;
    -moz-transition: fill .5s ease;
    -o-transition: fill .5s ease;
    fill: #b1b1b1
}

.store-directions {
    padding-top: 15%
}

.store-directions h5 {
    line-height: normal;
    margin-top: 3rem
}

.store-experts {
    margin-bottom: 5%
}

.store-experts h2 {
    padding-bottom: 5px
}

.store-experts .table {
    display: table;
    border-collapse: separate;
    border-spacing: 3rem;
    margin: 0
}

@media (max-width: 767px) {
    .store-experts .table {
        border-collapse: collapse
    }
}

.store-experts .table-row {
    display: table-row
}

.store-experts .table-cell {
    display: table-cell;
    border-bottom: 1px solid #bcbcbc;
    border-top: 1px solid #bcbcbc;
    width: 50%;
    margin-top: 2rem
}

@media (max-width: 767px) {
    .store-experts .table-cell {
        display: block;
        width: 100%
    }
}

.store-manager {
    margin-top: 8%
}

.store-manager .store-manager-right .infobox {
    margin-left: -20%
}

.store-manager .store-manager-left .infobox {
    margin-right: -20%
}

.store-manager .store-manager-right .infobox, .store-manager .store-manager-left .infobox {
    margin-top: 25%;
    margin-top: calc(3em + 7 * ((100vw - 48em) / 56.938));
    padding: 8%;
    background-color: #fff;
    border-bottom: 1px solid #bcbcbc
}

@media (max-width: 767px) {
    .store-manager .store-manager-right .infobox, .store-manager .store-manager-left .infobox {
        margin: 0;
        margin: calc(0em + -5 * ((100vw - 20em) / 27.938)) 0 5% calc(0em + 5 * ((100vw - 20em) / 27.938))
    }
}

.store-manager .store-manager-right .infobox img, .store-manager .store-manager-left .infobox img {
    margin: auto
}

.store-manager .store-manager-right .infobox h3, .store-manager .store-manager-left .infobox h3 {
    text-align: center
}

.store-manager .store-manager-right .infobox h3 em, .store-manager .store-manager-left .infobox h3 em {
    font-weight: bold
}

.store-manager .store-manager-right .infobox hr, .store-manager .store-manager-left .infobox hr {
    border-top: 2px solid black
}

.store-manager .store-manager-right .infobox .label, .store-manager .store-manager-left .infobox .label {
    border: none;
    padding: 0;
    margin: 5% 0
}

.store-manager .store-manager-right .infobox h4, .store-manager .store-manager-left .infobox h4 {
    line-height: normal;
    padding-top: 0;
    border: none;
    text-transform: uppercase
}

.store-search {
    display: inline-block;
    width: 100%;
    height: 60px;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #bcbcbc
}

.store-search .store-search-input-wrapper {
    padding-right: 42px
}

.store-search .store-search-input-wrapper .form-group {
    margin-bottom: 0
}

.store-search-wrapper .current-pos {
    text-align: right;
    margin-top: 8px
}

.store-search-wrapper .current-pos a {
    font-size: 1.4rem;
    color: #ababab;
    text-decoration: underline
}

.store-search-wrapper .current-pos a:hover {
    color: #dbc4a9
}

#accordion-service.panel-group {
    background-color: #fff;
    border-top: none;
    margin-top: 5%
}

#accordion-service h3.panel-title {
    margin: 0
}

#accordion-service .panel-title svg.check {
    fill: #dbc4a9;
    width: 18px;
    height: 18px;
    margin-top: 3px;
    margin-right: 4px;
    vertical-align: text-top
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    #accordion-service .panel-title svg.check {
        width: 12px;
        height: 12px
    }
}

#accordion-service .panel-title a {
    display: block;
    outline: none;
    padding: 4%;
    text-transform: none;
    background-color: #fff;
    border-top: 1px solid #ababab
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    #accordion-service .panel-title a {
        font-size: 75%
    }
}

#accordion-service .panel-title a.collapsed {
    color: #000
}

#accordion-service .panel-title a:hover, #accordion-service .panel-title a[aria-expanded="true"] {
    border-color: #000;
    color: #dbc4a9;
    text-decoration: none
}

#accordion-service .panel-title a:after {
    content: "▾";
    position: absolute;
    right: 11%;
    color: #bcbcbc;
    font-size: 18px;
    text-indent: 0;
    margin-top: -4px;
    text-align: center
}

#accordion-service .panel-title a:not(.collapsed):after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #dbc4a9
}

#accordion-service .panel-body {
    background-color: #fff;
    padding: 0 4% 3% 4%
}

.special-service {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    text-align: center
}

.special-service span {
    width: 1px;
    height: 20px;
    margin: 0 5%;
    background: #bcbcbc;
    display: inline-block
}

.special-service h3 {
    margin: 3% 0;
    line-height: normal;
    display: inline-block;
    text-align: center
}

.special-service h3:first-child {
    text-align: right
}

.special-service h3:last-child {
    text-align: left
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    .special-service h3 {
        font-size: 1.5rem
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .special-service h3 {
        font-size: 1.7rem
    }
}

@media (max-width: 767px) {
    .special-service h3 {
        display: block
    }

    .special-service h3:first-child, .special-service h3:last-child {
        text-align: center
    }
}

.store-top-brands .store-top-brand-right .infobox {
    margin-left: -20%
}

.store-top-brands .store-top-brand-left .infobox {
    margin-right: -20%
}

.store-top-brands .store-top-brand-right .infobox, .store-top-brands .store-top-brand-left .infobox {
    margin-top: 25%;
    margin-top: calc(3em + 7 * ((100vw - 48em) / 56.938));
    padding: 8%;
    background-color: #fff;
    border-bottom: 1px solid #bcbcbc
}

@media (max-width: 767px) {
    .store-top-brands .store-top-brand-right .infobox, .store-top-brands .store-top-brand-left .infobox {
        margin: 0;
        margin: calc(0em + -5 * ((100vw - 20em) / 27.938)) 0 5% calc(0em + 5 * ((100vw - 20em) / 27.938))
    }
}

.store-top-brands .store-top-brand-right .infobox img, .store-top-brands .store-top-brand-left .infobox img {
    margin: auto
}

.store-top-brands .store-top-brand-right .infobox hr, .store-top-brands .store-top-brand-left .infobox hr {
    border-top: 2px solid black
}

.store-top-brands .store-top-brand-right .infobox .label, .store-top-brands .store-top-brand-left .infobox .label {
    border: none;
    padding: 0;
    margin: 5% 0
}

.store-top-brands .store-top-brand-right .infobox h4, .store-top-brands .store-top-brand-left .infobox h4 {
    line-height: normal;
    padding-top: 0;
    border: none
}

.info-teaser {
    text-align: center;
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding: 0 2%
}

@media (max-width: 767px) {
    .info-teaser {
        width: 50%
    }
}

.info-teaser img {
    margin: auto
}

.info-teaser h3 {
    margin: 1.5rem 0 0;
    line-height: 2rem;
    font-size: calc(1.1rem + .4 * ((100vw - 48em) / 56.938));;
    line-height: 110%
}

@media (max-width: 767px) {
    .info-teaser h3 {
        font-size: smaller;
        line-height: normal
    }
}

.teaser .color-overlay {
    position: relative
}

.teaser .color-overlay:before {
    content: " ";
    display: block;
    position: absolute;
    height: 72%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.1);
    transition: background-color .5s ease-out .1s
}

.teaser .color-overlay:after {
    content: " ";
    display: block;
    position: absolute;
    height: 28%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    border-top: 1px solid #000
}

.teaser a:hover .color-overlay:after {
    height: 29%
}

.teaser a:hover .color-overlay:before {
    background: rgba(0, 0, 0, 0)
}

.myoutfit-form-sizes {
    text-align: center;
    margin: auto;
    display: block
}

@media (min-width: 1200px) and (max-width: 1679px),(min-width: 1680px) {
    .myoutfit-form-sizes {
        width: 954px;
        display: inline-block
    }
}

.myoutfit-form-sizes .form-group {
    width: 22%;
    float: left;
    text-align: left;
    margin: 1.4%
}

@media (max-width: 767px) {
    .myoutfit-form-sizes .form-group {
        width: 46%
    }
}

.myoutfit-form-sizes .form-group label {
    position: relative;
    min-height: 3.3rem
}

.myoutfit-form-sizes .form-group label span {
    position: absolute;
    bottom: 0
}

.myoutfit-form-sizes .form-group input[type="text"].has-error {
    border-color: #dbc4a9
}

#myoutfit-progressbar {
    z-index: 1001;
    height: 50px;
    width: 100%;
    background-color: #fff
}

body.nav-open #myoutfit-progressbar {
    opacity: 0
}

#myoutfit-progressbar.affix#myoutfit-progressbar {
    position: fixed;
    top: 0
}

@media (max-width: 767px) {
    #myoutfit-progressbar {
        height: 20px;
        position: fixed;
        top: 65px
    }

    #myoutfit-progressbar.affix#myoutfit-progressbar {
        top: 65px
    }
}

#myoutfit-progressbar .container-fluid {
    margin: 0 25px;
    padding: 0;
    height: 100%;
    position: relative
}

@media (max-width: 767px) {
    #myoutfit-progressbar .container-fluid {
        margin: 0
    }
}

@media (min-width: 1680px) {
    #myoutfit-progressbar .container-fluid {
        margin: auto
    }
}

#myoutfit-progressbar .myoutfit-logo {
    position: absolute;
    top: 18px;
    right: 10%;
    z-index: 1
}

@media (max-width: 767px) {
    #myoutfit-progressbar .myoutfit-logo {
        top: 12px;
        right: 0;
        width: 30%;
        margin-right: 10px
    }
}

#myoutfit-progressbar .progress-text {
    display: none;
    position: absolute;
    height: 100%
}

#myoutfit-progressbar .progress-text p {
    line-height: 5rem;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    text-indent: 1rem
}

#myoutfit-progressbar .progress-text p span {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 105%
}

#myoutfit-progressbar .progress-text p em {
    text-transform: none
}

.progress-bar {
    width: 0;
    height: 100%;
    background-color: #97efb3
}

body.myoutfit-01_Gender .progress-bar {
    width: 0
}

body.myoutfit-02_Occasion .progress-bar {
    width: 10%
}

body.myoutfit-03_Style .progress-bar {
    width: 20%
}

body.myoutfit-04_Colors .progress-bar {
    width: 30%
}

body.myoutfit-05_Brands .progress-bar {
    width: 40%
}

body.myoutfit-06_Preferences .progress-bar {
    width: 50%
}

body.myoutfit-07_Login .progress-bar {
    width: 60%
}

body.myoutfit-08_Sizes .progress-bar {
    width: 70%
}

body.myoutfit-09_Type .progress-bar {
    width: 80%
}

body.myoutfit-10_Extras .progress-bar {
    width: 90%
}

body.myoutfit-11_Order .progress-bar {
    width: 100%
}

.complex-teaser {
    margin-left: -0.85%;
    margin-right: -0.85%;
    position: relative;
    margin-bottom: 10%
}

@media (max-width: 767px) {
    .complex-teaser {
        margin-bottom: 15%
    }
}

.complex-teaser .text-element {
    margin-left: 6.66666667%;
    float: left;
    width: 86.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%;
    margin-bottom: 5%
}

@media (min-width: 768px) {
    .complex-teaser .text-element {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .complex-teaser .text-element {
        float: left;
        width: 53.33333333%
    }
}

.complex-teaser .text-element h2 {
    margin-top: 0
}

.complex-teaser .img-element {
    margin-left: 6.66666667%;
    float: left;
    width: 86.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%;
    position: absolute;
    right: 0;
    margin-bottom: 15%
}

@media (min-width: 768px) {
    .complex-teaser .img-element {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .complex-teaser .img-element {
        float: left;
        width: 40%
    }
}

@media (max-width: 767px) {
    .complex-teaser .img-element {
        position: relative
    }
}

.complex-teaser .teaser-box {
    margin-left: 6.66666667%;
    float: left;
    width: 86.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%
}

@media (min-width: 768px) {
    .complex-teaser .teaser-box {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .complex-teaser .teaser-box {
        float: left;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .complex-teaser .teaser-box {
        float: left;
        width: 73.33333333%
    }
}

.complex-teaser .teaser-box .wrapper {
    display: inline-block;
    padding: 4% 12% 0;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 2px solid #000;
    border-bottom: 5px solid #000
}

@media (max-width: 767px) {
    .complex-teaser .teaser-box .wrapper {
        padding: 4% 6% 0
    }
}

.complex-teaser .teaser-box h2 {
    padding-bottom: 5%;
    font-size: 3.2rem;
    line-height: 3.6rem
}

@media (min-width: 48em) and (max-width: 104.938em) {
    .complex-teaser .teaser-box h2 {
        font-size: calc(1em + 1 * ((100vw - 48em) / 56.938));
        line-height: calc(1.3em + 0.5 * ((100vw - 48em) / 56.938))
    }
}

@media (max-width: 767px) {
    .complex-teaser .teaser-box h2 {
        font-size: 2.3rem;
        font-size: calc(1.2em + 1 * ((100vw - 20em) / 27.938));
        line-height: 2rem
    }
}

.complex-teaser-right {
    margin-left: -0.85%;
    margin-right: -0.85%;
    position: relative;
    margin-bottom: 10%
}

@media (max-width: 767px) {
    .complex-teaser-right {
        margin-bottom: 15%
    }
}

.complex-teaser-right .text-element {
    margin-left: 6.66666667%;
    float: left;
    width: 86.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%;
    margin-bottom: 5%
}

@media (min-width: 768px) {
    .complex-teaser-right .text-element {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .complex-teaser-right .text-element {
        left: 46.66666667%
    }
}

@media (min-width: 768px) {
    .complex-teaser-right .text-element {
        float: left;
        width: 53.33333333%
    }
}

@media (max-width: 767px) {
    .complex-teaser-right .text-element {
        float: left !important
    }
}

.complex-teaser-right .text-element h2 {
    margin-top: 0
}

.complex-teaser-right .img-element {
    margin-left: 6.66666667%;
    float: left;
    width: 86.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%;
    position: absolute;
    left: 0;
    margin-bottom: 15%
}

@media (min-width: 768px) {
    .complex-teaser-right .img-element {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .complex-teaser-right .img-element {
        float: left;
        width: 40%
    }
}

@media (max-width: 767px) {
    .complex-teaser-right .img-element {
        position: relative
    }
}

.complex-teaser-right .teaser-box {
    margin-left: 6.66666667%;
    float: left;
    width: 86.66666667%;
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%
}

@media (min-width: 768px) {
    .complex-teaser-right .teaser-box {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .complex-teaser-right .teaser-box {
        float: left;
        width: 100%
    }
}

@media (min-width: 1200px) {
    .complex-teaser-right .teaser-box {
        left: 26.66666667%
    }
}

@media (min-width: 1200px) {
    .complex-teaser-right .teaser-box {
        float: left;
        width: 73.33333333%
    }
}

@media (max-width: 767px) {
    .complex-teaser-right .teaser-box {
        float: left !important
    }
}

.complex-teaser-right .teaser-box .wrapper {
    display: inline-block;
    padding: 4% 12% 0;
    text-align: center;
    background-color: #f5f5f5;
    border-top: 2px solid #000;
    border-bottom: 5px solid #000
}

@media (max-width: 767px) {
    .complex-teaser-right .teaser-box .wrapper {
        padding: 4% 6% 0
    }
}

.complex-teaser-right .teaser-box h2 {
    padding-bottom: 5%;
    font-size: 3.2rem;
    line-height: 3.6rem
}

@media (min-width: 48em) and (max-width: 104.938em) {
    .complex-teaser-right .teaser-box h2 {
        font-size: calc(1em + 1 * ((100vw - 48em) / 56.938));
        line-height: calc(1.3em + 0.5 * ((100vw - 48em) / 56.938))
    }
}

@media (max-width: 767px) {
    .complex-teaser-right .teaser-box h2 {
        font-size: 2.3rem;
        font-size: calc(1.2em + 1 * ((100vw - 20em) / 27.938));
        line-height: 2rem
    }
}

footer {
    background-color: #000;
    color: #bcbcbc
}

footer .footer-nav-block {
    border-bottom: 1px solid #323232;
    margin-bottom: 14px
}

footer .footer-nav-block .row {
    padding-top: 50px
}

footer .footer-footnote {
    font-size: 1.2rem;
    color: #525252;
    padding-bottom: 20px
}

footer .footer-nav {
    text-transform: uppercase
}

@media (max-width: 767px) {
    footer .footer-nav {
        text-align: center
    }
}

footer .footer-nav img {
    width: 100%;
    height: 100%;
    margin-top: 21px
}

footer .footer-nav .headline {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-weight: bold;
    font-style: italic;
    font-size: 1.4rem;
    color: #fff;
    padding-top: 26px;
    padding-bottom: 18px
}

@media (min-width: 1680px) {
    footer .footer-nav .headline {
        font-size: 1.6rem
    }
}

footer .footer-nav .nav-links {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.2rem;
    padding: 0
}

footer .footer-nav .nav-links li {
    list-style: none;
    padding-bottom: 15px
}

footer .footer-nav .nav-links li .text {
    display: inline-block
}

footer .footer-nav .nav-links li a {
    color: #bcbcbc;
    text-decoration: none
}

footer .footer-nav .nav-links li a:hover {
    color: #dbc4a9
}

footer .footer-nav .nav-links li .highlight {
    color: #fff;
    text-transform: initial;
    white-space: nowrap
}

footer .footer-nav .nav-links li .highlight a {
    color: #fff;
    text-decoration: none
}

footer .footer-nav .nav-links li .highlight a:hover {
    color: #dbc4a9
}

form#login fieldset > .form-group {
    display: inline-table;
    width: 42%
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    form#login fieldset > .form-group {
        width: 49%
    }
}

@media (max-width: 767px) {
    form#login fieldset > .form-group {
        width: 100%
    }
}

form#login fieldset > .form-group:nth-child(even) {
    margin-left: 3%
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    form#login fieldset > .form-group:nth-child(even) {
        margin-left: 1%
    }
}

@media (max-width: 767px) {
    form#login fieldset > .form-group:nth-child(even) {
        margin-left: 0
    }
}

form#login fieldset p.lostpwd {
    text-align: right
}

form#registration .customercard fieldset > .form-group, form#registration .password fieldset > .form-group, form#registration .contactinfo fieldset > .form-group {
    display: inline-table;
    width: 42%
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    form#registration .customercard fieldset > .form-group, form#registration .password fieldset > .form-group, form#registration .contactinfo fieldset > .form-group {
        width: 49%
    }
}

@media (max-width: 767px) {
    form#registration .customercard fieldset > .form-group, form#registration .password fieldset > .form-group, form#registration .contactinfo fieldset > .form-group {
        width: 100%
    }

    form#registration .customercard fieldset > .form-group:empty, form#registration .password fieldset > .form-group:empty, form#registration .contactinfo fieldset > .form-group:empty {
        display: block;
        margin: 0
    }
}

form#registration .customercard fieldset .radio-wrapper .form-group:first-child {
    margin-bottom: 25px
}

form#registration .customercard fieldset .cardnr {
    margin-left: 60px
}

@media (max-width: 767px) {
    form#registration .customercard fieldset .cardnr {
        margin-left: 0
    }
}

form#registration .customercard fieldset .collapse-group .form-group {
    width: 35%
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    form#registration .customercard fieldset .collapse-group .form-group {
        width: 39%
    }
}

@media (max-width: 767px) {
    form#registration .customercard fieldset .collapse-group .form-group {
        width: 100%
    }
}

form#registration .password fieldset > .form-group:nth-child(even), form#registration .contactinfo fieldset > .form-group:nth-child(even) {
    margin-left: 3%
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    form#registration .password fieldset > .form-group:nth-child(even), form#registration .contactinfo fieldset > .form-group:nth-child(even) {
        margin-left: 1%
    }
}

@media (max-width: 767px) {
    form#registration .password fieldset > .form-group:nth-child(even), form#registration .contactinfo fieldset > .form-group:nth-child(even) {
        margin-left: 0
    }
}

form#registration .password fieldset .radio-wrapper .form-group, form#registration .contactinfo fieldset .radio-wrapper .form-group, form#registration .password fieldset .checkbox-wrapper .form-group, form#registration .contactinfo fieldset .checkbox-wrapper .form-group {
    width: 100%;
    margin-left: 0
}

header {
    padding: 30px 25px 0 25px
}

@media (max-width: 767px) {
    header {
        background-color: #fff;
        margin: 0;
        padding: 0;
        height: 65px
    }

    header .push-right-xs {
        float: right
    }

    header .container-fluid {
        padding: 0
    }
}

.imageCarousel.container-fluid {
    padding: 0;
    overflow: hidden
}

.carousel-fade .carousel-inner .item {
    transition-property: opacity
}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    opacity: 0
}

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.carousel-fade .carousel-control {
    z-index: 2
}

#Carousel .carousel-inner .item[data-link] {
    cursor: pointer
}

@media (max-width: 767px) {
    #Carousel .carousel-inner .item {
        height: 350px
    }

    #Carousel .carousel-inner .item:after {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 100%);
        background-position: 65% top
    }

    #Carousel .carousel-inner .right-focus {
        background-position: 65% top !important
    }

    #Carousel .carousel-inner .left-focus {
        background-position: 35% top !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #Carousel.carousel .item {
        height: 320px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #Carousel.carousel .item {
        height: 355px
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    #Carousel.carousel .item {
        height: 500px
    }
}

@media (min-width: 1680px) {
    #Carousel.carousel .item {
        height: 575px
    }
}

.imageSlider {
    padding: 0;
    overflow: hidden;
    margin-bottom: 10%
}

.imageSlider .carousel-inner.borderbottom {
    border-bottom: 5px solid #000
}

@media (max-width: 767px) {
    .imageSlider {
        margin-bottom: 15%
    }

    .imageSlider .carousel-inner .item {
        height: 350px
    }

    .imageSlider .carousel-inner .right-focus {
        background-position: 65% top !important
    }

    .imageSlider .carousel-inner .left-focus {
        background-position: 35% top !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .imageSlider .carousel .item {
        height: 320px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .imageSlider .carousel .item {
        height: 355px
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .imageSlider .carousel .item {
        height: 500px
    }
}

@media (min-width: 1680px) {
    .imageSlider .carousel .item {
        height: 761px
    }
}

.imageSlider .carousel-indicators {
    position: relative;
    width: 100%;
    bottom: 0;
    right: 20px;
    left: auto;
    padding-top: 10px;
    margin-left: 0;
    z-index: 15;
    padding-left: 0;
    list-style: none;
    text-align: right
}

.imageSlider .carousel-indicators li {
    width: 16px;
    height: 16px;
    border: 2px solid #f5f5f5;
    background-color: #bcbcbc;
    list-style: none
}

.imageSlider .carousel-indicators li.active {
    width: 18px;
    height: 18px;
    background-color: #dbc4a9;
    border: 6px solid #fff
}

.img-tile-row-wrapper {
    margin-bottom: 5%
}

.newsletter {
    background-color: #f5f5f5;
    border-top: 1px solid #323232;
    margin-top: 8%
}

@media (max-width: 767px) {
    .newsletter {
        margin-top: 16%
    }
}

@media (max-width: 767px) {
    .newsletter .row {
        padding: 0 3%
    }
}

@media (min-width: 1200px) and (max-width: 1679px),(min-width: 1680px) {
    .newsletter .row {
        background-image: url("../images/misc/5f1ee695.bg_newsletter.png");
        background-size: contain;
        background-position: right bottom;
        background-repeat: no-repeat
    }
}

@media (min-width: 1680px) {
    .newsletter .row {
        background-position: right 50px bottom
    }
}

.newsletter .img-container {
    width: 50%;
    float: right
}

@media (min-width: 768px) and (max-width: 991px) {
    .newsletter .img-container {
        width: 40%
    }
}

@media (max-width: 767px) {
    .newsletter .img-container {
        width: 25%
    }
}

.newsletter img.newsletterButton {
    float: right;
    margin-top: -10%
}

@media (min-width: 1200px) and (max-width: 1679px),(min-width: 768px) and (max-width: 991px) {
    .newsletter img.newsletterButton {
        margin-top: -5%
    }
}

.newsletter li {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-weight: bold;
    font-style: italic;
    margin-left: 1.7rem
}

.service {
    background-color: #000;
    color: #fff
}

.service .container-fluid {
    padding: 0
}

.service .service-block {
    border-left: 2px solid #919191;
    display: inline-block;
    font-size: 1.2rem;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase
}

.service .service-block svg.phone {
    fill: #ababab;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 9px;
    margin-right: 5px
}

.service .service-block .text {
    display: inline-block;
    line-height: 40px;
    font-weight: bold
}

.service .service-block .font-serif {
    font-size: 1.8rem
}

.service .service-block a {
    color: #fff;
    text-decoration: none
}

.service .service-block a:hover {
    color: #dbc4a9
}

.stores {
    margin-bottom: 4%
}

.stores h5 {
    border-bottom: 1px solid #000
}

.stores h5 span {
    float: right;
    color: #ababab
}

.teaser-4-1 .cols-12 .col-xs-12 {
    width: 100%;
    float: left
}

.teaser-4-1 .cols-12 .col-sm-12 {
    width: 100%;
    float: left
}

.teaser-4-1 .cols-12 .col-md-12 {
    width: 100%;
    float: left
}

.teaser-4-1 .cols-12 .col-lg-12 {
    width: 100%;
    float: left
}

.teaser-4-1 .cols-12 .col-xl-12 {
    width: 100%;
    float: left
}

.teaser-4-1 .cols-12 .col-xs-6 {
    width: 50%;
    float: left
}

.teaser-4-1 .cols-12 .col-sm-6 {
    width: 50%;
    float: left
}

.teaser-4-1 .cols-12 .col-md-6 {
    width: 50%;
    float: left
}

.teaser-4-1 .cols-12 .col-lg-6 {
    width: 50%;
    float: left
}

.teaser-4-1 .cols-12 .col-xl-6 {
    width: 50%;
    float: left
}

.teaser-4-1 .cols-12 .col-xs-3 {
    width: 48%;
    float: left
}

.teaser-4-1 .cols-12 .col-sm-3 {
    width: 48%;
    float: left
}

.teaser-4-1 .cols-12 .col-md-3 {
    width: 48%;
    float: left
}

.teaser-4-1 .cols-12 .col-lg-3 {
    width: 48%;
    float: left
}

.teaser-4-1 .cols-12 .col-xl-3 {
    width: 48%;
    float: left
}

.teaser-4-1 .overlay-content-img, .teaser-4-1 .overlay-content-btn {
    transition: background-color .5s ease-out .1s;
    background-color: rgba(0, 0, 0, 0.1)
}

.teaser-4-1 .overlay-content-img:hover, .teaser-4-1 .overlay-content-btn:hover {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0)
}

@media (max-width: 767px) {
    .teaser-4-1 .cols-12 > .col-md-6 {
        width: 100%
    }

    .teaser-4-1 .cols-12 > .col-md-3 {
        width: 50%
    }
}

.teaser-row-info {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding: 6% 0
}

.teaser-row-info .spacer {
    display: block
}

.teaser-row .cols-12 .col-xs-12, .teaser-row .cols-12 .col-sm-12, .teaser-row .cols-12 .col-md-12, .teaser-row .cols-12 .col-lg-12, .teaser-row .cols-12 .col-xl-12 {
    width: 98.3%;
    float: left
}

.teaser-row .cols-12 .col-xs-6, .teaser-row .cols-12 .col-sm-6, .teaser-row .cols-12 .col-md-6, .teaser-row .cols-12 .col-lg-6, .teaser-row .cols-12 .col-xl-6 {
    width: 48.3%;
    float: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 .85%
}

.teaser-row .cols-12 .col-xs-3, .teaser-row .cols-12 .col-sm-3, .teaser-row .cols-12 .col-md-3, .teaser-row .cols-12 .col-lg-3, .teaser-row .cols-12 .col-xl-3 {
    width: 23.3%;
    float: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 .85%
}

@media (max-width: 767px) {
    .teaser-row .cols-12 .col-md-6 {
        width: 98.3%;
        margin: 0 .85% 5% .85%
    }

    .teaser-row .cols-12 .col-md-3 {
        width: 48.3%;
        margin: 0 .85% 5% .85%
    }
}

@media (max-width: 767px) {
    .content-main .teaser-row {
        padding: 0 1%
    }
}

.testimonial {
    position: relative
}

.testimonial .img {
    position: absolute;
    bottom: 0;
    right: 80px
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .testimonial .img {
        right: 55px
    }
}

.testimonial-text {
    border-top: 1px solid black;
    padding: 2% 1.5% 1.5%
}

.testimonial-quote {
    background-color: #f5f5f5;
    border-bottom: 1px solid black
}

.account-data {
    margin: 5% 0
}

.account-data > .row:last-child {
    border-bottom: 1px solid black
}

.account-data .panel:first-of-type {
    border-top: 1px solid black
}

.account-data .panel {
    background-color: #fff
}

.account-data .data-block {
    margin-bottom: 2rem
}

.account-data fieldset {
    margin-top: 7px
}

.account-data .form-group {
    display: inline-table;
    width: 48%
}

@media (max-width: 767px) {
    .account-data .form-group {
        width: 100%
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .account-data .form-group button#day, .account-data .form-group button#month, .account-data .form-group button#year {
        font-size: 1.8rem
    }

    .account-data .form-group .btn-group.day ul > li > a, .account-data .form-group .btn-group.month ul > li > a, .account-data .form-group .btn-group.year ul > li > a {
        font-size: 1.8rem
    }
}

.account-data .form-group:nth-child(even) {
    margin-left: 3%
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    .account-data .form-group:nth-child(even) {
        margin-left: 1%
    }
}

@media (max-width: 767px) {
    .account-data .form-group:nth-child(even) {
        margin-left: 0
    }
}

.account-data .btn-save {
    margin: 0 1% 0 10px
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    .account-data .btn-save {
        margin: 0 2.5% 0 10px
    }
}

.account-data .btn-cancle, .account-data .btn-save {
    float: right
}

@media (max-width: 767px) {
    .account-data .btn-cancle, .account-data .btn-save {
        width: 100%;
        margin: 0
    }
}

.account-data .data, .account-data .edit {
    padding: 2rem 2% 2rem 5%
}

@media (max-width: 767px) {
    .account-data .data, .account-data .edit {
        padding-right: 5%
    }
}

.account-data .data > div:nth-child(3), .account-data .edit > div:nth-child(3) {
    text-align: right
}

.account-data .data h3, .account-data .edit h3 {
    margin-top: 1rem
}

.account-data .data h6, .account-data .edit h6 {
    color: #919191;
    font-weight: normal;
    margin-bottom: .5rem
}

.account-data .data p, .account-data .edit p {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-size: 1.7rem;
    font-style: italic;
    line-height: normal;
    color: #000;
    margin: 0
}

.account-data .data p a, .account-data .edit p a {
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: small;
    font-style: normal
}

.account-data .panel:nth-child(even) > div {
    border-top: 1px solid black;
    border-bottom: 1px solid black
}

@media (min-width: 768px) and (max-width: 991px) {
    .account-data img {
        position: absolute;
        right: 3%;
        top: 5px
    }
}

@media (max-width: 767px) {
    .account-data img {
        display: none
    }
}

:root {
    font-size: 62.5%;
    quotes: '\201E' '\201C' "\201A" "\2018"
}

html.nav-open, body.nav-open {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%
}

body, h1, h2, h3, h4, h5, h6, p, li, a, span {
    -webkit-font-smoothing: antialiased
}

#contentWrapper {
    margin: auto;
    padding: 0 25px;
    left: 0;
    position: absolute;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    transition: -webkit-transform .5s;
    transition: transform .5s
}

footer {
    transition: -webkit-transform .5s;
    transition: transform .5s
}

#contentWrapper.in {
    webkit-transform: translate(80%, 0);
    -webkit-transform: translate(80%, 0);
    transform: translate(80%, 0);
    overflow: hidden;
    height: 100%
}

.container-fluid {
    max-width: 1620px;
    padding-left: 1.5%;
    padding-right: 1.5%
}

.service, footer, .newsletter {
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px
}

.service {
    margin: 0
}

.ir {
    text-indent: -999em
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important
}

@media (max-width: 767px) {
    #contentWrapper {
        padding: 0;
        margin-top: 65px
    }

    .container {
        padding: 0 !important
    }

    .content-main {
        margin: 0 -1.5%
    }
}

.font-serif {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-style: italic;
    font-size: inherit
}

.font-serif-bold {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: inherit
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif
}

h1 {
    margin: 0 0 4% 0;
    line-height: 4rem
}

@media (min-width: 992px) and (max-width: 1199px) {
    h1 {
        font-size: 3.44rem;
        line-height: 3rem
    }
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    h1 {
        font-size: 3.01rem;
        line-height: 3rem
    }

    h1 em {
        white-space: normal
    }
}

h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-top: 5.5rem
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    h2 {
        font-size: 2rem
    }
}

h3 {
    line-height: 2.5rem
}

h4 {
    color: #000;
    text-transform: none;
    line-height: 2.2rem;
    padding-top: 2rem;
    padding-bottom: .5rem;
    margin-bottom: 2.5rem;
    border-bottom: 1px solid #bcbcbc
}

h5 {
    line-height: 2rem;
    text-transform: none;
    margin-bottom: 4%
}

h5.form-heading {
    margin: 5% 0;
    border-bottom: 1px solid #bcbcbc
}

h6 {
    line-height: 2rem
}

h1 span.font-serif {
    font-size: 4.5rem;
    font-weight: normal
}

@media (max-width: 767px) {
    h1 span.font-serif {
        font-size: 3.15rem
    }
}

.label {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-size: 1.4rem;
    font-weight: bold;
    font-style: italic;
    border-left: 2px solid #000;
    padding-left: 1.5rem;
    margin-bottom: 5%;
    line-height: 3rem
}

h1 em {
    font-size: 105%;
    font-weight: normal
}

h2 em {
    font-size: 105%;
    font-weight: normal
}

h3 em {
    font-size: 105%;
    font-weight: normal
}

h4 em {
    font-size: 1.6rem;
    font-weight: bold
}

h5 em {
    font-size: 1.4rem;
    font-weight: bold
}

h6 em {
    font-size: 1.2rem;
    font-weight: normal
}

p {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #777
}

.info p {
    font-size: 1.4rem;
    color: #919191;
    line-height: 2.3rem
}

p.intro {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-size: 2.2rem;
    font-style: italic;
    color: #000;
    line-height: 3rem;
    margin-top: 3%
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    p {
        font-size: 1.44rem;
        line-height: 2.1rem
    }

    p.intro {
        font-size: 1.8rem;
        line-height: 2.5rem
    }
}

p a {
    color: #dbc4a9;
    text-decoration: none;
    outline: none
}

p .bonus-points {
    color: #0083c2
}

a[disabled] {
    pointer-events: none
}

a {
    text-decoration: none
}

a:hover {
    color: #dbc4a9;
    text-decoration: underline
}

a:visited, a:focus {
    text-decoration: none
}

*:focus {
    outline: 0
}

ul {
    padding-left: 0
}

ul li {
    list-style-position: outside
}

small {
    display: inline-block;
    font-size: 1.2rem;
    font-style: italic;
    line-height: normal
}

q::before {
    content: open-quote
}

q::after {
    content: close-quote
}

em {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: italic
}

input {
    border-radius: 0
}

.bold {
    font-weight: bold
}

.overlay {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.overlay-inner {
    display: table;
    width: 100%;
    height: 100%
}

.tintedBG {
    display: block;
    background-color: #f5f5f5;
    margin-bottom: 1%;
    padding-bottom: 8%
}

.tintedBG .row {
    margin-left: 0;
    margin-right: 0
}

.tintedBG .row aside {
    margin-left: -0.85%
}

.tintedBG:after, .tintedBG:before {
    display: table;
    content: " "
}

.tintedBG:after {
    clear: both
}

@media (max-width: 767px) {
    .tintedBG {
        padding-left: 3%;
        padding-right: 3%
    }
}

.right {
    text-align: right
}

article {
    overflow: hidden
}

article h1, article h2, article h3, article h4, article h5 {
    overflow: hidden
}

article > h3:first-child, article > h4:first-child, article > h5:first-child {
    padding-top: 0;
    margin-top: 0
}

aside, article {
    margin-bottom: 2%
}

aside p, article p {
    overflow: hidden
}

aside p.intro {
    margin-bottom: 2rem
}

aside > p.intro:first-child {
    margin-top: 0
}

aside ul, article ul, .job-offers ul, .news-teasers ul, .text-section ul, .infobox ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.5em;
    text-indent: -1.2em
}

aside li, article li, .job-offers li, .news-teasers li, .text-section li, .infobox li, aside li li, article li li, .job-offers li li, .news-teasers li li, .text-section li li, .infobox li li {
    list-style: none;
    color: #777;
    line-height: 2.6rem
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    aside li, article li, .job-offers li, .news-teasers li, .text-section li, .infobox li, aside li li, article li li, .job-offers li li, .news-teasers li li, .text-section li li, .infobox li li {
        font-size: 1.44rem;
        line-height: 2.1rem
    }
}

aside li:before, article li:before, .job-offers li:before, .news-teasers li:before, .text-section li:before, .infobox li:before {
    content: "\02022";
    font-size: 20px;
    color: #777;
    vertical-align: text-top;
    line-height: 20px;
    padding-right: 1rem
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    aside li:before, article li:before, .job-offers li:before, .news-teasers li:before, .text-section li:before, .infobox li:before {
        font-size: 18px;
        line-height: 1.8rem
    }
}

aside li li, article li li, .job-offers li li, .news-teasers li li, .text-section li li, .infobox li li {
    list-style-type: disc;
    padding-left: 1rem
}

aside li li:before, article li li:before, .job-offers li li:before, .news-teasers li li:before, .text-section li li:before, .infobox li li:before {
    content: ""
}

figcaption {
    font-size: 1.2rem;
    font-style: italic;
    color: #777;
    padding: 1rem
}

figcaption a {
    color: inherit;
    text-decoration: underline
}

form#standard fieldset > .form-group, form#newsletter fieldset > .form-group {
    display: inline-table;
    width: 42%
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    form#standard fieldset > .form-group, form#newsletter fieldset > .form-group {
        width: 49%
    }
}

@media (max-width: 767px) {
    form#standard fieldset > .form-group, form#newsletter fieldset > .form-group {
        width: 100%
    }

    form#standard fieldset > .form-group:empty, form#newsletter fieldset > .form-group:empty {
        display: block;
        margin: 0
    }
}

form#standard fieldset > .form-group:nth-child(even), form#newsletter fieldset > .form-group:nth-child(even) {
    margin-left: 3%
}

@media (min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    form#standard fieldset > .form-group:nth-child(even), form#newsletter fieldset > .form-group:nth-child(even) {
        margin-left: 1%
    }
}

@media (max-width: 767px) {
    form#standard fieldset > .form-group:nth-child(even), form#newsletter fieldset > .form-group:nth-child(even) {
        margin-left: 0
    }
}

form#standard fieldset .radio-wrapper .form-group, form#newsletter fieldset .radio-wrapper .form-group, form#standard fieldset .checkbox-wrapper .form-group, form#newsletter fieldset .checkbox-wrapper .form-group {
    width: 100%;
    margin-left: 0
}

.checkbox-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 3%;
    margin-bottom: 2%;
    min-height: 4rem
}

@media (max-width: 767px) {
    .checkbox-wrapper {
        min-height: 6rem
    }
}

.checkbox-wrapper .form-group {
    margin-bottom: 0
}

.checkbox-wrapper .info p {
    padding-left: 52px;
    margin-top: -2px;
    margin-bottom: 0;
    line-height: normal
}

.checkbox-wrapper .info p a {
    color: inherit;
    text-decoration: underline
}

.checkbox-wrapper .info p a:hover {
    color: #dbc4a9
}

@media (max-width: 767px) {
    .checkbox-wrapper .info p {
        font-size: small
    }
}

.form-group .info p {
    line-height: normal;
    margin-top: -2px;
    margin-bottom: 0
}

.checkbox-wrapper.full {
    margin-left: 0;
    display: block
}

.checkbox-wrapper.full .info p {
    padding-left: 0
}

form#filter {
    margin-bottom: 3%
}

.form-group label {
    display: block;
    font-family: "Neue Helvetica eText W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #919191
}

.form-group ul > li > a {
    font-size: 1.6rem
}

.form-group .dropdown-menu > li > a:hover {
    color: #dbc4a9;
    background-color: transparent
}

.form-group button, .form-group input {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-style: italic;
    font-size: 2.2rem;
    color: #000
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px),(min-width: 992px) and (max-width: 1199px) {
    .form-group button, .form-group input {
        font-size: 1.8rem
    }
}

.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="password"], .form-group input[type="tel"], .form-group textarea {
    width: 100%;
    display: block;
    border-color: #bcbcbc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.form-group textarea {
    height: 12rem;
    border: 1px solid #bcbcbc
}

.form-group .btn-default, .form-group .btn-toggle button, .form-group .form-control {
    height: 6rem
}

.form-group .form-control, .form-group .form-control:focus {
    width: 100%;
    box-shadow: none
}

.form-group .scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden
}

.form-group .help-block {
    font-size: small;
    display: block;
    margin: 0;
    color: #dbc4a9
}

.form-group textarea:focus, .form-group input:focus {
    outline: none
}

a.btn-primary, a.btn-secondary, a.btn-tertiary, a.btn-myoutfit, button.btn-submit, button.btn-secondary {
    font-family: "Livory W01", "Times New Roman", Times, serif;
    font-weight: bold;
    font-style: italic;
    display: inline-block;
    margin: 2%;
    padding: 7px 27px;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 998;
    white-space: nowrap;
    outline: 0
}

@media (max-width: 767px) {
    a.btn-primary, a.btn-secondary,  button.btn-secondary, a.btn-tertiary, a.btn-myoutfit, button.btn-submit {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.modal .modal-dialog {
    overflow-y: initial !important
}

.modal .modal-body {
    overflow-y: auto
}

.modal .modal-header {
    text-align: center;
    min-height: 0;
    padding: 0;
    border: none
}

.modal h3, .modal h4 {
    font-size: 2.5rem;
    border: none;
    margin: 0;
    padding: 2rem 0
}

.modal button.close {
    position: absolute;
    top: -50px;
    left: 50%;
    background-color: transparent;
    border: none;
    color: white;
    font-size: 3rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.modal svg.close {
    width: 18px;
    height: 18px
}

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

.embed-responsive {
    margin-bottom: 5%
}

body.error {
    background-color: #f5f5f5
}

@media (min-width: 20em) and (max-width: 47.938em) {
    body.error header {
        background: none
    }

    body.error .logo {
        width: calc(10em + 1 * ((100vw - 20em) / 27.938));
        margin-left: 10%
    }
}

body.error #error-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40%
}

@media (max-width: 767px) {
    body.error #error-content {
        width: 80%
    }
}

body.error #error-content p {
    text-align: center;
    padding: 5% 14%;
    font-size: 85%
}

body.error #error-message {
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    text-align: center
}

body.error #error-message h1 {
    margin-top: 11%;
    line-height: 30%
}

@media (min-width: 48em) and (max-width: 104.938em) {
    body.error #error-message h1 {
        font-size: calc(6em + 6 * ((100vw - 48em) / 56.938));
        line-height: calc(.4em + 0.1 * ((100vw - 48em) / 56.938))
    }
}

@media (max-width: 767px) {
    body.error #error-message h1 {
        font-size: 5em;
        line-height: calc(.5em + 0.1 * ((100vw - 105em) / 56.938))
    }
}

@media (min-width: 1680px) {
    body.error #error-message h1 {
        font-size: 12em;
        line-height: calc(.5em + 0.1 * ((100vw - 105em) / 56.938))
    }
}

body.error #error-message h1 em {
    display: inline-block;
    font-size: 25%
}

body.error .footer-footnote {
    position: absolute;
    bottom: 0;
    width: 100%
}

.col-xs-1-25, .col-sm-1-25, .col-md-1-25, .col-lg-1-25, .col-xl-1-25, .col-xs-3-75, .col-sm-3-75, .col-md-3-75, .col-lg-3-75, .col-xl-3-75, .col-xs-6-25, .col-sm-6-25, .col-md-6-25, .col-lg-6-25, .col-xl-6-25, .col-xs-7-5, .col-sm-7-5, .col-md-7-5, .col-lg-7-5, .col-xl-7-5 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: .85%;
    padding-left: .85%
}

.grid {
    position: relative;
    width: 100%;
    height: 200%;
    margin: auto auto;
    z-index: 1;
    display: block;
    overflow-y: visible
}

.grid .my-container {
    height: 2750px;
    position: absolute;
    width: 100%
}

.grid .row {
    height: 100%
}

.grid .color {
    height: 100%
}

.my-container [class^="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    border: 1px solid rgba(86, 61, 124, 0.2)
}

.my-inner {
    text-align: center;
    height: 100%;
    padding-top: 35px;
    background-color: #eee;
    border: 1px solid #ddd;
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.2)
}

body.myoutfit .service, body.myoutfit-intro .service, body.myoutfit-myoutfit .service, body.myoutfit-01_Gender .service, body.myoutfit-02_Occasion .service, body.myoutfit-03_Style .service, body.myoutfit-04_Colors .service, body.myoutfit-05_Brands .service, body.myoutfit-06_Preferences .service, body.myoutfit-07_Login .service, body.myoutfit-08_Sizes .service, body.myoutfit-09_Type .service, body.myoutfit-10_Extras .service, body.myoutfit-11_Order .service, body.myoutfit header, body.myoutfit-intro header, body.myoutfit-myoutfit header, body.myoutfit-01_Gender header, body.myoutfit-02_Occasion header, body.myoutfit-03_Style header, body.myoutfit-04_Colors header, body.myoutfit-05_Brands header, body.myoutfit-06_Preferences header, body.myoutfit-07_Login header, body.myoutfit-08_Sizes header, body.myoutfit-09_Type header, body.myoutfit-10_Extras header, body.myoutfit-11_Order header {
    display: none
}

@media (max-width: 767px) {
    body.myoutfit .service, body.myoutfit-intro .service, body.myoutfit-myoutfit .service, body.myoutfit-01_Gender .service, body.myoutfit-02_Occasion .service, body.myoutfit-03_Style .service, body.myoutfit-04_Colors .service, body.myoutfit-05_Brands .service, body.myoutfit-06_Preferences .service, body.myoutfit-07_Login .service, body.myoutfit-08_Sizes .service, body.myoutfit-09_Type .service, body.myoutfit-10_Extras .service, body.myoutfit-11_Order .service, body.myoutfit header, body.myoutfit-intro header, body.myoutfit-myoutfit header, body.myoutfit-01_Gender header, body.myoutfit-02_Occasion header, body.myoutfit-03_Style header, body.myoutfit-04_Colors header, body.myoutfit-05_Brands header, body.myoutfit-06_Preferences header, body.myoutfit-07_Login header, body.myoutfit-08_Sizes header, body.myoutfit-09_Type header, body.myoutfit-10_Extras header, body.myoutfit-11_Order header {
        display: block
    }
}

body.myoutfit .service, body.myoutfit-intro .service, body.myoutfit-myoutfit .service, body.myoutfit-01_Gender .service, body.myoutfit-02_Occasion .service, body.myoutfit-03_Style .service, body.myoutfit-04_Colors .service, body.myoutfit-05_Brands .service, body.myoutfit-06_Preferences .service, body.myoutfit-07_Login .service, body.myoutfit-08_Sizes .service, body.myoutfit-09_Type .service, body.myoutfit-10_Extras .service, body.myoutfit-11_Order .service {
    border-bottom: 1px dashed #262626
}

body.myoutfit .service .service-block, body.myoutfit-intro .service .service-block, body.myoutfit-myoutfit .service .service-block, body.myoutfit-01_Gender .service .service-block, body.myoutfit-02_Occasion .service .service-block, body.myoutfit-03_Style .service .service-block, body.myoutfit-04_Colors .service .service-block, body.myoutfit-05_Brands .service .service-block, body.myoutfit-06_Preferences .service .service-block, body.myoutfit-07_Login .service .service-block, body.myoutfit-08_Sizes .service .service-block, body.myoutfit-09_Type .service .service-block, body.myoutfit-10_Extras .service .service-block, body.myoutfit-11_Order .service .service-block {
    border-left: 1px dashed #262626
}

body.myoutfit header, body.myoutfit-intro header, body.myoutfit-myoutfit header, body.myoutfit-01_Gender header, body.myoutfit-02_Occasion header, body.myoutfit-03_Style header, body.myoutfit-04_Colors header, body.myoutfit-05_Brands header, body.myoutfit-06_Preferences header, body.myoutfit-07_Login header, body.myoutfit-08_Sizes header, body.myoutfit-09_Type header, body.myoutfit-10_Extras header, body.myoutfit-11_Order header {
    margin: 0;
    padding: 30px 25px 0 25px;
    background-color: #000
}

@media (max-width: 767px) {
    body.myoutfit header, body.myoutfit-intro header, body.myoutfit-myoutfit header, body.myoutfit-01_Gender header, body.myoutfit-02_Occasion header, body.myoutfit-03_Style header, body.myoutfit-04_Colors header, body.myoutfit-05_Brands header, body.myoutfit-06_Preferences header, body.myoutfit-07_Login header, body.myoutfit-08_Sizes header, body.myoutfit-09_Type header, body.myoutfit-10_Extras header, body.myoutfit-11_Order header {
        padding: 0
    }
}

body.myoutfit header .logo a, body.myoutfit-intro header .logo a, body.myoutfit-myoutfit header .logo a, body.myoutfit-01_Gender header .logo a, body.myoutfit-02_Occasion header .logo a, body.myoutfit-03_Style header .logo a, body.myoutfit-04_Colors header .logo a, body.myoutfit-05_Brands header .logo a, body.myoutfit-06_Preferences header .logo a, body.myoutfit-07_Login header .logo a, body.myoutfit-08_Sizes header .logo a, body.myoutfit-09_Type header .logo a, body.myoutfit-10_Extras header .logo a, body.myoutfit-11_Order header .logo a {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yNTkgLTc1IDY1NiAxOTAiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yMjAuOTkgMjUuODlsMTguODkgMzkuODEgNTIuNzggMC4wMiAtMjQuMTItNTAuNTZjMCAwIDIxLjA3LTEzLjQ3IDEzLjQ1LTM2Ljg0IC03Ljc2LTIzLjgtNDkuNDgtMjEuNTktNDkuNDgtMjEuNTlMMTcxLjg3LTQzLjI5bC0wLjAzIDEwOC45OCA0OS4xNCAwLjAyTDIyMC45OSAyNS44OXpNMjIxLTE5LjU3aDYuOThjNC44MiAwIDEzLjIzIDIuMjYgMTMuMjMgOC45OSAwIDcuMzEtOC40MSA4Ljg5LTEzLjIzIDguODlsLTYuOTggMEwyMjEtMTkuNTd6TS0zLjQ4LTQ2Ljk5YzcuNSAwLjAxIDEzLjU3LTYuMjMgMTMuNTctMTMuNzYgMC03LjUxLTYuMDYtMTMuNzUtMTMuNTYtMTMuNzUgLTcuNDEgMC0xMy41NiA2LjIzLTEzLjU3IDEzLjc1Qy0xNy4wMy01My4yNC0xMC44OS00Ny0zLjQ4LTQ2Ljk5ek0tNDQuNTktNDdjNy40MiAwIDEzLjU2LTYuMjQgMTMuNTYtMTMuNzYgMC03LjUyLTYuMTQtMTMuNzUtMTMuNTYtMTMuNzUgLTcuNDEgMC0xMy41NiA2LjIyLTEzLjU3IDEzLjc1Qy01OC4xNS01My4yNS01Mi00Ny4wMS00NC41OS00N3pNLTI0LjAxLTQ0Ljg4Yy0zMC41NSAwLTU1LjU1IDI1LjIyLTU1LjU2IDU2LjIxIDAgMzAuOTkgMjQuOTcgNTYuMzMgNTUuNTIgNTYuMzMgMzAuNjUgMC4wMSA1NS41NS0yNS4zMSA1NS41Ni01Ni4zMUMzMS41Mi0xOS42MiA2LjY0LTQ0Ljg4LTI0LjAxLTQ0Ljg4ek0tMzQgMjYuMjJjLTIuNTYgMC00LjYzLTIuMTEtNC42My00LjcgMC0yLjU5IDIuMDgtNC43IDQuNjQtNC43czQuNjMgMi4xMSA0LjYzIDQuN1MtMzEuNDUgMjYuMjItMzQgMjYuMjJ6TS0zNCA1Ljc5Yy0yLjU2IDAtNC42My0yLjEtNC42My00LjY5IDAtMi41OSAyLjA4LTQuNjkgNC42NC00LjY5czQuNjMgMi4xIDQuNjMgNC43Qy0yOS4zNiAzLjY5LTMxLjQ0IDUuNzktMzQgNS43OXpNLTEzLjk1IDI2LjEzYy0yLjU2IDAtNC42My0yLjEtNC42My00LjcgMC0yLjU5IDIuMDgtNC42OSA0LjY0LTQuNjlzNC42MyAyLjEgNC42MyA0LjY5Qy05LjMxIDI0LjAzLTExLjM5IDI2LjEzLTEzLjk1IDI2LjEzek0tMTMuOTQgNS43OWMtMi41NiAwLTQuNjMtMi4xLTQuNjMtNC42OSAwLTIuNiAyLjA3LTQuNjkgNC42My00LjY5IDIuNTYgMCA0LjY0IDIuMSA0LjY0IDQuNjlDLTkuMyAzLjctMTEuMzggNS44LTEzLjk0IDUuNzl6TS0xODEuMjkgNjUuNTlsMTYuOTktMzguMTQgMTYuNjEgMzguMTUgMzcuMjUgMC4wMiAzOC43NS0xMDkuMDYgLTQ4LjU4LTAuMDEgLTEyLjYxIDI4LjcgLTEwLjk1LTI4LjcxIC00MS4yNy0wLjAxIC0xMC43OCAyOC43IC0xMi41OS0yOC43MSAtNDguNTgtMC4wMSAzOC42OSAxMDkuMDhMLTE4MS4yOSA2NS41OXpNMTExLjA5IDY1LjY4bDQ5Ljg3IDAuMDEgMC4wMy0xMDkuMDYgLTQ5Ljg2LTAuMDEgLTAuMDEgMzkuODFMODkuMTktMy41OWwwLjAxLTM5LjgxIC00OS44NS0wLjAxTDM5LjMzIDY1LjY1bDQ5Ljg1IDAuMDIgMC4wMS0zOS43NSAyMS45MiAwLjAxTDExMS4wOSA2NS42OHpNMzQ5Ljk1IDM0Ljk5bDAuMDItNzguMzEgLTQ5Ljg1LTAuMDEgLTAuMDMgMTA5LjA2IDk0Ljk3IDAuMDNWMzVMMzQ5Ljk1IDM0Ljk5ek0tMjE3LjA0IDkwLjg0bC00Ljg3IDEyLjI1IC00LjYtMTIuMjVoLTUuOGwtMy44NSAyMi45M2g1Ljg2bDEuODktMTMuMmgwLjA2bDUuMiAxMy4yaDIuMzRsNS40NS0xMy4yaDAuMDZsMS42NSAxMy4yaDUuODlsLTMuNDMtMjIuOTNILTIxNy4wNHpNLTE5My4xMiA5MC4wN2MtNi41MiAwLTEyLjU0IDQuODctMTIuNTQgMTEuOCAwIDcuNDEgNS4yNyAxMi42NSAxMi41NCAxMi42NSA3LjI3IDAgMTIuNTQtNS4yMyAxMi41NC0xMi42NEMtMTgwLjU4IDk0Ljk0LTE4Ni41OSA5MC4wNy0xOTMuMTIgOTAuMDd6TS0xOTMuMTIgMTA4Ljc0Yy0zLjUyIDAtNi40LTIuODktNi40LTYuODQgMC0zLjE2IDIuODktNi4wNSA2LjQtNi4wNSAzLjUyIDAgNi40IDIuODkgNi40IDYuMDVDLTE4Ni43MiAxMDUuODUtMTg5LjYgMTA4Ljc0LTE5My4xMiAxMDguNzR6TS0xNjguNzQgOTAuODRoLTguMzZ2MjIuOTNoOC4zNmM2LjI5IDAgMTEuNTItNS4wMiAxMS41Mi0xMS40NkMtMTU3LjIyIDk1Ljg2LTE2Mi40MyA5MC44NC0xNjguNzQgOTAuODR6TS0xNjkuODggMTA4LjcxaC0xLjMyVjk1Ljg4aDEuMzhjMy43OSAwIDYuNDcgMi4zMSA2LjQ3IDYuNDFDLTE2My4zNiAxMDYuNzctMTY2LjM2IDEwOC43MS0xNjkuODggMTA4Ljcxek0tMTUzLjc0IDExMy43NmgxMi45di01LjA1aC03di0zLjk1aDYuNjV2LTUuMDVoLTYuNjR2LTMuODNoNy4wMXYtNS4wNGgtMTIuOXYyMi45MkgtMTUzLjc0ek0tMTA2LjYzIDEwOC4wOGwyLjg2LTMuMSAtMy4zNC0zLjIyYy0wLjg0IDEuMjEtMS44NyAyLjI1LTIuOTggMy4yNWwtMi44NS0zLjA0YzIuMzQtMS4xOSA0LjIxLTIuNjUgNC4yMS01LjUxIDAtMy45Mi0zLjQ5LTYuMjItNy4wOS02LjIyIC0zLjY0IDAtNy4wNCAyLjM0LTcuMDQgNi4yOSAwIDEuODggMC45IDIuOTggMS42MiAzLjk4bDAuNDggMC42NyAtMC41NCAwLjI0Yy0yLjg1IDEuMjgtNC44NyAyLjk1LTQuODcgNi4zOSAwIDQuMiAzLjM2IDYuNTcgNy4yOCA2LjU3IDIuNzQgMCA1LjUtMS4xOSA3Ljc2LTIuNzNsMS45NiAyLjEyaDcuMzdsLTUuMDgtNS40MUwtMTA2LjYzIDEwOC4wOHpNLTExNy41MiAxMDkuMDJjLTEuMiAwLTIuNTYtMC43My0yLjU2LTIuMSAwLTEuMjggMS4xOC0yLjEzIDIuMTQtMi43M2wzLjU4IDMuODlDLTExNS4yOSAxMDguNjItMTE2LjQgMTA5LjAyLTExNy41MiAxMDkuMDJ6TS0xMTUuNSA5OS4yYy0wLjcyLTAuODMtMS43Ny0xLjkyLTEuNzctMy4wNSAwLTEuMTIgMC44NS0xLjg4IDEuOS0xLjg4IDEuMiAwIDEuOTggMC45OCAxLjk4IDIuMTNDLTExMy40IDk3LjY1LTExNC40OCA5OC42Mi0xMTUuNSA5OS4yek0tNzcuOTYgOTkuNzdsLTEuNS0wLjQ1Yy0xLjAyLTAuMzMtMi42Mi0wLjg1LTIuNjItMi4xOSAwLTEuMjggMS40NS0xLjkyIDIuNTMtMS45MiAxLjQ0IDAgMi44MyAwLjYxIDMuOTEgMS41MmwyLjM1LTQuNjJjLTIuMDEtMS4xNS00LjgyLTEuODgtNy4xLTEuODggLTQuNTQgMC03LjgxIDMuMDUtNy44MSA3LjcgMCA0LjQzIDIuNDQgNS40MSA2LjEzIDYuNDcgMS4yNiAwLjM3IDMuNTggMC45NSAzLjU4IDIuNjIgMCAxLjYyLTEuNDcgMi4zMS0yLjg1IDIuMzEgLTIuMDIgMC0zLjc2LTEuMDYtNS4yMy0yLjM3bC0yLjUzIDQuOGMyLjMyIDEuNjUgNS4xMSAyLjYyIDcuOTcgMi42MiAyLjI4IDAgNC42Ni0wLjY1IDYuNDMtMi4xNiAxLjgxLTEuNTUgMi4zNS0zLjg5IDIuMzUtNi4xN0MtNzIuMzYgMTAyLjMzLTc0LjggMTAwLjcyLTc3Ljk2IDk5Ljc3ek0tNTkuOCA5MC44NGgtOS4wMnYyMi45M2g1Ljg5di03LjZoMy4zNGM1LjE0IDAgOC4wMy0yLjM3IDguMDMtNy43OEMtNTEuNTYgOTMuMTItNTQuOTMgOTAuODQtNTkuOCA5MC44NHpNLTYxLjk0IDEwMS4zNmgtMC45OXYtNS43MmgwLjk5YzIuMjggMCA0LjI0IDAuMDQgNC4yNCAyLjkzQy01Ny43IDEwMS4zNi01OS44IDEwMS4zNi02MS45NCAxMDEuMzZ6TS0zNi44MSA5MC4wN2MtNi41MiAwLTEyLjU0IDQuODctMTIuNTQgMTEuOCAwIDcuNDEgNS4yNiAxMi42NSAxMi41NCAxMi42NXMxMi41NC01LjIzIDEyLjU0LTEyLjY0Qy0yNC4yNiA5NC45NC0zMC4yNyA5MC4wNy0zNi44MSA5MC4wN3pNLTM2LjgxIDEwOC43NGMtMy41MSAwLTYuNC0yLjg5LTYuNC02Ljg0IDAtMy4xNiAyLjg5LTYuMDUgNi40LTYuMDUgMy41MiAwIDYuNCAyLjg5IDYuNCA2LjA1Qy0zMC40IDEwNS44NS0zMy4yOSAxMDguNzQtMzYuODEgMTA4Ljc0ek0tNC4xIDk3Ljg5YzAtNC44OS0zLjQtNy4wNS03Ljg4LTcuMDVoLTguODF2MjIuOTNoNS45di04LjgyaDAuMDZsNS41NiA4LjgyaDcuMzRsLTcuMTMtOS40Qy01Ljg0IDEwMy43OC00LjEgMTAxLjA1LTQuMSA5Ny44OXpNLTE0LjMyIDEwMS4xMWgtMC41N3YtNS43MWgwLjU3YzEuOTIgMCA0LjA5IDAuMzcgNC4wOSAyLjg2Uy0xMi40IDEwMS4xMS0xNC4zMiAxMDEuMTF6TS0xLjMzIDk1Ljg4aDQuODd2MTcuODhoNS44OVY5NS44OGg0Ljg3di01LjA0SC0xLjMzVjk1Ljg4ek00Ni4wMiA5MC44NGwtNC44NyAxMi4yNSAtNC42LTEyLjI1aC01LjhsLTMuODUgMjIuOTNoNS44N2wxLjg5LTEzLjJoMC4wNmw1LjIgMTMuMmgyLjM1bDUuNDUtMTMuMmgwLjA2bDEuNjUgMTMuMmg1Ljg5TDUxLjg4IDkwLjg0SDQ2LjAyek01OC41NSAxMTMuNzVoNS44OVY5MC44NGgtNS44OVYxMTMuNzV6TTY3LjMgOTUuODhoNC44N3YxNy44OGg1Ljg5Vjk1Ljg4aDQuODd2LTUuMDRINjcuMjl2NS4wNEg2Ny4zek0xMDcgOTkuNzdsLTEuNS0wLjQ1Yy0xLjAyLTAuMzMtMi42Mi0wLjg1LTIuNjItMi4xOSAwLTEuMjggMS40NS0xLjkyIDIuNTMtMS45MiAxLjQ0IDAgMi44MiAwLjYxIDMuOTEgMS41MmwyLjM0LTQuNjJjLTIuMDEtMS4xNS00LjgxLTEuODgtNy4xLTEuODggLTQuNTMgMC03LjgxIDMuMDUtNy44MSA3LjcgMCA0LjQzIDIuNDQgNS40MSA2LjEzIDYuNDcgMS4yNiAwLjM3IDMuNTggMC45NSAzLjU4IDIuNjIgMCAxLjYyLTEuNDcgMi4zMS0yLjg2IDIuMzEgLTIuMDIgMC0zLjc2LTEuMDYtNS4yMi0yLjM3bC0yLjUyIDQuOGMyLjMxIDEuNjUgNS4xMSAyLjYyIDcuOTcgMi42MiAyLjI5IDAgNC42Ni0wLjY1IDYuNDMtMi4xNiAxLjgxLTEuNTUgMi4zNS0zLjg5IDIuMzUtNi4xN0MxMTIuNiAxMDIuMzMgMTEwLjE2IDEwMC43MiAxMDcgOTkuNzd6TTEzMC4wMyA5MC44NGgtMTUuNjN2NS4wNGg0Ljg3djE3Ljg3aDUuODlWOTUuODhoNC44N3YtNS4wNUgxMzAuMDN6TTEzNy43OSA5MC44NGwtOC43MyAyMi45Mmg2LjI1bDEuNTctMy45OGg4LjExbDEuNDcgMy45OGg2LjI5bC04LjU0LTIyLjkySDEzNy43OUwxMzcuNzkgOTAuODR6TTEzOC41MiAxMDUuMjFsMi40NC03LjI5aDAuMDZsMi40MSA3LjI5SDEzOC41MnpNMTcyLjAzIDk3Ljg5YzAtNC44OS0zLjQtNy4wNS03Ljg3LTcuMDVoLTguODF2MjIuOTNoNS45di04LjgyaDAuMDZsNS41NyA4LjgyaDcuMzRsLTcuMTMtOS40QzE3MC4yOSAxMDMuNzggMTcyLjAzIDEwMS4wNSAxNzIuMDMgOTcuODl6TTE2MS44MSAxMDEuMTFoLTAuNTd2LTUuNzFoMC41N2MxLjkyIDAgNC4wOSAwLjM3IDQuMDkgMi44NlMxNjMuNzMgMTAxLjExIDE2MS44MSAxMDEuMTF6TTE5Ni45MiA5MC44NGgtNy4zbC03LjEyIDkuNDVoLTAuMDZ2LTkuNDVoLTUuODl2MjIuOTNoNS44OXYtOS45NGgwLjA2bDcuNjEgOS45NGg3LjYzbC05LjgzLTEyLjA3TDE5Ni45MiA5MC44NHpNMjAwLjA4IDExMy43NmgxMi44OXYtNS4wNWgtN3YtMy45NWg2LjY1di01LjA1aC02LjY1di0zLjgzaDd2LTUuMDRoLTEyLjg5VjExMy43NnpNMjM0LjEgMTA0Ljg2aC0wLjA2bC0xMC43OS0xNC4wMmgtNS44OXYyMi45M2g1Ljg5Vjk5LjcxaDAuMDZsMTAuNzkgMTQuMDVIMjQwVjkwLjg0aC01LjlWMTA0Ljg2ek0yNzMuNDIgOTAuODRsLTQuODYgMTIuMjUgLTQuNjEtMTIuMjVoLTUuOGwtMy44NCAyMi45M2g1Ljg3bDEuODktMTMuMmgwLjA2bDUuMiAxMy4yaDIuMzRsNS40NS0xMy4yaDAuMDZsMS42NiAxMy4yaDUuODlsLTMuNDItMjIuOTNIMjczLjQyek0yOTIuNjMgOTAuODRsLTguNzIgMjIuOTJoNi4yNWwxLjU2LTMuOThoOC4xMmwxLjQ4IDMuOThoNi4yOWwtOC41NS0yMi45MkgyOTIuNjNMMjkyLjYzIDkwLjg0ek0yOTMuMzYgMTA1LjIxbDIuNDQtNy4yOWgwLjA2bDIuNCA3LjI5SDI5My4zNnpNMzI2Ljg3IDk3Ljg5YzAtNC44OS0zLjQtNy4wNS03Ljg3LTcuMDVoLTguODF2MjIuOTNoNS45di04LjgyaDAuMDZsNS41NyA4LjgyaDcuMzRsLTcuMTItOS40QzMyNS4xMyAxMDMuNzggMzI2Ljg3IDEwMS4wNSAzMjYuODcgOTcuODl6TTMxNi42NSAxMDEuMTFoLTAuNTd2LTUuNzFoMC41N2MxLjkyIDAgNC4wOCAwLjM3IDQuMDggMi44NlMzMTguNTcgMTAxLjExIDMxNi42NSAxMDEuMTF6TTM1MS43NiA5MC44NGgtNy4zbC03LjEyIDkuNDVoLTAuMDZ2LTkuNDVoLTUuOXYyMi45M2g1Ljl2LTkuOTRoMC4wNmw3LjYxIDkuOTRoNy42M2wtOS44Mi0xMi4wN0wzNTEuNzYgOTAuODR6TTM1NC45MSAxMTMuNzZoMTIuODl2LTUuMDVoLTd2LTMuOTVoNi42NXYtNS4wNWgtNi42NXYtMy44M2g3di01LjA0aC0xMi44OVYxMTMuNzZ6TTM4OC45NSAxMDQuODZoLTAuMDZsLTEwLjc5LTE0LjAyaC01Ljg5djIyLjkzaDUuODlWOTkuNzFoMC4wNmwxMC43OSAxNC4wNWg1LjlWOTAuODRoLTUuOVYxMDQuODZ6Ii8+PC9zdmc+) no-repeat center center
}

body.myoutfit header input.search-input, body.myoutfit-intro header input.search-input, body.myoutfit-myoutfit header input.search-input, body.myoutfit-01_Gender header input.search-input, body.myoutfit-02_Occasion header input.search-input, body.myoutfit-03_Style header input.search-input, body.myoutfit-04_Colors header input.search-input, body.myoutfit-05_Brands header input.search-input, body.myoutfit-06_Preferences header input.search-input, body.myoutfit-07_Login header input.search-input, body.myoutfit-08_Sizes header input.search-input, body.myoutfit-09_Type header input.search-input, body.myoutfit-10_Extras header input.search-input, body.myoutfit-11_Order header input.search-input {
    color: #fff;
    border-bottom: 2px solid #fff
}

body.myoutfit header input.search-input::-moz-placeholder, body.myoutfit-intro header input.search-input::-moz-placeholder, body.myoutfit-myoutfit header input.search-input::-moz-placeholder, body.myoutfit-01_Gender header input.search-input::-moz-placeholder, body.myoutfit-02_Occasion header input.search-input::-moz-placeholder, body.myoutfit-03_Style header input.search-input::-moz-placeholder, body.myoutfit-04_Colors header input.search-input::-moz-placeholder, body.myoutfit-05_Brands header input.search-input::-moz-placeholder, body.myoutfit-06_Preferences header input.search-input::-moz-placeholder, body.myoutfit-07_Login header input.search-input::-moz-placeholder, body.myoutfit-08_Sizes header input.search-input::-moz-placeholder, body.myoutfit-09_Type header input.search-input::-moz-placeholder, body.myoutfit-10_Extras header input.search-input::-moz-placeholder, body.myoutfit-11_Order header input.search-input::-moz-placeholder {
    color: #fff;
    opacity: 1;
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 3px;
    text-align: left
}

body.myoutfit header input.search-input:-ms-input-placeholder, body.myoutfit-intro header input.search-input:-ms-input-placeholder, body.myoutfit-myoutfit header input.search-input:-ms-input-placeholder, body.myoutfit-01_Gender header input.search-input:-ms-input-placeholder, body.myoutfit-02_Occasion header input.search-input:-ms-input-placeholder, body.myoutfit-03_Style header input.search-input:-ms-input-placeholder, body.myoutfit-04_Colors header input.search-input:-ms-input-placeholder, body.myoutfit-05_Brands header input.search-input:-ms-input-placeholder, body.myoutfit-06_Preferences header input.search-input:-ms-input-placeholder, body.myoutfit-07_Login header input.search-input:-ms-input-placeholder, body.myoutfit-08_Sizes header input.search-input:-ms-input-placeholder, body.myoutfit-09_Type header input.search-input:-ms-input-placeholder, body.myoutfit-10_Extras header input.search-input:-ms-input-placeholder, body.myoutfit-11_Order header input.search-input:-ms-input-placeholder {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 3px;
    text-align: left
}

body.myoutfit header input.search-input::-webkit-input-placeholder, body.myoutfit-intro header input.search-input::-webkit-input-placeholder, body.myoutfit-myoutfit header input.search-input::-webkit-input-placeholder, body.myoutfit-01_Gender header input.search-input::-webkit-input-placeholder, body.myoutfit-02_Occasion header input.search-input::-webkit-input-placeholder, body.myoutfit-03_Style header input.search-input::-webkit-input-placeholder, body.myoutfit-04_Colors header input.search-input::-webkit-input-placeholder, body.myoutfit-05_Brands header input.search-input::-webkit-input-placeholder, body.myoutfit-06_Preferences header input.search-input::-webkit-input-placeholder, body.myoutfit-07_Login header input.search-input::-webkit-input-placeholder, body.myoutfit-08_Sizes header input.search-input::-webkit-input-placeholder, body.myoutfit-09_Type header input.search-input::-webkit-input-placeholder, body.myoutfit-10_Extras header input.search-input::-webkit-input-placeholder, body.myoutfit-11_Order header input.search-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 3px;
    text-align: left
}

body.myoutfit header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-intro header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-myoutfit header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-01_Gender header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-02_Occasion header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-03_Style header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-04_Colors header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-05_Brands header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-06_Preferences header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-07_Login header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-08_Sizes header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-09_Type header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-10_Extras header input.search-input:focus::-webkit-input-placeholder, body.myoutfit-11_Order header input.search-input:focus::-webkit-input-placeholder {
    color: transparent
}

body.myoutfit header input.search-input:focus:-moz-placeholder, body.myoutfit-intro header input.search-input:focus:-moz-placeholder, body.myoutfit-myoutfit header input.search-input:focus:-moz-placeholder, body.myoutfit-01_Gender header input.search-input:focus:-moz-placeholder, body.myoutfit-02_Occasion header input.search-input:focus:-moz-placeholder, body.myoutfit-03_Style header input.search-input:focus:-moz-placeholder, body.myoutfit-04_Colors header input.search-input:focus:-moz-placeholder, body.myoutfit-05_Brands header input.search-input:focus:-moz-placeholder, body.myoutfit-06_Preferences header input.search-input:focus:-moz-placeholder, body.myoutfit-07_Login header input.search-input:focus:-moz-placeholder, body.myoutfit-08_Sizes header input.search-input:focus:-moz-placeholder, body.myoutfit-09_Type header input.search-input:focus:-moz-placeholder, body.myoutfit-10_Extras header input.search-input:focus:-moz-placeholder, body.myoutfit-11_Order header input.search-input:focus:-moz-placeholder {
    color: transparent
}

body.myoutfit header input.search-input:focus::-moz-placeholder, body.myoutfit-intro header input.search-input:focus::-moz-placeholder, body.myoutfit-myoutfit header input.search-input:focus::-moz-placeholder, body.myoutfit-01_Gender header input.search-input:focus::-moz-placeholder, body.myoutfit-02_Occasion header input.search-input:focus::-moz-placeholder, body.myoutfit-03_Style header input.search-input:focus::-moz-placeholder, body.myoutfit-04_Colors header input.search-input:focus::-moz-placeholder, body.myoutfit-05_Brands header input.search-input:focus::-moz-placeholder, body.myoutfit-06_Preferences header input.search-input:focus::-moz-placeholder, body.myoutfit-07_Login header input.search-input:focus::-moz-placeholder, body.myoutfit-08_Sizes header input.search-input:focus::-moz-placeholder, body.myoutfit-09_Type header input.search-input:focus::-moz-placeholder, body.myoutfit-10_Extras header input.search-input:focus::-moz-placeholder, body.myoutfit-11_Order header input.search-input:focus::-moz-placeholder {
    color: transparent
}

body.myoutfit header input.search-input:focus:-ms-input-placeholder, body.myoutfit-intro header input.search-input:focus:-ms-input-placeholder, body.myoutfit-myoutfit header input.search-input:focus:-ms-input-placeholder, body.myoutfit-01_Gender header input.search-input:focus:-ms-input-placeholder, body.myoutfit-02_Occasion header input.search-input:focus:-ms-input-placeholder, body.myoutfit-03_Style header input.search-input:focus:-ms-input-placeholder, body.myoutfit-04_Colors header input.search-input:focus:-ms-input-placeholder, body.myoutfit-05_Brands header input.search-input:focus:-ms-input-placeholder, body.myoutfit-06_Preferences header input.search-input:focus:-ms-input-placeholder, body.myoutfit-07_Login header input.search-input:focus:-ms-input-placeholder, body.myoutfit-08_Sizes header input.search-input:focus:-ms-input-placeholder, body.myoutfit-09_Type header input.search-input:focus:-ms-input-placeholder, body.myoutfit-10_Extras header input.search-input:focus:-ms-input-placeholder, body.myoutfit-11_Order header input.search-input:focus:-ms-input-placeholder {
    color: transparent
}

body.myoutfit header label.search, body.myoutfit-intro header label.search, body.myoutfit-myoutfit header label.search, body.myoutfit-01_Gender header label.search, body.myoutfit-02_Occasion header label.search, body.myoutfit-03_Style header label.search, body.myoutfit-04_Colors header label.search, body.myoutfit-05_Brands header label.search, body.myoutfit-06_Preferences header label.search, body.myoutfit-07_Login header label.search, body.myoutfit-08_Sizes header label.search, body.myoutfit-09_Type header label.search, body.myoutfit-10_Extras header label.search, body.myoutfit-11_Order header label.search {
    background-color: #262626;
    border-bottom: 2px solid #fff
}

body.myoutfit header label.search:hover, body.myoutfit-intro header label.search:hover, body.myoutfit-myoutfit header label.search:hover, body.myoutfit-01_Gender header label.search:hover, body.myoutfit-02_Occasion header label.search:hover, body.myoutfit-03_Style header label.search:hover, body.myoutfit-04_Colors header label.search:hover, body.myoutfit-05_Brands header label.search:hover, body.myoutfit-06_Preferences header label.search:hover, body.myoutfit-07_Login header label.search:hover, body.myoutfit-08_Sizes header label.search:hover, body.myoutfit-09_Type header label.search:hover, body.myoutfit-10_Extras header label.search:hover, body.myoutfit-11_Order header label.search:hover {
    background-color: #dbc4a9
}

body.myoutfit header label.search svg, body.myoutfit-intro header label.search svg, body.myoutfit-myoutfit header label.search svg, body.myoutfit-01_Gender header label.search svg, body.myoutfit-02_Occasion header label.search svg, body.myoutfit-03_Style header label.search svg, body.myoutfit-04_Colors header label.search svg, body.myoutfit-05_Brands header label.search svg, body.myoutfit-06_Preferences header label.search svg, body.myoutfit-07_Login header label.search svg, body.myoutfit-08_Sizes header label.search svg, body.myoutfit-09_Type header label.search svg, body.myoutfit-10_Extras header label.search svg, body.myoutfit-11_Order header label.search svg {
    fill: #fff
}

body.myoutfit header a.btn-login, body.myoutfit-intro header a.btn-login, body.myoutfit-myoutfit header a.btn-login, body.myoutfit-01_Gender header a.btn-login, body.myoutfit-02_Occasion header a.btn-login, body.myoutfit-03_Style header a.btn-login, body.myoutfit-04_Colors header a.btn-login, body.myoutfit-05_Brands header a.btn-login, body.myoutfit-06_Preferences header a.btn-login, body.myoutfit-07_Login header a.btn-login, body.myoutfit-08_Sizes header a.btn-login, body.myoutfit-09_Type header a.btn-login, body.myoutfit-10_Extras header a.btn-login, body.myoutfit-11_Order header a.btn-login {
    color: #fff
}

body.myoutfit header a.btn-login svg.login, body.myoutfit-intro header a.btn-login svg.login, body.myoutfit-myoutfit header a.btn-login svg.login, body.myoutfit-01_Gender header a.btn-login svg.login, body.myoutfit-02_Occasion header a.btn-login svg.login, body.myoutfit-03_Style header a.btn-login svg.login, body.myoutfit-04_Colors header a.btn-login svg.login, body.myoutfit-05_Brands header a.btn-login svg.login, body.myoutfit-06_Preferences header a.btn-login svg.login, body.myoutfit-07_Login header a.btn-login svg.login, body.myoutfit-08_Sizes header a.btn-login svg.login, body.myoutfit-09_Type header a.btn-login svg.login, body.myoutfit-10_Extras header a.btn-login svg.login, body.myoutfit-11_Order header a.btn-login svg.login {
    fill: #fff
}

body.myoutfit header a.btn-login:hover, body.myoutfit-intro header a.btn-login:hover, body.myoutfit-myoutfit header a.btn-login:hover, body.myoutfit-01_Gender header a.btn-login:hover, body.myoutfit-02_Occasion header a.btn-login:hover, body.myoutfit-03_Style header a.btn-login:hover, body.myoutfit-04_Colors header a.btn-login:hover, body.myoutfit-05_Brands header a.btn-login:hover, body.myoutfit-06_Preferences header a.btn-login:hover, body.myoutfit-07_Login header a.btn-login:hover, body.myoutfit-08_Sizes header a.btn-login:hover, body.myoutfit-09_Type header a.btn-login:hover, body.myoutfit-10_Extras header a.btn-login:hover, body.myoutfit-11_Order header a.btn-login:hover {
    color: #dbc4a9
}

body.myoutfit header a.btn-login:hover svg.login, body.myoutfit-intro header a.btn-login:hover svg.login, body.myoutfit-myoutfit header a.btn-login:hover svg.login, body.myoutfit-01_Gender header a.btn-login:hover svg.login, body.myoutfit-02_Occasion header a.btn-login:hover svg.login, body.myoutfit-03_Style header a.btn-login:hover svg.login, body.myoutfit-04_Colors header a.btn-login:hover svg.login, body.myoutfit-05_Brands header a.btn-login:hover svg.login, body.myoutfit-06_Preferences header a.btn-login:hover svg.login, body.myoutfit-07_Login header a.btn-login:hover svg.login, body.myoutfit-08_Sizes header a.btn-login:hover svg.login, body.myoutfit-09_Type header a.btn-login:hover svg.login, body.myoutfit-10_Extras header a.btn-login:hover svg.login, body.myoutfit-11_Order header a.btn-login:hover svg.login {
    fill: #dbc4a9
}

body.myoutfit .navbar-default .navbar-nav > li > a, body.myoutfit-intro .navbar-default .navbar-nav > li > a, body.myoutfit-myoutfit .navbar-default .navbar-nav > li > a, body.myoutfit-01_Gender .navbar-default .navbar-nav > li > a, body.myoutfit-02_Occasion .navbar-default .navbar-nav > li > a, body.myoutfit-03_Style .navbar-default .navbar-nav > li > a, body.myoutfit-04_Colors .navbar-default .navbar-nav > li > a, body.myoutfit-05_Brands .navbar-default .navbar-nav > li > a, body.myoutfit-06_Preferences .navbar-default .navbar-nav > li > a, body.myoutfit-07_Login .navbar-default .navbar-nav > li > a, body.myoutfit-08_Sizes .navbar-default .navbar-nav > li > a, body.myoutfit-09_Type .navbar-default .navbar-nav > li > a, body.myoutfit-10_Extras .navbar-default .navbar-nav > li > a, body.myoutfit-11_Order .navbar-default .navbar-nav > li > a {
    color: #fff
}

body.myoutfit .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-intro .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-myoutfit .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-01_Gender .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-02_Occasion .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-03_Style .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-04_Colors .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-05_Brands .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-06_Preferences .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-07_Login .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-08_Sizes .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-09_Type .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-10_Extras .navbar-default .navbar-nav > li > a#myoutfit, body.myoutfit-11_Order .navbar-default .navbar-nav > li > a#myoutfit {
    background-color: #262626
}

body.myoutfit .navbar-default .navbar-nav > li > a:hover, body.myoutfit-intro .navbar-default .navbar-nav > li > a:hover, body.myoutfit-myoutfit .navbar-default .navbar-nav > li > a:hover, body.myoutfit-01_Gender .navbar-default .navbar-nav > li > a:hover, body.myoutfit-02_Occasion .navbar-default .navbar-nav > li > a:hover, body.myoutfit-03_Style .navbar-default .navbar-nav > li > a:hover, body.myoutfit-04_Colors .navbar-default .navbar-nav > li > a:hover, body.myoutfit-05_Brands .navbar-default .navbar-nav > li > a:hover, body.myoutfit-06_Preferences .navbar-default .navbar-nav > li > a:hover, body.myoutfit-07_Login .navbar-default .navbar-nav > li > a:hover, body.myoutfit-08_Sizes .navbar-default .navbar-nav > li > a:hover, body.myoutfit-09_Type .navbar-default .navbar-nav > li > a:hover, body.myoutfit-10_Extras .navbar-default .navbar-nav > li > a:hover, body.myoutfit-11_Order .navbar-default .navbar-nav > li > a:hover, body.myoutfit .navbar-default .navbar-nav > li > a:focus, body.myoutfit-intro .navbar-default .navbar-nav > li > a:focus, body.myoutfit-myoutfit .navbar-default .navbar-nav > li > a:focus, body.myoutfit-01_Gender .navbar-default .navbar-nav > li > a:focus, body.myoutfit-02_Occasion .navbar-default .navbar-nav > li > a:focus, body.myoutfit-03_Style .navbar-default .navbar-nav > li > a:focus, body.myoutfit-04_Colors .navbar-default .navbar-nav > li > a:focus, body.myoutfit-05_Brands .navbar-default .navbar-nav > li > a:focus, body.myoutfit-06_Preferences .navbar-default .navbar-nav > li > a:focus, body.myoutfit-07_Login .navbar-default .navbar-nav > li > a:focus, body.myoutfit-08_Sizes .navbar-default .navbar-nav > li > a:focus, body.myoutfit-09_Type .navbar-default .navbar-nav > li > a:focus, body.myoutfit-10_Extras .navbar-default .navbar-nav > li > a:focus, body.myoutfit-11_Order .navbar-default .navbar-nav > li > a:focus {
    color: #dbc4a9
}

.myoutfit-container {
    padding: 0
}

.myoutfit-container .myoutfit {
    margin-top: 4%
}

@media (max-width: 767px) {
    .myoutfit-container .myoutfit {
        margin-top: 15%
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    .myoutfit-container .myoutfit {
        min-height: 370px
    }
}

.myoutfit-wrapper {
    text-align: center;
    background-color: #f5f5f5
}

.myoutfit-wrapper .content-main {
    width: 76.5%;
    height: 99%;
    float: none;
    text-align: left;
    display: inline-block;
    padding: 0 6%
}

@media (max-width: 767px),(min-width: 768px) and (max-width: 991px) {
    .myoutfit-wrapper .content-main {
        width: 100%
    }
}

.myoutfit-full-wrapper {
    text-align: left;
    background-color: #f5f5f5;
    padding-top: 5%;
    margin-bottom: 4%
}

.myoutfit-full-wrapper .content-main {
    display: inline-block;
    width: 100%;
    min-height: 100%;
    float: none;
    margin: 0;
    padding: 0 9% 5%
}

@media (max-width: 767px) {
    .myoutfit-full-wrapper .content-main {
        padding: 20% 5%
    }
}

body.myoutfit-intro section.imageCarousel, body.myoutfit-myoutfit section.imageCarousel {
    margin-top: 4%
}

@media (min-width: 1680px) {
    body.myoutfit-intro section.imageCarousel, body.myoutfit-myoutfit section.imageCarousel {
        margin-top: 65px
    }
}

body.myoutfit-intro .myoutfit-logo, body.myoutfit-myoutfit .myoutfit-logo {
    position: relative;
    width: 100%;
    max-width: 1620px;
    margin: auto
}

body.myoutfit-intro .myoutfit-logo .myoutfit-logo-wrapper, body.myoutfit-myoutfit .myoutfit-logo .myoutfit-logo-wrapper {
    width: 20%;
    float: right
}

body.myoutfit-intro .myoutfit-logo .myoutfit-logo-wrapper .myoutfit-svg, body.myoutfit-myoutfit .myoutfit-logo .myoutfit-logo-wrapper .myoutfit-svg {
    position: absolute;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzguOTggNjIuOTgiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAwaDEzOC45OHY2Mi45OEgwVjB6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTExNi44OCA5LjEzYzAuNDctMC40NyAxLjAzLTAuNyAxLjY4LTAuNyAwLjY2IDAgMS4yMyAwLjIzIDEuNjggMC42OSAwLjQ2IDAuNDYgMC42OSAxLjAzIDAuNjkgMS43IDAgMC42Ni0wLjIzIDEuMjItMC42OSAxLjY4IC0wLjQ2IDAuNDctMS4wMiAwLjctMS42NyAwLjcgLTAuNjQgMC0xLjItMC4yNC0xLjY4LTAuNzFzLTAuNzEtMS4wMy0wLjcxLTEuNjZDMTE2LjE3IDEwLjE2IDExNi40MSA5LjYgMTE2Ljg4IDkuMTN6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM1LjMxIDMxLjE4aC05LjA3di0xLjUxYzAuNzUgMCAxLjI5LTAuMDggMS42LTAuMjUgMC4zMi0wLjE3IDAuNTEtMC40IDAuNTgtMC43IDAuMDctMC4zIDAuMTEtMC43OCAwLjExLTEuNDN2LTQuOTZjMC0wLjcyLTAuMTYtMS4zOS0wLjQ4LTIgLTAuMzItMC42MS0xLjA1LTAuOTItMi4yLTAuOTIgLTAuODIgMC0xLjUyIDAuMjEtMi4xMiAwLjYxIC0wLjYgMC40MS0xLjA2IDAuOTctMS4zOCAxLjY5IC0wLjMyIDAuNzItMC40OCAxLjUyLTAuNDggMi40djMuMThjMCAwLjY4IDAuMDQgMS4xNyAwLjEyIDEuNDcgMC4wOCAwLjMgMC4yOSAwLjUzIDAuNjMgMC42OSAwLjM0IDAuMTYgMC44OSAwLjI0IDEuNjUgMC4yNHYxLjUxaC04Ljg5di0xLjUxYzAuNzMgMCAxLjI1LTAuMDggMS41OC0wLjI0IDAuMzItMC4xNiAwLjUyLTAuNCAwLjU5LTAuNyAwLjA3LTAuMzEgMC4xMS0wLjc5IDAuMTEtMS40NHYtNS4xNmMwLTEuMTUtMC4zLTEuODktMC45LTIuMjIgLTAuNi0wLjMzLTEuMTYtMC41LTEuNjgtMC41IC0wLjcgMC0xLjM3IDAuMTctMi4wMyAwLjUxIC0wLjY1IDAuMzQtMS4xNSAwLjc4LTEuNDkgMS4zMSAtMC4yNCAwLjM5LTAuNCAwLjc4LTAuNDcgMS4xNiAtMC4wNyAwLjM4LTAuMTEgMC44Ni0wLjExIDEuNDR2My40NmMwIDAuNjggMC4wNCAxLjE3IDAuMTIgMS40NyAwLjA4IDAuMyAwLjMgMC41MyAwLjY1IDAuNjkgMC4zNSAwLjE2IDAuOSAwLjI0IDEuNjUgMC4yNHYxLjUxSDQuNDV2LTEuNTFjMC43NCAwIDEuMjctMC4wOCAxLjU5LTAuMjQgMC4zMi0wLjE2IDAuNTItMC4zOSAwLjYtMC43IDAuMDgtMC4zMSAwLjExLTAuNzkgMC4xMS0xLjQ2di01LjZjMC0xLjAzLTAuNjYtMS41NC0xLjk4LTEuNTRIMy45NHYtMS41MWw2LjktMS40MWMwLjA5IDAuNTggMC4xMyAxLjQxIDAuMTMgMi40OSAwLjc3LTAuNzcgMS41OS0xLjM4IDIuNDYtMS44MyAwLjg3LTAuNDQgMS44Ny0wLjY2IDMtMC42NiAxLjA2IDAgMi4wNyAwLjIxIDMuMDQgMC42MnMxLjcgMS4xOCAyLjE5IDIuMjljMC45OS0xLjE4IDEuOTUtMS45NiAyLjg2LTIuMzQgMC45Mi0wLjM4IDEuODYtMC41NyAyLjgzLTAuNTcgMS43MiAwIDMuMDUgMC40MSAzLjk5IDEuMjMgMC45NCAwLjgyIDEuNDEgMi4wOCAxLjQxIDMuNzd2NS4wNmMwIDAuNjEgMC4wMyAxLjA3IDAuMDkgMS4zOHMwLjIzIDAuNTYgMC41MiAwLjc0YzAuMjkgMC4xOCAwLjc1IDAuMjcgMS4zOCAwLjI3aDAuNTdWMzEuMTh6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUxLjggMTkuMjdjLTAuNDcgMC4wNy0wLjgzIDAuMTktMS4wOSAwLjM2IC0wLjI2IDAuMTgtMC41IDAuNDUtMC43MSAwLjgxIC0wLjIxIDAuMzctMC41OSAxLjExLTEuMTQgMi4yMmwtNC43OSA5Ljk2Yy0xLjA3IDIuMTktMS44IDMuNjYtMi4xOCA0LjM4IC0wLjM5IDAuNzMtMC44MyAxLjMtMS4zMSAxLjczIC0wLjQ5IDAuNDMtMS4xIDAuNjQtMS44MyAwLjY0IC0wLjUgMC0wLjk0LTAuMTUtMS4zMS0wLjQ2cy0wLjU2LTAuNjktMC41Ni0xLjE2YzAtMC42NyAwLjIzLTEuMTUgMC42OC0xLjQ1IDAuNDUtMC4zIDEuMDQtMC41NiAxLjc2LTAuNzYgMC45Ny0wLjI4IDEuNzEtMC44IDIuMjItMS41NiAwLjUxLTAuNzUgMC45NS0xLjU4IDEuMzItMi40N2wtNi4yMy0xMC45OWMtMC4yOS0wLjUzLTAuNTYtMC44OC0wLjgtMS4wMiAtMC4yNC0wLjE1LTAuNTctMC4yMi0xLTAuMjJ2LTEuNTFoNy45M3YxLjUxaC0wLjUxYy0wLjc1IDAtMS4xMyAwLjE4LTEuMTMgMC41NCAwIDAuMjIgMC4xNSAwLjYgMC40NiAxLjEzbDMuNDUgNi4wOCAyLjU1LTUuMTljMC4zNi0wLjc0IDAuNTQtMS4yNSAwLjU0LTEuNTIgMC0wLjMzLTAuMTYtMC41OC0wLjQ4LTAuNzYgLTAuMzItMC4xOC0wLjctMC4yNy0xLjE0LTAuMjd2LTEuNTFoNS4zVjE5LjI3eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02Ny42NyAyOC4zMWMtMC43MiAxLjEtMS42OSAxLjk1LTIuOTIgMi41M3MtMi41NyAwLjg4LTQuMDMgMC44OGMtMS4zNyAwLTIuNjctMC4yNy0zLjktMC44cy0yLjIzLTEuMzUtMy4wMS0yLjQ0Yy0wLjc4LTEuMDktMS4xNy0yLjQzLTEuMTctNC4wMSAwLTIuMzcgMC44MS00LjE3IDIuNDItNS40IDEuNjEtMS4yMyAzLjUzLTEuODQgNS43NS0xLjg0IDEuNjYgMCAzLjA4IDAuMzMgNC4yOCAwLjk4IDEuMiAwLjY1IDIuMTEgMS41MyAyLjcyIDIuNjRzMC45MiAyLjMgMC45MiAzLjU5QzY4Ljc1IDI1LjkxIDY4LjM5IDI3LjIxIDY3LjY3IDI4LjMxeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik04OC4zOCAzMS4wOGMtMC4zMiAwLjAyLTAuODYgMC4wNi0xLjY1IDAuMTEgLTAuNzggMC4wNS0xLjY2IDAuMTItMi42NCAwLjIxIC0wLjk3IDAuMDktMS43NiAwLjItMi4zNSAwLjMydi0yLjM5Yy0xLjQgMS42Mi0zLjA5IDIuNDItNS4wNSAyLjQyIC0xLjQzIDAtMi40OC0wLjMxLTMuMTctMC45MnMtMS4xMS0xLjI4LTEuMjctMi4wMmMtMC4xNi0wLjczLTAuMjQtMS41Mi0wLjI0LTIuMzd2LTQuODNjMC0wLjY0LTAuMDQtMS4xMi0wLjExLTEuNDIgLTAuMDgtMC4zLTAuMjgtMC41My0wLjYtMC42OSAtMC4zMy0wLjE2LTAuODctMC4yNC0xLjYyLTAuMjR2LTEuNTFoNi41NXY5LjAyYzAgMS44NiAwLjcxIDIuNzggMi4xNCAyLjc4IDAuODIgMCAxLjUxLTAuMjkgMi4wOC0wLjg4IDAuNTctMC41OCAxLTEuMTQgMS4zMS0xLjY4di01LjRjMC0wLjY4LTAuMDQtMS4xNi0wLjEyLTEuNDZzLTAuMjktMC41Mi0wLjYzLTAuNjZjLTAuMzQtMC4xNS0wLjktMC4yMi0xLjY4LTAuMjJ2LTEuNTFoNi42NXY5Ljg2YzAgMC41MSAwLjA1IDAuOSAwLjE1IDEuMTUgMC4xIDAuMjUgMC4zMiAwLjQ1IDAuNjcgMC41OCAwLjM1IDAuMTQgMC44OCAwLjIxIDEuNiAwLjIyVjMxLjA4eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05Ny44OCAzMC45MWMtMC43OCAwLjU0LTEuNyAwLjgtMi43NiAwLjggLTEuMjkgMC0yLjIzLTAuMjYtMi44NC0wLjc5IC0wLjYxLTAuNTItMC45OS0xLjExLTEuMTMtMS43NiAtMC4xNC0wLjY1LTAuMjEtMS4zOC0wLjIxLTIuMTl2LTcuNzFIODguNDd2LTEuNTFjMS4wMyAwIDEuOTMtMC4yIDIuNy0wLjU5IDAuNzYtMC4zOSAxLjM3LTAuOTIgMS44MS0xLjU5IDAuNDQtMC42NyAwLjcyLTEuMzggMC44NC0yLjE0aDEuMzR2NC4zMmg0LjYzdjEuNTFoLTQuNjJ2Ny44MWMwIDAuOTUgMC4wNiAxLjY0IDAuMTkgMi4wNiAwLjEzIDAuNDIgMC40MyAwLjYzIDAuOTIgMC42MyAwLjUyIDAgMC45NS0wLjIgMS4yOS0wLjYxczAuNjctMC45MiAwLjk4LTEuNTNsMS40MSAwLjY0Qzk5LjM1IDI5LjUgOTguNjcgMzAuMzggOTcuODggMzAuOTF6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTExMi4xMSAxMy4xNmMtMC4zMS0wLjQ1LTAuNTUtMS4wMy0wLjczLTEuNzQgLTAuMjYtMC45LTAuNzgtMS4zNC0xLjU1LTEuMzQgLTAuNzMgMC0xLjE4IDAuMjgtMS4zNiAwLjgzIC0wLjE4IDAuNTUtMC4yNyAxLjQtMC4yNyAyLjUzdjQuMzJoMy4zMnYxLjUxaC0zLjMydjguMDFjMCAwLjY2IDAuMDMgMS4xNCAwLjEgMS40NCAwLjA3IDAuMzEgMC4yNCAwLjU0IDAuNTIgMC43IDAuMjggMC4xNiAwLjc0IDAuMjUgMS40IDAuMjVoMC42djEuNTFoLTkuNTh2LTEuNTFoMC43NGMwLjYgMCAxLjA0LTAuMDggMS4zMi0wLjI0IDAuMjgtMC4xNiAwLjQ3LTAuNCAwLjU2LTAuNzMgMC4wOS0wLjMzIDAuMTMtMC44IDAuMTMtMS40MnYtOC4wMWgtMi43NHYtMS41MWgyLjc1di0xLjkyYzAtMC42NyAwLjA0LTEuMzEgMC4xMy0xLjk0IDAuMDktMC42MyAwLjI5LTEuMjggMC42LTEuOTYgMC40LTAuODMgMC45NC0xLjQ5IDEuNTktMS45OXMxLjM4LTAuODUgMi4xNS0xLjA2YzAuNzctMC4yMSAxLjU1LTAuMzIgMi4zMi0wLjMyIDEuMjUgMCAyLjI0IDAuMTkgMi45NiAwLjU2IDAuNzIgMC4zOCAxLjIyIDAuODIgMS40OSAxLjMyIDAuMjcgMC41IDAuNDEgMC45NiAwLjQxIDEuMzYgMCAwLjU5LTAuMjEgMS4wNy0wLjY1IDEuNDUgLTAuNDMgMC4zOC0wLjkgMC41Ni0xLjQgMC41NkMxMTIuOTEgMTMuODMgMTEyLjQyIDEzLjYxIDExMi4xMSAxMy4xNnoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIyLjc4IDMxLjE4aC04Ljg3di0xLjUxaDAuNDdjMC42MyAwIDEuMDktMC4wOSAxLjM4LTAuMjZzMC40Ny0wLjQyIDAuNTMtMC43NGMwLjA3LTAuMzIgMC4xLTAuNzggMC4xLTEuMzl2LTQuODZjMC0wLjY4LTAuMDQtMS4xNi0wLjEyLTEuNDQgLTAuMDgtMC4yOC0wLjI5LTAuNDktMC42NC0wLjYyIC0wLjM0LTAuMTMtMC45Mi0wLjItMS43Mi0wLjIxdi0xLjUxbDYuNy0xLjQxdjEwLjA2YzAgMC45MiAwLjExIDEuNTUgMC4zNCAxLjg4IDAuMjMgMC4zNCAwLjg0IDAuNTEgMS44MyAwLjUxVjMxLjE4eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMzIuNDkgMzAuOTFjLTAuNzggMC41NC0xLjcgMC44LTIuNzYgMC44IC0xLjI5IDAtMi4yMy0wLjI2LTIuODQtMC43OSAtMC42MS0wLjUyLTAuOTktMS4xMS0xLjEzLTEuNzZzLTAuMjEtMS4zOC0wLjIxLTIuMTl2LTcuNzFoLTIuNDd2LTEuNTFjMS4wMyAwIDEuOTQtMC4yIDIuNy0wLjU5IDAuNzYtMC4zOSAxLjM2LTAuOTIgMS44MS0xLjU5IDAuNDQtMC42NyAwLjcyLTEuMzggMC44NC0yLjE0aDEuMzR2NC4zMmg0LjYzdjEuNTFoLTQuNjN2Ny44MWMwIDAuOTUgMC4wNiAxLjY0IDAuMTkgMi4wNiAwLjEzIDAuNDIgMC40MyAwLjYzIDAuOTIgMC42MyAwLjUyIDAgMC45NS0wLjIgMS4yOS0wLjYxczAuNjctMC45MiAwLjk4LTEuNTNsMS40MSAwLjY0QzEzMy45NiAyOS41IDEzMy4yOCAzMC4zOCAxMzIuNDkgMzAuOTF6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYwLjY0IDE4LjczYy0wLjkgMC0xLjYxIDAuMjEtMi4xMiAwLjYxIC0wLjUxIDAuNDEtMC44NiAxLjA0LTEuMDYgMS45IC0wLjIgMC44Ni0wLjMgMS45Ny0wLjMgMy4zMyAwIDEuNjggMC4yMiAzLjA0IDAuNjcgNC4wOCAwLjQ1IDEuMDQgMS40MiAxLjU2IDIuOTMgMS41NiAwLjk5IDAgMS43NS0wLjI5IDIuMjYtMC44NnMwLjg1LTEuMjggMS0yLjEzYzAuMTUtMC44NSAwLjIyLTEuODEgMC4yMi0yLjg5IDAtMS44Ni0wLjI1LTMuMjUtMC43NC00LjE5UzYyLjA2IDE4LjczIDYwLjY0IDE4LjczeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMTYuODggOS4xM2MwLjQ3LTAuNDcgMS4wMy0wLjcgMS42OC0wLjcgMC42NiAwIDEuMjMgMC4yMyAxLjY4IDAuNjkgMC40NiAwLjQ2IDAuNjkgMS4wMyAwLjY5IDEuNyAwIDAuNjYtMC4yMyAxLjIyLTAuNjkgMS42OCAtMC40NiAwLjQ3LTEuMDIgMC43LTEuNjcgMC43IC0wLjY0IDAtMS4yLTAuMjQtMS42OC0wLjcxcy0wLjcxLTEuMDMtMC43MS0xLjY2QzExNi4xNyAxMC4xNiAxMTYuNDEgOS42IDExNi44OCA5LjEzeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zNS4zMSAzMS4xOGgtOS4wN3YtMS41MWMwLjc1IDAgMS4yOS0wLjA4IDEuNi0wLjI1IDAuMzItMC4xNyAwLjUxLTAuNCAwLjU4LTAuNyAwLjA3LTAuMyAwLjExLTAuNzggMC4xMS0xLjQzdi00Ljk2YzAtMC43Mi0wLjE2LTEuMzktMC40OC0yIC0wLjMyLTAuNjEtMS4wNS0wLjkyLTIuMi0wLjkyIC0wLjgyIDAtMS41MiAwLjIxLTIuMTIgMC42MSAtMC42IDAuNDEtMS4wNiAwLjk3LTEuMzggMS42OSAtMC4zMiAwLjcyLTAuNDggMS41Mi0wLjQ4IDIuNHYzLjE4YzAgMC42OCAwLjA0IDEuMTcgMC4xMiAxLjQ3IDAuMDggMC4zIDAuMjkgMC41MyAwLjYzIDAuNjkgMC4zNCAwLjE2IDAuODkgMC4yNCAxLjY1IDAuMjR2MS41MWgtOC44OXYtMS41MWMwLjczIDAgMS4yNS0wLjA4IDEuNTgtMC4yNCAwLjMyLTAuMTYgMC41Mi0wLjQgMC41OS0wLjcgMC4wNy0wLjMxIDAuMTEtMC43OSAwLjExLTEuNDR2LTUuMTZjMC0xLjE1LTAuMy0xLjg5LTAuOS0yLjIyIC0wLjYtMC4zMy0xLjE2LTAuNS0xLjY4LTAuNSAtMC43IDAtMS4zNyAwLjE3LTIuMDMgMC41MSAtMC42NSAwLjM0LTEuMTUgMC43OC0xLjQ5IDEuMzEgLTAuMjQgMC4zOS0wLjQgMC43OC0wLjQ3IDEuMTYgLTAuMDcgMC4zOC0wLjExIDAuODYtMC4xMSAxLjQ0djMuNDZjMCAwLjY4IDAuMDQgMS4xNyAwLjEyIDEuNDcgMC4wOCAwLjMgMC4zIDAuNTMgMC42NSAwLjY5IDAuMzUgMC4xNiAwLjkgMC4yNCAxLjY1IDAuMjR2MS41MUg0LjQ1di0xLjUxYzAuNzQgMCAxLjI3LTAuMDggMS41OS0wLjI0IDAuMzItMC4xNiAwLjUyLTAuMzkgMC42LTAuNyAwLjA4LTAuMzEgMC4xMS0wLjc5IDAuMTEtMS40NnYtNS42YzAtMS4wMy0wLjY2LTEuNTQtMS45OC0xLjU0SDMuOTR2LTEuNTFsNi45LTEuNDFjMC4wOSAwLjU4IDAuMTMgMS40MSAwLjEzIDIuNDkgMC43Ny0wLjc3IDEuNTktMS4zOCAyLjQ2LTEuODMgMC44Ny0wLjQ0IDEuODctMC42NiAzLTAuNjYgMS4wNiAwIDIuMDcgMC4yMSAzLjA0IDAuNjJzMS43IDEuMTggMi4xOSAyLjI5YzAuOTktMS4xOCAxLjk1LTEuOTYgMi44Ni0yLjM0IDAuOTItMC4zOCAxLjg2LTAuNTcgMi44My0wLjU3IDEuNzIgMCAzLjA1IDAuNDEgMy45OSAxLjIzIDAuOTQgMC44MiAxLjQxIDIuMDggMS40MSAzLjc3djUuMDZjMCAwLjYxIDAuMDMgMS4wNyAwLjA5IDEuMzhzMC4yMyAwLjU2IDAuNTIgMC43NGMwLjI5IDAuMTggMC43NSAwLjI3IDEuMzggMC4yN2gwLjU3VjMxLjE4eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01MS44IDE5LjI3Yy0wLjQ3IDAuMDctMC44MyAwLjE5LTEuMDkgMC4zNiAtMC4yNiAwLjE4LTAuNSAwLjQ1LTAuNzEgMC44MSAtMC4yMSAwLjM3LTAuNTkgMS4xMS0xLjE0IDIuMjJsLTQuNzkgOS45NmMtMS4wNyAyLjE5LTEuOCAzLjY2LTIuMTggNC4zOCAtMC4zOSAwLjczLTAuODMgMS4zLTEuMzEgMS43MyAtMC40OSAwLjQzLTEuMSAwLjY0LTEuODMgMC42NCAtMC41IDAtMC45NC0wLjE1LTEuMzEtMC40NnMtMC41Ni0wLjY5LTAuNTYtMS4xNmMwLTAuNjcgMC4yMy0xLjE1IDAuNjgtMS40NSAwLjQ1LTAuMyAxLjA0LTAuNTYgMS43Ni0wLjc2IDAuOTctMC4yOCAxLjcxLTAuOCAyLjIyLTEuNTYgMC41MS0wLjc1IDAuOTUtMS41OCAxLjMyLTIuNDdsLTYuMjMtMTAuOTljLTAuMjktMC41My0wLjU2LTAuODgtMC44LTEuMDIgLTAuMjQtMC4xNS0wLjU3LTAuMjItMS0wLjIydi0xLjUxaDcuOTN2MS41MWgtMC41MWMtMC43NSAwLTEuMTMgMC4xOC0xLjEzIDAuNTQgMCAwLjIyIDAuMTUgMC42IDAuNDYgMS4xM2wzLjQ1IDYuMDggMi41NS01LjE5YzAuMzYtMC43NCAwLjU0LTEuMjUgMC41NC0xLjUyIDAtMC4zMy0wLjE2LTAuNTgtMC40OC0wLjc2IC0wLjMyLTAuMTgtMC43LTAuMjctMS4xNC0wLjI3di0xLjUxaDUuM1YxOS4yN3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNjcuNjcgMjguMzFjLTAuNzIgMS4xLTEuNjkgMS45NS0yLjkyIDIuNTNzLTIuNTcgMC44OC00LjAzIDAuODhjLTEuMzcgMC0yLjY3LTAuMjctMy45LTAuOHMtMi4yMy0xLjM1LTMuMDEtMi40NGMtMC43OC0xLjA5LTEuMTctMi40My0xLjE3LTQuMDEgMC0yLjM3IDAuODEtNC4xNyAyLjQyLTUuNCAxLjYxLTEuMjMgMy41My0xLjg0IDUuNzUtMS44NCAxLjY2IDAgMy4wOCAwLjMzIDQuMjggMC45OCAxLjIgMC42NSAyLjExIDEuNTMgMi43MiAyLjY0czAuOTIgMi4zIDAuOTIgMy41OUM2OC43NSAyNS45MSA2OC4zOSAyNy4yMSA2Ny42NyAyOC4zMXoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNODguMzggMzEuMDhjLTAuMzIgMC4wMi0wLjg2IDAuMDYtMS42NSAwLjExIC0wLjc4IDAuMDUtMS42NiAwLjEyLTIuNjQgMC4yMSAtMC45NyAwLjA5LTEuNzYgMC4yLTIuMzUgMC4zMnYtMi4zOWMtMS40IDEuNjItMy4wOSAyLjQyLTUuMDUgMi40MiAtMS40MyAwLTIuNDgtMC4zMS0zLjE3LTAuOTJzLTEuMTEtMS4yOC0xLjI3LTIuMDJjLTAuMTYtMC43My0wLjI0LTEuNTItMC4yNC0yLjM3di00LjgzYzAtMC42NC0wLjA0LTEuMTItMC4xMS0xLjQyIC0wLjA4LTAuMy0wLjI4LTAuNTMtMC42LTAuNjkgLTAuMzMtMC4xNi0wLjg3LTAuMjQtMS42Mi0wLjI0di0xLjUxaDYuNTV2OS4wMmMwIDEuODYgMC43MSAyLjc4IDIuMTQgMi43OCAwLjgyIDAgMS41MS0wLjI5IDIuMDgtMC44OCAwLjU3LTAuNTggMS0xLjE0IDEuMzEtMS42OHYtNS40YzAtMC42OC0wLjA0LTEuMTYtMC4xMi0xLjQ2cy0wLjI5LTAuNTItMC42My0wLjY2Yy0wLjM0LTAuMTUtMC45LTAuMjItMS42OC0wLjIydi0xLjUxaDYuNjV2OS44NmMwIDAuNTEgMC4wNSAwLjkgMC4xNSAxLjE1IDAuMSAwLjI1IDAuMzIgMC40NSAwLjY3IDAuNTggMC4zNSAwLjE0IDAuODggMC4yMSAxLjYgMC4yMlYzMS4wOHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOTcuODggMzAuOTFjLTAuNzggMC41NC0xLjcgMC44LTIuNzYgMC44IC0xLjI5IDAtMi4yMy0wLjI2LTIuODQtMC43OSAtMC42MS0wLjUyLTAuOTktMS4xMS0xLjEzLTEuNzYgLTAuMTQtMC42NS0wLjIxLTEuMzgtMC4yMS0yLjE5di03LjcxSDg4LjQ3di0xLjUxYzEuMDMgMCAxLjkzLTAuMiAyLjctMC41OSAwLjc2LTAuMzkgMS4zNy0wLjkyIDEuODEtMS41OSAwLjQ0LTAuNjcgMC43Mi0xLjM4IDAuODQtMi4xNGgxLjM0djQuMzJoNC42M3YxLjUxaC00LjYydjcuODFjMCAwLjk1IDAuMDYgMS42NCAwLjE5IDIuMDYgMC4xMyAwLjQyIDAuNDMgMC42MyAwLjkyIDAuNjMgMC41MiAwIDAuOTUtMC4yIDEuMjktMC42MXMwLjY3LTAuOTIgMC45OC0xLjUzbDEuNDEgMC42NEM5OS4zNSAyOS41IDk4LjY3IDMwLjM4IDk3Ljg4IDMwLjkxeiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMTIuMTEgMTMuMTZjLTAuMzEtMC40NS0wLjU1LTEuMDMtMC43My0xLjc0IC0wLjI2LTAuOS0wLjc4LTEuMzQtMS41NS0xLjM0IC0wLjczIDAtMS4xOCAwLjI4LTEuMzYgMC44MyAtMC4xOCAwLjU1LTAuMjcgMS40LTAuMjcgMi41M3Y0LjMyaDMuMzJ2MS41MWgtMy4zMnY4LjAxYzAgMC42NiAwLjAzIDEuMTQgMC4xIDEuNDQgMC4wNyAwLjMxIDAuMjQgMC41NCAwLjUyIDAuNyAwLjI4IDAuMTYgMC43NCAwLjI1IDEuNCAwLjI1aDAuNnYxLjUxaC05LjU4di0xLjUxaDAuNzRjMC42IDAgMS4wNC0wLjA4IDEuMzItMC4yNCAwLjI4LTAuMTYgMC40Ny0wLjQgMC41Ni0wLjczIDAuMDktMC4zMyAwLjEzLTAuOCAwLjEzLTEuNDJ2LTguMDFoLTIuNzR2LTEuNTFoMi43NXYtMS45MmMwLTAuNjcgMC4wNC0xLjMxIDAuMTMtMS45NCAwLjA5LTAuNjMgMC4yOS0xLjI4IDAuNi0xLjk2IDAuNC0wLjgzIDAuOTQtMS40OSAxLjU5LTEuOTlzMS4zOC0wLjg1IDIuMTUtMS4wNmMwLjc3LTAuMjEgMS41NS0wLjMyIDIuMzItMC4zMiAxLjI1IDAgMi4yNCAwLjE5IDIuOTYgMC41NiAwLjcyIDAuMzggMS4yMiAwLjgyIDEuNDkgMS4zMiAwLjI3IDAuNSAwLjQxIDAuOTYgMC40MSAxLjM2IDAgMC41OS0wLjIxIDEuMDctMC42NSAxLjQ1IC0wLjQzIDAuMzgtMC45IDAuNTYtMS40IDAuNTZDMTEyLjkxIDEzLjgzIDExMi40MiAxMy42MSAxMTIuMTEgMTMuMTZ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyMi43OCAzMS4xOGgtOC44N3YtMS41MWgwLjQ3YzAuNjMgMCAxLjA5LTAuMDkgMS4zOC0wLjI2czAuNDctMC40MiAwLjUzLTAuNzRjMC4wNy0wLjMyIDAuMS0wLjc4IDAuMS0xLjM5di00Ljg2YzAtMC42OC0wLjA0LTEuMTYtMC4xMi0xLjQ0IC0wLjA4LTAuMjgtMC4yOS0wLjQ5LTAuNjQtMC42MiAtMC4zNC0wLjEzLTAuOTItMC4yLTEuNzItMC4yMXYtMS41MWw2LjctMS40MXYxMC4wNmMwIDAuOTIgMC4xMSAxLjU1IDAuMzQgMS44OCAwLjIzIDAuMzQgMC44NCAwLjUxIDEuODMgMC41MVYzMS4xOHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTMyLjQ5IDMwLjkxYy0wLjc4IDAuNTQtMS43IDAuOC0yLjc2IDAuOCAtMS4yOSAwLTIuMjMtMC4yNi0yLjg0LTAuNzkgLTAuNjEtMC41Mi0wLjk5LTEuMTEtMS4xMy0xLjc2cy0wLjIxLTEuMzgtMC4yMS0yLjE5di03LjcxaC0yLjQ3di0xLjUxYzEuMDMgMCAxLjk0LTAuMiAyLjctMC41OSAwLjc2LTAuMzkgMS4zNi0wLjkyIDEuODEtMS41OSAwLjQ0LTAuNjcgMC43Mi0xLjM4IDAuODQtMi4xNGgxLjM0djQuMzJoNC42M3YxLjUxaC00LjYzdjcuODFjMCAwLjk1IDAuMDYgMS42NCAwLjE5IDIuMDYgMC4xMyAwLjQyIDAuNDMgMC42MyAwLjkyIDAuNjMgMC41MiAwIDAuOTUtMC4yIDEuMjktMC42MXMwLjY3LTAuOTIgMC45OC0xLjUzbDEuNDEgMC42NEMxMzMuOTYgMjkuNSAxMzMuMjggMzAuMzggMTMyLjQ5IDMwLjkxeiIvPjxwYXRoIGQ9Ik02MC42NCAxOC43M2MtMC45IDAtMS42MSAwLjIxLTIuMTIgMC42MSAtMC41MSAwLjQxLTAuODYgMS4wNC0xLjA2IDEuOSAtMC4yIDAuODYtMC4zIDEuOTctMC4zIDMuMzMgMCAxLjY4IDAuMjIgMy4wNCAwLjY3IDQuMDggMC40NSAxLjA0IDEuNDIgMS41NiAyLjkzIDEuNTYgMC45OSAwIDEuNzUtMC4yOSAyLjI2LTAuODZzMC44NS0xLjI4IDEtMi4xM2MwLjE1LTAuODUgMC4yMi0xLjgxIDAuMjItMi44OSAwLTEuODYtMC4yNS0zLjI1LTAuNzQtNC4xOVM2Mi4wNiAxOC43MyA2MC42NCAxOC43M3oiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMC45NSA2Mi4wMmgxMzcuMDJWNDMuMDNIMC45NVY2Mi4wMnoiLz4KPC9zdmc+) no-repeat center right;
    background-position: 0 0;
    width: 12%;
    height: 12%;
    z-index: 1;
    top: 20px;
    padding-top: 4%
}

@media (min-width: 768px) and (max-width: 991px) {
    body.myoutfit-intro .myoutfit-logo .myoutfit-logo-wrapper .myoutfit-svg, body.myoutfit-myoutfit .myoutfit-logo .myoutfit-logo-wrapper .myoutfit-svg {
        top: 10px;
        padding-top: 7%
    }
}

@media (max-width: 767px) {
    body.myoutfit-intro .myoutfit-logo .myoutfit-logo-wrapper .myoutfit-svg, body.myoutfit-myoutfit .myoutfit-logo .myoutfit-logo-wrapper .myoutfit-svg {
        width: 150px;
        height: 35px;
        z-index: 1;
        padding-top: 30%;
        top: -10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body.myoutfit-intro .myoutfit-logo, body.myoutfit-myoutfit .myoutfit-logo {
        top: 6px
    }

    body.myoutfit-intro .myoutfit-logo img, body.myoutfit-myoutfit .myoutfit-logo img {
        width: 75%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.myoutfit-intro .myoutfit-logo, body.myoutfit-myoutfit .myoutfit-logo {
        top: 11px
    }

    body.myoutfit-intro .myoutfit-logo img, body.myoutfit-myoutfit .myoutfit-logo img {
        width: 80%
    }
}

@media (max-width: 767px) {
    body.myoutfit-intro .myoutfit-logo, body.myoutfit-myoutfit .myoutfit-logo {
        top: 12px;
        right: 0;
        width: 30%
    }
}

body.myoutfit-intro .myoutfit-wrapper, body.myoutfit-myoutfit .myoutfit-wrapper {
    padding-top: 5%
}

#myoutfit-selection {
    text-align: center;
    margin: auto;
    display: block
}

@media (min-width: 1680px) {
    #myoutfit-selection {
        width: 70%;
        display: inline-block
    }
}

@media (min-width: 1200px) and (max-width: 1679px) {
    #myoutfit-selection {
        width: 90%;
        display: inline-block
    }
}

#colors.myoutfit .form-group, #brands.myoutfit .form-group {
    width: 31%;
    margin: 4% auto 0
}

@media (max-width: 767px) {
    #colors.myoutfit .form-group, #brands.myoutfit .form-group {
        width: 91%
    }
}

#myoutfit-preferences .form-group {
    margin: 5% auto 8%;
    width: 90%;
    max-width: 445px
}

#myoutfit-preferences .store-expert-item-wrapper {
    width: 60%;
    margin: auto
}

#myoutfit-preferences .store-expert-item-wrapper .store-expert-thumb {
    float: left
}

#myoutfit-preferences .store-expert-item-wrapper blockquote {
    font-size: 2rem;
    font-weight: normal;
    text-transform: none;
    padding-top: 2%
}

@media (min-width: 768px) and (max-width: 991px) {
    #myoutfit-preferences .store-expert-item-wrapper {
        width: 80%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #myoutfit-preferences .store-expert-item-wrapper {
        width: 70%
    }
}

@media (max-width: 767px) {
    #myoutfit-preferences .store-expert-item-wrapper {
        width: 100%;
        margin-top: 20%
    }
}

#addItems.myoutfit textarea {
    width: 50%;
    height: 150px;
    margin-top: 5%
}

@media (max-width: 767px) {
    #addItems.myoutfit textarea {
        width: 100%
    }
}

#consulting.myoutfit .form-group-wrapper {
    text-align: center
}

#consulting.myoutfit .form-group {
    width: 25%;
    display: inline-table;
    margin: 3% 1%;
    text-align: left
}

@media (min-width: 768px) and (max-width: 991px) {
    #consulting.myoutfit .form-group {
        width: 30%
    }
}

@media (max-width: 767px) {
    #consulting.myoutfit .form-group {
        width: 100%
    }
}

#type.myoutfit h3 {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 2%
}

#TableSizes .modal-body .table tbody tr td {
    padding: 8px;
    text-align: center
}

#TableSizes .modal-body .table tbody tr td:first-child {
    text-align: left
}

#TableSizes .modal-dialog {
    width: 900px
}

@media (min-width: 768px) and (max-width: 991px) {
    #TableSizes .modal-dialog {
        width: 90%
    }
}

@media (max-width: 767px) {
    #TableSizes .modal-dialog {
        width: auto
    }
}

body.myoutfit-intro header, body.myoutfit-myoutfit header, body.myoutfit-intro .service, body.myoutfit-myoutfit .service {
    display: block
}

.content-main {
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%;
    padding-right: 0
}

@media (min-width: 768px) {
    .content-main {
        float: left;
        width: 80%
    }
}

@media (max-width: 767px) {
    .content-main {
        padding: 0
    }
}

.content-secondary {
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%;
    padding-left: 0;
    padding-right: 1.5%
}

@media (max-width: 767px) {
    .content-secondary {
        display: none !important
    }
}

@media (min-width: 768px) {
    .content-secondary {
        float: left;
        width: 20%
    }
}

aside {
    position: relative;
    min-height: 1px;
    padding-left: .85%;
    padding-right: .85%
}

@media (min-width: 768px) {
    aside {
        float: left;
        width: 40%
    }
}

@media (min-width: 768px) {
    aside {
        margin-right: 6.66666667%
    }
}

form#login .login-myoutfit fieldset .form-group {
    display: inline-table;
    margin-left: 0;
    width: 100%;
}

form#registration-myoutfit .col-left, form#registration-myoutfit .col-right {
    float: left;
    width: 50%;
}
form#registration-myoutfit .col-left, form#registration-myoutfit .col-right {
    min-height: 1px;
    padding: 0 2%;
    position: relative;
    text-align: left;
}

form#registration-myoutfit .customercard fieldset > .form-group, form#registration-myoutfit .password fieldset > .form-group, form#registration-myoutfit .contactinfo fieldset > .form-group {
    display: inline-table;
    width: 100%;
}
.form-group {
    margin-bottom: 15px;
}

.radio-btn-group .radio-btn {
    display: table;
    padding: 0 20px;
}

.radio-btn-group .radio-selection li {
    display: inline-block;
}

.radio-btn-group {
    display: block;
}

.radio-btn-group .radio-selection {
    display: block;
    margin: 5% 0 0;
}
a.btn-form {
    background-color: #dbc4a9;
    border: 2px solid #dbc4a9;
    color: #fff;
}
a.btn-primary, a.btn-secondary, a.btn-tertiary, a.btn-myoutfit, a.btn-form, button.btn-secondary, button.btn-submit {
    display: inline-block;
    font-family: "Livory W01","Times New Roman",Times,serif;
    font-style: italic;
    font-weight: bold;
    margin: 2%;
    outline: 0 none;
    overflow: hidden;
    padding: 7px 27px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    z-index: 998;
}
form#login .login-myoutfit fieldset button {
    width: 95%;
}


form#registration-myoutfit .form-group.street, form#registration-myoutfit .form-group.zipCode {
    margin-right: 3%;
}
form#registration-myoutfit .form-group.street, form#registration-myoutfit .form-group.city {
    display: inline-block !important;
    width: 66% !important;
}
form#registration-myoutfit .form-group-wrapper > * {
    vertical-align: top;
}
form#registration-myoutfit .form-group.streetNumber, form#registration-myoutfit .form-group.zipCode {
    display: inline-block !important;
    width: 30% !important;
}

form#registration-myoutfit .form-group.has-success input:required {
    background-color: #fff;
}
form#registration-myoutfit .form-group.has-success input:required, form#registration-myoutfit .form-group.has-success .radio-btn-group {
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzMuMzMiIGhlaWdodD0iMjEuNTQiIHZpZXdCb3g9IjEzLjQ1IDkuODIgMzMuMzMgMjEuNTQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMTMuNDQ4IDkuODIzIDMzLjMzMyAyMS41NDEiIHhtbDpzcGFjZT0icHJlc2VydmUiPgogIDxwYXRoIGZpbGw9IiM5NkVFQjQiIGQ9Ik0yNC4yMiA5LjgyYzUuOTUgMCAxMC43NyA0LjgyIDEwLjc3IDEwLjc3cy00LjgyIDEwLjc3LTEwLjc3IDEwLjc3IC0xMC43Ny00LjgyLTEwLjc3LTEwLjc3UzE4LjI3IDkuODIgMjQuMjIgOS44MnoiLz4KICA8cGF0aCBkPSJNMjguMyAxNi42NGwtMC40OS0wLjI4Yy0wLjI3LTAuMTUtMC42Mi0wLjA2LTAuNzcgMC4yMWwtMy41OCA1LjM3IC0yLjQ4LTEuNjdjLTAuMjctMC4xNi0wLjYyLTAuMDYtMC43NyAwLjIxbC0wLjI4IDAuNDljLTAuMTUgMC4yNy0wLjA2IDAuNjIgMC4yMSAwLjc3bDIuNjkgMS44MWMwLjA1IDAuMDcgMC4xIDAuMTIgMC4xOCAwLjE3bDAuNDkgMC4yOWMwLjI3IDAuMTUgMC42MiAwLjA2IDAuNzctMC4yMWw0LjI0LTYuMzdDMjguNjcgMTcuMTQgMjguNTcgMTYuOCAyOC4zIDE2LjY0eiIvPgo8L3N2Zz4=") no-repeat scroll right center;
}
.label {
    display:none;
}