/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

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

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

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

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 2000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.owl-dots{
    display: none;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

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

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

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

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .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, .col-sm-auto, .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, .col-md-auto, .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, .col-lg-auto, .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, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    order: -1
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.offset-1 {
    margin-left: 8.3333333333%
}

.offset-2 {
    margin-left: 16.6666666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.3333333333%
}

.offset-5 {
    margin-left: 41.6666666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.3333333333%
}

.offset-8 {
    margin-left: 66.6666666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.3333333333%
}

.offset-11 {
    margin-left: 91.6666666667%
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-1 {
        order: 1
    }

    .order-sm-2 {
        order: 2
    }

    .order-sm-3 {
        order: 3
    }

    .order-sm-4 {
        order: 4
    }

    .order-sm-5 {
        order: 5
    }

    .order-sm-6 {
        order: 6
    }

    .order-sm-7 {
        order: 7
    }

    .order-sm-8 {
        order: 8
    }

    .order-sm-9 {
        order: 9
    }

    .order-sm-10 {
        order: 10
    }

    .order-sm-11 {
        order: 11
    }

    .order-sm-12 {
        order: 12
    }

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

    .offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .offset-sm-2 {
        margin-left: 16.6666666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        order: -1
    }

    .order-md-1 {
        order: 1
    }

    .order-md-2 {
        order: 2
    }

    .order-md-3 {
        order: 3
    }

    .order-md-4 {
        order: 4
    }

    .order-md-5 {
        order: 5
    }

    .order-md-6 {
        order: 6
    }

    .order-md-7 {
        order: 7
    }

    .order-md-8 {
        order: 8
    }

    .order-md-9 {
        order: 9
    }

    .order-md-10 {
        order: 10
    }

    .order-md-11 {
        order: 11
    }

    .order-md-12 {
        order: 12
    }

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

    .offset-md-1 {
        margin-left: 8.3333333333%
    }

    .offset-md-2 {
        margin-left: 16.6666666667%
    }

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

    .offset-md-4 {
        margin-left: 33.3333333333%
    }

    .offset-md-5 {
        margin-left: 41.6666666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.3333333333%
    }

    .offset-md-8 {
        margin-left: 66.6666666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.3333333333%
    }

    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-1 {
        order: 1
    }

    .order-lg-2 {
        order: 2
    }

    .order-lg-3 {
        order: 3
    }

    .order-lg-4 {
        order: 4
    }

    .order-lg-5 {
        order: 5
    }

    .order-lg-6 {
        order: 6
    }

    .order-lg-7 {
        order: 7
    }

    .order-lg-8 {
        order: 8
    }

    .order-lg-9 {
        order: 9
    }

    .order-lg-10 {
        order: 10
    }

    .order-lg-11 {
        order: 11
    }

    .order-lg-12 {
        order: 12
    }

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

    .offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .offset-lg-2 {
        margin-left: 16.6666666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    .col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    .col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    .col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    .col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-1 {
        order: 1
    }

    .order-xl-2 {
        order: 2
    }

    .order-xl-3 {
        order: 3
    }

    .order-xl-4 {
        order: 4
    }

    .order-xl-5 {
        order: 5
    }

    .order-xl-6 {
        order: 6
    }

    .order-xl-7 {
        order: 7
    }

    .order-xl-8 {
        order: 8
    }

    .order-xl-9 {
        order: 9
    }

    .order-xl-10 {
        order: 10
    }

    .order-xl-11 {
        order: 11
    }

    .order-xl-12 {
        order: 12
    }

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

    .offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .offset-xl-2 {
        margin-left: 16.6666666667%
    }

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

    .offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.list-inline, .header .settings ul, .header .settings ul .dropdown .dropdown-menu {
    padding-left: 0
}

.list-inline li, .header .settings ul li, .header .settings ul .dropdown .dropdown-menu li {
    list-style-type: none;
    display: inline-block
}

.dl-inline dt, .header .after dl dt {
    float: left;
    clear: left;
    width: 50%;
    text-align: right
}

.dl-inline dd, .header .after dl dd {
    margin: 0 0 0 50%;
    text-align: left;
    padding-left: 5px
}

.main-gradient, .home .home-nav .links a:before, .catalog .slider .catalog-slider .item:before {
    background: -moz-linear-gradient(top, transparent 0%, #181818 120%);
    background: -webkit-linear-gradient(top, transparent 0%, #181818 120%);
    background: linear-gradient(to bottom, transparent 0%, #181818 120%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#181818', GradientType=0);
}

.home .slider .item:before{
    background: -moz-linear-gradient(top, transparent 40%, #181818 100%);
    background: -webkit-linear-gradient(top, transparent 40%, #181818 100%);
    background: linear-gradient(to bottom, transparent 40%, #181818 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#181818', GradientType=0);
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 1.2s linear;
}

.home .slider .item.hidden:before{
    visibility: hidden;
    opacity: 0;
}

@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/OpenSans-Regular.eot?") format("eot"), url("fonts/OpenSans-Regular.woff2") format("woff2"), url("fonts/OpenSans-Regular.woff") format("woff"), url("fonts/OpenSans-Regular.ttf") format("truetype"), url('fonts/OpenSans-Regular.svg#str-replace(OpenSans, " ", "_")') format("svg")
}

@font-face {
    font-family: "OpenSans";
    font-style: italic;
    font-weight: 400;
    src: url("fonts/OpenSans-Italic.eot?") format("eot"), url("fonts/OpenSans-Italic.woff2") format("woff2"), url("fonts/OpenSans-Italic.woff") format("woff"), url("fonts/OpenSans-Italic.ttf") format("truetype"), url('fonts/OpenSans-Italic.svg#str-replace(OpenSans, " ", "_")') format("svg")
}

@font-face {
    font-family: "OpenSans";
    font-style: normal;
    font-weight: 700;
    src: url("fonts/OpenSans-Bold.eot?") format("eot"), url("fonts/OpenSans-Bold.woff2") format("woff2"), url("fonts/OpenSans-Bold.woff") format("woff"), url("fonts/OpenSans-Bold.ttf") format("truetype"), url('fonts/OpenSans-Bold.svg#str-replace(OpenSans, " ", "_")') format("svg")
}

html {
    font-family: "OpenSans";
    font-size: 100%;
    color: #232323;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: auto;
    -moz-text-size-adjust: auto;
    -ms-text-size-adjust: auto;
    -o-text-size-adjust: auto;
    text-size-adjust: auto
}

p {
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 30px
}

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

ul li, ol li {
    line-height: 1.5
}

nav, ul, ol, dl {
    padding-left: 0;
    list-style: none
}

blockquote {
    line-height: 1.5;
    margin-top: 1.5;
    margin-bottom: 1.5
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.5;
    font-weight: 400
}

h1, .h1 {
    font-size: 36px
}

@media only screen and (max-width: 1199px) {
    h1, .h1 {
        font-size: 25px
    }
}

h2, .h2 {
    font-size: 33px
}

@media only screen and (max-width: 1199px) {
    h2, .h2 {
        font-size: 22px
    }
}

h3, .h3 {
    font-size: 16px;
    font-weight: 700
}

h4, .h4 {
    font-size: 16px;
    font-weight: 700
}

h5, .h5 {
    font-size: 16px;
    font-weight: 700
}

h6, .h6 {
    font-size: 16px;
    font-weight: 700
}

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

.main-text {
    font-weight: 700;
    color: #e71b1b
}

.bold {
    font-weight: 700
}

.btn {
    border: 0;
    background-color: transparent;
    outline: none;
    line-height: 1;
    display: inline-block;
    cursor: pointer
}

.btn.btn-empty {
    background-color: transparent;
    border: 0
}

.btn.btn-main {
    background-color: #e71b1b;
    color: #fff;
    font-style: italic;
    padding: 20px 30px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px
}

.form input {
    height: 45px
}

.form input, .form textarea {
    width: 100%;
    padding: 15px;
    border: 0;
    background: #cccccc;
    margin-bottom: 30px;
    color: #181818
}

.form ::-webkit-input-placeholder {
    color: #181818;
    font-style: italic
}

.form ::-moz-placeholder {
    color: #181818;
    font-style: italic
}

.form :-ms-input-placeholder {
    color: #181818;
    font-style: italic
}

.form :-moz-placeholder {
    color: #181818;
    font-style: italic
}

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

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 16px;
    text-align: left;
    background-color: red;
    border-radius: 4px;
    background-clip: padding-box
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    color: #fff;
    white-space: nowrap
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    text-decoration: none;
    outline: 0
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none
}

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

.open > a {
    outline: 0
}

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

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

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

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

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: red dashed;
    border-bottom: red solid \9;
    content: ""
}

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

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

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

.dropdown-menu.dropdown-main {
    background-color: #181818;
    border-radius: 0;
    padding: 30px;
    background-clip: padding-box;
    height: auto;
    overflow-y: scroll
}

.dropdown-menu.dropdown-main::-webkit-scrollbar-thumb {
    background-color: #e71b1b
}

.dropdown-menu.dropdown-main::-webkit-scrollbar {
    width: 5px;
    background-color: #181818
}

.dropdown-menu.dropdown-main > li > a {
    color: #767676;
    text-transform: uppercase
}

.header {
    width: 290px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #181818;
    padding: 60px 20px;
    text-align: center;
    z-index: 1;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

@media only screen and (max-width: 991px) {
    .header {
        opacity: 0;
        left: -290px
    }
}

.header .logo {
    text-align: center;
    margin-bottom: 60px
}

.header .logo a {
    display: inline-block;
    width: 90%;
    max-width: 120px
}

.header .logo a img {
    width: 100%
}

.header nav.nav {
    margin-bottom: 90px
}

.header nav.nav li {
    margin-bottom: 30px
}

.header nav.nav li a {
    text-transform: uppercase;
    color: #767676
}

.header nav.nav li a.active {
    color: #f3f3f3
}

.header .settings {
    margin-bottom: 60px
}

.header .settings ul .dropdown button {
    display: block;
    height: 25px;
    width: 25px;
    text-indent: 50px;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.header .settings ul .dropdown button.social {
    background-image: url("../img/icon-social.svg")
}

.header .settings ul .dropdown button.search {
    background-image: url("../img/icon-search.svg");
    margin: 0 20px
}

.header .settings ul .dropdown button.language {
    background-image: url("../img/icon-language.svg")
}

.header .settings ul .dropdown button:hover {
    opacity: .75
}

.header .settings ul .dropdown.open button {
    opacity: .5
}

.header .settings ul .dropdown .dropdown-menu {
    background-color: #e71b1b;
    top: auto;
    bottom: 100%;
    margin-bottom: 15px;
    min-width: 90px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 5px;
    text-align: center
}

.header .settings ul .dropdown .dropdown-menu::after {
    position: absolute;
    bottom: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-top: 6px solid #e71b1b;
    border-left: 6px solid transparent;
    content: ''
}

.header .settings ul .dropdown .dropdown-menu li {
    vertical-align: middle
}

.header .settings ul .dropdown .dropdown-menu a {
    padding: 0
}

.header .settings ul .dropdown .dropdown-menu.social-dropdown a {
    display: block;
    height: 17px;
    width: 17px;
    text-indent: 40px;
    overflow: hidden;
    margin: 0 5px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.header .settings ul .dropdown .dropdown-menu.social-dropdown a:hover {
    opacity: 0.75
}

.header .settings ul .dropdown .dropdown-menu.social-dropdown a.facebook {
    background-image: url("../img/icon-facebook.svg")
}

.header .settings ul .dropdown .dropdown-menu.social-dropdown a.twitter {
    background-image: url("../img/icon-twitter.svg")
}

.header .settings ul .dropdown .dropdown-menu.social-dropdown a.instagram {
    background-image: url("../img/icon-instagram.svg")
}

.header .settings ul .dropdown .dropdown-menu.search-dropdown input {
    width: 90px;
    background: transparent;
    border: 0;
    color: white;
    padding: 5px;
    outline: 0;
    text-align: center
}

.header .settings ul .dropdown .dropdown-menu.search-dropdown ::-webkit-input-placeholder {
    color: #ffcece;
    font-style: italic
}

.header .settings ul .dropdown .dropdown-menu.search-dropdown ::-moz-placeholder {
    color: #ffcece;
    font-style: italic
}

.header .settings ul .dropdown .dropdown-menu.search-dropdown :-ms-input-placeholder {
    color: #ffcece;
    font-style: italic
}

.header .settings ul .dropdown .dropdown-menu.search-dropdown :-moz-placeholder {
    color: #ffcece;
    font-style: italic
}

.header .settings ul .dropdown .dropdown-menu.language-dropdown a {
    text-transform: uppercase;
    margin: 0 5px
}

.header .after dl dt, .header .after dl dd {
    font-size: 14px;
    margin-bottom: 15px
}

.header .after dl dt {
    color: #767676
}

.header .after dl dd {
    color: #f3f3f3;
    text-transform: uppercase
}

.mobile-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #181818
}

.mobile-header .logo {
    display: inline-block;
    width: 50px;
    padding: 10px;
    float: left
}

.mobile-header .open-mobile-menu {
    padding: 13px 10px 5px;
    float: right
}

.mobile-header .open-mobile-menu a {
    display: block;
    width: 25px;
    height: 25px
}

.mobile-header .open-mobile-menu a span {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.mobile-header .open-mobile-menu a span + span {
    margin-top: 4px
}

.mobile-header .open-mobile-menu a.close-menu span {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.mobile-header .open-mobile-menu a.close-menu span:first-child {
    -moz-transform: rotate(-45deg) translate(-6px, 8px);
    -o-transform: rotate(-45deg) translate(-6px, 8px);
    -ms-transform: rotate(-45deg) translate(-6px, 8px);
    -webkit-transform: rotate(-45deg) translate(-6px, 8px);
    transform: rotate(-45deg) translate(-6px, 8px)
}

.mobile-header .open-mobile-menu a.close-menu span:last-child {
    -moz-transform: rotate(45deg) translate(0, -2px);
    -o-transform: rotate(45deg) translate(0, -2px);
    -ms-transform: rotate(45deg) translate(0, -2px);
    -webkit-transform: rotate(45deg) translate(0, -2px);
    transform: rotate(45deg) translate(0, -2px)
}

@media only screen and (min-width: 992px) {
    .mobile-header {
        display: none
    }
}

@media only screen and (max-width: 991px) {
    .header.opened-menu {
        display: block;
        width: 100%;
        left: 0;
        z-index: 10;
        opacity: 1
    }
}

.sceneElement {
    padding-left: 290px
}

@media only screen and (max-width: 991px) {
    .sceneElement {
        padding-left: 0
    }
}

body * {
    box-sizing: border-box
}

.close-view {
    display: inline-block;
    width: 45px;
    height: 45px;
    text-indent: 60px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url("../img/btn-close.svg")
}

.date {
    font-size: 14px
}

.owl-nav > div, .owl-nav button {
    width: 45px;
    height: 45px;
    text-indent: 60px;
    overflow: hidden;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.owl-nav button{
    background: none;
    border: none;
    display: block;
}

.owl-nav .owl-prev {
    background-image: url("../img/btn-leftarrow.svg")
}

.owl-nav .owl-next {
    background-image: url("../img/btn-rightarrow.svg")
}

.single-products, .catalog-single, .brands-single, .about-us {
    position: relative
}

.single-products .product-image, .catalog-single .product-image, .brands-single .product-image, .about-us .product-image {
    position: fixed;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    padding-left: 290px;
    z-index: -1
}

@media only screen and (max-width: 991px) {
    .single-products .product-image, .catalog-single .product-image, .brands-single .product-image, .about-us .product-image {
        display: none
    }
}

.single-products .product-image div, .catalog-single .product-image div, .brands-single .product-image div, .about-us .product-image div {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat
}

.single-products .list, .catalog-single .list, .brands-single .list, .about-us .list {
    padding-left: 50%;
    width: 100%
}

.single-products .list > div, .catalog-single .list > div, .brands-single .list > div, .about-us .list > div {
    padding: 60px
}

.single-products .list .title .h3, .catalog-single .list .title .h3, .brands-single .list .title .h3, .about-us .list .title .h3, .single-products .list .title .dropdown, .catalog-single .list .title .dropdown, .brands-single .list .title .dropdown, .about-us .list .title .dropdown {
    display: inline-block
}

.single-products .list .title h1.h3, .catalog-single .list .title h1.h3, .brands-single .list .title h1.h3, .about-us .list .title h1.h3 {
    padding-right: 10px;
    border-right: 2px solid #232323
}

.single-products .list .title .btn, .catalog-single .list .title .btn, .brands-single .list .title .btn, .about-us .list .title .btn {
    font-style: italic
}

.single-products .list .title .btn .h3, .catalog-single .list .title .btn .h3, .brands-single .list .title .btn .h3, .about-us .list .title .btn .h3 {
    font-style: normal
}

.single-products .list .about, .catalog-single .list .about, .brands-single .list .about, .about-us .list .about {
    margin-bottom: 60px
}

@media only screen and (max-width: 991px) {
    .single-products .list, .catalog-single .list, .brands-single .list, .about-us .list {
        padding-left: 0
    }
}

.single-products .list .item, .catalog-single .list .item, .brands-single .list .item, .about-us .list .item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    max-width: 50%
}

.single-products .list .item img, .catalog-single .list .item img, .brands-single .list .item img, .about-us .list .item img {
    width: 100%;
    margin-bottom: 10px
}

.single-products .list .item p, .catalog-single .list .item p, .brands-single .list .item p, .about-us .list .item p {
    font-style: italic;
    font-size: 14px;
    margin-bottom: 37.2px
}

.news-lists .main-news, .news .main-news, .solutions .main-news {
    padding: 60px
}

@media only screen and (max-width: 991px) {
    .news-lists .main-news, .news .main-news, .solutions .main-news {
        padding: 60px 30px;
        height: 100% !important
    }
}

.news-lists .main-news a, .news .main-news a, .solutions .main-news a {
    display: block;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.news-lists .main-news .img, .news .main-news .img, .solutions .main-news .img, .news-lists .main-news .text, .news .main-news .text, .solutions .main-news .text {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    max-width: 50%
}

@media only screen and (max-width: 520px) {
    .news-lists .main-news .img, .news .main-news .img, .solutions .main-news .img, .news-lists .main-news .text, .news .main-news .text, .solutions .main-news .text {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.news-lists .main-news .img, .news .main-news .img, .solutions .main-news .img {
    overflow: hidden;
    padding-right: 60px
}

@media only screen and (max-width: 991px) {
    .news-lists .main-news .img, .news .main-news .img, .solutions .main-news .img {
        padding-right: 30px
    }
}

@media only screen and (max-width: 520px) {
    .news-lists .main-news .img, .news .main-news .img, .solutions .main-news .img {
        height: 50%;
        padding: 0;
        margin-bottom: 15px
    }
}

.news-lists .main-news .img img, .news .main-news .img img, .solutions .main-news .img img {
    min-height: 100%;
    min-width: 100%
}

@media only screen and (max-width: 520px) {
    .news-lists .main-news .img img, .news .main-news .img img, .solutions .main-news .img img {
        max-width: 100%
    }
}

.news-lists .main-news .text, .news .main-news .text, .solutions .main-news .text {
    padding-left: 60px;
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column
}

@media only screen and (max-width: 991px) {
    .news-lists .main-news .text, .news .main-news .text, .solutions .main-news .text {
        padding-left: 30px
    }
}

@media only screen and (max-width: 520px) {
    .news-lists .main-news .text, .news .main-news .text, .solutions .main-news .text {
        padding: 0
    }
}

.news-lists .other-news-main, .news .other-news-main, .solutions .other-news-main {
    padding: 0 30px
}

@media only screen and (max-width: 991px) {
    .news-lists .other-news-main, .news .other-news-main, .solutions .other-news-main {
        padding: 0
    }
}

.news-lists .other-news-main .news-slider, .news .other-news-main .news-slider, .solutions .other-news-main .news-slider {
    height: 100%
}

@media only screen and (max-width: 991px) {
    .news-lists .other-news-main .news-slider, .news .other-news-main .news-slider, .solutions .other-news-main .news-slider {
        height: auto
    }
}

.news-lists .other-news-main .item, .news .other-news-main .item, .solutions .other-news-main .item {
    padding: 0 30px
}

@media only screen and (max-width: 991px) {
    .news-lists .other-news-main .item, .news .other-news-main .item, .solutions .other-news-main .item {
        padding: 0 15px
    }
}

.news-lists .other-news-main .item a, .news .other-news-main .item a, .solutions .other-news-main .item a {
    display: block;
    height: 100%
}

.news-lists .other-news-main .item img, .news .other-news-main .item img, .solutions .other-news-main .item img {
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

.news-lists .other-news-main .item span, .news .other-news-main .item span, .solutions .other-news-main .item span {
    display: block;
    margin-bottom: 15px
}

.news-lists .other-news-main .owl-nav, .news .other-news-main .owl-nav, .solutions .other-news-main .owl-nav {
    position: absolute;
    bottom: 90px;
    left: 30px
}

@media only screen and (max-width: 991px) {
    .news-lists .other-news-main .owl-nav, .news .other-news-main .owl-nav, .solutions .other-news-main .owl-nav {
        bottom: -90px
    }
}

.news-lists .other-news-main .owl-nav > div, .news .other-news-main .owl-nav > div, .solutions .other-news-main .owl-nav > div {
    display: inline-block
}

.news-lists .other-news-main .owl-nav .owl-prev, .news .other-news-main .owl-nav .owl-prev, .solutions .other-news-main .owl-nav .owl-prev {
    margin-right: 15px
}

.news-singles .content, .news-single .content, .solution-single .content {
    padding: 60px
}

@media only screen and (max-width: 991px) {
    .news-singles .content, .news-single .content, .solution-single .content {
        padding: 60px 30px
    }
}

.news-singles .content h1, .news-single .content h1, .solution-single .content h1 {
    margin-bottom: 30px
}

.news-singles .content .img, .news-single .content .img, .solution-single .content .img {
    margin-bottom: 60px
}

.news-singles .content .img img, .news-single .content .img img, .solution-single .content .img img {
    width: 100%
}

.news-singles .content .gallery, .news-single .content .gallery, .solution-single .content .gallery {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    margin: 0
}

.news-singles .content .gallery a, .news-single .content .gallery a, .solution-single .content .gallery a {
    display: block;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0
}

.news-singles .content .gallery a img, .news-single .content .gallery a img, .solution-single .content .gallery a img {
    width: 100%
}

.news-singles .text, .news-single .text, .solution-single .text {
    padding: 0 60px
}

@media only screen and (max-width: 991px) {
    .news-singles .text, .news-single .text, .solution-single .text {
        padding: 0 15px
    }
}

.news-singles .other-news-single, .news-single .other-news-single, .solution-single .other-news-single {
    margin-top: 120px
}

.news-singles .other-news-single:after, .news-single .other-news-single:after, .solution-single .other-news-single:after {
    content: "";
    display: table;
    clear: both
}

.news-singles .other-news-single .item, .news-single .other-news-single .item, .solution-single .other-news-single .item {
    display: inline-block;
	margin-right: 10px;
}

@media only screen and (max-width: 991px) {
    .news-singles .other-news-single .item, .news-single .other-news-single .item, .solution-single .other-news-single .item {
        margin-bottom: 30px
    }
}

.news-singles .other-news-single .item .img, .news-single .other-news-single .item .img, .solution-single .other-news-single .item .img, .news-singles .other-news-single .item .text, .news-single .other-news-single .item .text, .solution-single .other-news-single .item .text {
    display: inline-block;
    vertical-align: middle
}

.news-singles .other-news-single .item .img, .news-single .other-news-single .item .img, .solution-single .other-news-single .item .img {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: 0
}

@media only screen and (max-width: 991px) {
    .news-singles .other-news-single .item .img, .news-single .other-news-single .item .img, .solution-single .other-news-single .item .img {
        width: 100%;
        height: auto
    }
}

.news-singles .other-news-single .item .img img, .news-single .other-news-single .item .img img, .solution-single .other-news-single .item .img img {
    min-width: 100%;
    min-height: 100%
}

.news-singles .other-news-single .item .text, .news-single .other-news-single .item .text, .solution-single .other-news-single .item .text {
    padding: 30px;
    max-width: 200px
}

@media only screen and (max-width: 991px) {
    .news-singles .other-news-single .item .text, .news-single .other-news-single .item .text, .solution-single .other-news-single .item .text {
        width: 48%;
        padding: 0 0 0 15px
    }

    .news-singles .other-news-single .item.left, .news-single .other-news-single .item.left, .solution-single .other-news-single .item.left{
        width: 48%;
    }
}

.news-singles .other-news-single .item .text .date, .news-single .other-news-single .item .text .date, .solution-single .other-news-single .item .text .date {
    display: block
}

.news-singles .other-news-single .item .text h6, .news-single .other-news-single .item .text h6, .solution-single .other-news-single .item .text h6 {
    margin-bottom: 0
}

.news-singles .other-news-single .item.left, .news-single .other-news-single .item.left, .solution-single .other-news-single .item.left {
    float: left
}

.news-singles .other-news-single .item.right, .news-single .other-news-single .item.right, .solution-single .other-news-single .item.right {
    float: right;
    text-align: right
}

.news-singles .other-news-single .item.right .text, .news-single .other-news-single .item.right .text, .solution-single .other-news-single .item.right .text {
    text-align: right
}

@media only screen and (max-width: 991px) {
    .news-singles .other-news-single .item.right .text, .news-single .other-news-single .item.right .text, .solution-single .other-news-single .item.right .text {
        padding: 0 15px 0 0
    }
}

.home .slider {
    position: relative
}

.home .slider:focus {
    outline: none
}

.home .slider .owl-carousel, .home .slider .owl-stage-outer, .home .slider .owl-stage, .home .slider .owl-item {
    height: 100%
}

.home .slider .owl-nav {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 30px 60px
}

.home .slider .owl-nav > div {
    display: inline-block
}

.home .slider .owl-nav .owl-prev {
    margin-right: 15px;
    margin-bottom: 10px;
}

.home .slider .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home .slider .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: -1
}

.home .slider .item .text {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 30%;
    padding: 0 30px 60px;
    color: #f3f3f3
}

.home .slider .item .text .h1 {
    width: 70%
}

.home .slider .go-down {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center
}

.home .slider .go-down a {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 30px;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 2px solid #b9b9b9;
    border-right: 2px solid #b9b9b9;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home .home-nav {
    position: relative
}

.home .home-nav:focus {
    outline: none
}

.home .home-nav .links {
    height: 100%
}

.home .home-nav .links a {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.home .home-nav .links a.news {
    background-image: url("../img/news-link.jpg")
}

.home .home-nav .links a.about {
    background-image: url("../img/about-link2.jpg")
}

.home .home-nav .links a.solution {
    background-image: url("../img/solution-link.jpg")
}

.home .home-nav .links a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home .home-nav .links a h2 {
    position: absolute;
    color: #fff;
    left: 30px;
    right: 30px;
    bottom: 60px
}

@media only screen and (max-width: 991px) {
    .home .home-nav .links a h2 {
        bottom: 15px
    }
}

.home .home-nav .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-right: 105px
}

.home .home-nav .footer p {
    margin: 60px 30px;
    font-size: 12px
}

@media only screen and (max-width: 991px) {
    .home .home-nav .footer p {
        margin: 30px 15px
    }
}

.home .home-nav .footer p span {
    line-height: 1;
    font-weight: 700;
    vertical-align: top
}

.home .home-nav .footer .go-up {
    position: absolute;
    bottom: 50%;
    margin-bottom: -15px;
    right: 30px;
    width: auto
}

.home .home-nav .footer .go-up a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: 60px;
    overflow: hidden;
    white-space: nowrap;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-image: url("../img/btn-leftarrow.svg");
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.catalog .close-view {
    position: absolute;
    left: 45px;
    bottom: 50%;
    margin-bottom: -75px
}

@media only screen and (max-width: 991px) {
    .catalog .close-view {
        bottom: 45px;
        margin-bottom: 0
    }
}

.catalog .slider {
    position: relative;
    padding: 60px 0 60px 135px
}

@media only screen and (max-width: 991px) {
    .catalog .slider {
        padding: 60px 0 120px 30px
    }
}

.catalog .slider .catalog-slider, .catalog .slider .catalog-slider .owl-stage-outer, .catalog .slider .catalog-slider .owl-stage, .catalog .slider .catalog-slider .owl-item, .catalog .slider .catalog-slider .item {
    height: 100%
}

.catalog .slider .catalog-slider .owl-nav {
    position: absolute;
    left: -90px;
    top: 50%;
    margin-top: -90px
}

@media only screen and (max-width: 991px) {
    .catalog .slider .catalog-slider .owl-nav {
        bottom: -75px;
        top: auto;
        margin-top: 0;
        margin-bottom: -3px;
        left: auto;
        right: 45px
    }
}

@media only screen and (max-width: 991px) {
    .catalog .slider .catalog-slider .owl-nav > div {
        display: inline-block
    }
}

.catalog .slider .catalog-slider .owl-nav .owl-prev {
    margin-bottom: 15px
}

@media only screen and (max-width: 991px) {
    .catalog .slider .catalog-slider .owl-nav .owl-prev {
        margin-bottom: 0;
        margin-right: 15px
    }
}

.catalog .slider .catalog-slider .item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: relative;
    margin: 0 39px 0 0
}

.catalog .slider .catalog-slider .item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%
}

.catalog .slider .catalog-slider .item.fabrics {
    background-image: url("../img/catalog-fabric.jpg")
}

.catalog .slider .catalog-slider .item.wallpapers {
    background-image: url("../img/catalog-wallpapers.jpg")
}

.catalog .slider .catalog-slider .item a {
    display: block;
    height: 100%
}

.catalog .slider .catalog-slider .item a h2 {
    color: #fff;
    position: absolute;
    bottom: 60px;
    left: 30px;
    right: 30px
}

.catalog-single .product-image div {
    background-image: url("../img/catalog-wallpapers.jpg")
}

.brands .close-view {
    position: fixed;
    left: 320px;
    bottom: 50%;
    margin-bottom: -20px
}

@media only screen and (max-width: 991px) {
    .brands .close-view {
        bottom: 45px;
        margin-bottom: 0
    }
}

.brands .items {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 60px 60px 60px 135px
}

@media only screen and (max-width: 991px) {
    .brands .items {
        padding: 60px
    }
}

.brands .items .item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    height: 240px;
    margin-bottom: 30px
}

@media only screen and (max-width: 1199px) {
    .brands .items .item {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media only screen and (max-width: 991px) {
    .brands .items .item {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.brands .items .item > div {
    height: 100%
}

.brands .items .item > div.brunschwig {
    background-color: #e81739
}

.brands .items .item > div.designers-guild {
    background-color: #a89696
}

.brands .items .item > div.dominuque {
    background-color: #bd3d29
}

.brands .items .item > div.dedar {
    background-color: #000000
}

.brands .items .item > div a {
    display: block;
    height: 100%;
    width: 100%;
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.brands .items .item > div h3 {
    text-align: center;
    color: #fff
}

.brands-single .product-image div {
    background-image: url("../img/brands.jpg")
}

.about-us .product-image div {
    background-image: url("../img/about-bg2.jpg")
}

.contact .form, .contact .info {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    flex: 0 0 50%;
    max-width: 50%
}

@media only screen and (max-width: 1199px) {
    .contact .form, .contact .info {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.contact .form {
    padding: 60px 0 60px 60px
}

@media only screen and (max-width: 1199px) {
    .contact .form {
        padding: 60px 30px
    }
}

.contact .form p {
    margin-bottom: 60px
}

.contact .info {
    padding: 60px
}

@media only screen and (max-width: 1199px) {
    .contact .info {
        padding: 30px
    }
}

.contact .info h3 {
    margin-bottom: 60px
}

.contact .info dl dt, .contact .info dl dl {
    line-height: 1.5
}

.contact .info dl dt {
    text-transform: uppercase;
    font-weight: 700
}

.contact .info dl dd {
    margin-left: 0;
    margin-bottom: 15px
}

.contact iframe {
    width: 100% !important
}

.fancybox-container{
    position: absolute;
    left: 50%;
    z-index: 999999999;
}

/*# sourceMappingURL=main.css.map */



/* Navigation Animation */
.navLoad{overflow:hidden;display:none;position:fixed;top:0;right:0;width:calc(100% - 290px);height:100%;background-color:transparent;z-index:15;}

.navLoad .navLine{z-index:-1;position:absolute;width:100%;height:25%;background-color:white;transform:translate3d(-100%,0,0);transition:ease 1s;}
.navLoad .navLine.active{transform:translate3d(0,0,0);}
.navLoad .navLine:nth-child(1){top:0;left:0;transition-delay:.35s;}
.navLoad .navLine:nth-child(2){top:25%;left:0;transition-delay:.25s;}
.navLoad .navLine:nth-child(3){top:50%;left:0;transition-delay:.15s;}
.navLoad .navLine:nth-child(4){top:75%;left:0;transition-delay:0s;}
.navLoad .navLine:nth-child(1).active{top:0;left:0;transition-delay:0s;}
.navLoad .navLine:nth-child(2).active{top:25%;left:0;transition-delay:.15s;}
.navLoad .navLine:nth-child(3).active{top:50%;left:0;transition-delay:.25s;}
.navLoad .navLine:nth-child(4).active{top:75%;left:0;transition-delay:.35s;}

.navLoad .catalog{display:none;padding-left:0;}
.navLoad .brands{display:none;padding-left:0;}


/* Fixing the nav scroll for Brands */
/*body{overflow:hidden;}
.sceneElement{overflow-y:scroll;}
.sceneElement .brands .container-fluid{overflow-y:auto;}*/

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.7.13 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2018, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/

html.with-featherlight {
    /* disable global scrolling when featherlights are visible */
    overflow: hidden;
}

.featherlight {
    display: none;

    /* dimensions: spanning the background from edge to edge */
    position:fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: 2147483647; /* z-index needs to be >= elements on the site. */

    /* position: centering content */
    text-align: center;

    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;

    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: rgba(0, 0, 0, 0);
}

/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
}

.featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;

    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;

    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;

    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;

    /* styling */
    background: #fff;
    cursor: auto;

    /* reset white-space wrapping */
    white-space: normal;
}

/* contains the content */
.featherlight .featherlight-inner {
    /* make sure its visible */
    display: block;
}

/* don't show these though */
.featherlight script.featherlight-inner,
.featherlight link.featherlight-inner,
.featherlight style.featherlight-inner {
    display: none;
}

.featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;

    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;

    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff; /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000;
    border: none;
    padding: 0;
}

/* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */
.featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.featherlight .featherlight-image {
    /* styling */
    width: 100%;
}


.featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.featherlight iframe {
    /* styling */
    border: none;
}

.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        margin-left: 0;
        margin-right: 0;
        max-height: 98%;

        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
    }
}

/* hide non featherlight items when printing */
@media print {
    html.with-featherlight > * > :not(.featherlight) {
        display: none;
    }
}

.bckitem{
    background-size: cover!important;
}


.owl-stage {
    transition: 1.8s !important;
}

.news .other-news-main .owl-nav, .solutions .other-news-main .owl-nav{
	top: 80px;
	left: -24px;
}
.eupopup-container {
	background-color: rgba(25, 25, 25, 0.9);
	color: #efefef;
	padding: 5px 20px;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	display: none;
	z-index: 9999999;
}

.eupopup-container-top,
.eupopup-container-fixedtop {
	position: absolute;
	top: 0; left: 0; right: 0;
}

.eupopup-container-fixedtop {
	position: fixed;
}

.eupopup-container-bottom {
	position: fixed;
	bottom: 0; left: 0; right: 0;
}

.eupopup-container-bottomleft {
	position: fixed;
	bottom: 10px;
	left: 10px;
	width: 300px;
}

.eupopup-container-bottomright {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 300px;
}

.eupopup-closebutton {
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	color: #a2a2a2;
	filter: alpha(opacity=20);
	position: absolute;
	font-family: helvetica, arial, verdana, sans-serif;
	top: 0; right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover,
.eupopup-closebutton:active {
	color: #fff;
	text-decoration: none;
}

.eupopup-head {
	font-size: 1.2em;
	font-weight: bold;
	padding: 7px;
	color: #fff;
}

.eupopup-body {
	color: #a2a2a2;
}

.eupopup-buttons {
	padding: 7px 0 5px 0;
}

.eupopup-button_1 {
	color: #f6a21d;
	font-weight: bold;
	font-size: 14px;
}

.eupopup-button_2 {
	color: #f6a21d;
	font-weight: normal;
	font-size: 12px;
}

.eupopup-button {
	margin: 0 10px;
}

.eupopup-button:hover,
.eupopup-button:focus {
	text-decoration: underline;
	color: #f6a21d;
}

body .eupopup-color-inverse {
	color: #000;
	background-color: rgba(255, 255, 255, 0.9);
}

body .eupopup-color-inverse .eupopup-head {
	color: #000;
}

body .eupopup-style-compact {
	text-align: left;
	padding: 8px 30px 7px 20px;
	line-height: 15px;
}

body .eupopup-style-compact .eupopup-head,
body .eupopup-style-compact .eupopup-body,
body .eupopup-style-compact .eupopup-buttons {
	display: inline;
	padding: 0;
	margin: 0;
}

body .eupopup-style-compact .eupopup-button {
	margin: 0 5px;
}

/* Messi CSS */

.messi-modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #454747;
	opacity: 0;
}

.messi {
	position: absolute;
	padding: 0;
	margin: 0;
	font-size: 16px;
	text-shadow: none;
}

.messi-box {
	position: relative;
	width: 500px;
	height: auto;
	padding: 8px;
	overflow: hidden;
	/*background-color: rgba(204, 204, 204, 0.2);
    border-radius: 6px;*/
	opacity: 1;
}

.messi-wrapper {
	position: relative;
	background-color: #fff;
	border-radius: 5px;
	border: 2px solid #dce7db;
}

.messi-titlebox {
	height: 40px;
	overflow: hidden;
	font: 1.3em bold helvetica, arial;
	color: #fff;
	background-color: #d3af29;
}

.messi-title {
	line-height: 40px;
	padding-left: 10px;
	text-transform: uppercase;
	font-size: 16px;
}

.messi-titlebox.info {
	background-color: #4ea5cd;
	background-image: none;
}

.messi-titlebox.error {
	background-color: #de4343;
	background-image: none;
}

.messi-titlebox.warning {
	background-color: #eaaf51;
	background-image: none;
}

.messi-titlebox.success {
	background-color: #61b832;
	background-image: none;
}

.messi-closebtn {
	position: absolute;
	top: 8px;
	right: 10px;
	display: block;
	width: 21px;
	height: 21px;
	color: #333;
	cursor: pointer;
	background-image: url('img/close_btn.png');
}

.messi-content {
	padding: 10px;
	overflow: hidden;
	font: .9em normal helvetica, arial;
}

.messi-content p {
	margin: 0 0 1.3em;
	line-height: 1.3em;
}

.messi-content .messi-closebtn {
	top: 7px;
	font: 1.3em bold helvetica, arial;
	color: #fff;
	background-color: #333;
	opacity: 0;
	-webkit-transition: opacity .25s linear, visibility .1s linear .5s;
	-moz-transition: opacity .25s linear, visibility .1s linear .5s;
	-o-transition: opacity .25s linear, visibility .1s linear .5s;
	transition: opacity .25s linear, visibility .1s linear .5s;
}

.messi-content:hover .messi-closebtn {
	opacity: 1;
}

.messi-footbox {
	width: 100%;
	height: 55px;
	overflow: hidden;
}

.messi-actions {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	padding-top: 8px;
	margin: 0 10px;
	border-top: 1px solid #eee;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
}

.messi-actions .btnbox {
	text-align: center;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
}

.messi-actions .btnbox .btn {
	min-width: 75px;
}

.messi-titlebox.anim {
	background-color: #666;
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0.25, rgba(255, 255, 255, 0.05)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.05)), color-stop(0.75, rgba(255, 255, 255, 0.05)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	background-size: 40px 40px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4);
	-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4);
	-webkit-animation: animate-bg 5s linear infinite;
	-moz-animation: animate-bg 5s linear infinite;
}

.messi-titlebox.anim.info {
	background-color: #4ea5cd;
}

.messi-titlebox.anim.error {
	background-color: #de4343;
}

.messi-titlebox.anim.warning {
	background-color: #eaaf51;
}

.messi-titlebox.anim.success {
	background-color: #61b832;
}

@-webkit-keyframes animate-bg {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -80px 0;
	}
}

@-moz-keyframes animate-bg {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -80px 0;
	}
}

/* CSS Buttons from Twitter Bootstrap: http://twitter.github.com/bootstrap/ */

.messi .btn {
	display: inline-block;
	*display: inline;
	padding: 4px 10px 4px;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 13px;
	line-height: 26px;
	color: #333;
	text-align: center;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	*background-color: #e6e6e6;
	background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid #cccccc;
	*border: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-bottom-color: #b3b3b3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.messi .btn:hover,
.messi .btn:active,
.messi .btn.active,
.messi .btn.disabled,
.messi .btn[disabled] {
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}

.messi .btn:active,
.messi .btn.active {
	background-color: #cccccc \9;
}

.messi .btn:first-child {
	*margin-left: 0;
}

.messi .btn:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-ms-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.messi .btn:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.messi .btn.active,
.messi .btn:active {
	background-color: #e6e6e6;
	background-color: #d9d9d9 \9;
	background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.messi .btn-primary,
.messi .btn-primary:hover,
.messi .btn-warning,
.messi .btn-warning:hover,
.messi .btn-danger,
.messi .btn-danger:hover,
.messi .btn-success,
.messi .btn-success:hover,
.messi .btn-info,
.messi .btn-info:hover,
.messi .btn-inverse,
.messi .btn-inverse:hover {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.messi .btn-primary.active,
.messi .btn-warning.active,
.messi .btn-danger.active,
.messi .btn-success.active,
.messi .btn-info.active,
.messi .btn-inverse.active {
	color: rgba(255, 255, 255, 0.75);
}

.messi .btn {
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.messi .btn-primary {
	background-color: #0074cc;
	*background-color: #0055cc;
	background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
	background-image: -o-linear-gradient(top, #0088cc, #0055cc);
	background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
	background-image: linear-gradient(top, #0088cc, #0055cc);
	background-repeat: repeat-x;
	border-color: #0055cc #0055cc #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.messi .btn-primary:hover,
.messi .btn-primary:active,
.messi .btn-primary.active,
.messi .btn-primary.disabled,
.messi .btn-primary[disabled] {
	background-color: #0055cc;
	*background-color: #004ab3;
}

.messi .btn-primary:active,
.messi .btn-primary.active {
	background-color: #004099 \9;
}

.messi .btn-warning {
	background-color: #faa732;
	*background-color: #f89406;
	background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	background-image: -o-linear-gradient(top, #fbb450, #f89406);
	background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	background-image: linear-gradient(top, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.messi .btn-warning:hover,
.messi .btn-warning:active,
.messi .btn-warning.active,
.messi .btn-warning.disabled,
.messi .btn-warning[disabled] {
	background-color: #f89406;
	*background-color: #df8505;
}

.messi .btn-warning:active,
.messi .btn-warning.active {
	background-color: #c67605 \9;
}

.messi .btn-danger {
	background-color: #da4f49;
	*background-color: #bd362f;
	background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
	background-image: linear-gradient(top, #ee5f5b, #bd362f);
	background-repeat: repeat-x;
	border-color: #bd362f #bd362f #802420;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.messi .btn-danger:hover,
.messi .btn-danger:active,
.messi .btn-danger.active,
.messi .btn-danger.disabled,
.messi .btn-danger[disabled] {
	background-color: #bd362f;
	*background-color: #a9302a;
}

.messi .btn-danger:active,
.messi .btn-danger.active {
	background-color: #942a25 \9;
}

.messi .btn-success {
	background-color: #5bb75b;
	*background-color: #51a351;
	background-image: -ms-linear-gradient(top, #62c462, #51a351);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
	background-image: -webkit-linear-gradient(top, #62c462, #51a351);
	background-image: -o-linear-gradient(top, #62c462, #51a351);
	background-image: -moz-linear-gradient(top, #62c462, #51a351);
	background-image: linear-gradient(top, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.messi .btn-success:hover,
.messi .btn-success:active,
.messi .btn-success.active,
.messi .btn-success.disabled,
.messi .btn-success[disabled] {
	background-color: #51a351;
	*background-color: #499249;
}

.messi .btn-success:active,
.messi .btn-success.active {
	background-color: #408140 \9;
}

.messi .btn-info {
	background-color: #49afcd;
	*background-color: #2f96b4;
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.messi .btn-info:hover,
.messi .btn-info:active,
.messi .btn-info.active,
.messi .btn-info.disabled,
.messi .btn-info[disabled] {
	background-color: #2f96b4;
	*background-color: #2a85a0;
}

.messi .btn-info:active,
.messi .btn-info.active {
	background-color: #24748c \9;
}

.messi .btn-inverse {
	background-color: #414141;
	*background-color: #222222;
	background-image: -ms-linear-gradient(top, #555555, #222222);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
	background-image: -webkit-linear-gradient(top, #555555, #222222);
	background-image: -o-linear-gradient(top, #555555, #222222);
	background-image: -moz-linear-gradient(top, #555555, #222222);
	background-image: linear-gradient(top, #555555, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}

.messi .btn-inverse:hover,
.messi .btn-inverse:active,
.messi .btn-inverse.active,
.messi .btn-inverse.disabled,
.messi .btn-inverse[disabled] {
	background-color: #222222;
	*background-color: #151515;
}

.messi .btn-inverse:active,
.messi .btn-inverse.active {
	background-color: #080808 \9;
}

button.messi .btn,
input[type="submit"].messi .btn {
	*padding-top: 2px;
	*padding-bottom: 2px;
}

.messi button {
	cursor: pointer;
	-webkit-appearance: button;
}

button.messi .btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}