*, h1, h2, h3, h4, h5, h6, p, ul, a {
    margin: 0;
    padding: 0
}

html {
    font-size: 87.5%
}

@media all and (max-width:768px) {
    html {
        font-size: 81.25%
    }
}

@font-face {
    font-family: isans;
    src: url('/content/fonts/IRANSansWebFaNum.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Vazirmatn;
    src: url('/content/fonts/IRANSansWebFaNum.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-size: 1em;
    line-height: 1.85714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: isans;
    color: #666;
    font-weight: 400
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: isans;
    color: #252525;
    font-weight: 300;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    margin-bottom: 0
}

h1, .h1 {
    font-size: 3.14285714em;
    line-height: 1.31818182em
}

h2, .h2 {
    font-size: 2.35714286em;
    line-height: 1.36363636em
}

h3, .h3 {
    font-size: 1.78571429em;
    line-height: 1.5em
}

h4, .h4 {
    font-size: 1.35714286em;
    line-height: 1.68421053em
}

h5, .h5 {
    font-size: 1em;
    line-height: 1.85714286em
}

h6, .h6 {
    font-size: .85714286em;
    line-height: 2.16666667em
}

.lead {
    font-size: 1.35714286em;
    line-height: 1.68421053em
}

@media all and (max-width:767px) {
    h1, .h1 {
        font-size: 2.35714286em;
        line-height: 1.36363636em
    }

    h2, .h2 {
        font-size: 1.78571429em;
        line-height: 1.5em
    }

    h3, .h3 {
        font-size: 1.35714286em;
        line-height: 1.85714286em
    }

    .lead {
        font-size: 1.35714286em;
        line-height: 1.68421053em
    }
}

p, ul, ol, pre, table, blockquote {
    margin-bottom: 1.85714286em
}

ul, ol {
    list-style: none;
    line-height: 1.85714286em
}

    ul.bullets {
        list-style: inside
    }

ol {
    list-style-type: upper-roman;
    list-style-position: inside
}

blockquote {
    font-size: 1.78571429em;
    line-height: 1.5em;
    padding: 0;
    margin: 0;
    border-left: 0
}

strong {
    font-weight: 600
}

hr {
    margin: 1.85714286em 0;
    border-color: #fafafa
}

a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none
}
/*!Typography -- Helpers*/

.type--fade {
    opacity: .5
}

.type--uppercase {
    text-transform: uppercase
}

.type--bold {
    font-weight: 700
}

.type--italic {
    font-style: italic
}

.type--fine-print {
    font-size: .85714286em
}

.type--strikethrough {
    text-decoration: line-through;
    opacity: .5
}

.type--underline {
    text-decoration: underline
}

.type--body-font {
    font-family: isans
}

body {
    overflow-x: hidden
}

.pos-relative {
    position: relative
}

.pos-absolute {
    position: absolute
}

    .pos-absolute.container {
        left: 0;
        right: 0
    }

.pos-top {
    top: 0
}

.pos-bottom {
    bottom: 0
}

.pos-right {
    right: 0
}

.pos-left {
    left: 0
}

.float-left {
    float: left
}

.float-right {
    float: right
}

@media all and (max-width:767px) {
    .float-left, .float-right {
        float: none
    }

    .float-left-xs {
        float: left
    }

    .float-right-xs {
        float: right
    }
}

.pos-vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

    .pos-vertical-center form[action*='list-manage.com'].form--active *, .subscribe-form-1.boxed form[action*='list-manage.com'].form--active * {
        padding-left: .92857143em;
        width: 100%
    }

.subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-checkbox, .subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-radio, .subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
    width: inherit
}

    .subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-checkbox + span {
        display: inline-block;
        position: relative;
        bottom: 8px;
        font-size: .85714286em;
        white-space: nowrap;
        width: inherit
    }

.subscribe-form-1.boxed form .input-checkbox .inner {
    width: 1.85714286em;
    height: 1.85714286em;
    border-radius: 6px;
    background: #000
}

.comments-form input[type], .comments-form textarea, .comments-form select {
    -webkit-appearance: none;
    background: #fcfcfc;
    padding: .46428571em;
    border-radius: 6px;
    border: 1px solid #ececec
}

.comments-form button.btn {
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    border-radius: 0;
    padding-top: .46428571em;
    padding-bottom: .46428571em;
    padding-right: 2.78571429em;
    padding-left: 2.78571429em;
    border-width: 1px;
    font-size: inherit;
    line-height: 1.85714286em
}

@media all and (max-width:767px) {
    .pos-vertical-center {
        top: 0;
        transform: none;
        -webkit-transform: none
    }
}

@media all and (max-height:600px) {
    .pos-vertical-center {
        top: 0;
        transform: none;
        -webkit-transform: none
    }
}

.pos-vertical-align-columns {
    display: table;
    table-layout: fixed;
    width: 100%
}

    .pos-vertical-align-columns > div[class*=col-] {
        display: table-cell;
        float: none;
        vertical-align: middle
    }

@media all and (max-width:990px) {
    .pos-vertical-align-columns {
        display: block;
        width: auto
    }

        .pos-vertical-align-columns > div[class*=col-] {
            display: block
        }
}

.inline-block {
    display: inline-block
}

.block {
    display: block
}

@media all and (max-width:767px) {
    .block--xs {
        display: block
    }
}

@media all and (max-width:990px) {
    .text-center-md {
        text-align: center
    }

    .text-left-md {
        text-align: left
    }

    .text-right-md {
        text-align: right
    }
}

@media all and (max-width:767px) {
    .text-center-xs {
        text-align: center
    }

    .text-left-xs {
        text-align: left
    }

    .text-right-xs {
        text-align: right
    }
}

.height-100, .height-90, .height-80, .height-70, .height-60, .height-50, .height-40, .height-30, .height-20, .height-10 {
    height: auto;
    padding: 5em 0
}

@media all and (max-width:767px) {
    .height-100, .height-90, .height-80, .height-70, .height-60, .height-50, .height-40, .height-30, .height-20, .height-10 {
        height: auto;
        padding: 4em 0
    }
}

@media all and (min-height:600px) and (min-width:767px) {
    .height-10 {
        height: 10vh
    }

    .height-20 {
        height: 20vh
    }

    .height-30 {
        height: 30vh
    }

    .height-40 {
        height: 40vh
    }

    .height-50 {
        height: 50vh
    }

    .height-60 {
        height: 60vh
    }

    .height-70 {
        height: 70vh
    }

    .height-80 {
        height: 80vh
    }

    .height-90 {
        height: 90vh
    }

    .height-100 {
        height: 100vh
    }
}

section.height-auto {
    height: auto
}

    section.height-auto .pos-vertical-center {
        top: 0;
        position: relative;
        transform: none
    }

@media all and (max-width:767px) {
    div[class*=col-][class*=height-] {
        padding-top: 5.57142857em !important;
        padding-bottom: 5.57142857em !important
    }
}

img {
    max-width: 100%;
    margin-bottom: 1.85714286em
}

.img--fullwidth {
    width: 100%
}

[data-grid="2"].masonry {
    -webkit-column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-count: 2;
    -moz-column-gap: 0;
    column-count: 2;
    column-gap: 0
}

    [data-grid="2"].masonry li {
        width: 100%;
        float: none
    }

[data-grid="2"] li {
    width: 50%;
    display: inline-block
}

[data-grid="3"].masonry {
    -webkit-column-count: 3;
    -webkit-column-gap: 0;
    -moz-column-count: 3;
    -moz-column-gap: 0;
    column-count: 3;
    column-gap: 0
}

    [data-grid="3"].masonry li {
        width: 100%;
        float: none
    }

[data-grid="3"] li {
    width: 33.33333333%;
    display: inline-block
}

[data-grid="4"].masonry {
    -webkit-column-count: 4;
    -webkit-column-gap: 0;
    -moz-column-count: 4;
    -moz-column-gap: 0;
    column-count: 4;
    column-gap: 0
}

    [data-grid="4"].masonry li {
        width: 100%;
        float: none
    }

[data-grid="4"] li {
    width: 25%;
    display: inline-block
}

[data-grid="5"].masonry {
    -webkit-column-count: 5;
    -webkit-column-gap: 0;
    -moz-column-count: 5;
    -moz-column-gap: 0;
    column-count: 5;
    column-gap: 0
}

    [data-grid="5"].masonry li {
        width: 100%;
        float: none
    }

[data-grid="5"] li {
    width: 20%;
    display: inline-block
}

[data-grid="6"].masonry {
    -webkit-column-count: 6;
    -webkit-column-gap: 0;
    -moz-column-count: 6;
    -moz-column-gap: 0;
    column-count: 6;
    column-gap: 0
}

    [data-grid="6"].masonry li {
        width: 100%;
        float: none
    }

[data-grid="6"] li {
    width: 16.66666667%;
    display: inline-block
}

[data-grid="7"].masonry {
    -webkit-column-count: 7;
    -webkit-column-gap: 0;
    -moz-column-count: 7;
    -moz-column-gap: 0;
    column-count: 7;
    column-gap: 0
}

    [data-grid="7"].masonry li {
        width: 100%;
        float: none
    }

[data-grid="7"] li {
    width: 14.28571429%;
    display: inline-block
}

[data-grid="8"].masonry {
    -webkit-column-count: 8;
    -webkit-column-gap: 0;
    -moz-column-count: 8;
    -moz-column-gap: 0;
    column-count: 8;
    column-gap: 0
}

    [data-grid="8"].masonry li {
        width: 100%;
        float: none
    }

[data-grid="8"] li {
    width: 12.5%;
    display: inline-block
}

@media all and (max-width:767px) {
    [data-grid]:not(.masonry) li {
        width: 33.333333%
    }

    [data-grid="2"]:not(.masonry) li {
        width: 50%
    }

    [data-grid].masonry {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.background-image-holder {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover !important;
    background-position: 50% 50% !important;
    z-index: 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    opacity: 0;
    background: #252525
}

    .background-image-holder:not([class*=col-]) {
        width: 100%
    }

    .background-image-holder.background--bottom {
        background-position: 50% 100% !important
    }

    .background-image-holder.background--top {
        background-position: 50% 0% !important
    }

.image--light .background-image-holder {
    background: 0 0
}

.background-image-holder img {
    display: none
}

[data-overlay] {
    position: relative
}

    [data-overlay]:before {
        position: absolute;
        content: '';
        background: #252525;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1
    }

    [data-overlay] *:not(.container):not(.background-image-holder) {
        z-index: 2
    }

    [data-overlay].image--light:before {
        background: #fff
    }

    [data-overlay].bg--primary:before {
        background: #4a90e2
    }

[data-overlay="1"]:before {
    opacity: .1
}

[data-overlay="2"]:before {
    opacity: .2
}

[data-overlay="3"]:before {
    opacity: .3
}

[data-overlay="4"]:before {
    opacity: .4
}

[data-overlay="5"]:before {
    opacity: .5
}

[data-overlay="6"]:before {
    opacity: .6
}

[data-overlay="7"]:before {
    opacity: .7
}

[data-overlay="8"]:before {
    opacity: .8
}

[data-overlay="9"]:before {
    opacity: .9
}

[data-overlay="10"]:before {
    opacity: 1
}

[data-overlay="0"]:before {
    opacity: 0
}

[data-scrim-bottom] {
    position: relative
}

    [data-scrim-bottom]:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 80%;
        background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,#252525 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,#252525));
        background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,#252525 100%);
        background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,#252525 100%);
        background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,#252525 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#252525 100%);
        bottom: 0;
        left: 0;
        z-index: 1;
        backface-visibility: hidden
    }

    [data-scrim-bottom]:not(.image--light) h1, [data-scrim-bottom]:not(.image--light) h2, [data-scrim-bottom]:not(.image--light) h3, [data-scrim-bottom]:not(.image--light) h4, [data-scrim-bottom]:not(.image--light) h5, [data-scrim-bottom]:not(.image--light) h6 {
        color: #a5a5a5;
        color: #f1f1f1
    }

    [data-scrim-bottom]:not(.image--light) p, [data-scrim-bottom]:not(.image--light) span, [data-scrim-bottom]:not(.image--light) ul {
        color: #e6e6e6
    }

    [data-scrim-bottom].image--light:before {
        background: #fff
    }

[data-scrim-bottom="1"]:before {
    opacity: .1
}

[data-scrim-bottom="2"]:before {
    opacity: .2
}

[data-scrim-bottom="3"]:before {
    opacity: .3
}

[data-scrim-bottom="4"]:before {
    opacity: .4
}

[data-scrim-bottom="5"]:before {
    opacity: .5
}

[data-scrim-bottom="6"]:before {
    opacity: .6
}

[data-scrim-bottom="7"]:before {
    opacity: .7
}

[data-scrim-bottom="8"]:before {
    opacity: .8
}

[data-scrim-bottom="9"]:before {
    opacity: .9
}

[data-scrim-bottom="10"]:before {
    opacity: 1
}

[data-scrim-top] {
    position: relative
}

    [data-scrim-top]:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 80%;
        background: -moz-linear-gradient(bottom,#252525 0%,rgba(0,0,0,0) 100%);
        background: -webkit-gradient(linear,left bottom,left bottom,color-stop(0%,#252525),color-stop(100%,rgba(0,0,0,0)));
        background: -webkit-linear-gradient(bottom,#252525 0%,rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(bottom,#252525 0%,rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(bottom,#252525 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom,#252525 0%,rgba(0,0,0,0) 100%);
        top: 0;
        left: 0;
        z-index: 1
    }

    [data-scrim-top]:not(.image--light) h1, [data-scrim-top]:not(.image--light) h2, [data-scrim-top]:not(.image--light) h3, [data-scrim-top]:not(.image--light) h4, [data-scrim-top]:not(.image--light) h5, [data-scrim-top]:not(.image--light) h6 {
        color: #fff
    }

    [data-scrim-top]:not(.image--light) p, [data-scrim-top]:not(.image--light) span, [data-scrim-top]:not(.image--light) ul {
        color: #e6e6e6
    }

    [data-scrim-top].image--light:before {
        background: #fff
    }

[data-scrim-top="1"]:before {
    opacity: .1
}

[data-scrim-top="2"]:before {
    opacity: .2
}

[data-scrim-top="3"]:before {
    opacity: .3
}

[data-scrim-top="4"]:before {
    opacity: .4
}

[data-scrim-top="5"]:before {
    opacity: .5
}

[data-scrim-top="6"]:before {
    opacity: .6
}

[data-scrim-top="7"]:before {
    opacity: .7
}

[data-scrim-top="8"]:before {
    opacity: .8
}

[data-scrim-top="9"]:before {
    opacity: .9
}

[data-scrim-top="10"]:before {
    opacity: 1
}

.imagebg {
    position: relative
}

    .imagebg .container {
        z-index: 2
    }

        .imagebg .container:not(.pos-absolute) {
            position: relative;
            direction: rtl;
            text-align: right;
            border-top: 1px solid #4d4d4d17;
        }

    .imagebg:not(.image--light) h1, .imagebg:not(.image--light) h2, .imagebg:not(.image--light) h3, .imagebg:not(.image--light) h4, .imagebg:not(.image--light) h5, .imagebg:not(.image--light) h6, .imagebg:not(.image--light) p, .imagebg:not(.image--light) ul, .imagebg:not(.image--light) blockquote {
        color: #fff
    }

    .imagebg:not(.image--light) .bg--white h1, .imagebg:not(.image--light) .bg--white h2, .imagebg:not(.image--light) .bg--white h3, .imagebg:not(.image--light) .bg--white h4, .imagebg:not(.image--light) .bg--white h5, .imagebg:not(.image--light) .bg--white h6 {
        color: #252525
    }

    .imagebg:not(.image--light) .bg--white p, .imagebg:not(.image--light) .bg--white ul {
        color: #666
    }

div[data-overlay] h1, div[data-overlay] h2, div[data-overlay] h3, div[data-overlay] h4, div[data-overlay] h5, div[data-overlay] h6 {
    color: #fff
}

div[data-overlay] p, div[data-overlay] ul {
    color: #fff
}

.parallax {
    overflow: hidden
}

    .parallax .background-image-holder {
        transition: none !important;
        -webkit-transition: none !important;
        -moz-transition: none !important
    }

.image--xxs {
    max-height: 1.85714286em
}

.image--xs {
    max-height: 3.71428571em
}

.image--sm {
    max-height: 5.57142857em
}

.btn {
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    border-radius: 0;
    padding-top: .46428571em;
    padding-bottom: .46428571em;
    padding-right: 2.78571429em;
    padding-left: 2.78571429em;
    border: 1px solid #252525;
    border-width: 1px;
    font-size: inherit;
    line-height: 1.85714286em
}

    .btn .btn__text, .btn i {
        color: #252525;
        border-color: #252525;
        font-weight: 700;
        font-size: .85714286em
    }

    .btn[class*=col-] {
        margin-left: 0;
        margin-right: 0
    }

    .btn:active {
        box-shadow: none;
        -webkit-box-shadow: none
    }

    .btn.bg--facebook, .btn.bg--twitter, .btn.bg--instagram, .btn.bg--googleplus, .btn.bg--pinterest, .btn.bg--dribbble, .btn.bg--behance, .btn.bg--dark {
        border-color: transparent !important
    }

        .btn.bg--facebook .btn__text, .btn.bg--twitter .btn__text, .btn.bg--instagram .btn__text, .btn.bg--googleplus .btn__text, .btn.bg--pinterest .btn__text, .btn.bg--dribbble .btn__text, .btn.bg--behance .btn__text, .btn.bg--dark .btn__text {
            color: #fff
        }

            .btn.bg--facebook .btn__text i, .btn.bg--twitter .btn__text i, .btn.bg--instagram .btn__text i, .btn.bg--googleplus .btn__text i, .btn.bg--pinterest .btn__text i, .btn.bg--dribbble .btn__text i, .btn.bg--behance .btn__text i, .btn.bg--dark .btn__text i {
                color: #fff
            }

        .btn.bg--facebook:hover, .btn.bg--twitter:hover, .btn.bg--instagram:hover, .btn.bg--googleplus:hover, .btn.bg--pinterest:hover, .btn.bg--dribbble:hover, .btn.bg--behance:hover, .btn.bg--dark:hover {
            opacity: .9
        }

    .btn.bg--error {
        background: #e23636;
        border-color: #e23636 !important
    }

        .btn.bg--error:hover {
            background: #e54c4c;
            border-color: #e54c4c !important;
            color: #fff !important
        }

        .btn.bg--error .btn__text {
            color: #fff
        }

            .btn.bg--error .btn__text i {
                color: #fff
            }

@media all and (min-width:768px) {
    .btn + .btn {
        margin-left: 1.85714286em
    }
}

.btn:first-child {
    margin-left: 0
}

.btn:last-child {
    margin-right: 0
}

.btn--xs {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 1.39285714em;
    padding-left: 1.39285714em
}

.btn--sm {
    padding-top: .30952381em;
    padding-bottom: .30952381em;
    padding-right: 1.85714286em;
    padding-left: 1.85714286em
}

.btn--lg {
    padding-top: .58035714em;
    padding-bottom: .58035714em;
    padding-right: 3.48214286em;
    padding-left: 3.48214286em
}

    .btn--lg .btn__text {
        font-size: 1.07142857em
    }

.btn--primary, .btn--primary:visited {
    background: #4a90e2;
    border-color: #4a90e2
}

    .btn--primary .btn__text, .btn--primary:visited .btn__text {
        color: #fff
    }

        .btn--primary .btn__text i, .btn--primary:visited .btn__text i {
            color: #fff
        }

    .btn--primary:hover {
        background: #609de6
    }

    .btn--primary:active {
        background: #3483de
    }

.btn--primary-1, .btn--primary-1:visited {
    background: #31639c;
    border-color: #31639c
}

    .btn--primary-1 .btn__text, .btn--primary-1:visited .btn__text {
        color: #fff
    }

    .btn--primary-1:hover {
        background: #376faf
    }

    .btn--primary-1:active {
        background: #2b5789
    }

.btn--primary-2, .btn--primary-2:visited {
    background: #465773;
    border-color: #465773
}

    .btn--primary-2 .btn__text, .btn--primary-2:visited .btn__text {
        color: #fff
    }

    .btn--primary-2:hover {
        background: #506383
    }

    .btn--primary-2:active {
        background: #3c4b63
    }

.btn--secondary {
    background: #fafafa;
    border-color: #fafafa
}

    .btn--secondary:hover {
        background: #fff
    }

    .btn--secondary:active {
        background: #f5f5f5
    }

.btn--white {
    background: #fff;
    color: #252525;
    border-color: #fff
}

    .btn--white i {
        color: #252525
    }

.btn--transparent {
    background: 0 0;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0
}

    .btn--transparent.btn--white .btn__text {
        color: #fff
    }

.btn--unfilled {
    background: 0 0
}

    .btn--unfilled.btn--white .btn__text {
        color: #fff
    }

    .btn--unfilled.btn--white i {
        color: #fff
    }

.btn--floating {
    position: fixed;
    bottom: 3.71428571em;
    right: 3.71428571em;
    z-index: 10
}

.icon {
    line-height: 1em;
    font-size: 3.14285714em
}

.icon--xs {
    font-size: 1em
}

.icon--sm {
    font-size: 2.35714286em
}

.icon--lg {
    font-size: 5.57142857em
}

ul:last-child {
    margin: 0
}

.list-inline li {
    padding: 0 1em;
    margin-left: 0
}

    .list-inline li:first-child {
        padding-left: 0
    }

    .list-inline li:last-child {
        padding-right: 0
    }

.list-inline.list-inline--narrow li {
    padding: 0 .5em
}

.list-inline.list-inline--wide li {
    padding: 0 2em
}

.pixxett-header1 .header-top {
    line-height: 40px;
    height: 40px;
    width: 100%;
    color: #fff;
    background-color: #00529b;
    text-transform: uppercase
}

    .pixxett-header1 .header-top .col-md-5 {
        padding-left: 0
    }

    .pixxett-header1 .header-top a {
        color: #fff
    }

    .pixxett-header1 .header-top .top-link a:hover {
        color: #fff
    }

.pixxett-header1 .toplinks .links div .fa-heart {
    font-size: 11px
}

.pixxett-header1 .welcome-msg {
    text-align: left;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 20px;
    font-size: 12px
}

.pixxett-header1 .language-currency-wrapper .block {
    float: left;
    margin: 0;
    position: relative;
    padding: 1px 20px 0;
    font-size: 12px;
    background: 0 0
}

    .pixxett-header1 .language-currency-wrapper .block.block-language {
        padding-left: 0
    }

    .pixxett-header1 .language-currency-wrapper .block:after {
        content: '';
        height: 12px;
        width: 1px;
        background: #424242;
        top: 15px;
        right: 0;
        position: absolute
    }

    .pixxett-header1 .language-currency-wrapper .block span {
        display: inline-block
    }

    .pixxett-header1 .language-currency-wrapper .block:hover {
        cursor: pointer
    }

    .pixxett-header1 .language-currency-wrapper .block > div {
        position: relative
    }

        .pixxett-header1 .language-currency-wrapper .block > div > span:hover {
            color: #aaa
        }

        .pixxett-header1 .language-currency-wrapper .block > div img {
            margin: 0;
            margin-right: 3px
        }

    .pixxett-header1 .language-currency-wrapper .block > ul {
        position: absolute;
        right: -1px;
        top: 75px;
        padding: 6px;
        background-color: #fff;
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
        z-index: 99999;
        text-align: left;
        border: 1px solid #ebebeb
    }

        .pixxett-header1 .language-currency-wrapper .block > ul li {
            list-style: none;
            background-color: #fff
        }

            .pixxett-header1 .language-currency-wrapper .block > ul li a {
                position: relative;
                white-space: nowrap;
                line-height: 30px;
                color: #666;
                padding-left: 12px;
                display: block;
                text-transform: capitalize
            }

                .pixxett-header1 .language-currency-wrapper .block > ul li a img {
                    margin: 0;
                    margin-right: 4px;
                    margin-top: -3px
                }

                .pixxett-header1 .language-currency-wrapper .block > ul li a:hover {
                    color: #cf3341;
                    text-decoration: none
                }

    .pixxett-header1 .language-currency-wrapper .block:hover > ul {
        margin-top: 0;
        top: 40px;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s
    }

    .pixxett-header1 .language-currency-wrapper .block.block-language > ul {
        min-width: 132px;
        left: -1px;
        margin: auto
    }

    .pixxett-header1 .language-currency-wrapper .block.block-currency > ul {
        min-width: 114px;
        margin: auto
    }

.pixxett-header1 .toplinks {
    display: inline-block;
    text-align: right;
    padding-right: 0
}

    .pixxett-header1 .toplinks .links {
        display: inline-block;
        margin-right: 50px;
        font-size: 12px
    }

    .pixxett-header1 .toplinks .wishlist-total, .pixxett-header1 .toplinks .compare-total {
        margin-left: 5px
    }

        .pixxett-header1 .toplinks .wishlist-total:before, .pixxett-header1 .toplinks .compare-total:before {
            content: "( ";
            position: relative;
            left: 0;
            top: 0;
            line-height: 15px
        }

        .pixxett-header1 .toplinks .wishlist-total:after, .pixxett-header1 .toplinks .compare-total:after {
            content: " )";
            position: relative;
            right: 0;
            top: 0;
            line-height: 15px
        }

    .pixxett-header1 .toplinks .links div.top-links-wrapper {
        display: inline-block;
        text-align: right
    }

    .pixxett-header1 .toplinks .links div img {
        margin-bottom: 3px
    }

    .pixxett-header1 .toplinks div.links div.top-links-wrapper a.top-link {
        display: inline-block;
        padding: 0 10px;
        text-decoration: none;
        position: relative
    }

    .pixxett-header1 .toplinks div.links div.top-links-wrapper.top-cart .basket a.top-link {
        background-image: url(../images/cart-icon.png);
        background-repeat: no-repeat;
        background-position: -2px 12px;
        margin-left: 12px
    }

        .pixxett-header1 .toplinks div.links div.top-links-wrapper.top-cart .basket a.top-link:hover {
            background-image: url(../images/cart-icon-hover.png)
        }

    .pixxett-header1 .toplinks div.links div.top-links-wrapper a.top-link:after {
        content: '';
        height: 12px;
        width: 1px;
        background: #424242;
        top: 15px;
        right: 0;
        position: absolute
    }

    .pixxett-header1 .toplinks div.links div.top-links a.top-link:hover {
        color: #ddd;
        text-decoration: none
    }

.pixxett-header1 .pixxett-search-block {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9100
}

    .pixxett-header1 .pixxett-search-block:before {
        content: '';
        height: 12px;
        width: 1px;
        background: #424242;
        top: 15px;
        left: 0;
        position: absolute
    }

    .pixxett-header1 .pixxett-search-block #searchbox {
        width: auto;
        position: relative;
        display: inline-block
    }

    .pixxett-header1 .pixxett-search-block .btn.button-search {
        background: inherit;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        height: 40px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 50px;
        border-radius: 0;
        padding: 0;
        margin: 0;
        border: none
    }

        .pixxett-header1 .pixxett-search-block:hover .btn.button-search, .pixxett-header1 .pixxett-search-block #search_query_top:focus + .btn.button-search, .pixxett-header1 .pixxett-search-block #search_query_top:active + .btn.button-search, .pixxett-header1 .pixxett-search-block .btn.button-search:hover {
            transform: translate3d(0,0px,0);
            -webkit-transform: translate3d(0,0px,0)
        }

        .pixxett-header1 .pixxett-search-block .btn.button-search span {
            display: none
        }

        .pixxett-header1 .pixxett-search-block .btn.button-search:before {
            content: "\f002";
            display: block;
            font-family: fontawesome;
            font-size: 16px;
            color: #fff;
            line-height: .5;
            width: 100%;
            text-align: center
        }

        .pixxett-header1 .pixxett-search-block .btn.button-search:hover {
            color: #6f6f6f
        }

    .pixxett-header1 .pixxett-search-block #search_query_top {
        background-color: #0d0f10;
        border: none;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        height: 40px;
        padding: 0;
        margin-left: 0;
        width: 0;
        transition: all .3s ease-in-out 0s;
        -webkit-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        border-radius: 0;
        margin-right: 50px;
        padding-right: 0 !important;
    }

        .pixxett-header1 .pixxett-search-block:hover #search_query_top, .pixxett-header1 .pixxett-search-block #search_query_top:focus, .pixxett-header1 .pixxett-search-block #search_query_top:active {
            width: 330px;
            padding: 0 0 0 15px
        }

    .pixxett-header1 .pixxett-search-block .btn.button-search {
        transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -webkit-transition: all .3s ease-in-out 0s
    }

    .pixxett-header1 .pixxett-search-block .form-control {
        background: 0 0;
        border: 0
    }

.pixxett-header1 .logo {
    float: left;
    vertical-align: middle;
    margin-top: 10px;
    text-align: left;
    margin-bottom: 10px;
    display: inline-block;
    position: inherit;
    z-index: 10;
    margin-right: 20px;
    width: 11%;
    padding-top: 14px;
}

.pixxett-header1 .header-container {
    background-color: #fff
}

.pixxett-header1 .top-cart-contain .top-cart-content {
    opacity: 0;
    transform-origin: 0 0 0;
    transition: all .5s ease 0s;
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0)
}

.pixxett-header1 .top-cart-contain .mini-cart:hover .top-cart-content {
    opacity: 1;
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.pixxett-header1 .top-cart {
    padding-left: 0;
    float: right;
    z-index: 9000;
    position: relative;
    height: 40px
}

.pixxett-header1 .mini-products-list .product-image {
    float: left;
    width: 68px;
    padding: 0;
    border: 1px #eee solid
}

.pixxett-header1 .top-cart-content .product-name {
    margin: 0;
    width: 178px;
    line-height: 1.3em;
    padding: 0 0 3px
}

    .pixxett-header1 .top-cart-content .product-name a {
        font-size: 12px;
        line-height: normal;
        font-weight: 400
    }

        .pixxett-header1 .top-cart-content .product-name a:hover {
            color: #cf3341
        }

.pixxett-header1 .top-cart-contain .price {
    color: #ff6700;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
    float: right
}

.pixxett-header1 .top-cart-contain .product-details .price {
    width: auto;
    float: none;
    font-weight: 600;
    padding-left: 0;
    font-size: 13px
}

.pixxett-header1 .mini-cart .basket a {
    text-align: center;
    cursor: pointer;
    padding: 0 12px 0 10px;
    border-radius: 2px;
    display: inline-block
}

    .pixxett-header1 .mini-cart .basket a:hover {
        color: #ff6709
    }

    .pixxett-header1 .mini-cart .basket a .cart-title {
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        line-height: 1;
        margin-left: 5px;
        text-transform: uppercase
    }

    .pixxett-header1 .mini-cart .basket a .cart_count {
        font-size: 12px;
        line-height: 20px;
        position: relative;
        text-align: center;
        padding: 0 5px
    }

    .pixxett-header1 .mini-cart .basket a span.cart_count:before {
        content: '( '
    }

    .pixxett-header1 .mini-cart .basket a span.cart_count:after {
        content: ' )'
    }

.pixxett-header1 .shoppingcart-inner {
    float: left;
    text-align: left
}

.pixxett-header1 .mini-cart .dropdown-toggle {
    padding: 0;
    text-transform: none
}

.pixxett-header1 .top-cart-contain {
    padding: 0;
    color: #fff;
    float: right
}

.pixxett-header1 .top-cart-content .empty {
    padding: 10px
}

.pixxett-header1 .top-cart-content {
    width: 320px;
    position: absolute;
    top: 40px;
    right: 0;
    background-color: #fff;
    padding: 0;
    z-index: 50;
    box-shadow: 0 1px 4px rgba(0,0,0,.7)
}

    .pixxett-header1 .top-cart-content p {
        color: #333;
        margin: 0;
        padding: 10px
    }

.pixxett-header1 .top-subtotal {
    color: #333;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 15px 10px;
    text-align: left;
    text-transform: none;
    margin-bottom: 0;
    border-top: 1px #e5e5e5 solid
}

.pixxett-header1 .top-cart-content .product-details .btn-remove {
    position: absolute;
    right: 10px;
    top: 4px
}

.pixxett-header1 .top-cart-title {
    display: inline-block;
    padding: 3px;
    margin: 0;
    vertical-align: top;
    text-align: center;
    color: #223d62;
    line-height: 12px;
    position: relative;
    width: 20px;
    margin-top: 2px;
    margin-left: 29px
}

.pixxett-header1 .top-cart-content .block-subtitle {
    border-bottom: 1px solid #e5e5e5;
    color: #333;
    overflow: hidden;
    padding: 8px 15px;
    text-align: left;
    font-size: 13px
}

.pixxett-header1 ul#cart-sidebar {
    padding: 3px 0 6px;
    margin: auto;
    max-height: 195px;
    overflow: auto
}

.pixxett-header1 .top-cart-content li.item {
    margin: 5px 0;
    border-bottom: 1px #eee solid;
    min-height: 67px
}

    .pixxett-header1 .top-cart-content li.item.last {
        margin: 0;
        border-bottom: 0 #eee solid;
        padding-bottom: 10px
    }

.pixxett-header1 .top-cart-content .product-details {
    color: #ff6700;
    position: relative;
    text-align: left
}

.pixxett-header1 .mini-products-list .product-details {
    margin-left: 80px;
    padding: 0
}

.pixxett-header1 .top-cart-content .product-details .btn-remove {
    position: absolute;
    right: 10px;
    top: 12px
}

.pixxett-header1 .top-cart-content .product-details .btn-edit {
    position: absolute;
    right: 22px;
    top: 6px
}

.pixxett-header1 .top-cart-content .actions {
    padding: 5px 15px 20px;
    margin: 0;
    overflow: hidden
}

.pixxett-header1 .top-cart-icon {
    padding: 5px;
    width: 20px;
    height: 24px;
    display: inline-block;
    vertical-align: middle
}

.pixxett-header1 .top-cart-title span {
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase
}

.pixxett-header1 .top-cart-title p span {
    text-transform: none
}

.pixxett-header1 .mini-cart .actions .fa-shopping-cart:before {
    font-size: 13px;
    padding-right: 3px
}

.pixxett-header1 .mini-cart .actions .fa-check:before {
    font-size: 13px;
    padding-right: 8px
}

.pixxett-header1 .mini-cart .actions .btn-checkout {
    background-color: #ff6709;
    color: #fff;
    padding: 0 15px;
    cursor: pointer;
    display: inline-block;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    border: 2px solid rgba(0,0,0,.08);
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%
}

    .pixxett-header1 .mini-cart .actions .btn-checkout:hover {
        background-color: #333;
        color: #fff
    }

.pixxett-header1 .mini-cart .actions .view-cart {
    background-color: #fff;
    color: #333;
    padding: 8px 15px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    border: 2px solid #999;
    font-weight: 400;
    border-radius: 4px;
    text-transform: uppercase
}

    .pixxett-header1 .mini-cart .actions .view-cart:hover {
        background-color: #ff6709;
        border: 2px solid #ff6709;
        color: #fff
    }

.pixxett-header1 .mini-cart .actions .button {
    display: inline-block;
    width: 100px;
    text-align: center;
    margin-bottom: 3px;
    padding: 8px 10px 6px;
    border: none;
    text-transform: uppercase
}

.pixxett-header1 .mini-cart .button.btn-checkout {
    background-color: #970400;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 6px;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.pixxett-header1 .block_mini_cart_above_products {
    margin-bottom: 15px
}

.pixxett-header1 .mini-cart > .button {
    color: #333;
    font-weight: 300;
    text-shadow: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: 0 0
}

.pixxett-header1 #cart-sidebar li {
    border-bottom: 1px solid #ececec;
    list-style: none;
    margin-bottom: 8px;
    overflow: hidden;
    padding: 8px 15px 15px
}

    .pixxett-header1 #cart-sidebar li.last {
        padding: 5px 15px 0;
        border-bottom: none;
        margin-bottom: 0
    }

.pixxett-header1 .toplinks div.links div.top-links-wrapper a.remove-cart {
    display: block;
    width: 15px;
    height: 13px;
    position: absolute;
    right: 0;
    top: -5px;
    font-size: 22px
}

.home-index .pixxett-header1 nav {
    position: absolute;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 1000;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    background-color: #fff;
}

    .home-index .pixxett-header1 nav:hover {
        background: #fff
    }

.home-index .pixxett-header1 .header-container {
    border-bottom: 1px solid #212121
}

.pixxett-header1 .logo-block {
    position: inherit;
    padding: 0
}

.pixxett-header1 nav {
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 1000
}

.pixxett-header1 .nav-inner {
    margin: auto;
    text-align: center;
    width: 100%
}

.pixxett-header1 #nav > li > a:hover:nth-child(1), .pixxett-header1 #nav > li > a.active:nth-child(1) {
    color: #ff6709;
    border-bottom: none
}

.pixxett-header1 #nav > li > a:hover span {
    color: #ff6709
}

.pixxett-header1 #nav > li > a:first-child {
    margin-left: 0
}

.pixxett-header1 #nav > li > a:last-child a {
    color: #333
}

.pixxett-header1 .nav {
    margin: 0 auto 0
}

.pixxett-header1 #nav > li:hover > a, .pixxett-header1 .vertnav-top li > a:hover {
    color: rgba(255,255,255,.7);
    border-bottom: none
}

.pixxett-header1 #nav .pixxett-header1 #nav-home > a, .pixxett-header1 #nav > li.active > a, .pixxett-header1 .vertnav-top li.current > a {
    color: #fff;
    background-color: #ff6709;
    margin-right: 0
}

    .pixxett-header1 #nav .pixxett-header1 #nav-home > a span, .pixxett-header1 #nav > li.active > a span, .pixxett-header1 .vertnav-top li.current > a span {
        border-right: none;
        color: #fff
    }

.pixxett-header1 #nav {
    z-index: 10;
    padding: 0;
    margin: auto
}

    .pixxett-header1 #nav li {
        text-align: left
    }

        .pixxett-header1 #nav li a {
            display: block;
            text-decoration: none
        }

    .pixxett-header1 #nav > li {
        list-style: none;
        border-bottom: none;
        margin-right: 0
    }

        .pixxett-header1 #nav > li.last {
            padding-right: 0
        }

        .pixxett-header1 #nav > li > a {
            display: block
        }

            .pixxett-header1 #nav > li > a > span {
                display: inline-block;
                line-height: 18px
            }

    .pixxett-header1 #nav .level0-wrapper {
        position: absolute;
        left: -10000px;
        background-color: #fff
    }

    .pixxett-header1 #nav .level0-wrapper2 {
        padding: 0
    }

        .pixxett-header1 #nav .level0-wrapper2:before, .pixxett-header1 #nav .level0-wrapper2:after {
            display: table;
            line-height: 0;
            content: ""
        }

        .pixxett-header1 #nav .level0-wrapper2:after {
            clear: both
        }

    .pixxett-header1 #nav a.level-top.feature {
        margin: 0
    }

    .pixxett-header1 #nav li a.level-top .icon {
        padding: 3px;
        margin: 0;
        float: none;
        display: inline-block;
        vertical-align: middle;
        background-color: transparent
    }

    .pixxett-header1 #nav li:hover a.level-top .icon {
        padding: 3px
    }

    .pixxett-header1 #nav #homelink-icon {
        margin-left: 12px
    }

        .pixxett-header1 #nav #homelink-icon a.level-top {
            padding-left: 5px;
            padding-right: 5px;
            background: 0 0;
            box-shadow: none;
            border: none
        }

    .pixxett-header1 #nav .nav-custom-link > a {
        cursor: default
    }

    .pixxett-header1 #nav .nav-custom-link {
        position: static;
        margin-right: 0
    }

        .pixxett-header1 #nav .nav-custom-link .header-nav-dropdown-wrapper p {
            margin: 10px 0;
            color: #333;
            line-height: 1.3em;
            font-family: work sans,sans-serif;
            font-size: 13px;
            font-weight: 400;
            display: inline-block
        }

        .pixxett-header1 #nav .nav-custom-link .header-nav-dropdown-wrapper .heading {
            margin: 10px 0
        }

    .pixxett-header1 #nav .number {
        display: inline;
        margin-left: 3px
    }

    .pixxett-header1 #nav ul li .number {
        color: #aaa
    }

.pixxett-header1 .nav .itemslider {
    margin-top: 0;
    margin-bottom: 0
}

    .pixxett-header1 .nav .itemslider .item {
        padding-bottom: 0
    }

.pixxett-header1 li.level0 > a > span {
    position: relative;
    color: #4d4d4d;
    font-size: 16px;
    font-family: 'isans';
    letter-spacing: 0 !important;
    direction: rtl;
    font-weight:bold;
}

    .pixxett-header1 li.level0 > a > span > .cat-label {
        position: absolute;
        top: -12px;
        right: 0;
        padding: 0 6px;
        font-size: 12px;
        line-height: 22px
    }

.pixxett-header1 .nav-inner .caret {
    margin-top: -2px;
    margin-right: 4px
}

.pixxett-header1 .nav-block {
    margin-top: 0
}

.pixxett-header1 .nav-block-bottom {
    float: left
}

.pixxett-header1 .nav-block-center {
    margin: 8px 7px 15px
}

    .pixxett-header1 .nav-block-center ul li {
        width: 19.6%;
        display: inline-block;
        padding: 0 7px !important
    }

        .pixxett-header1 .nav-block-center ul li ul li {
            display: block;
            width: 100%;
            padding: 3px 0 !important
        }

.pixxett-header1 .nav-block-right {
    margin-top: 0;
    float: right;
    padding: 0;
    text-align: center;
    width: 70.2%;
    margin-bottom: 0;
    padding-top: 0
}

.pixxett-header1 #nav > li > a {
    font-size: 13px;
    font-weight: 400;
    color: #777;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s
}

.pixxett-header1 ul.level0 {
    padding: 0
}

.pixxett-header1 ul.level1 {
    padding: 0 0
}

.pixxett-header1 #nav .level0-wrapper {
    background-color: #fff;
    color: #333
}

.pixxett-header1 #nav ul li a {
    color: #444;
    font-size: 13.7px;
}

    .pixxett-header1 #nav ul li a:hover {
        color: #ff6709
    }

.pixxett-header1 #nav .level0-wrapper {
    background-color: #fff;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 100%;
    left: 0;
    text-align: left;
    display: none;
    position: absolute;
    border-top: 1px solid #eee
}

.pixxett-header1 #nav .level0-wrapper {
    top: 74px;
    display: none
}

.pixxett-header1 #nav > li > a {
    color: #616161;
    display: block;
    float: right;
    font-size: 13px;
    line-height: 18px;
    padding: 28px 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px
}

.pixxett-header1 #nav > li:hover > a {
    z-index: 1
}

.pixxett-header1 #nav .nav-block-left.grid12-8 ul.level0 > li {
    display: inline-block;
    float: none;
    padding-bottom: 10px;
    padding-top: 10px;
    vertical-align: top;
    width: 22.5%;
    border-right: 1px solid #eaeaea;
    margin-right: 15px;
    padding-right: 8px
}

.pixxett-header1 #nav .nav-block-right.grid12-8 ul.level0 > li {
    display: inline-block;
    float: none;
    padding-bottom: 0;
    padding-top: 0;
    vertical-align: top;
    width: 23.6%;
    border-right: 0 solid #ddd;
    margin-right: 5px;
    padding-right: 0
}

.pixxett-header1 .grid12-8 .cat-img {
    margin-bottom: 6px;
    margin-top: 22px
}

.pixxett-header1 #nav ul.level0 > li > a {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: normal;
    color: #000;
    padding: 8px 0 0;
    font-weight: 300;
    text-transform: uppercase
}

.pixxett-header1 #nav ul li {
    list-style: none;
    padding: 3px 0
}

    .pixxett-header1 #nav ul li a {
        float: none
    }

.pixxett-header1 #nav ul.level1 {
    position: static;
    direction: rtl;
    text-align: right;
    padding-top: 25px;
    padding-bottom: 25px;
}

    .pixxett-header1 #nav ul.level1 > li a {
        float: none;
        transition: background-position 150ms ease-out;
        display: block;
        direction: rtl;
        text-align: right;
    }

        .pixxett-header1 #nav ul.level1 > li a:hover {
            float: none;
            transition: background-position 150ms ease-out
        }

.pixxett-header1 #nav ul.level2 {
    margin: 7px 0;
    padding: 0;
    position: static
}

    .pixxett-header1 #nav ul.level2 a {
        font-size: .9166em;
        line-height: 1.2727em;
        opacity: .6
    }

.pixxett-header1 .grid12-5 {
    border-right: 1px solid #eaeaea;
    display: inline;
    float: left;
    padding: 0 1%;
    width: 33%
}

.pixxett-header1 .nav-block-right.grid12-4 {
    margin: 0 18px 0 0;
    width: 31%
}

.pixxett-header1 .nav-block-left.grid12-4 {
    margin: 0 15px 0;
    width: 27%;
    float: left;
    padding-right: 15px;
    border-right: 1px #e5e5e5 solid;
    padding-bottom: 18px
}

.pixxett-header1 .nav-block-left.grid12-8 {
    display: inline;
    float: left;
    margin-left: 15px;
    margin-right: 0%;
    width: 66%;
    margin-bottom: 0
}

.pixxett-header1 .grid12-4 h3 {
    text-transform: uppercase;
    text-align: left;
    font-weight: 300;
    font-size: 13px;
    margin-top: 10px
}

.pixxett-header1 .grid12-4 p {
    text-align: left;
    font-weight: 400;
    font-size: 13px;
    display: block;
    margin-bottom: 8px
}

.pixxett-header1 a.btn-button-st {
    background-color: #eee;
    color: #222;
    font-size: 11px;
    padding: 6px 12px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    border: 1px solid #ddd;
    font-weight: 400;
    text-transform: uppercase;
    margin: 8px 0 0
}

.pixxett-header1 .fur-des p {
    margin-bottom: 0;
    margin-right: 22px;
    margin-top: 8px
}

.pixxett-header1 .nav-des {
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 0 10px
}

.pixxett-header1 a.btn-button-st:hover {
    background-color: #ff6709;
    color: #fff
}

.pixxett-header1 #nav li.drop-menu ul {
    position: absolute;
    top: 74px;
    right: 0;
    background-color: #fff;
    padding: 6px 0;
    width: 165px;
    text-align: left;
    z-index: 1000;
    border: 1px solid #eee
}

.pixxett-header1 #nav > li.drop-menu ul li ul {
    right: 160px !important;
}

.pixxett-header1 #nav > li.drop-menu {
    position: relative;
    display: inline-block;
    float: right;
}

.pixxett-header1 #nav li.drop-menu ul li {
    position: relative;
    font-weight: bold;
    text-align: right;
    direction: rtl;
    font-size: 15px;
}
    .pixxett-header1 #nav li.drop-menu ul li span {
        font-size: 13px;
        font-weight: bold;
        color:#666;
    }

    
    
    
    
    
    
    .pixxett-header1 #nav li.drop-menu ul li a {
        color: #000;
        line-height: 30px;
        font-size: 13px;
        padding: 0 12px;
        display: block;
        transition: all 200ms ease-in-out
    }

        .pixxett-header1 #nav li.drop-menu ul li a:hover {
            color: #ff6709
        }

    .pixxett-header1 #nav li.drop-menu ul li:hover > a {
        color: #ff6709;
        padding-left: 12px
    }

.pixxett-header1 #nav li.drop-menu ul {
    display: none
}

.pixxett-header1 #nav .normal-text {
    color: #777;
    font-size: 13px;
    margin-bottom: 0;
    padding: 12px 0 10px;
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
    border-bottom: 1px solid #eaeaea
}

    .pixxett-header1 #nav .normal-text .custom_link div {
        display: inline-block;
        margin: 0 15px 0 0;
        float: left
    }

.pixxett-header1 .custom-menu {
    overflow: hidden;
    width: 1170px
}

    .pixxett-header1 .custom-menu .grid12-5 {
        margin-left: 0%;
        margin-right: 0%
    }

        .pixxett-header1 .custom-menu .grid12-5.last {
            border: none
        }

    .pixxett-header1 .custom-menu p {
        color: #aaa;
        margin: 10px 0 0
    }

.pixxett-header1 .products-info .pr-title {
    color: #333;
    font-family: work sans,sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 6px
}

.pixxett-header1 .nav-add-img {
    margin-top: 22px
}

.pixxett-header1 .grid12-5 .cat_img {
    float: right;
    display: inline-block
}

.pixxett-header1 .grid12-5 .cat_pr_info {
    padding: 0 0 5px
}

.pixxett-header1 .grid12-5 .cat-bnt {
    margin-top: 10px
}

.pixxett-header1 .grid12-5 .cat_pr_info .products-info {
    padding-right: 8px;
    padding-top: 15px
}

.pixxett-header1 .grid12-5 .products-info .pr-title {
    color: #333;
    font-family: work sans,sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 6px
}

.pixxett-header1 .cat-img a {
    position: relative
}

    .pixxett-header1 .cat-img a:before {
        box-shadow: 0 0 0 2px transparent inset;
        content: "";
        height: 99%;
        left: 0;
        position: absolute;
        top: 0;
        transition: all .3s ease-in-out 0s;
        width: 92%;
        z-index: 2
    }

    .pixxett-header1 .cat-img a:hover:before {
        box-shadow: 0 0 0 65px rgba(0,0,0,.2) inset
    }

.pixxett-header1 button.buy-now {
    font-family: work sans,sans-serif;
    border: 1px #e5e5e5 solid;
    background-color: #eee;
    padding: 7px 12px;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s
}

    .pixxett-header1 button.buy-now:hover {
        border: 1px solid #ff6709;
        background-color: #ff6709;
        padding: 7px 12px;
        color: #fff
    }

    .pixxett-header1 button.buy-now span {
        font-weight: 400;
        text-transform: uppercase;
        font-size: 11px
    }

.pixxett-header1 .nav-inner .price-box .special-price .price {
    color: red;
    font-size: 13px;
    font-weight: 700
}

.pixxett-header1 .nav-inner .price-label {
    display: none
}

.pixxett-header1 .nav-inner .price-box {
    text-align: center
}

.pixxett-header1 .nav-inner .old-price .price {
    color: #777;
    font-size: 13px;
    font-weight: 400;
    margin-right: 6px;
    text-decoration: line-through
}

.pixxett-header1 .shop-categories .main-product {
    float: right;
    text-align: center;
    width: 25%;
    margin: 20px 0
}

.shop-categories .main-product .product-image {
    display: block;
    width: 80%;
    margin: 0 auto
}

.shop-categories .main-product .product-name {
    color: #424242;
    font-size: 16px
}

.shop-categories .main-product .product-price {
    display: block;
    color: #ff6700;
    font-size: 14px
}

.top-banner-section-wrapper {
    padding: 16px 0
}

.top-banner-section {
    overflow: hidden;
    width: 100%
}

.top-banner-section-wrapper .container {
    padding: 0
}

.top-banner-section .row {
    margin: 0 -8px
}

.top-banner-section .col-sm-4 {
    padding: 0 8px
}

.section-content {
    width: 100%;
    display: block;
    overflow: hidden
}

    .section-content .content-left, .section-content .content-right {
        display: inline-block;
        width: 50%;
        padding: 0;
        float: left
    }

        .section-content .content-right .content-right-inner .col-lg-6 {
            padding: 0 2px 2px
        }

        .section-content .content-right .content-right-inner .col-lg-12 {
            padding: 0 2px
        }

.section-heading {
    width: 100%;
    position: relative;
    margin: 68px auto 40px;
    text-align: center
}

    .section-heading:after, .section-heading:before {
        content: "";
        position: absolute;
        top: 14px;
        width: 344px;
        height: 1px;
        background-color: #e0e0e0
    }

    .section-heading:before {
        right: 80px
    }

    .section-heading:after {
        left: 80px
    }

    .section-heading .section-title {
        margin: 0;
        font-size: 24px;
        font-weight: 300;
        color: #616161;
        text-transform: uppercase;
        line-height: 30px
    }

.bestsellers3 {
    padding-top: 15px
}

    .bestsellers3 .hot-deal-box {
        padding: 0
    }

    .bestsellers3 .bestseller-content {
        padding-right: 0
    }

    .bestsellers3 .category-products .text-banner h2 {
        color: #333
    }

    .bestsellers3 .category-products .text-banner h3 {
        color: #000
    }

    .bestsellers3 .category-product {
        margin-top: 0;
        margin-bottom: 0;
        position: relative;
        margin-bottom: 0
    }

        .bestsellers3 .category-product .nav.pixxett-tabs {
            float: right
        }

        .bestsellers3 .category-product .navbar {
            line-height: inherit;
            margin-bottom: auto;
            min-height: inherit;
            border: none
        }

        .bestsellers3 .category-product .new_title.center {
            margin-bottom: 0
        }

    .bestsellers3 .product-bestseller {
        margin: -2px 0 20px;
        display: inline-block;
        width: 100%;
        border-top: 1px solid #ddd
    }

        .bestsellers3 .product-bestseller .item .item-inner {
            background-color: #fff;
            padding: 20px 20px 0;
            transition: all .3s;
            overflow: hidden
        }

            .bestsellers3 .product-bestseller .item .item-inner:after, .featured-pro .item .item-inner:after {
                background-color: #eaeaea;
                bottom: 30px;
                content: "";
                left: -1px;
                position: absolute;
                top: 45px;
                width: 1px
            }

.trending-products .item .item-inner {
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
}

    .trending-products .item .item-inner .item-info, .trending-products .item .item-inner .item-title {
        padding: 0 15px
    }

.bestsellers3 .product-bestseller .item:nth-child(3n+1) .item-inner:after {
    display: none
}

.bestsellers3 .product-bestseller .item .item-inner:hover {
    padding-bottom: 48px;
    margin-bottom: -48px;
    position: relative;
    z-index: 9
}

.bestsellers3 .product-bestseller .product-featured-content {
    width: 100%;
    float: right
}

    .bestsellers3 .product-bestseller .product-featured-content .product-featured-list {
        margin-left: 0;
        overflow: hidden
    }

.bestsellers3 .category-product .navbar-collapse {
    padding: 0
}

.bestsellers3 .category-product .pixxett-tabs > li:last-child {
    margin-right: 0
}

.bestsellers3 .product-bestseller-list {
    display: inline-block
}

.bestsellers3 .pixxett-tabs li.active a, .bestsellers3 .pixxett-tabs li.active a:hover {
    border-bottom: 1px solid #ff6709;
    font-weight: 400
}

    .bestsellers3 .pixxett-tabs li.active a:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #ff6709;
        position: absolute;
        bottom: -7px;
        left: 50%;
        margin-left: -12px;
        z-index: 99
    }

.bestsellers3 .pixxett-tabs li {
    display: inline-block;
    position: relative
}

    .bestsellers3 .pixxett-tabs li > a {
        font-size: 16px;
        color: #343f49;
        padding: 0 20px 4px 18px;
        display: inline-block;
        border: 2px solid transparent;
        line-height: 30px;
        cursor: pointer;
        text-transform: uppercase
    }

        .bestsellers3 .pixxett-tabs li > a:hover, .bestsellers3 .pixxett-tabs li > a:focus {
            color: #ff6709;
            background: inherit;
            text-decoration: none
        }

.bestsellers3 .product-bestseller .product-list li {
    border-right: 1px solid #eaeaea;
    padding-bottom: 10px
}

.bestsellers3 .tab-container {
    position: relative
}

    .bestsellers3 .tab-container .tab-panel {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden
    }

    .bestsellers3 .tab-container .active {
        opacity: 1;
        visibility: inherit;
        position: inherit;
        -vendor-animation-duration: .3s;
        -vendor-animation-delay: 1s;
        -vendor-animation-iteration-count: infinite
    }

ul.products-grid {
    margin: 0 -15px
}

    ul.products-grid .item .item-inner {
        background: #fff;
        padding: 10px;
        overflow: hidden;
        margin-bottom: 25px
    }

.owl-item .item {
    margin: 0 12px
}

.bestsellers3 .new_title {
    border: none;
    text-align: left;
    color: #000;
    margin: 0;
    border-bottom: 1px solid #ddd;
    height: 48px
}

    .bestsellers3 .new_title h2 {
        float: left;
        margin: 0;
        font-size: 25px;
        color: #333e48;
        text-transform: capitalize;
        font-weight: 400;
        line-height: 39px;
        padding-bottom: 8px;
        position: relative;
        border-bottom: 1px #ff6709 solid
    }

.products-grid .box-hover .add-to-links li a {
    height: 34px;
    display: block;
    font-size: 0;
    color: #fff;
    line-height: 36px;
    text-align: left;
    padding: 0;
    text-transform: uppercase;
    margin: 0;
    background: 0 0;
    font-weight: 700;
    letter-spacing: 1px
}

    .products-grid .box-hover .add-to-links li a:after {
        width: 34px;
        height: 34px;
        float: right;
        background: #ffdc73;
        content: "";
        text-align: center;
        font-family: FontAwesome;
        font-size: 11px
    }

    .products-grid .box-hover .add-to-links li a:hover {
        padding-left: 15px;
        margin: 0 0 0 10px;
        font-size: 11px;
        background: #ed6663;
        color: #fff
    }

        .products-grid .box-hover .add-to-links li a:hover:after {
            margin-left: 15px;
            background: #d11956
        }

.products-grid {
    padding: 0
}

    .products-grid .category-products .products-grid li.item.last {
        text-align: center
    }

.category-products .products-grid li.item img {
    max-width: 100%;
    margin-bottom: 10px
}

.products-grid .item .quick-view-btn {
    width: 50px;
    height: 50px;
    background: #fff;
    text-align: center;
    display: inline-block;
    line-height: 50px
}

    .products-grid .item .quick-view-btn a:before {
        content: "\e090";
        font-family: simple-line-icons;
        font-size: 14px
    }

    .products-grid .item .quick-view-btn span {
        display: none
    }

.product-bestseller .products-grid .item {
    margin: 0;
    padding: 0;
    border: 0 #dcdcdd solid;
    margin-bottom: 30px
}

.products-grid .action ul {
    padding: 0;
    margin: auto
}

    .products-grid .action ul li {
        display: inline-block;
        list-style: none
    }

        .products-grid .action ul li a, .products-grid .action ul li button {
            background: none repeat scroll 0 0 #fff;
            border: 1px solid #eaeaea;
            color: #666;
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 1px;
            line-height: normal;
            padding: 8px 12px;
            text-transform: uppercase
        }

            .products-grid .action ul li a:hover {
                background: none repeat scroll 0 0 #ffdc73;
                border: 1px solid #ffdc73;
                color: #000;
                display: inline-block;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 1px;
                line-height: normal;
                padding: 8px 12px;
                text-transform: uppercase
            }

.products-grid .item .item-inner .item-img .item-img-info {
    text-align: center;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    position: relative
}

.products-grid .item .item-inner .item-img {
    position: relative;
    display: inline-block;
    zoom: 1;
    width: 100%
}

.products-grid .item .item-inner .item-info .info-inner {
    border-top: none
}

.products-grid .item .item-inner .item-title {
    margin: 0 0 5px;
    line-height: normal;
    text-align: left;
    margin-right: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

    .products-grid .item .item-inner .item-title a {
        font-size: 14px;
        line-height: normal;
        outline: 0;
        text-decoration: none;
        font-weight: 400;
        color: #212121;
        text-transform: uppercase;
        letter-spacing: .5px;
        color: #4554b2;
        font-weight: bold;
    }

        .products-grid .item .item-inner .item-title a:hover {
            color: #ff6709
        }

.products-grid .item:hover .item-inner .item-img .item-img-info {
    border-color: #fff
}

.products-grid .item:hover .item-inner .item-img .item-box-hover {
    visibility: visible;
    opacity: 1;
    left: 0;
    bottom: 0
}

.products-grid .item:hover .item-inner .item-info .info-inner .item-title a {
    color: #ff6709
}

.products-grid .item:hover .item-inner .item-info .info-inner .action button.button {
    background: #ffdc73;
    color: #000;
    border: 1px #ffdc73 solid
}

.products-grid .item .item-inner .item-info .info-inner .actions-cart {
    float: right;
    display: block;
    padding: 7px 0 8px
}

.products-grid .price {
    font-size: 14px;
    color: #333;
    white-space: nowrap
}

.products-grid .item .item-inner .item-info .info-inner .item-price {
    display: block;
    float: left;
    margin: 0;
    max-width: calc(100% - 35px)
}

.products-grid .regular-price {
    display: inline
}

    .products-grid .regular-price .price {
        font-size: 18px;
        line-height: 45px;
        color: #ff6700
    }

.products-grid .block .regular-price, .block .regular-price .price {
    color: #000
}

.products-grid .price-box .price-from .price {
    font-weight: 900;
    font-size: 14px;
    color: #333
}

.products-grid .price-box .price-to .price {
    font-weight: 900;
    font-size: 14px;
    color: #333
}

.price-box .minimal-price .price {
    font-weight: 900;
    font-size: 14px;
    color: #333
}

.products-grid .old-price .price-label {
    white-space: nowrap;
    color: #999;
    display: none
}

.products-grid .old-price {
    display: inline;
    margin-right: 8px
}

    .products-grid .old-price .price-label {
        color: #777;
        display: none;
        white-space: nowrap
    }

    .products-grid .old-price .price {
        color: #848484;
        font-size: 12px;
        font-weight: 400;
        text-decoration: line-through;
        margin-right: 6px
    }

.products-grid .hot-deal .old-price .price {
    color: #383838;
    font-size: 18px;
    font-weight: 400;
    text-decoration: line-through
}

.products-grid .special-price {
    margin: 0;
    padding: 3px 0;
    display: inline
}

    .products-grid .special-price .price-label {
        color: #666;
        display: none;
        font-size: 13px;
        font-weight: 400;
        white-space: nowrap
    }

    .products-grid .special-price .price {
        font-size: 18px;
        color: #ff6709;
        line-height: 45px
    }

    .products-grid .special-price .price-label {
        font-size: 13px;
        font-weight: 900;
        white-space: nowrap;
        color: #666;
        display: none
    }

.products-grid .minimal-price {
    margin: 0
}

    .products-grid .minimal-price .price-label {
        white-space: nowrap
    }

.products-grid .minimal-price-link {
    display: inline
}

.products-grid .item .actions-cart .button.btn-cart {
    color: #fff;
    background: url(../images/cart-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #e6e6e6;
    border-color: #e6e6e6
}

.products-grid .item .actions-cart .button.btn-cart {
    width: 35px;
    height: 35px;
    line-height: 33px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border-width: 0;
    border-radius: 50%
}

.products-grid .item ul {
    list-style: none;
    margin: 0;
    padding: 0;
    direction: rtl;
    text-align: right;
    width: 100%;
    padding-inline: 7px;
    font-size: 12px;
    padding-block:15px;
    
}
    .products-grid .item ul > li {
        border-bottom: 1.5px dashed #4554b2;
        text-align: center;
    }

.products-grid .item .add-to-links .pull-compare {
    float: left
}

.products-grid .add-to-links .separator {
    display: none
}

.products-grid .item .actions-no .add-to-links a, .products-list .item .product-shop .add-to-links li a {
    color: #848484
}

.products-grid .item .add-to-links a {
    color: #777;
    display: block !important;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    padding: 0
}

.products-grid .item .add-to-links .pull-wishlist {
    float: right
}

.products-grid .item .add-to-links a {
    font-size: 13px;
    color: #848484;
    line-height: 20px;
    display: block
}

.products-grid .item .actions .add-to-links {
    clear: both;
    padding-top: 10px;
    padding-bottom: 15px;
    left: 0;
    right: 0;
    opacity: 0;
    position: absolute;
    bottom: 0;
    transition: all .3s
}

.products-grid .item:hover .actions .add-to-links {
    visibility: visible;
    opacity: 1;
    bottom: 30%;
    z-index: 100;
    padding: 10px 30px
}

.products-grid .item .add-to-links a i {
    font-size: 13px;
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
    padding-right: 7px
}

.products-grid .item .add-to-links a:hover {
    color: #ff6709
}

.products-grid .item .actions-cart .button.btn-cart:hover, .products-grid .item:hover .actions-cart .button.btn-cart {
    color: #fff;
    background-color: #ff6709;
    border-color: #ff6709;
    background-image: url(../images/cart-icon-hover.png)
}

.products-grid .pixxett-tabs {
    position: relative;
    text-align: center;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border-bottom: 1px solid #ddd;
    height: 37px
}

.products-grid .quick-view {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: -10px;
    right: 0;
    z-index: 2;
    width: 35px;
    height: 35px;
    line-height: 40px;
    overflow: hidden;
    text-align: center
}

    .products-grid .quick-view a {
        color: #ff6709
    }

.products-grid .link-quickview .icons {
    font-size: 20px
}

.products-grid .item:hover .quick-view {
    opacity: 1;
    visibility: visible
}

.products-grid .product-img-back {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .2s ease-in-out 0s;
    visibility: hidden
}

.products-grid .item .mgk-pro-hover:hover .product-img-back {
    opacity: 1;
    visibility: visible;
    transition: all .2s ease 0s
}

.products-grid .mgk-pro-hover {
    position: relative;
    z-index: 1
}

.products-grid .sale-new-label {
    position: absolute;
    top: -10px;
    z-index: 20
}

    .products-grid .sale-new-label.top-right {
        right: -10px
    }

    .products-grid .sale-new-label.top-left {
        left: -10px
    }

.products-grid .labelnew, .products-grid .labelsale {
    display: block;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
    padding: 0;
    font-weight: 400;
    width: 40px;
    height: 20px
}

.products-grid .labelsale {
    color: #fff;
    background-color: #ff6709
}

.products-grid .labelnew {
    color: #fff;
    background-color: #343f49
}

.xm-pagenavi {
    padding: 15px 0;
    text-align: center;
    width: 100%;
    display: block;
    overflow: hidden
}

    .xm-pagenavi .numbers {
        display: inline-block;
        width: 48px;
        padding: 3px 0;
        margin: 0 7px;
        font-size: 18px;
        font-weight: 200;
        line-height: 26px;
        color: #b0b0b0
    }

    .xm-pagenavi .iconfont {
        font-size: 48px;
        vertical-align: top
    }

    .xm-pagenavi .current {
        background-color: #757575;
        color: #fff
    }

.timer-grid {
    overflow: hidden;
    display: inline-block
}

    .timer-grid .box-time-date {
        background: #fbfbfb;
        font-size: 9px;
        color: gray;
        min-width: 55px;
        min-height: 50px;
        text-align: center;
        margin-top: 7px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 0;
        border: 1px #e8e8e8 solid;
        display: block
    }

    .timer-grid .day.box-time-date {
        background: #ff6709;
        color: #fff;
        border: 1px #ff6709 solid
    }

        .timer-grid .day.box-time-date span {
            color: #fff
        }

    .timer-grid .box-time-date span {
        display: block;
        font-size: 16px;
        color: #3f3f3f;
        margin-top: 6px
    }

.box-timer {
    bottom: 15px;
    left: 15px;
    text-align: center;
    margin-top: 0;
    position: absolute;
    top: 15%
}

.hot-deal {
    overflow: hidden
}

    .hot-deal .products-grid .item {
        margin-top: auto;
        padding: 0;
        border: 1px #e5e5e5 solid;
        overflow: hidden
    }

.bestsellers3 .hot-deal .item .item-inner .item-title {
    padding-left: 15px
}

.hot-deal .item-info {
    padding: 0 15px;
    padding-bottom: 18px;
    overflow: hidden
}

.hot-deal .products-grid .item .item-inner .item-img {
    margin: 0 auto 0
}

#offer-banner {
    margin-bottom: 0;
    margin-top: 15px
}

.hot-label {
    font-size: 10px;
    color: #fff;
    background: #ff4318;
    text-transform: uppercase;
    padding: 3px 10px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0
}

.featured-pro {
    padding-bottom: 30px;
    padding-top: 0
}

.featured-block {
    background-color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative
}

.featured-pro .home-block-inner {
    background: none repeat scroll 0 0 #949ba9;
    border-width: 0 !important;
    float: right;
    min-height: 390px;
    width: 23.3%
}

    .featured-pro .home-block-inner:after {
        border-color: transparent #949ba9 transparent transparent;
        border-style: solid;
        border-width: 15px 15px 15px 0;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: 23%;
        top: 6%;
        width: 0;
        z-index: 10
    }

.featured-pro .block-content {
    margin-right: 24.7% !important;
    padding: 0 10px 0 0;
    width: 76.6%;
    margin-left: -12px
}

#featured-slider.product-flexslider {
    margin: 0
}

.featured-pro .block-title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 28px;
    padding: 25px 25px 15px;
    position: relative
}

.featured-pro a.view_more_bnt {
    border: none;
    background: #fff;
    text-transform: uppercase;
    color: #666;
    padding: 8px 25px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
    float: left;
    margin-top: 20px;
    margin-left: 25px;
    z-index: 1;
    position: relative;
    border-radius: 0
}

    .featured-pro a.view_more_bnt:hover {
        background: rgba(0,0,0,.4);
        color: #fff;
        text-decoration: none
    }

.featured-pro .block-title h2 {
    margin: auto;
    font-weight: 400;
    font-size: 26px;
    color: #fff
}

.featured-pro .owl-pagination {
    background: inherit;
    right: -10%;
    padding-left: inherit;
    position: absolute;
    left: inherit;
    text-align: center;
    top: 88%;
    z-index: 7
}

.featured-pro .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: rgba(0,0,0,.6) !important
}

.featured-pro .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    border: none;
    margin-right: 6px;
    background: rgba(0,0,0,.3)
}

.featured-pro .block-title em {
    font-style: normal;
    font-weight: 300
}

.featured-pro .home-block-inner .pretext {
    margin-top: 0;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-transform: none;
    margin-left: 25px;
    margin-right: 25px;
    opacity: .6
}

.featured-pro .slider-items-products .owl-buttons a {
    background: inherit;
    display: block;
    height: 38px;
    margin: 0 0 0 -30px;
    position: absolute;
    top: 50%;
    width: 28px;
    z-index: 5;
    color: #fff;
    border: none
}

.featured-pro .slider-items-products .owl-buttons .owl-prev a {
    border: none
}

.featured-pro .slider-items-products .owl-buttons .owl-next {
    right: -30px
}

.featured-pro .slider-items-products .owl-buttons .owl-prev a:before {
    line-height: 35px
}

.featured-pro .slider-items-products .owl-buttons .owl-next a:before {
    line-height: 32px
}

.featured-pro .slider-items-products .owl-buttons .owl-prev {
    left: -13px
}

.featured-pro .slider-items-products .owl-buttons a:hover {
    text-decoration: none;
    background: inherit;
    color: #fff;
    border: none
}

.parallax {
    height: 440px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.parallax-2 {
    background-image: url(../images/parralax-bg.jpg);
    padding-top: 60px;
    padding-bottom: 50px
}

.offer-slider {
    display: block;
    text-align: center;
    margin: 0 auto 30px
}

    .offer-slider h1 {
        color: #fff!important;
        font-size: 29px!important;
        margin: 40px auto 0;
        font-weight: 600;
        display: inline-block;
        padding: 30px 30px 0;
        border-radius: 3px;
        line-height: inherit;
        direction:rtl;
    }

    .offer-slider h2 {
        color: #fff;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1px;
        margin: auto;
        padding: 7px 20px;
        position: absolute;
        left: 40%;
        margin-left: -75px;
        text-transform: none;
        border-top: 1px #fff solid;
        border-bottom: 2px #fff solid
    }

    .offer-slider li {
        position: relative
    }

    .offer-slider p {
        color: #fff;
        padding: 0 20% 1%;
        font-size: 14px;
        font-weight: 400;
        direction:rtl;
    }

    .offer-slider a.shop-now {
        padding: 7px 25px;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        margin-right: 10px;
        border-radius: 5px;
        letter-spacing: 1px;
        display: inline-block;
        background: #00529b;
        direction: rtl;
    }

        .offer-slider a.shop-now:after {
            content: '\f0d9';
            font-family: FontAwesome;
            display: inline-block !important;
            margin-right: 15px;
            color: #fff;
            font-size: 16px
        }

        .offer-slider a.shop-now:hover {
            color: #fff;
            background-color: #ff6709
        }

.latest-blog img {
    width: 100%
}

.latest-blog {
    text-align: left;
    margin: auto;
    padding: 30px 0;
    overflow: hidden
}

.blog-block {
    border: 1px #f1f1f1 solid;
    background: #fff;
    overflow: hidden;
    padding-bottom: 35px
}

.latest-blog h3 {
    margin-bottom: 50px
}

.blog-title {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
    display: block;
    padding: 0;
    letter-spacing: .5px
}

.latest-blog .icon-calendar:before {
    margin-right: 5px
}

.latest-blog .post-date {
    width: 100px;
    z-index: 100;
    top: 10%;
    font-weight: 400;
    text-align: left;
    font-size: 13px;
    color: #999;
    margin-left: 0;
    padding: 5px 0;
    display: inline-block;
    float: right;
    text-align:right;
}

.post-date .icon-calendar {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

.latest-blog .readmore {
    display: inline-block;
    padding: 5px 10px;
    border: 1px #d1d1d1 solid;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700
}

    .latest-blog .readmore:hover {
        background: #ff6700;
        color: #fff
    }

.latest-blog .blog-title h2 {
    color: #666;
    font-size: 16px;
    font-weight: 700;
    margin-top: 0;
    padding: 12px 10px 2px 0;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px
}

.latest-blog .blog_inner {
    float: left;
    margin-top: 20px;
    position: relative
}

.post-date {
    color: #5e5f5f;
    font-weight: 400;
    font-size: 13px
}

.blog_post img {
    max-width: 100%;
    height: auto
}

.latest-blog p {
    font-size: 13px;
    line-height: 20px;
    margin: 10px 0 0;
    text-align: left;
    color: #777;
    padding: 0
}

.blog_post img {
    margin-bottom: 20px;
    width: 100%
}

.latest-blog .blog-img {
    display: block;
    overflow: hidden
}

    .latest-blog .blog-img img {
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    .latest-blog .blog-img:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -moz-transform: scale(1.2)
    }

.blog-img img {
    -webkit-transition: all .4s ease-in-out .5s;
    -moz-transition: all .4s ease-in-out .5s;
    -o-transition: all .4s ease-in-out .5s;
    -ms-transition: all .4s ease-in-out .5s;
    transition: all .4s ease-in-out .5s
}

.blog-img .mask {
    background-color: #000;
    opacity: 0;
    -webkit-transition: all .3s ease-in .4s;
    -moz-transition: all .3s ease-in .4s;
    -o-transition: all .3s ease-in .4s;
    -ms-transition: all .3s ease-in .4s;
    transition: all .3s ease-in .4s
}

.blog-img a.info {
    opacity: 0;
    -webkit-transition: all .3s ease-in-out .1s;
    -moz-transition: all .3s ease-in-out .1s;
    -o-transition: all .3s ease-in-out .1s;
    -ms-transition: all .3s ease-in-out .1s;
    transition: all .3s ease-in-out .1s;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.blog-img:hover .mask {
    background-color: rgba(0,0,0,.5);
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s
}

.blog-img:hover a.info {
    opacity: 1;
    -webkit-transform: translateY(85px);
    -moz-transform: translateY(85px);
    -o-transform: translateY(85px);
    -ms-transform: translateY(85px);
    transform: translateY(85px);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s
}

.blog-img .mask, .blog-img .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center
}

.blog-img a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #ff6700;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    border: #fff double;
    text-transform: uppercase
}

    .blog-img a.info:hover {
        background: #202726
    }

.blog-img {
    position: relative
}

.title-primary {
    font-size: 24px;
    letter-spacing: 3px
}

.blog-preview {
    padding: 60px
}

.blog-outer-container {
    margin-top: 0;
    background: #fff;
    display: inline-block;
    margin-bottom: 15px
}

    .blog-outer-container .new_title {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 25px;
        padding: 5px 0 8px
    }

.blog-preview_image {
    float: left;
    width: 100%;
    position: relative
}

    .blog-preview_image img {
        float: left;
        width: 100%
    }

.blog-preview_info {
    float: left;
    padding: 15px;
    width: 100%;
    background: #fff
}

    .blog-preview_info h4 {
        margin-bottom: 10px;
        direction:rtl;
        text-align:right;
    }

.blog-preview_title a {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.3em;
    margin: auto;
    padding-bottom: 6px;
    color: #000;
    direction: rtl;
    text-align: right;
}

.blog-preview_desc {
    color: #666;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 15px;
    direction: rtl;
    text-align: right;
}

.blog-preview_btn {
    font-size: 11px;
    margin: 0;
    padding: 8px 25px;
    background: #00529b;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    display: inline-block;
    border: 1px #00529b solid;
    border-radius: 0
}

    .blog-preview_btn:focus, .blog-preview_btn:hover {
        background: #ec5e06;
        text-decoration: none;
        color: #fff
    }

.blog-preview_posted {
    color: #333;
    background: rgba(255,255,255,.9);
    bottom: 10px;
    height: 60px;
    right: 10px;
    position: absolute;
    width: 60px;
    z-index: 10
}

.blog-preview_date {
    float: left;
    font-size: 13px;
    padding: 6px 0 10px;
    position: relative;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px
}

    .blog-preview_date span {
        font-size: 18px;
        font-weight: 700
    }

.blog-preview_comments {
    float: right;
    font-size: 12px;
    padding-top: 3px;
    text-align: center
}

    .blog-preview_comments i {
        color: #ff6700
    }

.blog-preview_image:hover .blog-preview_posted {
    color: #000
}

.blog-container {
    padding-top: 25px;
    padding-bottom: 90px;
    text-align: center
}

    .blog-container .row {
        padding-top: 83px
    }

.blog-preview-small {
    float: left;
    position: relative;
    width: 100%
}

.blog-preview-small_img {
    float: left;
    width: 100%
}

.blog-preview-small_link {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

    .blog-preview-small_link:hover {
        background-color: rgba(0,0,0,.4)
    }

        .blog-preview-small_link:hover .blog-preview_posted {
            color: #fff
        }

.blog-preview-small_txt {
    bottom: 30px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.blog-preview-small .blog-preview_posted {
    border-style: none;
    border-width: 0;
    bottom: auto;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: -25px
}

.blog-preview-small_more {
    border-color: #ececec;
    float: left;
    font-size: 11px;
    margin: 28px 0 0;
    padding: 8px 15px
}

.blog-inner {
    margin: auto -15px 25px
}

    .blog-inner .blog-preview_item .blog-preview-item-inner:hover {
        -webkit-transition: all .2s linear;
        overflow: hidden;
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0);
        -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.18);
        box-shadow: 0 8px 16px rgba(0,0,0,.18);
        transition: -webkit-box-shadow .2s linear;
        transition: box-shadow .2s linear;
        transition: box-shadow .2s linear,-webkit-box-shadow .2s linear
    }

.box-hover .add-to-links {
    margin: 0;
    list-style: none;
    padding: 0
}

    .box-hover .add-to-links li {
        margin: 3px 0
    }

.box-hover {
    position: absolute;
    top: 55%;
    margin-top: -76px;
    right: -100%;
    float: right;
    text-align: right
}

.image-hover2 a {
    position: relative;
    display: inline-block
}

    .image-hover2 a:after {
        overflow: hidden;
        position: absolute;
        top: 0;
        content: "";
        z-index: 100;
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        background-color: rgba(0,0,0,.3);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        z-index: 1
    }

    .image-hover2 a:before {
        font: normal normal normal 18px/1 FontAwesome;
        content: "\f002";
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        color: #fff;
        ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background: rgba(0,0,0,.5);
        padding: 10px 15px;
        ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        -webkit-transition: opacity .3s ease 0s;
        -o-transition: opacity .3s ease 0s;
        transition: opacity .3s ease 0s
    }

    .image-hover2 a:hover:after {
        visibility: visible;
        opacity: .8;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .image-hover2 a:hover:before {
        opacity: 1
    }

.blog-outer-container .entry-thumb img {
    width: 100%
}

.blog-outer-container .entry-thumb {
    position: relative
}

.item .item-inner:hover .item-img .box-hover {
    right: 0
}

.brand-logo {
    margin: 0;
    padding: 0 0 25px
}

    .brand-logo .section-heading:after, .brand-logo .section-heading:before {
        width: 400px
    }

#brand-logo-slider {
    margin: 30px 0 !important
}

.brand-logo .slider-items-products .item {
    text-align: center;
    border: 1px #ddd solid;
    height: 80px;
    line-height: 75px;
    margin: 0 10px
}

.brand-logo .owl-pagination {
    top: -45px
}

.brand-logo .slider-items-products .owl-buttons .owl-next {
    position: absolute;
    right: -22px;
    top: 15px
}

.brand-logo .slider-items-products .owl-buttons a {
    border: none;
    /*background: #f5f5f5;*/
    margin-top: -15px
}

.brand-logo .slider-items-products .owl-buttons .owl-next a:before {
    font-size: 28px
}

.brand-logo .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 28px
}

.brand-logo .slider-items-products .owl-buttons .owl-prev {
    left: -32px;
    position: absolute;
    top: 15px;
    background: 0 0
}

/*.main-container {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    top: 0
}*/

.button-checkout:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 5px;
    font-weight: 400
}

.button-compare:before {
    content: "\f012";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 5px;
    font-weight: 400
}

.button-clear:before {
    content: "\f12d";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 5px;
    font-weight: 400
}

.button-subscribe:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 5px;
    font-weight: 400
}

.button-vote:before {
    content: "\f164";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 5px;
    font-weight: 400
}

.block {
    margin: 0 0 30px;
    background: #fff;
    position: relative
}

    .block .block-title {
        color: #000;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: normal;
        border-bottom: 1px solid #e5e5e5;
        margin: 0;
        padding: 15px;
        text-transform: uppercase
    }

        .block .block-title:after {
            border-bottom: 2px solid #ff6700;
            content: "";
            display: block;
            left: 15px;
            position: absolute;
            right: inherit;
            width: 50px;
            z-index: 10;
            height: 17px
        }

        .block .block-title strong {
            font-weight: 700
        }

        .block .block-title a {
            text-decoration: none
        }

    .block .block-content .item {
        padding: 5px 0
    }

    .block .btn-remove, .block .btn-edit {
        float: right;
        margin-top: 6px
    }

.sidebar .block .access .btn-remove {
    float: right;
    margin-top: -38px
}

.block .actions {
    text-align: left;
    padding: 8px 0
}

    .block .actions a {
        float: right;
        margin-left: 10px;
        margin-bottom: 10px;
        font-weight: 700
    }

.block .empty {
    color: #666
}

.side-nav-categories ul li {
    padding: 0
}

    .side-nav-categories ul li a {
        display: inline-block;
        position: relative
    }

.side-nav-categories ul#magicat ul li a:before {
    content: "\f105";
    font-family: fontawesome;
    line-height: 17px;
    margin-right: 5px;
    top: 6px
}

.side-nav-categories ul#magicat ul li a {
    color: #666
}

.side-nav-categories ul#magicat ul li a {
    padding-left: 12px
}

.side-nav-categories, .side-nav-categories .block {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    background: #fff;
    position: relative
}

ul#magicat li, ul.listStyle li {
    cursor: pointer;
    display: block;
    float: left;
    list-style-type: none;
    margin: 0 0 1px;
    padding-left: 0;
    position: relative;
    width: 100% !important;
    box-shadow: 0 1px 0 #ddd,0 2px 0 #fff
}

    ul#magicat li.last {
        box-shadow: none
    }

    ul#magicat li.level0 span.magicat-cat, ul.listStyle li span {
        text-align: left;
        display: inline-block;
        width: 100%
    }

    ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
        display: inline-block;
        height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px
    }

.block-layered-nav dt .toggleBtn {
    cursor: pointer
}

    ul#magicat li.active > .open-close, .block-layered-nav dt .toggleBtn.highlight {
        background-position: 2px -28px
    }

ul#magicat ul {
    padding-left: 10px
}

ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px
}

ul#magicat li .open-close, .block-layered-nav dt .toggleBtn {
    background: url(../images/leftNav.html) no-repeat scroll 2px 3px
}

.side-nav-categories .block-title {
    border-bottom: 1px solid #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: normal;
    margin: 0;
    text-transform: uppercase;
    padding: 20px 15px 15px
}

    .side-nav-categories .block-title:after {
        border-bottom: 2px solid #ff6700;
        content: "";
        display: block;
        left: 15px;
        position: absolute;
        right: inherit;
        width: 50px;
        z-index: 10;
        height: 16px
    }

.box-category {
    padding: 10px 15px 15px;
    background: #fff
}

    .box-category ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .box-category > ul > li {
        display: block;
        position: relative;
        margin: 0;
        border-bottom: 0 #ececec solid
    }

        .box-category > ul > li.last {
            display: block;
            position: relative;
            box-shadow: 0 0 0 #dbebf9,0 0 0 #fff
        }

        .box-category > ul > li:first-child {
            border-top: 0
        }

    .box-category .subDropdown {
        top: 3px;
        right: 0;
        position: absolute;
        cursor: pointer;
        width: 18px;
        height: 18px;
        padding: 3px
    }

        .box-category .subDropdown:hover {
            opacity: .8
        }

        .box-category .subDropdown.plus {
            background-image: url(../images/plus.png)
        }

        .box-category .subDropdown.minus {
            background-image: url(../images/minus.png);
            top: 3px
        }

    .box-category ul li a {
        padding: 0;
        display: block;
        font-weight: 400
    }

    .box-category ul li.double a {
        display: inline-block;
        margin: 0
    }

    .box-category ul li {
        position: relative
    }

    .box-category > ul > li > a {
        color: #333;
        text-transform: uppercase;
        display: block;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px
    }

        .box-category > ul > li > a:before {
            content: '\f105';
            font-family: FontAwesome;
            font-size: 14px;
            padding-right: 8px;
            color: #999;
            font-weight: 400
        }

    .box-category > ul > li ul {
        display: none;
        padding-left: 0 !important;
        padding-bottom: 10px;
        padding-right: 0 !important
    }

    .box-category > ul > li > ul li {
        padding: 0
    }

    .box-category > ul > li a.active {
        font-weight: 400
    }

    .box-category > ul > li > a.active {
        color: #ff6700;
        font-weight: 700;
        margin-bottom: 0;
        font-size: 12px;
        letter-spacing: 1px
    }

    .box-category > ul > li a.active + ul {
        display: block
    }

    .box-category a:hover {
        text-decoration: none;
        color: #000
    }

    .box-category > ul > li ul > li > a {
        border-bottom: 0 solid #eaeaea;
        font-size: 13px !important;
        margin: 0 !important;
        padding: 3px 16px !important;
        text-decoration: none;
        padding-left: 15px;
        color: #222;
        transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
        letter-spacing: .5px
    }

        .box-category > ul > li ul > li > a:before {
            content: '\f105';
            font-family: FontAwesome;
            font-size: 13px;
            padding-right: 6px;
            color: #999
        }

    .box-category > ul > li ul > li ul > li a {
        text-decoration: none;
        font-size: 13px !important;
        margin: 4px 8px !important;
        padding: 0 16px !important;
        border-bottom: 0 solid #eaeaea
    }

        .box-category > ul > li ul > li ul > li a:hover {
            color: #ff6700
        }

    .box-category > ul > li ul > li > a:hover {
        color: #000
    }

.sidebar-left {
    margin-left: 0 !important
}

.bv3 .sidebar-right, .bv3 .sidebar-left {
    padding-left: 15px
}

.sidebar ol, .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.sidebar .block-venedor-ads .block-content li {
    padding: 0
}

.sidebar .block dt {
    font-size: 12px;
    font-weight: 600;
    color: #333;
    padding: 10px 0;
    padding-bottom: 0 !important
}

.sidebar .block dd {
    border-bottom: 0 solid #ccc;
    margin: 0;
    padding: 0 5px;
    margin-bottom: 15px
}

.block-layered-nav dd.last {
    margin-bottom: 0
}

.sidebar .block dd li {
    margin: 0
}

.sidebar address {
    margin: 0;
    padding: 0;
    color: #333;
    text-align: left;
    border-bottom: none;
    line-height: 24px
}

.sidebar {
    font-size: 14px
}

    .sidebar .block-layered-nav .price {
        font-size: 13px;
        font-weight: 400
    }

.block-layered-nav .block-subtitle, .block-layered-nav dt {
    color: #333;
    font-weight: 600;
    margin: 0
}

.block-layered-nav .currently ol {
    border: 1px solid #ececec;
    background-color: #f4f4f4;
    border-radius: 3px
}

.sidebar a, .sidebar .block-layered-nav .price .sub {
    color: #222;
    font-size: 13px
}

.sidebar .block-layered-nav .price {
    color: #666
}

.sidebar .link-cart, .sidebar .link-reorder, .block .actions a {
    color: #ca0000;
    font-weight: 700;
    font-size: 13px
}

.sidebar .link-compare, .sidebar .link-wishlist {
    color: #aaa;
    font-size: 13px
}

.block-tags .actions a.view-all {
    text-transform: uppercase;
    color: #333;
    font-weight: 700;
    margin-bottom: auto
}

    .block-tags .actions a.view-all:hover {
        color: #333
    }

.sidebar .link-cart:hover, .sidebar .link-wishlist:hover, .sidebar .link-reorder:hover, .sidebar .link-compare:hover, .sidebar .link-cart:focus, .sidebar .link-wishlist:focus, .sidebar .link-reorder:focus, .sidebar .link-compare:focus, .block .actions a:hover, .block .actions a:focus {
    color: #333
}

.sidebar .block dl {
    border-bottom: 0 solid #ccc;
    margin: 0
}

.block .block-content .price {
    font-size: 12px;
    font-weight: 700;
    color: #000
}

.block-account .block-content {
    padding-top: 0 !important
}

    .block-account .block-content ul {
        margin-top: 5px;
        margin-bottom: 5px
    }

    .block-account .block-content li {
        padding: 10px 0;
        border-top: 1px #fff solid;
        border-bottom: 1px #ddd solid
    }

        .block-account .block-content li:first-child {
            border-top: none
        }

        .block-account .block-content li:before {
            content: "\f105";
            font-family: FontAwesome;
            font-size: 10px;
            display: inline-block !important;
            position: absolute;
            cursor: pointer;
            line-height: 16px;
            color: #333
        }

.sidebar .block-content li.last {
    border-bottom: none
}

.block-account .block-content li a {
    cursor: pointer;
    padding: 0 12px;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s
}

    .block-account .block-content li a:hover {
        cursor: pointer;
        padding: 0 12px;
        color: #000
    }

.sidebar .block-content li.current {
    font-weight: 900;
    color: #333
}

.block-currency select {
    width: 100%;
    margin-right: 8px
}

.block-layered-nav {
    background-color: #fff
}

    .block-layered-nav .block-content, .sidebar .block-content {
        padding: 15px
    }

    .block-layered-nav dt {
        font-weight: 700;
        overflow: hidden;
        padding: 0 0 10px !important;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .block-layered-nav dd {
        margin: 0;
        padding: 0
    }

        .block-layered-nav dd ol {
            position: relative
        }

            .block-layered-nav dd ol li:before {
                content: '\f105';
                font-family: FontAwesome;
                font-size: 14px;
                padding-right: 6px;
                color: #444
            }

    .block-layered-nav .btn-remove {
        float: right
    }

.block-list .price {
    color: inherit;
    font-size: 14px
}

.block-cart {
    padding: 0;
    overflow: hidden
}

    .block-cart .amount {
        margin-bottom: 5px
    }

    .block-cart .actions .paypal-logo {
        float: left;
        width: 100%;
        margin: 3px 0 0;
        text-align: right
    }

        .block-cart .actions .paypal-logo .paypal-or {
            clear: both;
            display: block;
            padding: 0 55px 5px 0
        }

    .block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small {
        word-wrap: break-word
    }

    .block-cart .mini-products-list .product-details .nobr {
        white-space: normal !important
    }

button.button {
    background: none repeat scroll 0 0 #fff;
    color: #666;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: normal;
    padding: 10px 15px;
    text-transform: uppercase;
    border: 1px #d1d1d1 solid;
    border-radius: 0
}

.button:hover {
    background: #ff6700;
    color: #fff;
    border: 1px #ff6700 solid
}

.block-cart .summary {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}

.block-cart .subtotal {
    margin: 0;
    padding: 0;
    text-align: left;
    margin-bottom: 8px
}

.block-cart .block-content .summary .subtotal .label {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    box-shadow: none;
    font-weight: 400;
    padding: 2px 0;
    text-shadow: none;
    color: #000;
    font-size: 100%;
    position: relative;
    right: inherit;
    top: inherit
}

.block-cart .subtotal .price {
    color: #000;
    font-size: 13px;
    font-weight: 700
}

.ajax-checkout {
    border: 0;
    margin: 0;
    padding: 5px 0 0;
    text-align: left;
    margin-bottom: 0
}

    .ajax-checkout a {
        border: 0 #dc436b solid;
        background: #323c46;
        text-shadow: 0 1px 0 #333;
        border-radius: 2px;
        color: #fff;
        font-size: 11px;
        padding: 8px 12px;
        text-transform: uppercase
    }

        .ajax-checkout a:hover {
            border: 0 #111 solid;
            background: #222;
            padding: 6px 10px;
            text-shadow: 0 1px 0 #000;
            border-radius: 2px;
            color: #fff;
            font-size: 11px;
            cursor: pointer
        }

.sidebar .block-cart .block-subtitle {
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
    margin: 8px 0;
    font-weight: 700;
    font-size: 12px;
    color: #333
}

.col-left .block-cart .block-content ul li .product-details {
    float: right;
    width: 66%
}

    .col-left .block-cart .block-content ul li .product-details .access {
        float: right
    }

        .col-left .block-cart .block-content ul li .product-details .access .btn-remove1 {
            position: inherit
        }

.col-left .block-cart ul li.item {
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
    padding-bottom: 12px
}

.block-cart ul li.item img {
    width: 80px
}

.col-left .block-cart ul li.item.last {
    border-bottom: none;
    margin-bottom: 5px;
    padding-bottom: 0
}

.col-left .block-cart .block-content ul li a.product-image {
    display: inline
}

    .col-left .block-cart .block-content ul li a.product-image img {
        border: 1px solid #ececec
    }

.col-left .block-cart .block-content ul li .product-name {
    margin: 0 0 2px;
    font-size: 12px;
    line-height: 17px;
    margin-top: 5px
}

    .col-left .block-cart .block-content ul li .product-name a {
        font-size: 13px;
        letter-spacing: .5px
    }

.col-right .block-cart .block-content ul li .product-details {
    float: right;
    width: 172px
}

.col-right .block-cart ul li.item {
    border-bottom: 1px solid #ececec;
    margin-bottom: 5px;
    padding-bottom: 8px
}

    .col-right .block-cart ul li.item.last {
        border-bottom: none;
        margin-bottom: 5px;
        padding-bottom: 0
    }

.col-right .block-cart .block-content ul li a.product-image {
    display: inline
}

    .col-right .block-cart .block-content ul li a.product-image img {
        border: 1px #ddd solid
    }

.col-right .block-cart .block-content ul li .product-name {
    margin: 0 0 2px;
    font-size: 14px
}

.breadcrumbs li strong {
    color: #000
}

.block-related ul {
    margin: 0;
    padding: 0
}

.block-related li {
    padding: 5px 0
}

.block-related input.checkbox {
    position: absolute;
    left: 85px;
    top: 12px;
    z-index: 10
}

.block-related .product {
    margin-left: 20px
}

    .block-related .product .product-image {
        float: left;
        margin-right: -65px
    }

    .block-related .product .product-details {
        margin-left: 65px
    }

.block-related .mini-products-list .product-details {
    margin-left: 125px;
    text-align: left
}

    .block-related .mini-products-list .product-details .product-name {
        text-align: left
    }

.block-related .mini-products-list .product-image {
    width: 100px;
    margin: 0;
    padding: 0 10px
}

.block-related .block-subtitle {
    padding: 10px 10px 0;
    font-size: 13px;
    font-weight: 700;
    margin: 0
}

.block-related .price-box .old-price .price {
    display: inline;
    font-size: 15px
}

.block-related a.link-cart {
    text-transform: uppercase;
    font-size: 14px;
    color: #23aeac;
    font-weight: 700
}

    .block-related a.link-cart:hover {
        text-transform: uppercase;
        font-size: 14px;
        color: #ca0000;
        font-weight: 700
    }

.block-compare {
    background-color: #fff;
    padding: 0
}

    .block-compare li {
        padding: 5px 0
    }

    .block-compare .block-content ol, .block-compare .block-content ul {
        margin: 0
    }

ol#compare-items li a.product-name {
    font-size: 13px;
    padding: 0 5px;
    margin: 0;
    font-weight: 400;
    color: #222;
    line-height: 20px;
    text-transform: none;
    display: inline-block;
    width: 200px;
    letter-spacing: .5px
}

    ol#compare-items li a.product-name span {
        margin-right: 3px;
        font-size: 14px;
        font-weight: 400;
        color: #777;
        line-height: 15px;
        margin-bottom: 6px
    }

ol#compare-items li {
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
    background: 0 0
}

    ol#compare-items li:before {
        content: '\f105';
        font-family: FontAwesome;
        font-size: 14px;
        padding-right: 2px;
        color: #444;
        display: inline-block;
        vertical-align: top
    }

    ol#compare-items li.last {
        border-bottom: none;
        margin-bottom: 0
    }

.block-viewed .block-content {
    background-color: #fff;
    padding: 15px
}

.block-viewed li {
    padding: 3px 0 !important;
    list-style: none
}

    .block-viewed li.last {
        padding: 0;
        border-bottom: 0 #eaeaea solid;
        list-style: none
    }

.block-viewed .block-content li a {
    padding: 0 15px;
    color: #666
}

    .block-viewed .block-content li a:hover {
        font-size: 13px;
        color: #000
    }

.block-viewed li span {
    color: #777;
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 8px;
    margin-right: 3px
}

.block-viewed li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 6px;
    color: #444;
    vertical-align: top
}

.block-compared li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 6px;
    color: #444;
    vertical-align: top
}

.sidebar ol, .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 0
}

#poll-answers {
    margin-bottom: 10px
}

#recently-viewed-items .product-name {
    text-align: left;
    margin: 0;
    text-transform: none;
    width: 225px;
    display: inline-block
}

    #recently-viewed-items .product-name a {
        color: #222;
        font-size: 13px;
        font-weight: 400;
        text-decoration: none;
        padding: 0 0;
        letter-spacing: .5px
    }

        #recently-viewed-items .product-name a:hover {
            color: #000;
            font-size: 13px;
            font-weight: 400;
            text-decoration: none
        }

.block-compared .block-content {
    background-color: #fff;
    padding: 5px 12px 12px
}

.block-compared li {
    padding: 3px 0 !important;
    list-style: none
}

    .block-compared li.last {
        padding: 0;
        border-bottom: 0 #eaeaea solid;
        list-style: none
    }

.block-compared .block-content li a {
    padding: 0 15px;
    color: #666
}

    .block-compared .block-content li a:hover {
        font-size: 13px;
        color: #000
    }

.block-compared li span {
    color: #777;
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom: 8px;
    margin-right: 3px
}

.block-compared li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 14px;
    padding-right: 6px;
    color: #444;
    vertical-align: top
}

#recently-compared-items .product-name {
    text-align: left;
    margin: 0;
    text-transform: none;
    width: 225px;
    display: inline-block
}

    #recently-compared-items .product-name a {
        color: #333;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        padding: 0 0
    }

        #recently-compared-items .product-name a:hover {
            color: #000;
            font-size: 14px;
            font-weight: 400;
            text-decoration: none
        }

.block-poll {
    background-color: #fff;
    padding: 0
}

    .block-poll label {
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
        color: #222;
        font-weight: 400;
        letter-spacing: .5px
    }

    .block-poll .block-subtitle {
        color: #000;
        font-weight: 700;
        font-size: 13px
    }

    .block-poll input.radio {
        float: left;
        margin: 1px -18px 0 0;
        line-height: inherit;
        height: inherit
    }

    .block-poll .label {
        display: block;
        margin-left: 18px;
        text-align: left;
        padding: .1em .3em;
        line-height: 14px
    }

    .block-poll li {
        padding: 3px 0 !important;
        background: 0 0 !important
    }

    .block-poll .actions {
        margin: 5px 0 0 0;
        padding: 0
    }

    .block-poll .answer {
        font-weight: 700
    }

    .block-poll .votes {
        float: right;
        margin-left: 10px
    }

.block-tags {
    background-color: #fff;
    padding: 0
}

    .block-tags .block-content {
        overflow: hidden
    }

    .block-tags ul, .block-tags li {
        display: inline;
        padding: 0 !important;
        background: 0 0 !important;
        border: none
    }

    .block-tags .actions {
        border: 0;
        float: right !important;
        margin-top: 10px;
        padding: 0;
        text-align: left
    }

.block-subscribe {
    background-color: #fff;
    padding: 0
}

    .block-subscribe .input-text {
        width: 90%;
        background: #f7f7f7;
        border: 1px solid #f7f7f7;
        color: #aaa;
        padding: 10px 7px;
        font-size: 13px
    }

        .block-subscribe .input-text:focus {
            background: none repeat scroll 0 0 #fff;
            border: 1px solid #ddd;
            color: #333;
            font-size: 13px;
            outline: medium;
            padding: 10px 7px;
            vertical-align: middle
        }

.form-subscribe-header {
    font-size: 14px;
    margin-bottom: 5px;
    color: #222
}

.static-contain {
    margin-top: 10px
}

    .static-contain .required {
        color: red
    }

    .static-contain ul {
        padding: 0;
        list-style: none
    }

.group-select li .input-box {
    float: left;
    width: 45%
}

.group-select li input.input-text, .group-select li textarea {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #f0f0f0;
    outline: medium;
    padding: 8px 10px;
    width: 88%
}

.group-select li {
    list-style: outside none none;
    margin: 0 0 5px;
    overflow: hidden
}

.block-company .block-content {
    padding-top: 2px !important
}

.block-company ol {
    margin: 5px 0 0
}

.block-company li {
    padding: 10px 0 !important;
    list-style: none;
    border-bottom: 1px #ddd solid;
    border-top: 1px #fff solid
}

    .block-company li:first-child {
        border-top: none
    }

    .block-company li a {
        padding: 0 5px;
        text-decoration: none;
        transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s
    }

        .block-company li a:hover {
            padding: 0 5px;
            color: #000
        }

    .block-company li:before {
        content: '\f105';
        font-family: FontAwesome;
        font-size: 14px;
        padding-right: 6px;
        color: #444;
        display: inline-block;
        vertical-align: top
    }

    .block-company li.last {
        padding: 10px 0 !important;
        border-bottom: 0 #eaeaea solid;
        list-style: none
    }

    .block-company li span {
        float: left;
        margin-right: 5px;
        font-size: 16px;
        color: #aaa;
        line-height: 16px
    }

    .block-company li strong {
        color: #333;
        font-weight: 900;
        padding: 0 5px
    }

.block-reorder li {
    padding: 5px 0
}

.block-reorder input.checkbox {
    float: left;
    margin: 3px -20px 0 0
}

.block-reorder .product-name {
    margin-left: 20px
}

.block-banner .block-content {
    text-align: center
}

.block-banner a img {
    transition: all .4s ease-out .2s
}

    .block-banner a img:hover {
        opacity: .5;
        -webkit-transition: all .4s ease-out .2s;
        -moz-transition: all .4s ease-out .2s;
        -o-transition: all .4s ease-out .2s;
        transition: all .4s ease-out .2s;
        background-color: #eee
    }

#carousel-example-generic .carousel-caption h3 a {
    font-size: 32px;
    color: #333;
    text-shadow: none
}

.carousel-inner > .item img {
    margin: 0
}

.carousel-indicators .active {
    background-color: #666
}

.carousel-indicators li {
    border: 1px solid #444
}

.hot-banner {
    margin-bottom: 35px
}

    .hot-banner img {
        max-width: 100%
    }

.custom-slider {
    margin-bottom: 30px;
    border: 1px #e5e5e5 solid;
    background: #fff;
    padding: 5px
}

    .custom-slider h3 a {
        text-shadow: none;
        color: #fff;
        font-size: 36px;
        font-weight: 700;
        text-transform: uppercase
    }

    .custom-slider .carousel-caption {
        text-shadow: none;
        padding: 0 15px !important;
        height: 100%;
        padding-top: 45px !important;
        background: rgba(255,255,255,.05);
        color: #333
    }

#carousel-example-generic {
    background: #fff !important
}

    #carousel-example-generic .carousel-control.left {
        background: 0 0
    }

    #carousel-example-generic .carousel-control.right {
        background: 0 0
    }

    #carousel-example-generic .carousel-inner {
        margin: 0
    }

    #carousel-example-generic .carousel-caption {
        width: 100%;
        left: 0;
        right: 0;
        padding: 0;
        top: 0%
    }

.custom-slider .carousel-indicators {
    width: auto;
    margin-left: -20px
}

.custom-slider .carousel-control {
    display: none
}

.custom-slider img {
    border-radius: 0
}

.custom-slider .link {
    border: 1px #333 solid;
    display: inline-block;
    margin-top: 20px;
    background: rgba(255,255,255,.5);
    color: #333;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 10px
}

.section-services {
    padding: 100px 0;
    background: #fff
}

    .section-services ul {
        width: 917px;
        margin: 80px auto 0;
        position: relative
    }

        .section-services ul li {
            width: 194px;
            height: 300px;
            position: relative;
            overflow: hidden;
            float: left;
            text-align: left;
            padding-top: 70px;
            background: #fff;
            transition: width 1s;
            list-style-type: none
        }

            .section-services ul li div {
                float: left
            }

            .section-services ul li .wrap {
                margin-right: 20px
            }

            .section-services ul li.item01 .wrap {
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0)
            }

            .section-services ul li span {
                display: block;
                text-align: center
            }

            .section-services ul li .icon {
                width: 155px;
                height: 155px;
                border-radius: 50%;
                margin-bottom: 14px
            }

    .section-services.preload .icon {
        background: url(../images/icon-summary.png) no-repeat 0 0
    }

    .section-services ul li.item03 .icon {
        background-position: -318px 0
    }

    .section-services ul li.item04 .icon {
        background-position: -479px 0
    }

    .section-services ul li .infor {
        font-size: 17px;
        
    }

    .section-services ul li div {
        float: right;
    }

    .section-services ul li .txt {
        position: absolute;
        right: 200px;
        width: 288px;
        top: 50px;
        font-size: 15px;
        line-height: 22px;
        margin-top: 23px;
        color: #474c51;
        direction: rtl;
        text-align: justify;
    }

    .section-services ul li .shadow {
        width: 120px;
        height: 347px;
        position: absolute;
        right: -1px;
        top: 0;
        z-index: 9;
        display: block
    }

    .section-services ul li.active_slide .shadow {
        display: none
    }

    .section-services.preload .item01 .shadow {
        background: url(../images/shadow01.png) no-repeat 0 0
    }

    .section-services.preload .item03 .shadow {
        background: url(../images/shadow03.png) no-repeat 0 0
    }

    .section-services.preload .item04 .shadow {
        background: url(../images/shadow04.png) no-repeat 0 0
    }

    .section-services ul li .leftline, .section-services ul li .line {
        width: 2px;
        height: 347px;
        position: absolute;
        right: -1px;
        top: 0;
        z-index: 10;
        display: block
    }

    .section-services.preload .leftline, .section-services.preload .line {
        background: url(../images/line.png) no-repeat 0 0
    }

.category-title {
    border-bottom: 1px solid #ddd;
    margin: 0 0 10px
}

.category-image {
    display: block;
    margin: 30px auto 25px;
    position: relative
}

.category-products {
    padding-bottom: 5px
}

.category-description a.prev, .category-description a.next {
    margin: 125px 6px 0 5px
}

.category-description {
    margin-bottom: 15px
}

.cat-img-title.cat-box {
    margin: 0;
    text-align: left;
    left: 20px;
    top: 5px;
    padding: 110px 45px 25px;
    position: absolute
}

#category-desc-slider {
    margin: 0 0 30px
}

.small-tag {
    color: #fff;
    display: inline-block;
    padding: 8px 0 2px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 10px;
    font-weight: 400
}

#category-desc-slider .line {
    border: 1px solid #fff;
    float: none;
    height: 2px;
    margin: 5px auto auto 0;
    width: 60px
}

.cat-img-title .cat-heading {
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    margin-top: 15px
}

.cat-img-title p {
    clear: left;
    font-size: 13px;
    line-height: 1.6em;
    margin-bottom: 1px;
    padding: 0;
    font-weight: 400;
    color: #fff
}

.cat-img-title.cat-bg p {
    color: #fff
}

.category-description .slider-items-products .owl-buttons .owl-prev {
    left: 20px;
    position: absolute;
    top: 49%;
    background: 0 0
}

.category-description .slider-items-products .owl-buttons .owl-next {
    right: 10px;
    position: absolute;
    top: 49%;
    background: 0 0;
    padding: 0
}

.category-description .slider-items-products .owl-buttons a {
    z-index: 1;
    position: absolute;
    left: 10px;
    top: 0;
    padding: 5px 3px 10px 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    font-size: 0;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 0;
    background: #222;
    opacity: 1;
    border: 1px #222 solid;
    margin-top: -15px
}

#category-desc-slider .owl-theme .owl-controls {
    opacity: 0
}

#category-desc-slider:hover .owl-theme .owl-controls {
    opacity: 1
}

.category-description .slider-items-products .owl-buttons a:hover {
    background: #ff6700;
    opacity: 1;
    border: 1px #ff6700 solid;
    color: #fff
}

.category-description .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 24px;
    padding: 0 10px;
    line-height: 18px
}

.category-description .slider-items-products .owl-buttons .owl-next a:before {
    font-size: 24px;
    padding: 0 10px;
    line-height: 18px
}

.category-description .owl-item .item {
    margin: auto;
    background: #fff
}

    .category-description .owl-item .item img {
        max-width: 100%
    }

.category-description .slider-items-products .owl-buttons .owl-prev {
    left: 0;
    position: absolute;
    top: 49%;
    background: 0 0
}

.category-description .slider-items-products .owl-buttons .owl-next {
    right: 50px;
    position: absolute;
    top: 49%;
    background: 0 0;
    padding: 0
}

.slider-items-products .owl-buttons .owl-next a:before {
    font-family: fontawesome;
    font-style: normal;
    font-weight: 400;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f104";
    text-transform: none;
    font-size: 32px;
    line-height: 16px
}

.category-description .slider-items-products .owl-buttons .owl-next a:before {
    font-size: 24px;
    padding: 0 10px;
    line-height: 18px
}

.slider-items-products .owl-buttons .owl-prev a:before {
    font-family: fontawesome;
    font-style: normal;
    font-weight: 400;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    text-transform: none;
    font-size: 32px;
    line-height: 12px
}

.category-description .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 24px;
    padding: 0 10px;
    line-height: 18px
}

.page-heading {
    border-bottom: 1px solid #e5e5e5;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 1px;
    margin: 0 0 15px;
    padding: 0 0 8px;
    position: relative;
    text-transform: uppercase
}

.pager {
    margin: 0;
    text-align: center;
    padding: 0
}

    .pager .amount {
        float: left
    }

    .pager .limiter label {
        float: left;
        font-size: 14px;
        padding: 6px 0;
        margin-right: 10px;
        display: inline
    }

    .pager .pages {
        margin: 0
    }

.pages .pagination {
    margin: auto
}

.pager .pages li {
    display: inline-block
}

    .pager .pages li a {
        box-shadow: none;
        padding: 6px 12px;
        border-radius: 3px;
        background: #fff;
        color: #333;
        border: 1px #e5e5e5 solid
    }

        .pager .pages li a:hover {
            color: #fff;
            border: 1px #ff6700 solid;
            background: #ff6700
        }

.pages .pagination > .active > a, .pages .pagination > .active > span, .pages .pagination > .active > a:hover, .pages .pagination > .active > span:hover, .pages .pagination > .active > a:focus, .pages .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #ff6700 !important;
    border-color: #ff6700;
    border-radius: 3px;
    border-width: 1px;
    padding: 6px 12px
}

.sorter {
    padding: 0;
    margin: 0
}

    .sorter .actions {
        float: left
    }

    .sorter .view-mode {
        float: left;
        margin-right: 20px;
        margin-left: 0
    }

    .sorter .sort-by {
        float: left;
        margin-top: 6px
    }

.toolbar {
    clear: both;
    margin-top: 0;
    padding: 0 0 0 0;
    display: inline-block;
    width: 100%
}

    .toolbar .sorter {
        float: left
    }

.toolbar-bottom {
    margin-top: 0
}

.toolbar .pager .pages ol {
    float: none
}

#sort-by .button-asc {
    background-color: #fff;
    box-shadow: none;
    float: right;
    height: 36px;
    line-height: 36px;
    margin-left: 5px;
    text-align: center;
    width: 36px;
    border: 1px #eaeaea solid;
    border-radius: 3px
}

    #sort-by .button-asc:hover {
        background: #ff6700;
        color: #fff
    }

.top_arrow:before {
    content: '\f106';
    font-family: FontAwesome;
    font-size: 16px
}

#sort-by .button-desc {
    background-color: #f8f8f8;
    box-shadow: none;
    float: right;
    height: 33px;
    line-height: 34px;
    margin-left: 5px;
    text-align: center;
    width: 33px
}

    #sort-by .button-desc:hover {
        background-color: #e33658;
        color: #fff
    }

#sort-by {
    float: right;
    font-size: 13px;
    margin-top: 0
}

    #sort-by ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline
    }

    #sort-by a:link, #sort-by a:visited {
        color: #333;
        text-decoration: none
    }

    #sort-by li {
        cursor: pointer;
        margin: 0 auto;
        outline: medium;
        padding: 5px 15px;
        position: relative;
        width: 100px;
        float: left;
        color: #333;
        border-radius: 3px;
        border: 1px #e5e5e5 solid;
        background: #fff
    }

        #sort-by li li {
            width: 100px;
            margin-top: 0;
            border-top: none;
            border-right: none;
            border-left: none
        }

            #sort-by li li a:hover {
                color: #ff6700
            }

        #sort-by li:hover {
            background-color: #fff
        }

        #sort-by li li:hover {
            background-color: #fff;
            color: #ff6700
        }

    #sort-by ul ul {
        position: absolute;
        visibility: hidden;
        left: -1px;
        top: 27px;
        background: none repeat scroll 0 0 #f8f8f8;
        z-index: 10000;
        border-top: none;
        border: 1px #f5f5f5 solid
    }

        #sort-by ul ul ul {
            position: absolute;
            left: 100%;
            top: -2px;
            border: solid 1px transparent
        }

    #sort-by li:hover > ul {
        visibility: visible
    }

.right-arrow {
    float: right
}

    .right-arrow:after {
        content: "\f107";
        font-family: fontawesome;
        color: #666;
        font-size: 14px
    }

#limiter {
    float: right;
    font-size: 14px;
    margin-top: 0
}

    #limiter ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: inline
    }

    #limiter a:link, #limiter a:visited {
        text-decoration: none;
        border: 0 solid #ddd;
        border-radius: 3px;
        display: inline-block;
        padding: 0
    }

    #limiter li {
        cursor: pointer;
        margin: 0 auto;
        outline: medium;
        padding: 5px 0 5px 10px;
        position: relative;
        width: 50px;
        float: left;
        color: #333;
        text-align: left;
        background-color: #fff;
        border: 1px #e5e5e5 solid;
        border-radius: 0
    }

    #limiter .right-arrow {
        float: right;
        margin-left: 6px
    }

    #limiter li li {
        width: 50px
    }

        #limiter li li a:hover {
            color: #ff6700
        }

    #limiter li:hover {
        color: #fff
    }

    #limiter ul ul {
        position: absolute;
        visibility: hidden;
        left: -1px;
        top: 27px;
        background: none repeat scroll 0 0 #fff;
        z-index: 10000;
        color: #000;
        border-top: none;
        border: 0 #f5f5f5 solid
    }

        #limiter ul ul ul {
            position: absolute;
            left: 100%;
            top: -2px;
            border: solid 1px transparent
        }

    #limiter li:hover > ul {
        visibility: visible
    }

.toolbar .button-list {
    background: #fff url(../images/icon_list.png) no-repeat 8px 8px;
    text-transform: none;
    padding: 8px 8px 0 21px;
    color: #333;
    border: 1px #e5e5e5 solid;
    border-radius: 3px;
    float: left
}

.toolbar a.button-grid {
    background: #fff url(../images/icon_grid.png) no-repeat 8px 8px;
    text-transform: none;
    padding: 8px 8px 0 21px;
    color: #333;
    border: 1px #e5e5e5 solid;
    border-radius: 3px;
    float: left
}

.toolbar span.button-active.button-grid {
    background: url(../images/icon_grid_act.png) no-repeat 8px 8px;
    background-color: #ff6700;
    color: #fff;
    padding: 8px 8px 0 21px;
    margin-right: 5px;
    border: 1px #ff6700 solid;
    border-radius: 3px;
    display: inline-block;
    float: left
}

.toolbar span.button-active.button-list {
    background: url(../images/icon_list_over.png) no-repeat 8px 8px;
    background-color: #ff6700;
    color: #fff;
    margin-left: 5px;
    padding: 8px 8px 0 21px;
    border: 1px #ff6700 solid;
    border-radius: 3px;
    float: left
}

.toolbar .pager {
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0;
    float: right;
    width: 55%
}

.pager .amount, .sorter .amount {
    padding-left: 10px;
    margin-top: 4px;
    display: inline-block
}

.toolbar .pager .limiter {
    margin-top: 2px;
    float: left
}

.toolbar-bottom .pager .limiter {
    position: static
}

.pager .button {
}

    .pager .button :hover {
    }

.toolbar .actions {
    margin-right: 30px
}

.pager .limiter label, .toolbar label {
    display: inline;
    float: left;
    margin-right: 10px;
    padding: 6px 0;
    font-size: 13px;
    font-weight: 400
}

.toolbar .sorter .sort-by {
    margin-right: 30px
}

.pager .amount {
    margin-right: 20px
}

.products-list .item {
    padding: 25px 0;
    overflow: hidden;
    border: 1px solid #eaeaea;
    padding: 20px;
    background: #fff;
    margin-bottom: 30px
}

    .products-list .item a:hover {
        color: #ff6700;
        transition: all .3s linear;
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear
    }

.products-list .product-name {
    text-align: left;
    margin: 0 0 10px
}

    .products-list .product-name a {
        text-decoration: none;
        font-size: 16px;
        font-weight: 600
    }

.products-list h2.product-name {
    font-size: 14px;
    line-height: normal
}

.products-list .item h3 {
    font-weight: 400;
    color: #353535;
    padding-bottom: 2px
}

    .products-list .item h3 a {
        font-weight: 400;
        font-size: 14px;
        color: #407cbf;
        text-decoration: none
    }

        .products-list .item h3 a:hover {
            font-weight: 400;
            font-size: 14px;
            color: #333;
            text-decoration: underline
        }

ol.products-list {
    padding: 0;
    margin: 0;
    float: left;
    list-style: none
}

li .list {
    border-bottom: none
}

.products-list .ratings {
    border-top: 1px #e5e5e5 solid;
    border-bottom: 1px #e5e5e5 solid;
    padding: 10px 0;
    position: relative;
    margin: 0;
    left: 0;
    bottom: auto;
    border-radius: 0
}

.products-list .old-price .price {
    font-size: 15px
}

.separator {
    color: #999
}

.products-list .product-image {
    float: left;
    width: 28%
}

    .products-list .product-image img {
        width: 100%
    }

.products-list .product-shop {
    float: right;
    width: 69%;
    text-align: left;
    margin-left: 20px
}

    .products-list .product-shop .desc {
        font-size: 13px;
        margin-bottom: 15px;
        margin-top: 12px;
        color: #222;
        letter-spacing: .5px
    }

    .products-list .product-shop p {
        font-size: 13px;
        color: #222;
        line-height: 1.5em;
        letter-spacing: .5px
    }

        .products-list .product-shop p.old-price {
            margin-right: 4px
        }

    .products-list .product-shop .price-box {
        margin: 0 0 18px;
        padding-top: 0
    }

.products-list .desc .link-learn {
    font-weight: 400;
    margin-top: 5px
}

    .products-list .desc .link-learn:hover {
        text-decoration: underline
    }

.products-list .add-to-links {
    padding-left: 2px
}

.add-to-links span {
    font-size: 12px;
    margin-left: 8px;
    text-transform: uppercase
}

.products-list .product-shop button.button {
    font-size: 13px;
    text-transform: uppercase;
    margin-right: 8px
}

.products-list .product-shop .btn-cart:before {
    content: "\f07a";
    font-family: fontawesome
}

.products-list .product-shop button.button span {
    font-size: 11px;
    padding: 0 0 0 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px
}

.products-list .product-shop .btn-cart {
    border: 1px solid #d1d1d1;
    background: #fff;
    padding: 9px 15px;
    color: #666
}

    .products-list .product-shop .btn-cart:hover {
        background: #ff6700;
        color: #fff;
        border: 1px solid #ff6700
    }

    .products-list .product-shop .btn-cart span {
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase
    }

.link-wishlist, .link-compare {
    color: #666;
    text-shadow: none;
    border: none;
    box-shadow: none
}

    .link-wishlist:hover, .link-compare:hover {
        color: #666;
        text-shadow: none;
        border: none;
        box-shadow: none;
        background: 0 0
    }

.link-wishlist, .link-compare, .link-friend, .link-edit {
    padding: 0;
    background: 0 0
}

.products-list .actions .add-to-links a.link-wishlist:before {
    content: "\f004";
    font-weight: 400;
    font-family: fontawesome
}

.products-list .actions .add-to-links a.link-compare:before {
    content: "\f012";
    font-weight: 400;
    font-family: fontawesome
}

.products-list .actions .add-to-links a.link-wishlist {
    color: #666;
    font-size: 10px;
    font-weight: 700;
    margin: 0;
    padding: 7px 15px;
    text-decoration: none;
    background-color: #fff;
    display: inline-block;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    margin-right: 8px;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    vertical-align: top
}

    .products-list .actions .add-to-links a.link-wishlist span {
        font-size: 11px;
        padding: 0
    }

.products-list .actions .add-to-links a.link-compare {
    color: #666;
    font-size: 10px;
    font-weight: 700;
    margin: 0;
    padding: 7px 15px;
    text-decoration: none;
    background-color: #fff;
    display: inline-block;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    margin-right: 8px;
    letter-spacing: .5px;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    vertical-align: top
}

    .products-list .actions .add-to-links a.link-compare span {
        font-size: 11px;
        padding: 0
    }

.products-list .actions .add-to-links a.link-wishlist:hover {
    text-decoration: none;
    background-color: #ff6700;
    color: #fff !important;
    border: 1px #ff6700 solid
}

.products-list .actions .add-to-links a.link-compare:hover {
    background-color: #ff6700;
    color: #fff !important;
    border: 1px #ff6700 solid
}

ul.products-grid {
    padding: 0;
    margin: 0 -15px
}

a.button.detail-bnt span {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 2px;
    font-weight: 700;
    margin-left: 6px;
    display: none
}

.no-rating {
    margin: 0
}

    .no-rating a {
        color: #000
    }

.ratings {
}

    .ratings strong {
        float: left;
        margin: 1px 3px 0 0
    }

    .ratings .rating-links {
        margin: 0;
        display: none
    }

        .ratings .rating-links a {
            margin: 0;
            text-decoration: none;
            color: #666;
            font-size: 12px
        }

        .ratings .rating-links .separator {
            margin: 0 2px
        }

.rating-box {
    width: 60px;
    height: 10px;
    font-size: 0;
    line-height: 0;
    background: url(../images/bkg_rating.png) 0 0 repeat-x;
    text-indent: -999em;
    overflow: hidden
}

    .rating-box .rating {
        float: left;
        height: 9px;
        background: url(../images/bkg_rating.png) 0 100% repeat-x
    }

.ratings .rating-box {
    display: inline-block
}

.ratings .amount {
}

.ratings-table th, .ratings-table td {
    font-size: 11px;
    line-height: 1.15;
    padding: 3px 0
}

.ratings-table th {
    font-weight: 600;
    padding-right: 8px;
    letter-spacing: .5px
}

.price {
    font-size: 14px;
    color: #333;
    white-space: nowrap !important
}

.price-box {
    margin: 0;
    padding: 5px 0 0;
    min-height: 28px
}

.regular-price {
    display: inline
}

    .regular-price .price {
        font-size: 14px;
        color: #000
    }

.block .regular-price, .block .regular-price .price {
    color: #000
}

.price-box .price-from .price {
    font-weight: 900;
    font-size: 14px;
    color: #333
}

.price-box .price-to .price {
    font-weight: 900;
    font-size: 14px;
    color: #333
}

.price-box .minimal-price .price {
    font-weight: 900;
    font-size: 14px;
    color: #333
}

.old-price .price-label {
    white-space: nowrap;
    color: #999;
    display: none
}

.old-price {
    display: inline;
    margin-right: 15px
}

    .old-price .price-label {
        color: #777;
        display: none;
        white-space: nowrap
    }

    .old-price .price {
        color: #999 !important;
        font-size: 13px;
        font-weight: 400;
        text-decoration: line-through;
        margin-left: 6px
    }

.latest-product .old-price .price-label {
    display: none
}

.special-price {
    margin: 0;
    padding: 3px 0;
    display: inline
}

    .special-price .price-label {
        color: #666;
        display: none;
        font-size: 13px;
        font-weight: 400;
        white-space: nowrap
    }

    .special-price .price {
        font-size: 14px;
        color: #000
    }

    .special-price .price-label {
        font-size: 13px;
        font-weight: 900;
        white-space: nowrap;
        color: #666;
        display: none
    }

.latest-product .special-price .price-label {
    display: none
}

.product-view .new-label {
    display: none
}

.product-view .sale-label {
    display: none
}

.product-view {
    background: none repeat scroll 0 0 #fff;
    overflow: hidden;
    padding: 15px 0;
    position: relative;
    z-index: 0
}

    .product-view .flexslider-thumb {
        margin: 20px auto 0;
        padding: 0 42px;
        position: relative
    }

.product-view-compact .flexslider-thumb {
    margin: 17px auto 0
}

.product-view .flexslider-thumb .flex-viewport {
    z-index: 10
}

.product-view .flexslider-thumb .flex-direction-nav {
    top: 30%;
    left: 0;
    width: 100%
}

.product-view .flexslider-thumb .flex-prev {
    position: absolute;
    left: 10px;
    top: -5px
}

.product-view .flexslider-thumb .flex-next {
    position: absolute;
    right: 10px;
    top: -5px;
    color: #666
}

.product-view .flexslider-thumb li img {
    cursor: pointer;
    -moz-user-select: none;
    border: 1px #ddd solid
}

.product-view .previews-list {
    padding: 0;
    list-style-type: none;
    text-align: center
}

    .product-view .previews-list li {
        width: 85px;
        margin-right: 15px;
        padding: 0;
        float: none;
        display: inline-block
    }

.product-view-compact .rating {
    padding: 18px 0 21px
}

.product-view-compact .btn-toolbar {
    margin: 0;
    padding: 7px 0 22px
}

.product-view-compact .price {
    display: block;
    padding: 6px 0 20px
}

.product-view .product-img-box .product-image .product-flexslider {
    margin: 20px 2px 0 0
}

.product-view .product-img-box .product-image .product-full img {
    width: 100%
}

.product-view .product-img-box .product-image .owl-next {
    right: -20px;
    top: 30%;
    position: absolute
}

    .product-view .product-img-box .product-image .owl-next a, .product-view .product-img-box .product-image .owl-prev a {
        border: none;
        background: 0 0
    }

.more-views .slider-items-products .owl-buttons .owl-next a:before, .more-views .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 24px
}

.product-view .product-img-box .product-image .owl-prev {
    left: -18px;
    right: auto;
    top: 30%;
    position: absolute
}

.product-view .product-img-box .product-image .more-views-items {
    margin: 0 10px
}

.product-view .flexslider-thumb-vertical-outer {
    margin: 0 10px 15px 0;
    width: 76px;
    float: left;
    position: relative;
    z-index: 1
}

.product-view .flexslider-thumb-vertical .flex-viewport {
    height: 300px !important
}

.product-view .flexslider-thumb-vertical .slides {
    margin: -4px 0 0;
    padding: 0;
    list-style-type: none
}

    .product-view .flexslider-thumb-vertical .slides li {
        margin: 0;
        padding: 0;
        overflow: hidden
    }

        .product-view .flexslider-thumb-vertical .slides li img {
            width: 100%;
            padding: 4px 0;
            cursor: pointer;
            -moz-user-select: none
        }

.flex-direction-nav, .slider-controls {
    -webkit-transform: translate3d(0,0,0)
}

.product-essential {
    background-color: #fff
}

.product-collateral .box-collateral {
    margin: 0 0 15px
}

.product-essential .product-image.no-gallery {
    margin-left: auto
}

.product-essential .product-image img {
    height: auto;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 1px
}

.product-essential .button-viewall {
    position: absolute;
    left: 5px;
    bottom: 5px;
    text-indent: -999em;
    z-index: 9999
}

.more-views {
}

.recommend {
    margin: 20px auto;
    position: relative
}

    .recommend .controls .next {
        right: 0
    }

    .recommend .controls .prev {
        right: 36px
    }

.product-view .product-shop .add-to-box button.button.btn-cart span {
    background: 0 0;
    margin-left: 5px
}

.product-view .product-options-bottom button.button.btn-cart span {
    background: 0 0;
    margin-left: 5px
}

.product-view .product-shop {
    margin-top: 0
}

.product-additional {
    display: inline-block
}

    .product-additional .block-product-additional {
        margin: 0;
        background: #fff;
        border: 1px #d1d1d1 solid;
        text-align: center;
        padding-bottom: 15px
    }

        .product-additional .block-product-additional p {
            margin: 12px 0;
            line-height: 20px;
            text-align: center;
            padding: 0 10px;
            font-size: 13px
        }

    .product-additional .block .block-title {
        border-bottom: 2px solid #333;
        color: #000;
        font-size: 14px;
        margin: 0;
        padding: 13px;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        background: #f7f7f7
    }

    .product-additional .block-product-additional .block-content {
        padding: 18px 12px 10px;
        text-align: center;
        line-height: 20px
    }

.block .block-content {
    border-top: medium;
    font-size: 13px;
    overflow: hidden;
    padding: 15px 0
}

.sidebar .block .block-content {
    padding: 15px
}

.block-progress dt.complete {
    margin: 0
}

.product-view .product-name {
    border-bottom: 1px solid #e5e5e5
}

    .product-view .product-name h1 {
        font-size: 32px;
        margin: 0 0 2px;
        text-align: left;
        line-height: 1;
        padding-bottom: 12px;
        font-weight: 700;
        padding-right: 55px;
        letter-spacing: 1px
    }

.product-view .short-description {
    font-size: 13px;
    padding: 20px 0;
    border-bottom: 1px #ddd dotted
}

    .product-view .short-description h2 {
        font-size: 15px;
        color: #333;
        margin: 0;
        margin-bottom: 5px;
        font-weight: 700;
        letter-spacing: .5px;
    }

    .product-view .short-description p {
        font-size: 13px;
        margin: 0;
        color: #222;
        letter-spacing: .5px;
        line-height: 24px;
    }

.product-view .product-shop .add-to-box {
    padding: 8px 0;
    overflow: hidden;
    text-align: left;
    margin: 1px 0 0;
    border-bottom: 1px dotted #ddd
}

    .product-view .product-shop .add-to-box .btn-cart {
        font-size: 16px;
        text-shadow: none;
        padding: 7px 20px;
        float: left;
        margin-top: 0;
        font-weight: 700;
        transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
        margin-left: 12px;
        border: none;
        height: 40px;
        text-transform: uppercase
    }

    .product-view .product-shop .add-to-box .btn-cart {
        background: #ff6700;
        color: #fff
    }

        .product-view .product-shop .add-to-box .btn-cart:hover {
            text-shadow: none
        }

    .product-view .product-shop .add-to-box .icon-basket {
        margin-right: 5px
    }

.email-addto-box {
    display: inline-block;
    margin-left: 5px
}

.product-view .email-friend a span {
    font-size: 12px;
    display: none
}

.product-view .promo-banner {
    margin-top: 20px
}

.product-view .product-shop ul.add-to-links {
    margin: 0;
    padding: 0;
    margin-top: 0;
    display: inline-block
}

.product-view .product-shop .add-to-links li {
    display: inline-block;
    padding: 0 0 0 6px;
    list-style-type: none
}

.product-view .add-to-links span {
    font-size: 12px;
    margin-left: 5px;
    font-weight: 400;
    text-transform: none;
    display: none
}

.product-view .product-shop .add-to-links li a:hover {
    color: #fff;
    background: #ff6700;
    border: 1px #ff6700 solid
}

.product-view .email-friend {
    font-size: 12px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    margin-left: 8px
}

    .product-view .email-friend a:before {
        content: "\f099";
        font-family: FontAwesome;
        font-size: 18px
    }

    .product-view .email-friend a {
        display: block;
        height: 40px;
        width: 45px;
        border: 1px #ececec solid;
        color: #999;
        line-height: 36px;
        vertical-align: top;
        text-align: center;
        transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
        border-radius: 0
    }

        .product-view .email-friend a:hover {
            color: #fff;
            background: #ff6700;
            border: 1px #ff6700 solid
        }

.product-view .product-shop .add-to-links li .separator {
    display: none
}

.product-view .product-shop .add-to-links .link-wishlist:before {
    content: "\f232";
    font-family: FontAwesome;
    font-size: 18px
}

.product-view .product-shop .add-to-links .link-wishlist {
    font-weight: 400;
    display: block;
    height: 40px;
    width: 45px;
    border: 1px #ececec solid;
    color: #999;
    line-height: 36px;
    vertical-align: top;
    text-align: center;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    border-radius: 0
}

.product-view .product-shop .add-to-links .link-compare:before {
    content: "\f08c";
    font-family: FontAwesome;
    font-size: 17px
}

.product-view .product-shop .add-to-links .link-compare {
    display: block;
    height: 40px;
    width: 45px;
    border: 1px #ececec solid;
    color: #999;
    line-height: 36px;
    vertical-align: top;
    text-align: center;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    border-radius: 0
}

.product-view .product-shop ul.add-to-links a {
    padding: 0;
    margin: 0;
    display: block
}

.product-view .product-shop .ratings {
    padding: 4px 0;
    margin: auto;
    border-bottom: 1px #ddd dotted;
    position: relative;
    bottom: auto;
    border-radius: 0;
    left: 0;
    margin-left: 0
}

    .product-view .product-shop .ratings .rating-links {
        margin-bottom: 0;
        display: inline-block
    }

.product-view .product-shop .no-rating {
    padding: 12px 0;
    margin: 15px 0 0
}

.availability.in-stock {
    padding: 3px 0;
    position: absolute;
    top: 18px;
    right: 0
}

    .availability.in-stock span {
        color: #fff;
        font-size: 13px;
        line-height: 16px;
        display: block;
        background: #6dbe14;
        text-transform: uppercase;
        padding: 4px 8px;
        border-radius: 999px
    }

        .availability.in-stock span:before {
            content: "\e080";
            font-family: simple-line-icons;
            display: inline-block;
            margin-left: 5px;
            font-size: 11px;
            vertical-align: middle
        }

.availability.out-of-stock {
    padding: 3px 10px;
    position: absolute;
    top: 18px;
    right: 0
}

    .availability.out-of-stock span {
        color: red;
        font-size: 12px;
        line-height: 16px;
        display: block;
        text-transform: uppercase
    }

        .availability.out-of-stock span:before {
            content: '\f00d';
            font-family: FontAwesome;
            display: inline-block;
            margin-right: 5px;
            font-size: 12px;
            vertical-align: middle
        }

.products-grid .item .actions .availability.out-of-stock {
    background: none repeat scroll 0 0 #fff;
    border: medium;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0;
    text-align: center;
    width: 50px;
    position: relative;
    top: 0
}

    .products-grid .item .actions .availability.out-of-stock span.ava-out-of-stock {
        display: none
    }

    .products-grid .item .actions .availability.out-of-stock span:before {
        content: inherit
    }

    .products-grid .item .actions .availability.out-of-stock:before {
        content: "\e04f";
        font-family: simple-line-icons;
        font-size: 14px;
        color: #999
    }

.products-list .product-shop p.availability.out-of-stock {
    border: 2px solid red;
    color: #666;
    display: inline-block;
    font-size: 13px;
    line-height: 1.5em;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
    top: 0
}

.product-view .product-shop .price-block {
    position: relative
}

.product-view .product-shop .price-box {
    display: block;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px #ddd dotted;
    position: relative
}

.product-view .product-shop .grouped-items-table .price-box {
    border-bottom: 0 solid #ddd;
    margin: 0;
    padding: 0
}

.product-view .product-shop .price-box .old-price {
    margin: 0;
    margin-top: 0;
    display: inline-block
}

.product-view .product-shop .special-price {
    display: inline-block;
    margin: 0;
    padding: 0
}

.product-view .product-shop .old-price .price {
    font-size: 20px;
    font-weight: 400
}

.product-view .product-shop .price {
    font-size: 24px;
    color: #000;
    font-weight: 700
}

.add-to-cart .qty, .qty-holder .qty {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    font-size: 15px;
    font-weight: 700;
    border-radius: 0
}

.add-to-cart .qty {
    height: 40px;
    text-align: center;
    width: 60px;
    vertical-align: top
}

.qty-input-text {
    float: left;
    margin-left: 10px
}

.custom button.items-count {
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    font-size: 12px;
    line-height: 0;
    padding: 13px 12px 9px;
    height: 40px;
    width: 40px;
    border-radius: 0;
    margin: 0;
    box-shadow: none;
    border: 1px solid #ddd
}

    .custom button.items-count:hover {
        background-color: #ff6700;
        border: 1px #ff6700 solid;
        color: #fff
    }

.product-view .product-shop .add-to-box .add-to-cart label {
    display: inline-block;
    float: left;
    margin-top: 6px;
    text-align: left;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
    margin-right: 15px
}

.product-view .product-shop .product-options-bottom .add-to-cart label {
    display: block;
    float: none;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase
}

.product-collateral {
    display: inline-block;
    margin-bottom: 20px
}

#product-tabs {
    margin: 0;
    padding: 0;
    position: relative
}

    #product-tabs > dt {
        text-transform: none;
        font-size: 14px;
        padding: 8px 0;
        cursor: pointer;
        color: #102343;
        text-transform: none
    }

        #product-tabs > dt.open {
            position: relative;
            background-color: #fff;
            z-index: 10;
            color: #2ca2e3
        }

    #product-tabs > dd {
        display: none;
        right: 0;
        top: 0;
        background-color: #fff;
        margin: 0;
        padding: 6px 0;
        line-height: 1.8;
        border-bottom-width: 0 !important;
        font-size: 14px
    }

        #product-tabs > dd h2 {
            display: none
        }

.product-tabs {
    background: 0 0;
    margin: 25px 0 0;
    padding: 8px 0 0;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid transparent;
    direction:rtl;
}

#productTabContent {
    padding: 15px 20px;
    background: none repeat scroll 0 0 #fff;
    border-top: none
}

.product-tabs li a {
    color: #424242;
    margin-right: 0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    padding: 0;
    letter-spacing: 1px;
    border: none
}

.product-tabs li.active a {
    background: none repeat scroll 0 0 #fff;
    color: #333;
    padding: 12px;
    border: 2px solid #333
}

.nav-tabs.product-tabs > li {
    display: inline-block;
    float: unset !important;
    margin-right: 20px
}

    .nav-tabs.product-tabs > li > a {
        margin-right: 0;
        line-height: 1.42857143;
        border-radius: 0;
        background: 0 0;
        padding: 12px 0 18px;
        font-size: 16px;
        font-weight: 700
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: none;
    color: #ff6700;
    background: 0 0
}

.nav-tabs > li > a:hover {
    border: none;
    color: #ff6700;
    transition: all .3s cubic-bezier(.8,0,0,1) 0s
}

.tab-content {
    background-color: inherit;
    padding: 5px 0 20px;
    overflow: hidden;
    font-size: 13px;
    line-height: 21px;
    margin-top: 0;
    letter-spacing: .5px
}

    .tab-content > .active {
        margin-top: 10px
    }

.tags .input-box input {
    border: 1px solid #ddd;
    margin-top: 0;
    padding: 6px;
    width: 35%;
    border-radius: 3px
}

.form-add-tags button.button {
    display: inline;
    background: #fff;
    border: 1px solid #ccc;
    background: #fff;
    padding: 8px 14px;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    border-radius: 3px
}

button.button.btn-add:before {
    content: "\f067";
    font-family: FontAwesome;
    font-size: 14px;
    padding-right: 5px;
    font-weight: 400
}

.form-add-tags button.button:hover {
    display: inline;
    background: #ff6700;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    border: 1px #ff6700 solid;
    color: #fff
}

.form-add-tags label {
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase
}

#customer-reviews {
    margin-top: 15px
}

    #customer-reviews .detail {
        font-size: 14px;
        line-height: 18px
    }

    #customer-reviews h3 {
        font-size: 14px;
        font-weight: 900;
        margin-bottom: 15px;
        letter-spacing: 1px;
        text-transform: uppercase
    }

    #customer-reviews h4 {
        display: inline;
        font-size: 14px
    }

    #customer-reviews h5 {
        display: inline;
        font-size: 14px
    }

.box-reviews dl {
    margin-bottom: 0
}

.box-reviews dt {
    font-size: 18px;
    padding: 20px 0 10px
}

#customer-reviews .page-title {
    border: none
}

    #customer-reviews .page-title h2 {
        color: #000;
        font-size: 20px;
        font-weight: 400;
        margin-top: 0;
        padding: 2px 0;
        position: relative;
        display: block;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px
    }

.box-reviews1 {
    margin-top: 8px;
    margin-bottom: 20px
}

.box-reviews2 {
    margin-top: 8px;
    margin-bottom: 35px;
    overflow: hidden
}

.review-title {
    margin-top: 0;
    line-height: 1.4;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400
}

    .review-title span {
        font-size: 14px;
        font-weight: 400;
        margin-top: 5px
    }

.box-reviews > .rating-box {
    position: absolute;
    top: 30px;
    right: 30px
}

.box-reviews dd {
    margin-left: 0;
    padding-bottom: 20px
}

.box-reviews .author {
    font-style: italic;
    font-size: 14px;
    font-weight: 700;
    margin-right: 5px
}

.box-reviews .date {
    color: #bdbdbd;
    font-size: 14px;
    font-style: italic
}

.box-reviews .ratings-table {
    float: left;
    margin: 5px 15px 15px 0;
    width: 12%
}

.box-reviews .review {
    border-left: 1px solid #dfdfdf;
    float: left;
    padding-left: 2.5em;
    width: 84%;
    margin-bottom: 10px
}

    .box-reviews .review .review-txt.last {
        border-bottom: none
    }

    .box-reviews .review .review-txt {
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 12px;
        margin-bottom: 10px
    }

.box-reviews ul li h6 {
    font-size: 15px;
    margin-bottom: 3px;
    margin-top: 0;
    padding: 0
}

    .box-reviews ul li h6 a {
        color: #333;
        font-weight: 500;
        letter-spacing: .5px
    }

.box-reviews2 ul li {
    margin-bottom: 0;
    clear: both
}

.box-reviews .actions {
    padding-top: 1.5em;
    text-align: right;
    float: right
}

#customer-reviews .form-list li label {
    color: #333;
    font-size: 14px
}

#customer-reviews .buttons-set {
    margin-top: 10px
}

a.button.view-all:before {
    content: "\f06e";
    font-family: FontAwesome;
    font-size: 13px;
    padding-right: 8px
}

a.button.view-all {
    display: inline-block;
    background: #fff;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    color: #333;
    font-weight: 600;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    vertical-align: top;
    border: 1px solid #ccc;
    padding: 6px 14px;
    text-transform: uppercase;
    border-radius: 0
}

.button.view-all:hover {
    background: #ff6700;
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    border: 1px solid #ff6700;
    color: #fff;
    text-decoration: none
}

.box-reviews .form-add h3 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400
}

.box-reviews .form-add h4 {
    font-size: 15px
}

.box-reviews textarea {
    width: 95%;
    margin-top: 4px;
    height: 8em;
    background: #fff
}

.box-reviews .form-list input.input-text {
    width: 80%;
    padding: 10px;
    margin-bottom: 4px;
    line-height: 20px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 0 rgba(0,0,0,.1) inset
}

    .box-reviews .form-list input.input-text:focus {
        width: 80%;
        padding: 10px;
        margin-bottom: 4px;
        line-height: 20px;
        background: #fff;
        border: 1px solid #ddd;
        box-shadow: 0 0 0 rgba(0,0,0,.1) inset
    }

.box-reviews .form-list select {
    padding: 12px 15px 12px 165px;
    margin: 0;
    width: 100%;
    line-height: 20px;
    height: 48px
}

.form-list select {
    margin: 5px 0 2px;
    outline: medium;
    width: 100%
}

.review1 {
    display: inline-block;
    width: 45%;
    float: left
}

.review2 {
    display: inline-block;
    width: 55%
}

#product-review-table {
    margin: 10px 0;
    border: medium;
    width: 100%
}

    #product-review-table th, #product-review-table td {
        text-align: left;
        font-size: 12px;
        font-weight: 700;
        line-height: 20px;
        padding: 8px;
        letter-spacing: .5px;
        background: #fff
    }

#customer-reviews ul {
    margin: auto;
    padding: 0
}

#customer-reviews li {
    margin-bottom: 0;
    list-style: none
}

#customer-reviews .form-list li label {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px
}

.review2 label {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px
}

label {
    font-weight: 400
}

.box-reviews .form-list input.input-text {
    width: 80%;
    padding: 10px;
    margin-bottom: 4px;
    line-height: 20px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
    border-radius: 3px
}

.box-reviews textarea {
    border: 1px solid #ddd;
    padding: 10px;
    outline: none;
    color: #aaa;
    border-radius: 3px
}

.nobr {
    white-space: nowrap
}

button.button.submit:before {
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 11px;
    padding-right: 8px
}

.upsell-pro {
    margin-bottom: 50px
}

#product-tabs > dd h2.product-name {
    display: block
}

#product-tabs .crosssell .flex-direction-nav a {
    width: 50px;
    height: 40px;
    top: 112px
}

#product-tabs .crosssell .flex-direction-nav .flex-prev {
    right: auto;
    left: -10px
}

#product-tabs .crosssell .flex-direction-nav .flex-next {
    right: -10px
}

.box-up-sell .flex-direction-nav a, .box-cross-sell .flex-direction-nav a {
    width: 54px;
    height: 44px;
    top: 0;
    margin-top: -76px;
    margin-right: -1px
}

.product-view .box-tags .form-add input.input-text {
    width: 350px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 5px #eee inset;
    margin-right: 10px;
    padding: 8px
}

.up-sell-box {
    border: 1px #ddd solid;
    border-top: none
}

    .up-sell-box p.desc {
        margin: 0;
        padding: 10px 10px 0
    }

.product-view .box-tags .form-add label {
    line-height: 42px;
    font-size: 16px
}

.product-view .box-tags .form-add .button {
    height: 35px
}

#addTagForm {
    margin-bottom: 5px;
    margin-top: 10px
}

.product-view .box-up-sell {
    margin-top: 10px;
    float: left
}

    .product-view .box-up-sell .subtitle {
        margin-right: 0
    }

.mini-products-list .price-box * {
    display: inline
}

.mini-products-list .price-box .price {
    margin-right: 10px
}

.product-view .product-next-prev .product-next {
    font-size: 18px;
    line-height: 22px;
    display: inline-block;
    width: 26px;
    height: 26px;
    color: #666;
    text-align: center;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    position: absolute;
    right: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    z-index: 10000;
    top: 4px;
    border: 1px #ddd solid;
    border-radius: 999px
}

    .product-view .product-next-prev .product-next:before {
        content: "\f105";
        font-family: FontAwesome
    }

    .product-view .product-next-prev .product-next:hover, .product-shop .product-next-prev .product-prev:hover {
        color: #fff;
        background: #ff6700;
        text-decoration: none;
        border: 1px #ff6700 solid
    }

.product-view .product-next-prev .product-prev {
    font-size: 18px;
    line-height: 24px;
    display: inline-block;
    width: 26px;
    height: 26px;
    color: #666;
    text-align: center;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: absolute;
    right: 45px;
    z-index: 10000;
    top: 4px;
    border: 1px #ddd solid;
    border-radius: 999px
}

    .product-view .product-next-prev .product-prev:before {
        content: "\f104";
        font-family: FontAwesome
    }

.product-view .product-next-prev a:hover {
    background: #ff6700;
    color: #fff
}

.side-banner {
    margin-bottom: 20px
}

.product-view .product-shop .ratings-table {
    padding: 10px;
    margin-top: 10px
}

.review-product-list .product-view .product-shop .buttons-set {
    clear: both;
    overflow: hidden
}

.product-view .product-shop .product-options .options-list label {
    color: #333
}

.product-view .product-shop .product-options-bottom .btn-cart {
    font-size: 18px;
    text-shadow: none;
    padding: 7px 20px;
    float: left;
    margin-top: 0;
    font-weight: 400;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;
    margin-left: 10px;
    border: none
}

    .product-view .product-shop .product-options-bottom .btn-cart:hover {
        text-shadow: none
    }

.product-view .product-shop .product-options-bottom .btn-cart {
    background: #34d1c6;
    color: #fff
}

    .product-view .product-shop .product-options-bottom .btn-cart:hover {
        background: #202726;
        color: #fff
    }

.product-view .product-options-bottom button.button.btn-cart span {
    background: 0 0;
    margin-left: 10px;
    font-size: 14px
}

#product-options-wrapper .price-notice .price {
    font-size: 12px
}

.product-view .product-shop .product-pricing .price {
    font-size: 12px
}

.product-view .product-shop ul.product-pricing {
    margin-top: 5px
}

#cloud-zoom-big {
    border: 1px #ddd solid;
    z-index: 10000 !important
}

.product-shop button.button.btn-cart:before {
    content: "\f07a";
    font-family: fontawesome;
    margin-right: 10px
}

.related-pro {
    margin-bottom: 15px
}

.related-block {
    background-color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    margin-top: 15px
}

.related-pro .home-block-inner {
    border-width: 0 !important;
    float: left;
    width: 23.3%;
    background: #c9ced1;
    min-height: 390px
}

    .related-pro .home-block-inner:after {
        content: "";
        position: absolute;
        top: 6%;
        left: 23%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 0 15px 20px;
        border-color: transparent transparent transparent #c9ced1;
        display: block;
        width: 0;
        right: inherit;
        z-index: 10
    }

.related-pro .block-content {
    margin-left: 24.7%;
    padding: 0;
    width: 76.5%;
    padding: 0 15px
}

#related-products-slider.product-flexslider {
    margin: 0
}

    #related-products-slider.product-flexslider .item .item-inner:after, .upsell-pro .block-content .item .item-inner:after {
        background-color: #eaeaea;
        bottom: 30px;
        content: "";
        left: -1px;
        position: absolute;
        top: 45px;
        width: 1px
    }

.related-pro.block-title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 28px;
    padding: 25px 25px 15px;
    position: relative
}

    .related-pro .block-title h2 {
        margin: auto;
        font-weight: 700;
        font-size: 26px;
        letter-spacing: 1px;
        color: #fff
    }

.related-pro .owl-pagination {
    background: inherit;
    left: -29%;
    padding-left: inherit;
    position: absolute;
    right: inherit;
    text-align: center;
    top: 88%;
    z-index: 7
}

.related-pro .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #000 !important
}

.related-pro .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    border: none;
    margin-right: 6px;
    background: #fff
}

.related-pro .block-title em {
    font-style: normal;
    font-weight: 300
}

.related-pro .home-block-inner .pretext {
    margin-top: 0;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-transform: none;
    margin-left: 25px;
    margin-right: 25px;
    letter-spacing: .5px;
    opacity: .8
}

.related-pro a.view_more_bnt {
    border: none;
    background: #fff;
    text-transform: uppercase;
    color: #666;
    padding: 6px 15px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
    float: left;
    margin-top: 20px;
    margin-left: 25px;
    z-index: 1;
    position: relative;
    border-radius: 0
}

    .related-pro a.view_more_bnt:hover {
        background: rgba(0,0,0,.4);
        color: #fff
    }

.related-pro .block-title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 28px;
    padding: 25px 25px 15px;
    position: relative
}

.upsell-pro {
    margin-top: 25px;
    margin-bottom: 10px
}

.upsell-pro {
    margin-bottom: 15px
}

.upsell-block {
    background-color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative
}

.upsell-pro .home-block-inner {
    background: none repeat scroll 0 0 #9caaad;
    border-width: 0 !important;
    float: right;
    min-height: 390px;
    width: 23.3%
}

    .upsell-pro .home-block-inner:after {
        border-color: transparent #9caaad transparent transparent;
        border-style: solid;
        border-width: 15px 20px 15px 0;
        content: "";
        display: block;
        height: 0;
        position: absolute;
        right: 23%;
        top: 6%;
        width: 0;
        z-index: 10
    }

.upsell-pro .block-content {
    margin-right: 24.7% !important;
    padding: 0 10px 0 0;
    width: 76.6%
}

#upsell-products-slider.product-flexslider {
    margin: 0
}

.upsell-pro .block-title {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 28px;
    padding: 25px 25px 15px;
    position: relative
}

    .upsell-pro .block-title h2 {
        font-size: 26px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: auto;
        color: #fff
    }

.upsell-pro a.view_more_bnt {
    border: none;
    background: #fff;
    text-transform: uppercase;
    color: #666;
    padding: 6px 15px;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
    float: left;
    margin-top: 20px;
    margin-left: 25px;
    z-index: 1;
    position: relative;
    border-radius: 0
}

    .upsell-pro a.view_more_bnt:hover {
        background: rgba(0,0,0,.4);
        color: #fff
    }

.featured-pro .block-title h2 {
    margin: auto;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 1px
}

.upsell-pro .owl-pagination {
    background: inherit;
    right: -10%;
    padding-left: inherit;
    position: absolute;
    left: inherit;
    text-align: center;
    top: 88%;
    z-index: 7
}

.upsell-pro .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #000 !important
}

.upsell-pro .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    border: none;
    margin-right: 6px;
    background: #fff
}

.upsell-pro .block-title em {
    font-style: normal;
    font-weight: 300
}

.upsell-pro .home-block-inner .pretext {
    margin-top: 0;
    color: #fff;
    float: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    text-transform: none;
    margin-left: 25px;
    margin-right: 25px;
    letter-spacing: .5px;
    opacity: .6
}

.upsell-pro .slider-items-products .owl-buttons a {
    background: inherit;
    display: block;
    height: 38px;
    margin: 0 0 0 -30px;
    position: absolute;
    top: 50%;
    width: 28px;
    z-index: 5;
    color: #fff;
    border: none
}

.upsell-pro .slider-items-products .owl-buttons .owl-prev a {
    border: none
}

.upsell-pro .slider-items-products .owl-buttons .owl-next {
    right: -30px
}

.upsell-pro .slider-items-products .owl-buttons .owl-prev a:before {
    line-height: 35px
}

.upsell-pro .slider-items-products .owl-buttons .owl-next a:before {
    line-height: 32px
}

.upsell-pro .slider-items-products .owl-buttons .owl-prev {
    left: -13px
}

.upsell-pro .slider-items-products .owl-buttons a:hover {
    text-decoration: none;
    background: inherit;
    color: #fff;
    border: none
}

.tab-content .data-table .label {
    color: #333;
    display: block;
    text-align: left
}

.static-section-head {
    background-color: #ff6700;
    text-align: center;
    color: #fff
}

    .static-section-head .section-title {
        font-weight: 600;
        font-size: 40px;
        color: #fff;
        text-align: center;
        margin: 0;
        line-height: 240px;
        text-transform: uppercase
    }

.static-section-inner {
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 40px;
    padding: 34px 10px 10px;
    overflow: hidden;
    direction: rtl;
}
@media all and (max-width:990px) {
    .static-section-inner {
        overflow: unset;
    }
}

    .static-section-inner h3 {
        line-height: 20px;
        font-size: 18px;
        color: #212121;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-weight: 400
    }

    .static-section-inner p {
        margin: 1em 0;
        margin-top: .5em
    }

    .static-section-inner ul, .static-section-inner ol {
        padding: 0 0 0 30px
    }

    .static-section-inner ul {
        list-style-type: square
    }

    .static-section-inner .items {
        width: 100%;
        height: auto;
        margin: 0 auto
    }

        .static-section-inner .items .introduction .item {
            width: 100%;
            min-height: 315px;
            margin-bottom: 40px;
            padding-bottom: 20px;
            text-align: center
        }

            .static-section-inner .items .introduction .item .title {
                width: 100%;
                height: 60px;
                font-size: 24px;
                color: #212121;
                line-height: 60px;
                vertical-align: middle;
                margin-bottom: 24px
            }

        .static-section-inner .items .detail {
            color: #666;
            border-left: 1px solid #eee;
            padding-left: 60px;
            font-size: 15px
        }

        .static-section-inner .items .introduction ul {
            margin: 0;
            padding: 0;
            margin-top: 24px;
            list-style: none
        }

            .static-section-inner .items .introduction ul li {
                font-size: 14px;
                color: #b0b0b0;
                line-height: 30px
            }

        .static-section-inner .items .introduction .item ul li a {
            color: #666;
            font-size: 16px
        }

            .static-section-inner .items .introduction .item ul li a.active {
                color: #000
            }

        .static-section-inner .items .introduction ul li .alink {
            cursor: pointer;
            margin: 0
        }

        .static-section-inner .items .detail.detail-right {
            border-left: 0 solid #eee;
            border-right: 1px solid #eee;
            padding-left: 0;
            padding-right: 60px
        }

    .minimal-price {
        margin: 0
    }

        .minimal-price .price-label {
            white-space: nowrap
        }

    .minimal-price-link {
        display: inline
    }

    .menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
        opacity: .5
    }

    .menu-horizontal > li > a, .menu-horizontal > li > span, .menu-horizontal > li > .modal-instance > .modal-trigger {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        color: #252525
    }

        .menu-horizontal > li > a:hover, .menu-horizontal > li > span:hover, .menu-horizontal > li > .modal-instance > .modal-trigger:hover {
            color: #252525
        }

    .bg--dark .menu-horizontal > li > a, .bg--dark .menu-horizontal > li > span {
        color: #fff
    }

        .bg--dark .menu-horizontal > li > a:hover, .bg--dark .menu-horizontal > li > span:hover {
            color: #fff
        }

    .menu-vertical {
        width: 100%
    }

        .menu-vertical li {
            width: 100%
        }

            .menu-vertical li a {
                font-weight: 400
            }

    @media all and (min-width:990px) {
        .menu-horizontal {
            display: inline-block
        }

            .menu-horizontal > li {
                display: inline-block
            }

                .menu-horizontal > li:not(:last-child) {
                    margin-right: 1.85714286em
                }

        .menu-vertical {
            display: inline-block
        }

            .menu-vertical li {
                white-space: nowrap
            }

            .menu-vertical .dropdown__container {
                top: 0
            }

                .menu-vertical .dropdown__container .dropdown__content:not([class*=bg-]) {
                    background: #fff
                }

                .menu-vertical .dropdown__container .dropdown__content {
                    transform: translateX(75%)
                }
    }

    .dropdown {
        position: relative
    }

        .dropdown .dropdown__container {
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            opacity: 0;
            pointer-events: none;
            position: absolute;
            z-index: 999
        }

            .dropdown .dropdown__container .dropdown__container:before {
                height: 0
            }

        .dropdown .dropdown__content {
            padding: 1.85714286em
        }

            .dropdown .dropdown__content:not([class*=col-]) {
                width: 18.57142857em
            }

            .dropdown .dropdown__content:not([class*=bg-]) {
                background: #fff
            }

            .dropdown .dropdown__content:not([class=bg--dark]) .menu-vertical a {
                color: #666
            }

        .dropdown .dropdown__trigger {
            cursor: pointer;
            user-select: none
        }

        .dropdown.dropdown--active > .dropdown__container {
            opacity: 1
        }

            .dropdown.dropdown--active > .dropdown__container > .container > .row > .dropdown__content {
                pointer-events: all
            }

    @media all and (min-width:991px) {
        .dropdown .dropdown__container:before {
            height: .92857143em;
            width: 100%;
            content: '';
            display: block
        }

        .dropdown .dropdown__content.dropdown__content--md {
            padding: 2.78571429em
        }

        .dropdown .dropdown__content.dropdown__content--lg {
            padding: 3.71428571em
        }

        .dropdown .dropdown__content.dropdown__content--xlg {
            padding: 4.64285714em
        }
    }

    @media all and (max-width:767px) {
        .dropdown .dropdown__container {
            min-width: 100%;
            position: relative;
            display: none
        }

        .dropdown .dropdown__content {
            padding: 1.85714286em;
            left: 0 !important
        }

        .dropdown.dropdown--active > .dropdown__container {
            display: block
        }
    }

    body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container {
        opacity: 1
    }

        body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before {
            pointer-events: all
        }

        body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container .dropdown__content {
            pointer-events: all
        }

    body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container {
        opacity: 1
    }

        body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container:before {
            pointer-events: all
        }

        body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container .dropdown__content {
            pointer-events: all
        }

    @media all and (max-width:990px) {
        body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container {
            display: block
        }

            body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before {
                pointer-events: all
            }
    }

    @media all and (max-width:767px) {
        .dropdown--hover:hover > .dropdown__container {
            display: block !important
        }

        body.dropdowns--hover .dropdown:hover > .dropdown__container {
            display: block !important
        }

        .dropdown.dropdown--absolute .dropdown__container {
            position: absolute
        }
    }

    form {
        max-width: 100%
    }

        form + form {
            margin-top: 30px
        }

        form:before, form:after {
            content: ".";
            display: block;
            height: 0;
            overflow: hidden
        }

        form:after {
            clear: both
        }

    label {
        margin: 0;
        font-size: 1.14285714em;
        font-weight: 400
    }

    input[type]:focus, textarea:focus, select:focus {
        outline: none
    }

    input[type]:active, textarea:active, select:active {
        outline: none
    }

    input[type]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
        color: #b3b3b3;
        font-size: 1.14285714em
    }

    input[type]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
        color: #b3b3b3;
        font-size: 1.14285714em
    }

    input[type]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
        color: #b3b3b3;
        font-size: 1.14285714em
    }

    input[type]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
        color: #b3b3b3;
        font-size: 1.14285714em
    }

    input[type=image] {
        border: 0;
        padding: 0;
        width: auto
    }

    textarea {
        display: block;
        width: 100%;
        max-width: 100%
    }

    select {
        cursor: pointer;
        padding-right: 1.85714286em;
        -webkit-appearance: none
    }

        select::ms-expand {
            display: none
        }

    input[type=submit] {
        background: 0 0;
        outline: none;
        border: none;
        background: #4a90e2;
        padding: .46428571em 2.78571429em;
        color: #fff
    }

    @keyframes load {
        0% {
            opacity: 0;
            width: 0
        }

        50% {
            width: 100%;
            opacity: .8;
            left: 0
        }

        100% {
            left: 100%;
            opacity: 0
        }
    }

    button {
        background: 0 0
    }

        button[type=submit].btn--loading {
            position: relative;
            overflow: hidden;
            pointer-events: none;
            color: transparent
        }

            button[type=submit].btn--loading * {
                opacity: 0
            }

            button[type=submit].btn--loading:after {
                content: '';
                position: absolute;
                width: 0;
                height: 100%;
                background: #ddd;
                animation: load 1.5s ease-out infinite;
                left: 0;
                top: 0
            }

            button[type=submit].btn--loading .btn__text {
                opacity: 0
            }

        button:focus {
            outline: none !important
        }

        button.bg--error {
            color: #fff
        }

    .input-checkbox, .input-radio, .input-select {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: inline-block;
        cursor: pointer
    }

        .input-checkbox .inner, .input-radio .inner, .input-select .inner {
            display: inline-block
        }

        .input-checkbox input, .input-radio input, .input-select input {
            display: none
        }

        .input-checkbox.checked .inner, .input-radio.checked .inner, .input-select.checked .inner {
            background: #4a90e2
        }

        .input-checkbox label, .input-radio label, .input-select label {
            display: block
        }

    .input-checkbox {
        padding: 0
    }

        .input-checkbox .inner {
            width: 1.85714286em;
            height: 1.85714286em;
            border-radius: 6px;
            background: #000
        }

    .input-radio {
        padding: 0
    }

        .input-radio .inner {
            width: 1.85714286em;
            height: 1.85714286em;
            border-radius: 50%;
            background: #000
        }

    .input-select {
        position: relative
    }

        .input-select i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            right: 1em;
            font-size: .87em
        }

    .input-file {
        position: relative;
        display: inline-block
    }

        .input-file input {
            display: none
        }

    .form-error {
        margin-top: 1.5625em;
        padding: .78125em;
        background: #d84d4d;
        color: #fff;
        position: fixed;
        min-width: 350px;
        left: 50%;
        bottom: 1.5625em;
        transform: translate3d(-50%,0,0);
        -webkit-transform: translate3d(-50%,0,0);
        z-index: 999;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
        box-shadow: 0 0 15px 0 rgba(0,0,0,.1)
    }

    .form-success {
        margin-top: 1.5625em;
        padding: .78125em;
        background: #1dc020;
        color: #fff;
        position: fixed;
        min-width: 350px;
        left: 50%;
        bottom: 1.5625em;
        transform: translate3d(-50%,0,0);
        -webkit-transform: translate3d(-50%,0,0);
        z-index: 999;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
        box-shadow: 0 0 15px 0 rgba(0,0,0,.1)
    }

    .attempted-submit .field-error {
        border-color: #d84d4d !important
    }

    .accordion li .accordion__title, .accordion li .accordion__content, .accordion li .accordion__content * {
        transition: .3s linear;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear
    }

    .accordion li .accordion__title {
        cursor: pointer;
        padding: .46428571em .92857143em;
        border: 1px solid #ececec;
        border-bottom: none;
        background: 0 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .accordion li:last-child .accordion__title {
        border-bottom: 1px solid #ececec
    }

    .accordion li .accordion__content {
        opacity: 0;
        visibility: hidden;
        max-height: 0
    }

        .accordion li .accordion__content > * {
            display: none
        }

            .accordion li .accordion__content > *:first-child {
                padding-top: 0
            }

            .accordion li .accordion__content > *:last-child {
                padding-bottom: 0
            }

    .accordion li.active .accordion__title {
        background: #4a90e2;
        border-bottom: 1px solid #ececec
    }

    .accordion li.active .accordion__content {
        opacity: 1;
        visibility: visible;
        max-height: 500px
    }

        .accordion li.active .accordion__content > * {
            display: inline-block
        }

    .breadcrumb {
        padding: 0;
        margin: 0;
        background: 0 0;
        display: inline-block
    }

        .breadcrumb li {
            font-size: 1em
        }

            .breadcrumb li + li:before {
                padding: 0 .46428571em
            }

    .radial {
        position: relative
    }

        .radial .radial__label {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            -webkit-transform: translateX(-50%) translateY(-50%);
            margin-bottom: 0
        }

    .tabs {
        display: block;
        margin-bottom: 0
    }

        .tabs > li {
            display: inline-block;
            opacity: .5;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .tabs > .active, .tabs:hover {
            opacity: 1
        }

        .tabs .tab__title {
            cursor: pointer
        }

            .tabs .tab__title:not(.btn) {
                padding: 0 1.85714286em
            }

        .tabs li:first-child .tab__title:not(.btn) {
            padding-left: 0
        }

        .tabs .tab__content {
            display: none
        }

    .tabs-content {
        margin-top: 1em
    }

        .tabs-content li > .tab__content {
            width: 100%;
            display: none
        }

        .tabs-content > .active > .tab__content {
            display: block
        }

    .tabs-container[data-content-align=left] .tabs-content {
        text-align: left
    }

    .account-login {
        background: none repeat scroll 0 0 #fff;
        margin: 0;
        overflow: hidden;
        padding: 15px 20px
    }

        .account-login .page-title {
            border-bottom: 1px solid #e5e5e5;
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 1px;
            padding: 5px 0 10px;
            position: relative;
            text-transform: uppercase
        }

            .account-login .page-title h2 {
                font-size: 20px;
                font-weight: 300;
                letter-spacing: 1px;
                text-transform: uppercase
            }

        .account-login .form-list input.input-text {
            background: #fff;
            border: 1px solid #f0f0f0;
            padding: 10px;
            width: 80%;
            margin-top: 5px;
            outline: none;
            margin-bottom: 10px
        }

        .account-login .col2-set .col-1 {
            float: left;
            text-align: left;
            width: 49%;
            min-height: 362px;
            background: #fff;
            border-right: 0 solid #eaeaea;
            padding: 25px 25px 0 0;
            margin-bottom: 15px
        }

        .account-login .col2-set .col-2 {
            float: right;
            text-align: left;
            width: 48%;
            background: #fff;
            padding: 25px 0;
            margin-bottom: 25px
        }

        .account-login strong {
            font-size: 14px;
            color: #000;
            margin-bottom: 15px;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 1px
        }

        .account-login .content {
            margin-top: 8px;
            padding-top: 12px
        }

            .account-login .content p {
                margin-bottom: 10px;
                font-size: 13px
            }

                .account-login .content p.required {
                    font-size: 12px
                }

            .account-login .content .form-list label {
                font-size: 13px;
                color: #333;
                margin-bottom: 5px;
                font-weight: 300
            }

    .required {
        color: red
    }

    .boxed {
        position: relative;
        overflow: hidden;
        padding: 1.85714286em;
        margin-bottom: 30px
    }

        .boxed.boxed--lg {
            padding: 2.78571429em
        }

        .boxed.boxed--sm {
            padding: 1.23809524em
        }

        .boxed.boxed--border {
            border: 1px solid #e1e1e1
        }

        .boxed > div[class*=col-]:first-child:not(.boxed) {
            padding-left: 0
        }

        .boxed > div[class*=col-]:last-child:not(.boxed) {
            padding-right: 0
        }

    img + .boxed {
        margin-top: -1.85714286em
    }

    @media all and (max-width:767px) {
        .boxed {
            padding: 1.23809524em;
            margin-bottom: 15px
        }

            .boxed.boxed--lg {
                padding: 1.23809524em
            }

            .boxed div[class*=col-]:not(.boxed) {
                padding: 0
            }

            .boxed:last-child {
                margin-bottom: 15px
            }
    }

    .slides:not(.flickity-enabled) li.imagebg:not(:first-child) {
        display: none
    }

    .slides:not(.flickity-enabled) li.imagebg:first-child {
        background: #252525;
        animation: backgroundLoad .5s ease alternate infinite
    }

        .slides:not(.flickity-enabled) li.imagebg:first-child .container {
            opacity: 0
        }

    @keyframes backgroundLoad {
        0% {
            background: #252525
        }

        100% {
            background: #3f3f3f
        }
    }

    .slider.height-10 {
        height: auto
    }

        .slider.height-10 .slides .flickity-slider > li {
            height: 10vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        .slider.height-10 .slides li.imagebg {
            min-height: 10vh
        }
    }

    .slider.height-20 {
        height: auto
    }

        .slider.height-20 .slides .flickity-slider > li {
            height: 20vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        .slider.height-20 .slides li.imagebg {
            min-height: 20vh
        }
    }

    .slider.height-30 {
        height: auto
    }

        .slider.height-30 .slides .flickity-slider > li {
            height: 30vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        .slider.height-30 .slides li.imagebg {
            min-height: 30vh
        }
    }

    .slider.height-40 {
        height: auto
    }

        .slider.height-40 .slides .flickity-slider > li {
            height: 40vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        .slider.height-40 .slides li.imagebg {
            min-height: 40vh
        }
    }

    .slider.height-50 {
        height: auto
    }

        .slider.height-50 .slides .flickity-slider > li {
            height: 50vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        .slider.height-50 .slides li.imagebg {
            min-height: 50vh
        }
    }

    .slider.height-60 {
        height: auto
    }

        .slider.height-60 .slides .flickity-slider > li {
            height: 60vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        .slider.height-60 .slides li.imagebg {
            min-height: 60vh
        }
    }

    .slider.height-70 {
        height: auto
    }

        .slider.height-70 .slides .flickity-slider > li {
            height: 70vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        .slider.height-70 .slides li.imagebg {
            min-height: 70vh
        }
    }

    .slider.height-80 {
        height: auto
    }

        .slider.height-80 .slides .flickity-slider > li {
            height: 80vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        .slider.height-80 .slides li.imagebg {
            min-height: 80vh
        }
    }

    .slider.height-90 {
        height: auto
    }

        .slider.height-90 .slides .flickity-slider > li {
            height: 90vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        .slider.height-90 .slides li.imagebg {
            min-height: 90vh
        }
    }

    .slider.height-100 {
        height: auto
    }

        .slider.height-100 .slides .flickity-slider > li {
            height: 100vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        .slider.height-100 .slides li.imagebg {
            min-height: 100vh
        }
    }

    .slider .slides .flickity-slider > li:not([class*=col-]) {
        width: 100%
    }

    .slider .slides.slides--gapless li[class*=col-] {
        padding-left: 0;
        padding-right: 0
    }

    .slider[data-arrows=true].slider--arrows-hover:not(:hover) .flickity-prev-next-button {
        opacity: 0
    }

    .slider[data-paging=true]:not(section) {
        margin-bottom: 3.71428571em
    }

        .slider[data-paging=true]:not(section) .flickity-page-dots {
            bottom: -3.71428571em
        }

    .slider[data-paging=true]:not([class*=text-]) .flickity-page-dots {
        text-align: center
    }

    .slider[data-children="1"] .flickity-prev-next-button {
        display: none
    }

    .slider:not([data-paging=true]) .slides {
        margin: 0
    }

    .slider.controls--dark .flickity-page-dots .dot {
        background: #252525
    }

    .slider.controls--dark .flickity-prev-next-button:before {
        color: #252525
    }

    section.slider {
        padding: 0
    }

        section.slider.height-10 {
            height: auto
        }

            section.slider.height-10 .slides .flickity-slider > li {
                height: 10vh;
                padding: 0
            }

    @media all and (min-width:768px) {
        section.slider.height-10 .slides li.imagebg {
            min-height: 10vh
        }
    }

    section.slider.height-20 {
        height: auto
    }

        section.slider.height-20 .slides .flickity-slider > li {
            height: 20vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        section.slider.height-20 .slides li.imagebg {
            min-height: 20vh
        }
    }

    section.slider.height-30 {
        height: auto
    }

        section.slider.height-30 .slides .flickity-slider > li {
            height: 30vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        section.slider.height-30 .slides li.imagebg {
            min-height: 30vh
        }
    }

    section.slider.height-40 {
        height: auto
    }

        section.slider.height-40 .slides .flickity-slider > li {
            height: 40vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        section.slider.height-40 .slides li.imagebg {
            min-height: 40vh
        }
    }

    section.slider.height-50 {
        height: auto
    }

        section.slider.height-50 .slides .flickity-slider > li {
            height: 50vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        section.slider.height-50 .slides li.imagebg {
            min-height: 50vh
        }
    }

    section.slider.height-60 {
        height: auto
    }

        section.slider.height-60 .slides .flickity-slider > li {
            height: 60vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        section.slider.height-60 .slides li.imagebg {
            min-height: 60vh
        }
    }

    section.slider.height-70 {
        height: auto
    }

        section.slider.height-70 .slides .flickity-slider > li {
            height: 70vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        section.slider.height-70 .slides li.imagebg {
            min-height: 70vh
        }
    }

    section.slider.height-80 {
        height: auto
    }

        section.slider.height-80 .slides .flickity-slider > li {
            height: 80vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        section.slider.height-80 .slides li.imagebg {
            min-height: 80vh
        }
    }

    section.slider.height-90 {
        height: auto
    }

        section.slider.height-90 .slides .flickity-slider > li {
            height: 90vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        section.slider.height-90 .slides li.imagebg {
            min-height: 90vh
        }
    }

    section.slider.height-100 {
        height: auto
    }

        section.slider.height-100 .slides .flickity-slider > li {
            height: 100vh;
            padding: 0
        }

    @media all and (min-width:768px) {
        section.slider.height-100 .slides li.imagebg {
            min-height: 100vh
        }
    }

    section.slider[data-paging=true] .flickity-page-dots {
        bottom: 1.85714286em
    }

    section.slider:not(.image--light)[data-paging=true] .flickity-page-dots .dot {
        background: #fff
    }

    section.slider .slides {
        margin: 0
    }

    @media all and (max-width:767px) {
        section.slider[class*=height-] .slides .flickity-slider > li {
            height: auto;
            padding: 7.42857143em 0
        }

        section.slider.space--lg .slides .flickity-slider > li {
            padding: 11.14285714em 0
        }

        section.slider.space--xlg .slides .flickity-slider > li {
            padding: 11.14285714em 0
        }
    }

    section.bg--dark .slider[data-paging=true] .flickity-page-dots .dot, section.bg--primary .slider[data-paging=true] .flickity-page-dots .dot {
        background: #fff
    }

    .flickity-page-dots .dot {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #252525;
        border: none;
        margin: 0 .46428571em
    }

        .flickity-page-dots .dot:hover:not(.is-selected) {
            opacity: .6
        }

    .text-center .flickity-page-dots, section.slider .flickity-page-dots {
        text-align: center
    }

    .flickity-prev-next-button svg {
        display: none
    }

    .flickity-prev-next-button:before {
        font-family: stack-interface;
        content: "\e80c";
        font-size: 1em;
        font-weight: 400
    }

    .flickity-prev-next-button.previous:before {
        content: "\e80b"
    }

    .imagebg:not(.image--light) .flickity-page-dots .dot, .bg--dark .flickity-page-dots .dot {
        background: #fff
    }

    .hover-element {
        position: relative;
        overflow: hidden;
        margin-bottom: 30px
    }

        .hover-element * {
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease
        }

        .hover-element .hover-element__reveal {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            width: 100%;
            height: 100%
        }

            .hover-element .hover-element__reveal .boxed {
                height: 100%
            }

        .hover-element:hover .hover-element__reveal, .hover-element.hover--active .hover-element__reveal {
            opacity: 1
        }

        .hover-element img {
            margin-bottom: 0
        }

    @media all and (max-width:1024px) {
        .hover-element {
            cursor: pointer
        }
    }

    .row:last-child div[class*=col-]:last-child .hover-element {
        margin-bottom: 0
    }

    .masonry .masonry__container.masonry--active .masonry__item {
        opacity: 1;
        pointer-events: initial
    }

    .masonry .masonry__container .masonry__item {
        opacity: 0;
        pointer-events: none
    }

        .masonry .masonry__container .masonry__item article:hover, .masonry__item article.feature:hover {
            -webkit-transition: all .2s linear;
            overflow: hidden;
            -webkit-transform: translate3d(0,-2px,0);
            transform: translate3d(0,-2px,0);
            -webkit-box-shadow: 0 8px 16px rgba(0,0,0,.18);
            box-shadow: 0 8px 16px rgba(0,0,0,.18);
            transition: -webkit-box-shadow .2s linear;
            transition: box-shadow .2s linear;
            transition: box-shadow .2s linear,-webkit-box-shadow .2s linear
        }

    .masonry .masonry__filters li {
        display: inline-block;
        cursor: pointer;
        text-transform: capitalize;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .masonry .masonry__container .masonry__item a.block, .feature.feature-1 a.block {
        margin: 0
    }

    .masonry .masonry__filters li.active {
        cursor: default
    }

    .masonry.masonry--gapless .masonry__item {
        padding: 0 !important;
        margin-bottom: 0
    }

    .modal-instance .modal-body {
        display: none
    }

    .modal-container {
        transition: .3s linear;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        padding: 0;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

        .modal-container.modal-active {
            opacity: 1;
            visibility: visible;
            z-index: 999
        }

        .modal-container:before {
            background: rgba(0,0,0,.85);
            content: '';
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            z-index: 1
        }

        .modal-container .modal-content {
            backface-visibility: hidden;
            position: fixed;
            z-index: 2;
            top: 50%;
            left: 50%;
            max-height: 100%;
            overflow-y: scroll;
            border: none;
            transform: translate3d(-50%,-50%,0);
            -webkit-transform: translate3d(-50%,-50%,0);
            padding: 0;
            border-radius: 0;
            box-shadow: none
        }

            .modal-container .modal-content:not(.height--natural) {
                width: 50%;
                height: 50%
            }

            .modal-container .modal-content .modal-close-cross {
                cursor: pointer;
                position: absolute;
                opacity: .5;
                transition: .1s linear;
                -webkit-transition: .1s linear;
                -moz-transition: .1s linear;
                top: 1em;
                right: 1em;
                z-index: 99
            }

                .modal-container .modal-content .modal-close-cross:before {
                    content: '\00D7';
                    font-size: 1.5em
                }

                .modal-container .modal-content .modal-close-cross:hover {
                    opacity: 1
                }

            .modal-container .modal-content.imagebg:not(.image--light) .modal-close-cross:before {
                color: #fff
            }

            .modal-container .modal-content iframe {
                width: 100%;
                outline: none;
                border: none;
                height: 100%;
                backface-visibility: hidden
            }

                .modal-container .modal-content iframe:first-child + .modal-close-cross:last-child {
                    top: -3.71428571em
                }

    @media all and (max-width:767px) {
        .modal-container .modal-content {
            width: 97% !important;
            height: auto !important;
            padding-top: 2em;
            padding-bottom: 2em
        }
    }

    .map-container {
        position: relative;
        overflow: hidden
    }

        .map-container iframe, .map-container .map-canvas {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0
        }

    .parallax > .background-image-holder, .parallax .slides li > .background-image-holder {
        height: 100%;
        min-height: 100vh;
        top: -50vh;
        transition: opacity .3s ease !important;
        -webkit-transition: opacity .3s ease !important;
        -webkit-transform-style: preserve-3d
    }

    .parallax:first-child .slides li > .background-image-holder, .parallax:first-child .background-image-holder {
        top: 0
    }

    .main-container > a:first-child + .parallax .background-image-holder {
        top: 0
    }

    @media all and (max-width:1024px) {
        .parallax > .background-image-holder, .parallax .slides li > .background-image-holder {
            top: 0 !important;
            transform: none !important;
            -webkit-transform: none !important;
            height: 100%
        }
    }

    .notification {
        max-width: 100%;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
        position: fixed;
        z-index: 99;
        pointer-events: none;
        padding: 0;
        margin: 1em;
        opacity: 0;
        transition: .3s linear;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear
    }

        .notification:not([class*=bg-]) {
            background: #fff
        }

        .notification[class*=col-] {
            min-width: 400px
        }

        .notification .notification-close-cross {
            position: absolute;
            top: 1em;
            z-index: 99;
            right: 1em;
            cursor: pointer;
            transition: .1s linear;
            -webkit-transition: .1s linear;
            -moz-transition: .1s linear;
            opacity: .7
        }

            .notification .notification-close-cross:before {
                content: '\00D7';
                font-size: 1.5em
            }

            .notification .notification-close-cross:hover {
                opacity: 1
            }

        .notification.notification--reveal {
            z-index: 99;
            pointer-events: initial
        }

            .notification.notification--reveal[data-animation=from-bottom] {
                animation: from-bottom .3s linear 0s forwards;
                -webkit-animation: from-bottom .3s linear 0s forwards;
                -moz-animation: from-bottom .3s linear 0s forwards
            }

            .notification.notification--reveal[data-animation=from-top] {
                animation: from-top .3s linear 0s forwards;
                -webkit-animation: from-top .3s linear 0s forwards;
                -moz-animation: from-top .3s linear 0s forwards
            }

            .notification.notification--reveal[data-animation=from-left] {
                animation: from-left .3s linear 0s forwards;
                -webkit-animation: from-left .3s linear 0s forwards;
                -moz-animation: from-left .3s linear 0s forwards
            }

            .notification.notification--reveal[data-animation=from-right] {
                animation: from-right .3s linear 0s forwards;
                -webkit-animation: from-right .3s linear 0s forwards;
                -moz-animation: from-right .3s linear 0s forwards
            }

        .notification.notification--dismissed {
            animation: fade-out .4s linear 0s forwards !important;
            -webkit-animation: fade-out .4s linear 0s forwards !important;
            -moz-animation: fade-out .4s linear 0s forwards !important;
            pointer-events: none
        }

    .bg--dark + .notification-close-cross:before {
        color: #fff
    }

    a[data-notification-link] {
        text-decoration: none
    }

        a[data-notification-link]:hover {
            text-decoration: none
        }

    @media all and (max-width:767px) {
        .notification[class*=col-] {
            min-width: 0
        }
    }

    @keyframes from-bottom {
        from {
            transform: translate3d(0,100%,0);
            -webkit-transform: translate3d(0,100%,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @-moz-keyframes from-bottom {
        from {
            transform: translate3d(0,100%,0);
            -webkit-transform: translate3d(0,100%,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @-webkit-keyframes from-bottom {
        from {
            transform: translate3d(0,100%,0);
            -webkit-transform: translate3d(0,100%,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @keyframes from-top {
        from {
            transform: translate3d(0,-100%,0);
            -webkit-transform: translate3d(0,-100%,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @-moz-keyframes from-top {
        from {
            transform: translate3d(0,-100%,0);
            -webkit-transform: translate3d(0,-100%,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @-webkit-keyframes from-top {
        from {
            transform: translate3d(0,-100%,0);
            -webkit-transform: translate3d(0,-100%,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @keyframes from-left {
        from {
            transform: translate3d(-100%,0,0);
            -webkit-transform: translate3d(-100%,0,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @-moz-keyframes from-left {
        from {
            transform: translate3d(-100%,0,0);
            -webkit-transform: translate3d(-100%,0,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @-webkit-keyframes from-left {
        from {
            transform: translate3d(-100%,0,0);
            -webkit-transform: translate3d(-100%,0,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @keyframes from-right {
        from {
            transform: translate3d(100%,0,0);
            -webkit-transform: translate3d(100%,0,0);
            opacity: 1
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @-moz-keyframes from-right {
        from {
            transform: translate3d(100%,0,0);
            -webkit-transform: translate3d(100%,0,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @-webkit-keyframes from-right {
        from {
            transform: translate3d(100%,0,0);
            -webkit-transform: translate3d(100%,0,0);
            opacity: 0
        }

        to {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            opacity: 1
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @-webkit-keyframes fade-out {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    @-moz-keyframes fade-out {
        0% {
            opacity: 1
        }

        100% {
            opacity: 0
        }
    }

    iframe {
        width: 100%;
        min-height: 350px;
        border: none
    }

    @media all and (max-width:767px) {
        iframe {
            min-height: 220px
        }
    }

    .videobg {
        background: #252525;
        position: relative;
        overflow: hidden
    }

        .videobg .container, .videobg .background-image-holder {
            opacity: 0;
            transition: .3s linear;
            -webkit-transition: .3s linear;
            -moz-transition: .3s linear
        }

        .videobg .background-image-holder {
            opacity: 0 !important
        }

        .videobg.video-active .container {
            opacity: 1
        }

        .videobg.video-active .loading-indicator {
            opacity: 0;
            visibility: hidden
        }

        .videobg video {
            object-fit: cover;
            height: 100%;
            min-width: 100%;
            position: absolute;
            top: 0;
            z-index: 0 !important;
            left: 0
        }

    @media all and (max-width:1024px) {
        .videobg .background-image-holder, .videobg .container {
            opacity: 1 !important
        }

        .videobg .loading-indicator {
            display: none
        }

        .videobg video {
            display: none
        }
    }

    .youtube-background {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        z-index: 0 !important
    }

        .youtube-background .mb_YTPBar {
            opacity: 0;
            height: 0;
            visibility: hidden
        }

    @media all and (max-width:1024px) {
        .youtube-background {
            display: none
        }
    }

    .loading-indicator {
        position: absolute !important;
        top: 50%;
        left: 50%;
        z-index: 99 !important;
        width: 50px;
        height: 50px;
        margin-top: -25px;
        margin-left: -25px;
        background-color: #fff;
        border-radius: 100%;
        -webkit-animation: loading-spinner 1s infinite ease-in-out;
        animation: loading-spinner 1s infinite ease-in-out;
        transition: .3s linear;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear
    }

    @-webkit-keyframes loading-spinner {
        0% {
            -webkit-transform: scale(0)
        }

        100% {
            -webkit-transform: scale(1);
            opacity: 0
        }
    }

    @keyframes loading-spinner {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0
        }
    }

    .video-cover {
        position: relative
    }

        .video-cover video {
            max-width: 100%
        }

        .video-cover iframe {
            background: #252525
        }

        .video-cover .background-image-holder {
            z-index: 3
        }

        .video-cover .video-play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%,-50%,0);
            -webkit-transform: translate3d(-50%,-50%,0)
        }

        .video-cover .video-play-icon, .video-cover .background-image-holder {
            transition: .3s linear;
            -webkit-transition: .3s linear;
            -moz-transition: .3s linear
        }

        .video-cover.reveal-video .video-play-icon, .video-cover.reveal-video .background-image-holder {
            opacity: 0 !important;
            pointer-events: none
        }

        .video-cover[data-scrim-bottom]:before, .video-cover[data-overlay]:before, .video-cover[data-scrim-top]:before {
            transition: .3s linear;
            -webkit-transition: .3s linear;
            -moz-transition: .3s linear;
            z-index: 4
        }

        .video-cover.reveal-video[data-scrim-bottom]:before, .video-cover.reveal-video[data-overlay]:before, .video-cover.reveal-video[data-scrim-top]:before {
            opacity: 0;
            pointer-events: none
        }

    .video-play-icon {
        width: 7.42857143em;
        height: 7.42857143em;
        border-radius: 50%;
        position: relative;
        z-index: 4;
        display: inline-block;
        border: 2px solid #fff;
        cursor: pointer;
        background: #fff
    }

        .video-play-icon.video-play-icon--sm {
            width: 3.71428571em;
            height: 3.71428571em
        }

            .video-play-icon.video-play-icon--sm:before {
                border-width: 4px 0 4px 9px
            }

        .video-play-icon.video-play-icon--xs {
            width: 1.85714286em;
            height: 1.85714286em
        }

            .video-play-icon.video-play-icon--xs:before {
                border-width: 3px 0 3px 6px;
                margin-left: -3px
            }

        .video-play-icon.bg--primary:before {
            border-color: transparent transparent transparent #fff
        }

        .video-play-icon:before {
            position: absolute;
            top: 50%;
            margin-top: -5px;
            left: 50%;
            margin-left: -4px;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 0 6px 12px;
            border-color: transparent transparent transparent #fff;
            border-color: transparent transparent transparent gray
        }

        .video-play-icon.video-play-icon--dark {
            border-color: #252525;
            background: #252525
        }

            .video-play-icon.video-play-icon--dark:before {
                border-color: transparent transparent transparent #252525
            }

            .video-play-icon.video-play-icon--dark:before {
                border-color: transparent transparent transparent #fff
            }

    @media all and (max-width:767px) {
        .video-play-icon {
            width: 4.95238095em;
            height: 4.95238095em
        }
    }

    div[class*=col-][class*='-12']:not([class*=xs-12]) .video-cover iframe {
        min-height: 550px
    }

    @media all and (max-width:990px) {
        div[class*=col-][class*='-12']:not([class*=xs-12]) .video-cover iframe {
            min-height: 350px
        }
    }

    div[class*=col-][class*='-10'] .video-cover iframe {
        min-height: 450px
    }

    div[class*=col-][class*='-8'] .video-cover iframe {
        min-height: 400px
    }

    div[class*=col-][class*='-6'] .video-cover iframe {
        min-height: 350px
    }

    @media all and (max-width:1200px) {
        div[class*=col-][class*='-6'] .video-cover iframe {
            min-height: 300px
        }
    }

    @media all and (max-width:990px) {
        div[class*=col-][class*='-6'] .video-cover iframe {
            min-height: 220px
        }
    }

    @media all and (max-width:767px) {
        div[class*=col-] .video-cover iframe {
            min-height: 220px !important
        }
    }

    .modal-container video {
        max-width: 100%
    }

    body {
        background: #f5f5f5
    }

    .color--primary {
        color: #4a90e2 !important
    }

    a {
        color: #4a90e2
    }

    .color--primary-1 {
        color: #31639c !important
    }

    .color--primary-2 {
        color: #465773 !important
    }

    .color--white {
        color: #fff
    }

    .color--dark {
        color: #252525
    }

    .bg--dark {
        background: #252525
    }

        .bg--dark:not(.nav-bar):not(.bar) {
            color: #fff
        }

            .bg--dark:not(.nav-bar):not(.bar) h1, .bg--dark:not(.nav-bar):not(.bar) h2, .bg--dark:not(.nav-bar):not(.bar) h3, .bg--dark:not(.nav-bar):not(.bar) h4, .bg--dark:not(.nav-bar):not(.bar) h5, .bg--dark:not(.nav-bar):not(.bar) h6, .bg--dark:not(.nav-bar):not(.bar) i, .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text), .bg--dark:not(.nav-bar):not(.bar) p {
                color: #fff
            }

            .bg--dark:not(.nav-bar):not(.bar) a:not(.btn) {
                color: #fff
            }

    .bg--site {
        background: #fff
    }

    .bg--secondary {
        background: #fafafa
    }

    .bg--primary {
        background: #4a90e2
    }

        .bg--primary p, .bg--primary span, .bg--primary ul, .bg--primary a:not(.btn) {
            color: #fff
        }

        .bg--primary h1, .bg--primary h2, .bg--primary h3, .bg--primary h4, .bg--primary h5, .bg--primary h6, .bg--primary i {
            color: #fff
        }

    .bg--white {
        background: #fff
    }

        .bg--white p, .bg--white span, .bg--white ul, .bg--white a:not(.btn) {
            color: #666
        }

        .bg--white h1, .bg--white h2, .bg--white h3, .bg--white h4, .bg--white h5, .bg--white h6, .bg--white i {
            color: #252525
        }

    .bg--error {
        background: #e23636
    }

    .imagebg:not(.image--light) .bg--white p, .imagebg:not(.image--light) .bg--white span, .imagebg:not(.image--light) .bg--white ul, .imagebg:not(.image--light) .bg--white a:not(.btn) {
        color: #666
    }

    .imagebg:not(.image--light) .bg--white h1, .imagebg:not(.image--light) .bg--white h2, .imagebg:not(.image--light) .bg--white h3, .imagebg:not(.image--light) .bg--white h4, .imagebg:not(.image--light) .bg--white h5, .imagebg:not(.image--light) .bg--white h6, .imagebg:not(.image--light) .bg--white i {
        color: #252525
    }

    .imagebg:not(.image--light) .bg--secondary {
        background: rgba(250,250,250,.2)
    }

    .bg--primary-1 {
        background: #31639c
    }

        .bg--primary-1 p, .bg--primary-1 span, .bg--primary-1 ul, .bg--primary-1 a:not(.btn) {
            color: #fff
        }

        .bg--primary-1 h1, .bg--primary-1 h2, .bg--primary-1 h3, .bg--primary-1 h4, .bg--primary-1 h5, .bg--primary-1 h6, .bg--primary-1 i {
            color: #fff
        }

    .bg--primary-2 {
        background: #465773
    }

        .bg--primary-2 p, .bg--primary-2 span, .bg--primary-2 ul, .bg--primary-2 a:not(.btn) {
            color: #fff
        }

        .bg--primary-2 h1, .bg--primary-2 h2, .bg--primary-2 h3, .bg--primary-2 h4, .bg--primary-2 h5, .bg--primary-2 h6, .bg--primary-2 i {
            color: #fff
        }

    .image-bg:not(.image-light) *:not(a) {
        color: #fff
    }

    .color--facebook {
        color: #3b5998
    }

    .color--twitter {
        color: #00aced
    }

    .color--googleplus {
        color: #dd4b39
    }

    .color--instagram {
        color: #125688
    }

    .color--pinterest {
        color: #cb2027
    }

    .color--dribbble {
        color: #ea4c89
    }

    .color--behance {
        color: #053eff
    }

    .bg--facebook {
        background: #3b5998;
        color: #fff
    }

    .bg--twitter {
        background: #00aced;
        color: #fff
    }

    .bg--googleplus {
        background: #dd4b39;
        color: #fff
    }

    .bg--instagram {
        background: #125688;
        color: #fff
    }

    .bg--pinterest {
        background: #cb2027;
        color: #fff
    }

    .bg--dribbble {
        background: #ea4c89;
        color: #fff
    }

    .bg--behance {
        background: #053eff;
        color: #fff
    }

    .imageblock {
        position: relative;
        padding: 0
    }

        .imageblock > .container, .imageblock > div[class*=col-]:not(.imageblock__content) {
            padding-top: 7.42857143em;
            padding-bottom: 7.42857143em;
            float: none;
            overflow: hidden
        }

        .imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*=col-]:not(.imageblock__content) {
            padding-top: 9.28571429em;
            padding-bottom: 9.28571429em;
            float: none;
            overflow: hidden
        }

        .imageblock .imageblock__content {
            position: absolute;
            height: 100%;
            top: 0;
            z-index: 2;
            padding: 0
        }

            .imageblock .imageblock__content .slider {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0
            }

                .imageblock .imageblock__content .slider .slides > li {
                    padding: 0;
                    min-height: 100%;
                    position: absolute !important
                }

        .imageblock.allow-overflow .imageblock__content {
            overflow: visible
        }

    @media all and (max-width:767px) {
        .imageblock[class*=space-] {
            padding-bottom: 0;
            padding-top: 0
        }

        .imageblock .imageblock__content {
            position: relative;
            min-height: 18.57142857em
        }

        .imageblock > .container, .imageblock > div[class*=col-]:not(.imageblock__content) {
            padding-top: 5.57142857em;
            padding-bottom: 5.57142857em;
            float: none;
            overflow: hidden
        }

        .imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*=col-]:not(.imageblock__content) {
            padding-top: 5.57142857em;
            padding-bottom: 5.57142857em;
            float: none;
            overflow: hidden
        }
    }

    form[action*='createsend.com'] * {
        transition: .3s linear;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        opacity: 0
    }

    form[action*='createsend.com'].form--active * {
        opacity: 1
    }

    form[action*='createsend.com'] .input-checkbox + br {
        display: none
    }

    form[action*='createsend.com'].no-labels label {
        display: none
    }

    form[action*='createsend.com'] br {
        display: none
    }

    form[action*='createsend.com'] p > label:first-child {
        margin-bottom: .92857143em
    }

    form[action*='list-manage.com'] h2 {
        font-family: open sans,helvetica,arial,sans-serif;
        color: #252525;
        font-weight: 300;
        font-variant-ligatures: common-ligatures;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.35714286em;
        line-height: 1.68421053em;
        margin-bottom: 1.36842105263158em;
        font-weight: 400
    }

        form[action*='list-manage.com'] h2.inline-block + .h4.inline-block:not(.typed-text) {
            margin-left: .68421052631579em
        }

    form[action*='list-manage.com'] .input-group ul {
        overflow: hidden
    }

        form[action*='list-manage.com'] .input-group ul li {
            float: left
        }

    form[action*='list-manage.com'] * {
        transition: .3s linear;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear;
        opacity: 0
    }

    form[action*='list-manage.com'].form--active * {
        opacity: 1
    }

    form[action*='list-manage.com'].no-labels label {
        display: none
    }

    form[action*='list-manage.com'] .small-meta {
        font-size: .5em
    }

    .twitter-feed .user {
        display: none
    }

    .twitter-feed .interact {
        display: none
    }

    .twitter-feed .timePosted {
        font-size: .87em
    }

    [class*=transition--] {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        opacity: 0
    }

        [class*=transition--].transition--active {
            opacity: 1
        }

    .transition--scale {
        transform: scale(.98);
        -webkit-transform: scale(.98)
    }

        .transition--scale.transition--active {
            opacity: 1;
            transform: scale(1);
            -webkit-transform: scale(1)
        }

    .transition--slide {
        transform: translate3d(200px,0,0);
        -webkit-transform: translate3d(200px,0,0);
        transform: translate3d(30vw,0,0);
        -webkit-transform: translate3d(30vw,0,0)
    }

        .transition--slide.transition--active {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0)
        }

    .switchable {
        position: relative
    }

        .switchable div[class*=col-]:first-child {
            float: left;
            right: auto
        }

            .switchable div[class*=col-]:first-child:not([class*=pull]):not([class*=push]) {
                left: 0
            }

        .switchable div[class*=col-]:last-child {
            float: right;
            left: auto
        }

            .switchable div[class*=col-]:last-child:not([class*=pull]):not([class*=push]) {
                right: 0
            }

        .switchable.switchable--switch div[class*=col-]:first-child {
            float: right;
            right: 0;
            left: auto
        }

            .switchable.switchable--switch div[class*=col-]:first-child:not([class*=pull]):not([class*=push]) {
                left: auto
            }

        .switchable.switchable--switch div[class*=col-]:last-child {
            float: left;
            left: 0;
            right: auto
        }

        .switchable .switchable__text {
            margin-top: 3.71428571em
        }

        .switchable > div[class*=col-] {
            padding: 0
        }

    .typed-text {
        display: inline-block
    }

        .typed-text.typed-text--cursor:after {
            content: '|';
            font-size: 1.2em;
            -webkit-animation: blink .7s infinite;
            animation: blink .7s infinite;
            position: relative;
            right: 6px
        }

    @keyframes blink {
        0% {
            opacity: 1
        }

        50% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    @-webkit-keyframes blink {
        0% {
            opacity: 1
        }

        50% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    [data-gradient-bg] {
        position: relative
    }

        [data-gradient-bg] > canvas {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

            [data-gradient-bg] > canvas + .background-image-holder {
                opacity: .2 !important
            }

    .bar {
        padding: 1.85714286em 0
    }

        .bar .logo {
            margin: 0;
            position: relative;
            top: 4px
        }

        .bar .menu-horizontal {
            position: relative;
            top: 6px
        }

        .bar:not([class*=visible-]) + .bar {
            margin-top: .92857143em
        }

        .bar.bar--xs {
            padding: .46428571em 0
        }

        .bar.bar--sm {
            padding: .92857143em 0
        }

        .bar.bar--lg {
            padding: 2.78571429em 0
        }

            .bar.bar--lg .logo {
                top: 0
            }

        .bar.bar--xlg {
            padding: 4.64285714em 0
        }

            .bar.bar--xlg .logo {
                top: 0
            }

        .bar.bg--dark .logo-dark {
            display: none
        }

        .bar:not(.bg--dark):not(.bar--transparent) .logo-light {
            display: none
        }

    @media all and (max-width:767px) {
        .bar.bar--mobile-sticky[data-scroll-class*=fixed].pos-fixed {
            position: fixed;
            width: 100%;
            background: #fff;
            z-index: 999
        }

        .bar.bar--mobile-sticky[data-scroll-class*=fixed] + .bar.pos-fixed {
            top: 3.71428571em;
            position: fixed;
            width: 100%;
            background: #fff;
            z-index: 999
        }
    }

    @media all and (min-width:991px) {
        .bar__module:not(:only-child) {
            display: inline-block
        }

        .bar__module:not(:last-child) {
            margin-right: .92857143em
        }

        .bar--transparent:not(.bar--dark) {
            background: 0 0
        }

            .bar--transparent:not(.bar--dark) .logo-dark {
                display: none
            }

            .bar--transparent:not(.bar--dark) .logo-light {
                display: inline-block
            }

            .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > a, .bar--transparent:not(.bar--dark):not(.pos-fixed) .menu-horizontal > li > span {
                color: #fff
            }

            .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*=primary]) {
                border-color: rgba(255,255,255,.3)
            }

                .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*=primary]) .btn__text {
                    color: #fff
                }

                .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*=primary]):hover {
                    border-color: rgba(255,255,255,.7)
                }

        .bar--absolute {
            position: absolute
        }

        .bar--absolute, .pos-fixed {
            z-index: 99;
            width: 100%
        }

        .bar.pos-fixed {
            position: fixed;
            top: 0;
            animation: fadeInDown .3s ease-out forwards;
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
            box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
        }

            .bar.pos-fixed:not([class*=bg-]) {
                background: #fff
            }

                .bar.pos-fixed:not([class*=bg-]) .logo-dark {
                    display: inline-block
                }

                .bar.pos-fixed:not([class*=bg-]) .logo-light {
                    display: none
                }

            .bar.pos-fixed.bg--dark {
                background: #252525
            }
    }

    @media all and (max-width:767px) {
        .bar__module {
            margin-bottom: .92857143em
        }

            .bar__module + .bar__module {
                margin-top: 1.85714286em
            }

            .bar__module .btn {
                display: block
            }

                .bar__module .btn + .btn {
                    margin-left: 0 !important
                }

                .bar__module .btn:not(:last-child) {
                    margin-bottom: .92857143em
                }

        .bar + nav.bar {
            padding-top: 0
        }
    }

    .page-navigator {
        position: fixed;
        padding: 0;
        top: 50%;
        transform: translateY(-50%);
        right: 1.85714286em;
        z-index: 10
    }

        .page-navigator ul {
            display: inline-block;
            padding: .92857143em;
            background: rgba(0,0,0,.4);
            border-radius: 1.85714286em;
            transition: all .2s ease
        }

            .page-navigator ul:hover {
                background: rgba(0,0,0,.6)
            }

            .page-navigator ul li:not(:last-child) {
                margin-bottom: 1.85714286em
            }

    @media all and (max-width:767px) {
        .page-navigator {
            right: 0
        }

            .page-navigator ul {
                border-radius: 1.85714286em 0 0 1.85714286em;
                padding: 1.85714286em .92857143em
            }
    }

    .page-navigator li a {
        width: 8px;
        height: 8px;
        background: #fff;
        border-radius: 50%;
        transition: all .2s ease;
        display: block;
        position: relative
    }

        .page-navigator li a:not(:hover) {
            opacity: .5
        }

        .page-navigator li a.inner-link--active {
            opacity: 1;
            animation: bulge .5s ease;
            -webkit-animation: bulge .5s ease
        }

    @keyframes bulge {
        0% {
            transform: scale(1)
        }

        50% {
            transform: scale(1.3)
        }

        100% {
            transform: scale(1)
        }
    }

    @-webkit-keyframes bulge {
        0% {
            transform: scale(1)
        }

        50% {
            transform: scale(1.3)
        }

        100% {
            transform: scale(1)
        }
    }

    .page-navigator li a[data-title]:before {
        content: attr(data-title);
        position: absolute;
        right: 12px;
        top: -14px;
        background: #222;
        color: #fff;
        border-radius: 6px;
        padding: 4px 8px;
        display: inline-block;
        transition: all .2s ease;
        white-space: nowrap
    }

    .page-navigator li a[data-title]:not(:hover):before {
        opacity: 0;
        transform: translateX(-20px)
    }

    .clearfix {
        overflow: hidden
    }

    .allow-overflow {
        overflow: visible
    }

    .container .row--gapless {
        padding-left: 15px;
        padding-right: 15px
    }

        .container .row--gapless > div[class*=col-] {
            padding: 0
        }

    @media all and (max-width:767px) {
        .text-left-xs {
            text-align: left
        }
    }

    @media all and (max-width:991px) {
        .text-left-sm {
            text-align: left
        }
    }

    section > .row--gapless {
        padding-left: 0;
        padding-right: 0
    }

        section > .row--gapless > div[class*=col-] {
            padding: 0
        }

    div.right {
        float: right
    }

    div.left {
        float: left
    }

    section.text-right > .container:last-child > .row:only-child > div[class*=col-]:only-child {
        float: right
    }

    section, footer {
        padding-top: 7.42857143em;
        padding-bottom: 7.42857143em
    }

        section.space--xxs, footer.space--xxs {
            padding-top: 1.85714286em;
            padding-bottom: 1.85714286em
        }

        section.space--xs, footer.space--xs {
            padding-top: 3.71428571em;
            padding-bottom: 0;
        }

        section.space--sm, footer.space--sm {
            padding-top: 4.95238095em;
            padding-bottom: 4.95238095em
        }

        section.space--md, footer.space--md {
            padding-top: 11.14285714em;
            padding-bottom: 11.14285714em
        }

        section.space--lg, footer.space--lg {
            padding-top: 14.85714286em;
            padding-bottom: 14.85714286em
        }

        section.space--xlg, footer.space--xlg {
            padding-top: 29.71428571em;
            padding-bottom: 29.71428571em
        }

        section.space--0, footer.space--0 {
            padding: 0
        }

        section.section--even, footer.section--even {
            padding-top: 7.42857143em;
            padding-bottom: 7.42857143em
        }

        section.space-bottom--sm, footer.space-bottom--sm {
            padding-bottom: 4.95238095em
        }

    @media all and (max-width:767px) {
        section, footer, section.section--even {
            padding: 5.57142857em 0
        }

            section.space--lg, footer.space--lg, section.section--even.space--lg, section.space--md, footer.space--md, section.section--even.space--md {
                padding: 5.57142857em 0
            }

            section.space--xlg, footer.space--xlg, section.section--even.space--xlg {
                padding: 8.35714286em 0
            }
    }

    div[class*=col-] > div[class*=col-]:first-child {
        padding-left: 0
    }

    div[class*=col-] > div[class*=col-]:last-child {
        padding-right: 0
    }

    @media all and (max-width:767px) {
        .col-xs-6:nth-child(odd) {
            padding-right: 7.5px
        }

        .col-xs-6:nth-child(even) {
            padding-left: 7.5px
        }
    }

    @media all and (min-width:768px) {
        .mt--1 {
            margin-top: 1.85714286em
        }

        .mt--2 {
            margin-top: 3.71428571em
        }

        .mt--3 {
            margin-top: 5.57142857em
        }

        .mb--1 {
            margin-bottom: 1.85714286em
        }

        .mb--2 {
            margin-bottom: 3.71428571em
        }

        .mb--3 {
            margin-bottom: 5.57142857em
        }
    }

    @media all and (max-width:990px) {
        .mt--1, .mt--2 {
            margin-top: 1.85714286em
        }

        .mt--3 {
            margin-top: 2.78571429em
        }
    }

    .unpad {
        padding: 0
    }

    .unpad--bottom {
        padding-bottom: 0
    }

    .unpad--top {
        padding-top: 0
    }

    section.unpad--bottom {
        padding-bottom: 0
    }

    section.unpad {
        padding: 0
    }

    section.unpad--top {
        padding-top: 0
    }

    .unmarg--bottom {
        margin-bottom: 0
    }

    .unmarg {
        margin: 0
    }

    .unmarg--top {
        margin-top: 0
    }

    @media all and (min-width:1280px) {
        body.boxed-layout {
            padding: 3.71428571em 0;
            background: #ededed
        }

            body.boxed-layout section:not([class*=bg-]):not(.imagebg), body.boxed-layout footer:not([class*=bg-]):not(.imagebg), body.boxed-layout nav:not([class*=bg-]):not(.bar--transparent):not(.bar--absolute), body.boxed-layout .tabs-container:not([class*=bg-]):not(.imagebg) {
                background: #fff
            }

            body.boxed-layout .nav-container, body.boxed-layout .main-container, body.boxed-layout > section, body.boxed-layout nav {
                max-width: 1280px;
                margin: 0 auto
            }
    }

    .wizard__body {
        list-style: none
    }

    .wizard__step:not(.active) {
        display: none
    }

    .wizard__step .wizard__title {
        display: none
    }

    .wizard__controls {
        overflow: hidden
    }

        .wizard__controls .wizard-prev {
            float: left
        }

        .wizard__controls .wizard-next {
            float: right
        }

            .wizard__controls .wizard-prev:hover, .wizard__controls .wizard-next:hover {
                transform: none !important
            }

            .wizard__controls .wizard-prev.inactive, .wizard__controls .wizard-next.inactive {
                pointer-events: none;
                opacity: .3;
                cursor: not-allowed
            }
    /*!-- Pixxett Customizers --*/

    .box-shadow {
        box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
    }

    .box-shadow-shallow {
        box-shadow: 0 0 20px 0 rgba(0,0,0,.06)
    }

    .box-shadow-wide {
        box-shadow: 0 23px 40px rgba(0,0,0,.2)
    }

    .border--round {
        border-radius: 6px
    }

        .border--round:before {
            border-radius: 6px
        }

        .border--round .background-image-holder {
            border-radius: 6px
        }

        .border--round [data-scrim-top]:before, .border--round [data-scrim-bottom]:before, .border--round [data-overlay]:before {
            border-radius: 6px
        }

    .imageblock.border--round .background-image-holder {
        border-radius: 6px 0 0 6px
    }

    @media all and (max-width:767px) {
        .imageblock.border--round .background-image-holder {
            border-radius: 6px 6px 0 0
        }
    }

    .theme--square .border--round, .theme--square .btn {
        border-radius: 0
    }

    .theme--bordered {
        border: .92857143em solid #252525
    }

    .main-container.transition--fade:not(.transition--active) {
        cursor: wait
    }

    @media all and (min-width:1280px) {
        body.boxed-layout > section.bar-3:first-of-type {
            border-radius: 6px 6px 0 0
        }

        body.boxed-layout .main-container > footer:last-child {
            border-radius: 0 0 6px 6px
        }
    }

    body.boxed-layout .modal-container section:not([class*=bg-]) {
        background: 0 0
    }
    /*!-- Pixxett Helpers --*/

    @media all and (max-width:767px) {
        .block--xs {
            margin-top: .92857143em
        }
    }

    .container .container {
        max-width: 100%
    }

    .switchable-toggle {
        cursor: pointer;
        user-select: none;
        -webkit-user-select: none
    }

    .back-to-top {
        position: fixed;
        width: 3.71428571em;
        height: 3.71428571em;
        background: #fff;
        border-radius: 50%;
        text-align: center;
        right: 1.85714286em;
        bottom: 3.71428571em;
        padding-top: 12px;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
        box-shadow: 0 0 25px 0 rgba(0,0,0,.04);
        z-index: 99;
        border: 1px solid #ececec;
        transition: .2s ease-out;
        -webkit-transition: .2s ease-out;
        -moz-transition: .2s ease-out
    }

        .back-to-top i {
            color: #252525;
            font-size: 20px
        }

        .back-to-top:not(.active) {
            opacity: 0;
            transform: translate3d(0,20px,0);
            -webkit-transform: translate3d(0,20px,0);
            pointer-events: none
        }

        .back-to-top.active:hover {
            transform: translate3d(0,-5px,0);
            -webkit-transform: translate3d(0,-5px,0)
        }

    .disable-scroll-bars {
        -ms-overflow-style: none
    }

        .disable-scroll-bars::-webkit-scrollbar {
            display: none
        }
    /*!-- Pixxett Animations --*/

    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translate3d(0,50px,0);
            -webkit-transform: translate3d(0,50px,0)
        }

        to {
            opacity: 1;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -webkit-font-smoothing: antialiased
        }
    }

    @-webkit-keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translate3d(0,50px,0);
            -webkit-transform: translate3d(0,50px,0)
        }

        to {
            opacity: 1;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -webkit-font-smoothing: antialiased
        }
    }

    @keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translate3d(0,-100px,0);
            -webkit-transform: translate3d(0,-100px,0)
        }

        to {
            opacity: 1;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -webkit-font-smoothing: antialiased
        }
    }

    @-webkit-keyframes fadeInDown {
        from {
            opacity: 0;
            transform: translate3d(0,-100px,0);
            -webkit-transform: translate3d(0,-100px,0)
        }

        to {
            opacity: 1;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -webkit-font-smoothing: antialiased
        }
    }

    @keyframes fadeOutUp {
        from {
            opacity: 1;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0)
        }

        to {
            opacity: 0;
            transform: translate3d(0,-50px,0);
            -webkit-transform: translate3d(0,-50px,0);
            -webkit-font-smoothing: antialiased
        }
    }

    @-webkit-keyframes fadeOutUp {
        from {
            opacity: 1;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0)
        }

        to {
            opacity: 0;
            transform: translate3d(0,-50px,0);
            -webkit-transform: translate3d(0,-50px,0);
            -webkit-font-smoothing: antialiased
        }
    }

    @keyframes fadeOutRight {
        from {
            opacity: 1;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0)
        }

        to {
            opacity: 0;
            transform: translate3d(50px,0,0);
            -webkit-transform: translate3d(50px,0,0);
            -webkit-font-smoothing: antialiased
        }
    }

    @-webkit-keyframes fadeOutRight {
        from {
            opacity: 1;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0)
        }

        to {
            opacity: 0;
            transform: translate3d(50px,0,0);
            -webkit-transform: translate3d(50px,0,0);
            -webkit-font-smoothing: antialiased
        }
    }

    @keyframes fadeInLeft {
        from {
            opacity: 0;
            transform: translate3d(-50px,0,0);
            -webkit-transform: translate3d(-50px,0,0)
        }

        to {
            opacity: 1;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -webkit-font-smoothing: antialiased
        }
    }

    @-webkit-keyframes fadeInLeft {
        from {
            opacity: 0;
            transform: translate3d(-50px,0,0);
            -webkit-transform: translate3d(-50px,0,0)
        }

        to {
            opacity: 1;
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0);
            -webkit-font-smoothing: antialiased
        }
    }

    @keyframes pulse {
        0% {
            opacity: 0;
            transform: scale(1);
            -webkit-transform: scale(1)
        }

        50% {
            opacity: 1
        }

        100% {
            opacity: 0;
            transform: scale(2);
            -webkit-transform: scale(2)
        }
    }

    @-webkit-keyframes pulse {
        0% {
            opacity: 0;
            transform: scale(1);
            -webkit-transform: scale(1)
        }

        50% {
            opacity: 1
        }

        100% {
            opacity: 0;
            transform: scale(2);
            -webkit-transform: scale(2)
        }
    }

    @keyframes kenBurns {
        0% {
            transform: scale(1)
        }

        100% {
            transform: scale(1.1)
        }
    }

    @-webkit-keyframes kenBurns {
        0% {
            transform: scale(1)
        }

        100% {
            transform: scale(1.1)
        }
    }
    /*!-- Pixxett Sections --*/

    section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom):not(.space--xxs) + section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.border--bottom):not(.space--xxs) {
        padding-top: 0
    }

    section:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + footer:not(.unpad):not(.imagebg):not([class*=bg--]):not(.imageblock):not(.unpad--bottom):not(.border--bottom) {
        padding-top: 0
    }

    section:not(.imagebg):not([class*=bg-]) + section.bg--secondary {
        border-top: 1px solid #ebebeb
    }

    section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*=bg-]) {
        border-top: 1px solid #ebebeb
    }

    section.bg--secondary:not(.unpad):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + section.bg--secondary {
        padding-top: 0
    }

    section.bg--secondary + footer:not(.bg--dark):not(.bg--secondary) {
        border-top: 1px solid #ebebeb
    }

    section.bg--dark + section.bg--dark {
        padding-top: 0
    }

    section.bg--dark:last-of-type + footer.bg--dark {
        background: #1b1b1b
    }

    section.border--bottom:not([data-gradient-bg]) {
        border-bottom: 1px solid #ececec
    }

    section.unpad {
        overflow: hidden
    }

    section:not([class*=bg--]) + footer.bg--secondary {
        border-top: 1px solid #ebebeb
    }

    section.text-center div[class*=col-]:first-child:last-child {
        margin: 0 auto;
        float: none
    }

    .section--overlap {
        z-index: 2;
        position: relative
    }
    /*!-- Pixxett Typography --*/

    @media all and (max-width:1024px) {
        html {
            font-size: 80%
        }
    }

    h1, .h1 {
        letter-spacing: -.01em
    }

        h1:not(:last-child), .h1:not(:last-child) {
            margin-bottom: .59090909090909em
        }

    @media all and (min-width:768px) {
        h1.h1--large, .h1.h1--large {
            font-weight: 200;
            font-size: 4.428571428571429em;
            line-height: 1.048387096774194em
        }

            h1.h1--large:not(:last-child), .h1.h1--large:not(:last-child) {
                margin-bottom: .419354838709677em
            }

            h1.h1--large.type--uppercase, .h1.h1--large.type--uppercase {
                letter-spacing: 10px;
                margin-right: -10px
            }

            h1.h1--large + p.lead, .h1.h1--large + p.lead {
                margin-top: 2.052631578947368em
            }
    }

    h2, .h2 {
        margin-bottom: .78787878787879em
    }

    h3, .h3 {
        margin-bottom: 1.04em
    }

        h3 strong, .h3 strong {
            font-weight: 400
        }

    blockquote {
        font-family: merriweather,serif;
        font-style: italic;
        font-weight: 300
    }

        blockquote:not(:last-child) {
            margin-bottom: 1.04em
        }

        blockquote > p {
            font-size: 1em !important
        }

    h4, .h4 {
        margin-bottom: 1.36842105263158em;
        font-weight: 400
    }

        h4.inline-block + .h4.inline-block:not(.typed-text), .h4.inline-block + .h4.inline-block:not(.typed-text) {
            margin-left: .68421052631579em
        }

    h5, .h5 {
        font-weight: 600
    }

        h5:not(:last-child), .h5:not(:last-child) {
            margin-bottom: 1.85714286em
        }

    h6, .h6 {
        font-weight: 700
    }

        h6:not(:last-child), .h6:not(:last-child) {
            margin-bottom: 2.16666666666667em
        }

        h6.type--uppercase, .h6.type--uppercase {
            letter-spacing: 1px;
            margin-right: -1px
        }

    span.h1:not(.inline-block), span.h2:not(.inline-block), span.h3:not(.inline-block), span.h4:not(.inline-block), span.h5:not(.inline-block), span.h6:not(.inline-block) {
        display: block
    }

    b {
        font-weight: 600
    }

    hr {
        border-color: #ececec
    }

    .bg--dark hr {
        border-color: #585858
    }

    [class*=bg-]:not(.bg--white):not(.bg--secondary) p, [class*=imagebg]:not(.image--light) p {
        opacity: .9
    }

    .lead {
        font-weight: 400;
        color: gray
    }

        .lead:not(:last-child) {
            margin-bottom: 1.36842105263158em
        }

        .lead + .btn:last-child {
            margin-top: .92857143em
        }

    p:last-child {
        margin-bottom: 0
    }

    p strong {
        color: #252525
    }

    pre {
        padding: .92857143em;
        background: #fafafa;
        border: 1px solid #ececec;
        border-radius: 6px;
        line-height: 20px;
        max-height: 500px
    }

    .bg--secondary > pre {
        background: #f5f5f5;
        border-color: #ddd
    }

    .text-block:not(:last-child) {
        margin-bottom: 1.85714286em
    }

    .text-block h2, .text-block .h2 {
        margin-bottom: .3939393939394em
    }

    .text-block h5, .text-block .h5 {
        margin: 0
    }

    .text-block h4, .text-block .h4 {
        margin-bottom: .3421052631579em
    }

    .text-block h3, .text-block .h3 {
        margin-bottom: .52em
    }

    @media all and (min-width:768px) {
        div[class*=col-] .text-block + .text-block {
            margin-top: 3.71428571em
        }
    }

    .heading-block {
        margin-bottom: 3.71428571em
    }

        .heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .heading-block h5, .heading-block h6, .heading-block .h1, .heading-block .h2, .heading-block .h3, .heading-block .h4, .heading-block .h5, .heading-block .h6 {
            margin-bottom: 0
        }
    /*!-- Pixxett Colours --*/

    .bg--dark .bg--secondary {
        background: #343434
    }
    /*!-- Pixxett Links --*/

    a {
        color: #212121
    }

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

        a.block {
            font-weight: 400;
            text-decoration: none;
            color: #666
        }

    p a, span a, label a {
        font-size: 1em;
        font-weight: 400;
        line-height: 1.85714286em
    }

    p + a:not(.btn) {
        font-size: .85714286em;
        line-height: 2.16666667em
    }

    .imagebg:not(.image--light) a {
        color: #fff;
        font-weight: 600
    }
    /*!-- Pixxett Tables --*/

    table {
        width: 100%;
        border-collapse: separate
    }

        table th, table td {
            padding: .92857143em
        }

        table th {
            background: #fafafa;
            color: #252525
        }

        table tr:not(:last-of-type) {
            border-bottom: 1px solid #ececec
        }

        table.border--round {
            border-radius: 6px;
            border: 1px solid #ececec
        }

    .table--alternate-column th:nth-child(odd) {
        background: 0 0
    }

    .table--alternate-column td:nth-child(even) {
        background: #fafafa
    }

    .table--alternate-row tbody tr:nth-child(even) {
        background: #fafafa
    }

    .bg--dark table.border--round {
        border-radius: 6px;
        border: 1px solid #3f3f3f
    }

    .bg--dark table th {
        background: #3f3f3f;
        color: #fff
    }

    .bg--dark .table--alternate-row tbody tr:nth-child(even) {
        background: #323232
    }
    /*!-- Pixxett Lists --*/

    ul:not([class*=menu]) li > a {
        font-weight: 400
    }

        ul:not([class*=menu]) li > a:hover {
            text-decoration: none
        }

    ol {
        list-style-position: outside;
        list-style-type: decimal
    }

    .list-inline {
        margin-left: 0;
        display: inline-block
    }

        .list-inline li {
            padding: 0
        }

            .list-inline li:not(:last-child) {
                margin-right: 1.85714286em
            }

        .list-inline:not(:last-child) {
            margin-right: 1.85714286em
        }

    .list-inline--images img {
        max-height: 2.78571429em
    }

    @media all and (min-width:768px) {
        .list-inline--images li:not(:last-child) {
            margin-right: 5.57142857em
        }
    }

    @media all and (max-width:767px) {
        .list-inline--images li:not(:last-child) {
            margin-bottom: 1.85714286em
        }
    }

    .list--loose > li:not(:last-child) {
        margin-bottom: .46428571em
    }

    .list--hover li {
        transition: .2s ease;
        -webkit-transition: .2s ease;
        -moz-transition: .2s ease
    }

        .list--hover li:not(:hover) {
            opacity: .6
        }

    .social-list a {
        color: #252525
    }

    .imagebg:not(.image--light) .social-list a {
        color: #fff
    }

    @media all and (max-width:767px) {
        .list-inline:not(.social-list):not(.list-inline--images) {
            display: block
        }

            .list-inline:not(.social-list):not(.list-inline--images) li {
                display: block;
                margin: 0
            }

                .list-inline:not(.social-list):not(.list-inline--images) li:not(:last-child) {
                    margin-bottom: .46428571em
                }
    }

    @media all and (max-width:767px) {
        .list-inline {
            min-width: 100%
        }
    }
    /*!-- Pixxett Rules --*/

    hr:first-child {
        margin-top: 0
    }

    hr.short {
        width: 2.78571429em;
        border-color: #4a90e2
    }

    hr[data-title] {
        margin: 2.78571429em 0;
        text-align: center
    }

        hr[data-title]:before {
            content: attr(data-title);
            background: #fff;
            position: relative;
            bottom: 14px;
            padding: .92857143em;
            font-style: italic
        }

    .bg--dark hr:not(.short), .imagebg hr:not(.short), .bg--primary hr:not(.short) {
        opacity: .3
    }
    /*!-- Pixxett Buttons --*/

    .btn {
        position: relative
    }

        .btn:not([class*=primary]) {
            border-color: #d3d3d3
        }

            .btn:not([class*=primary]):hover {
                border-color: #252525
            }

        .btn.type--uppercase {
            letter-spacing: .5px
        }

            .btn.type--uppercase .btn__text {
                letter-spacing: .5px;
                margin-right: -.5px
            }

        .btn .label {
            top: -.92857143em;
            right: -3.71428571em
        }

        .btn.btn--lg .btn__text {
            font-weight: 600
        }

        .btn.btn--lg.type--uppercase .btn__text {
            letter-spacing: 1px
        }

        .btn + p.type--fine-print, .btn + span.type--fine-print {
            margin-top: 1.08333333333334em
        }

        .btn.block {
            margin-left: 0
        }

            .btn.block + .btn.block {
                margin-top: .92857143em
            }

        .btn:hover {
            transform: translate3d(0,-2px,0);
            -webkit-transform: translate3d(0,-2px,0)
        }

        .btn.btn--sm + .btn--sm {
            margin-left: .92857143em
        }

    p > .btn {
        text-decoration: none
    }

    @media all and (max-width:767px) {
        .btn:not(:last-child) {
            margin-bottom: 1.85714286em
        }
    }

    .btn--icon {
        padding-left: 5.57142857em
    }

        .btn--icon i {
            position: absolute;
            height: 100%;
            left: 0;
            top: 0;
            background: rgba(0,0,0,.1);
            padding: 0 13px;
            border-radius: 6px 0 0 6px;
            font-size: 16px;
            line-height: 41px
        }

            .btn--icon i.socicon {
                line-height: 42px
            }

    .btn--cart {
        width: 3.71428571em;
        height: 3.71428571em;
        border: 2px solid #252525;
        display: block;
        text-align: center;
        border-radius: 6px;
        opacity: .4;
        padding: 0
    }

        .btn--cart:hover {
            opacity: 1
        }

        .btn--cart .btn__text {
            position: absolute;
            width: 100%;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            font-size: 1.142857142857143em
        }

    .imagebg:not(.image--light) .btn--icon:not([class*=bg]):not([class*=primary]) i {
        color: #fff;
        background: rgba(255,255,255,.2)
    }

    @media all and (min-width:768px) {
        .btn-group .btn {
            margin-bottom: 0 !important;
            margin-left: 0
        }

            .btn-group .btn + .btn {
                margin-left: 0
            }

            .btn-group .btn:not(:first-child):not(:last-child) {
                border-radius: 0
            }

            .btn-group .btn:first-child {
                border-radius: 6px 0 0 6px
            }

            .btn-group .btn:last-child {
                border-radius: 0 6px 6px 0
            }

                .btn-group .btn:first-child:nth-last-child(2), .btn-group .btn:last-child:nth-child(2) {
                    width: 50%
                }
    }

    .btn-group {
        border: none;
        padding: 0
    }

    @media all and (max-width:767px) {
        .btn-group .btn {
            display: block
        }
    }

    .bg--primary div:not([class*=feature]) .btn--primary {
        background: #fff;
        border-color: #fff
    }

        .bg--primary div:not([class*=feature]) .btn--primary .btn__text {
            color: #4a90e2
        }

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

        .bg--primary > .btn--primary .btn__text {
            color: #4a90e2
        }

    .bg--dark .btn:not(.btn--primary) {
        border-color: #3f3f3f
    }

        .bg--dark .btn:not(.btn--primary):hover {
            border-color: #656565
        }

    .bg--dark .btn .btn__text {
        color: #fff
    }

    .imagebg:not(.image--light) .btn:not([class*=primary]) {
        border-color: rgba(255,255,255,.3)
    }

        .imagebg:not(.image--light) .btn:not([class*=primary]):hover {
            border-color: #fff
        }

    .imagebg.image--light .btn:not([class*=primary]) {
        border-color: #252525;
        background: rgba(255,255,255,.3)
    }

        .imagebg.image--light .btn:not([class*=primary]):hover {
            background: rgba(255,255,255,.5)
        }

    h1 + .btn, .h1 + .btn {
        margin-top: 1.85714286em
    }

    h2 + .btn, .h2 + .btn {
        margin-top: .92857143em
    }
    /*!-- Pixxett Images --*/

    img:last-child {
        margin-bottom: 0
    }

    img.flag {
        max-height: 1.85714286em
    }

    img.image--sm:not(:last-child) {
        margin-bottom: .92857143em
    }

    img.promo.border--round {
        border: 1px solid #ececec
    }

    p.lead img {
        max-height: 1.68421053em
    }

    .imagebg h1, .imagebg h2, .imagebg h3, .imagebg h4, .imagebg h5, .imagebg h6 {
        position: relative
    }

    .imagebg:not(.image--light) span {
        color: #fff
    }

    .imagebg.border--round {
        overflow: hidden
    }

    section.parallax .row .background-image-holder {
        transform: none !important;
        top: 0 !important
    }

    .triptych.border--round img {
        position: relative;
        border-radius: 6px;
        width: 33.333333%;
        float: left;
        margin: 0
    }

        .triptych.border--round img:nth-child(2) {
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
            z-index: 2;
            box-shadow: 0 23px 40px rgba(0,0,0,.2)
        }

    .gallery > div[class*=col-] {
        margin-bottom: 30px
    }

    .gallery-1 {
        overflow: hidden;
        position: relative
    }

        .gallery-1 .gallery__image:not(:last-child) {
            margin-bottom: 30px
        }

        .gallery-1 > div[class*=col-]:first-child > .gallery__image {
            height: 800px
        }

        .gallery-1 > div[class*=col-]:last-child > .gallery__image {
            height: calc(385px)
        }

    .gallery__image {
        position: relative;
        overflow: hidden
    }

    @media all and (max-width:767px) {
        .gallery-1 .gallery__image {
            max-height: 300px;
            margin-bottom: 15px
        }

            .gallery-1 .gallery__image:not(:last-child) {
                margin-bottom: 15px
            }
    }
    /*!-- Pixxett Titles --*/

    .breadcrumbs {
        list-style: none;
        height: 40px;
        line-height: 40px;
    }

        .breadcrumbs a {
            font-weight: 400;
            color: #b0b0b0;
            float: right;
        }

        .breadcrumbs span {
            color: #424242;
            float: right;
        }

        .breadcrumbs .separator {
            margin: 0 10px;
            vertical-align: middle
        }

    .imagebg .breadcrumbs, .bg--primary .breadcrumbs {
        color: #fff
    }

        .imagebg .breadcrumbs a, .bg--primary .breadcrumbs a {
            color: #fff;
            font-weight: 600
        }

    .elements-title {
        border-top: none !important
    }

        .elements-title + .tabs-container:not( :nth-last-child(2)), .elements-title + section:not( :nth-last-child(2)) {
            margin-bottom: 9.28571429em
        }

        .elements-title + section:not(.imagebg):not([class*=bg-]):not(.unpad) {
            padding-top: 1.85714286em
        }
    /*!-- Pixxett Labels --*/

    .label.label--inline {
        position: relative;
        top: 0;
        right: 0
    }

        .label.label--inline:not(:last-child) {
            margin-right: .92857143em
        }

        .label.label--inline + span, .label.label--inline + p {
            position: relative;
            top: 1px
        }

    .label.switchable-toggle {
        left: 50%;
        right: auto;
        transform: translate3d(-50%,0,0);
        -webkit-transform: translate3d(-50%,0,0);
        box-shadow: 0 0 20px 0 rgba(0,0,0,.06)
    }

    .bg--primary-1 .label:not([class*=bg--]) {
        background: #465773
    }
    /*!-- Pixxett Bars --*/

    .bar .logo {
        max-height: 1.85714286em;
        max-width: none
    }

    .menu-horizontal > li > a, .menu-horizontal > li > .modal-instance > a {
        font-weight: 500
    }

    .menu-horizontal > li a:hover {
        text-decoration: none
    }

    .hamburger-toggle i {
        color: #252525
    }

    @media all and (min-width:990px) {
        .menu-horizontal li:not(:last-child) {
            margin-right: 1.23809524em
        }

        .bar__module:not(:only-child) .menu-horizontal {
            top: 0
        }
    }

    @media all and (min-width:768px) and (max-width:1023px) {
        .bar-2 .menu-horizontal > li, .bar-1 .menu-horizontal > li {
            display: inline-block
        }

            .bar-2 .menu-horizontal > li:not(:first-child), .bar-1 .menu-horizontal > li:not(:first-child) {
                margin-left: .92857143em
            }

        .bar-2 .bar__module, .bar-1 .bar__module {
            margin-bottom: 1.85714286em
        }

        .bar-2 .row div[class*=col-]:last-child .bar__module:last-child, .bar-1 .row div[class*=col-]:last-child .bar__module:last-child {
            margin-bottom: 0
        }
    }

    .bar-1 .menu-horizontal > li > .dropdown__trigger, .bar-1 .menu-horizontal > li > a {
        font-size: .857142857142857em;
        line-height: 2.166666666666667em;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: .5px
    }

    @media all and (min-width:1024px) {
        .bar-1 .bar__module + .bar__module {
            margin-left: 1.85714286em
        }
    }

    @media all and (min-width:991px) {
        .bar-2 .logo {
            position: absolute;
            left: 50%;
            transform: translateX(-50%)
        }
    }

    .bar-3 {
        font-size: .85714286em
    }

        .bar-3 .menu-horizontal {
            top: 0
        }

    @media all and (max-width:990px) {
        .bar-3 .menu-horizontal li {
            display: inline-block
        }

            .bar-3 .menu-horizontal li:not(:last-child) {
                margin-right: .92857143em
            }
    }

    @media all and (min-width:990px) {
        .bar-toggle .col-md-1 .logo {
            top: 10px
        }
    }

    @media all and (max-width:767px) {
        .bar-4 .logo-light {
            display: none
        }

        .bar-4 .logo-dark {
            margin-bottom: 1.85714286em
        }
    }
    /*!-- Pixxett Menu Toggle --*/

    .menu-toggle {
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
        box-shadow: 0 0 25px 0 rgba(0,0,0,.04);
        width: 3.71428571em;
        height: 3.71428571em;
        border-radius: 50%;
        text-align: center;
        background: #fff;
        display: inline-block;
        transition: .2s ease;
        -webkit-transition: .2s ease;
        -moz-transition: .2s ease
    }

        .menu-toggle i {
            font-size: 1.78571429em;
            position: relative;
            top: 13px;
            color: #252525
        }

        .menu-toggle:hover {
            box-shadow: 0 23px 40px rgba(0,0,0,.2);
            transform: translate3d(0,-2px,0);
            -webkit-transform: translate3d(0,-2px,0)
        }
    /*!-- Pixxett Nav Utility --*/

    .nav-utility {
        padding: .92857143em 0
    }

        .nav-utility .nav-utility__module {
            font-size: .85714285714286em
        }

            .nav-utility .nav-utility__module a {
                color: #666;
                font-weight: 400
            }

                .nav-utility .nav-utility__module a i {
                    transition: .3s ease;
                    -webkit-transition: .3s ease;
                    -moz-transition: .3s ease;
                    display: inline-block
                }

                .nav-utility .nav-utility__module a:hover i {
                    transform: scale(1.5);
                    -webkit-transform: scale(1.5)
                }

            .nav-utility .nav-utility__module.right:not(:last-child) {
                margin-left: 2.16666666666667em
            }

    .utility-toggle {
        display: inline-block;
        cursor: pointer;
        width: 3px;
        height: 3px;
        position: relative;
        bottom: 8px;
        border-radius: 50%;
        background: #252525
    }

        .utility-toggle:before, .utility-toggle:after {
            content: '';
            width: 3px;
            height: 3px;
            border-radius: 50%;
            position: absolute;
            background: #252525
        }

        .utility-toggle:before {
            top: 6px
        }

        .utility-toggle:after {
            top: 12px
        }
    /*!-- Pixxett Nav Stacked --*/

    .bar-stacked .logo {
        margin-bottom: 3.71428571em
    }
    /*!-- Pixxett Nav Side Menu --*/

    .notification.side-menu {
        z-index: 9999;
        background: #fff;
        padding-top: 1.85714286em;
        margin: 0;
        height: 100%;
        box-shadow: 0 23px 40px rgba(0,0,0,.2);
        width: 27.85714286em
    }

        .notification.side-menu .side-menu__module {
            overflow: hidden;
            padding: 2.78571429em
        }

            .notification.side-menu .side-menu__module + hr:not(:last-child) {
                margin: 0
            }

        .notification.side-menu .menu-vertical li a {
            font-size: 1.35714286em;
            line-height: 1.68421053em
        }

            .notification.side-menu .menu-vertical li a:hover {
                text-decoration: none
            }

        .notification.side-menu .btn:not(:last-child) {
            margin-bottom: 1.85714286em
        }

        .notification.side-menu .btn + ul.list--loose {
            margin-top: .92857143em
        }

        .notification.side-menu .notification-close-cross {
            top: .92857143em;
            right: 2.78571429em;
            margin-top: 8px
        }

        .notification.side-menu .social-list:not(:first-child) {
            margin-top: 1.85714286em
        }

    .menu-toggle.pos-fixed {
        position: fixed;
        right: 5.57142857em;
        animation: fadeInDown .3s ease forwards
    }

    @media all and (min-width:768px) {
        .side-menu .side-menu__module span.type--fine-print {
            position: relative;
            top: 8px
        }
    }

    @media all and (max-width:767px) {
        .side-menu {
            width: 100%
        }

            .side-menu .side-menu__module .float-right, .side-menu .side-menu__module .float-left {
                display: block
            }
    }

    .category {
        background: #fff
    }

    .filter-box {
        padding: 18px 15px;
        margin-right: auto;
        margin-left: auto
    }

        .filter-box:after, .filter-box:before {
            content: " ";
            display: table
        }

    .filter-list-wrap, .filter-selected-list-wrap, .full-toggle-wrap {
        border-top: 1px solid #e0e0e0
    }

    .filter-list-wrap {
        position: relative
    }

        .filter-list-wrap:first-child, .filter-selected-list-wrap:first-child, .full-toggle-wrap:first-child {
            border-top: 0
        }

    .filter-list {
        position: relative;
        padding-left: 100px;
        min-height: 45px;
        margin: 0;
        width: 100%;
        height: 45px;
        overflow: hidden;
        transition: height .3s ease-in
    }

    .filter-list-wrap-toggled .filter-list-row {
        height: 135px
    }

    .filter-list dt {
        position: absolute;
        left: 0;
        top: 11px;
        width: 82px;
        text-transform: uppercase;
        color: #b0b0b0;
        font-weight: 400
    }

    .filter-list dd {
        float: left;
        margin: 0;
        width: 16%;
        padding: 12px 0
    }

        .filter-list dd.active {
            color: #ff6700
        }

        .filter-list dd.category-all {
            height: 120px
        }

    .filter-list a {
        color: #424242
    }

    .filter-list-wrap .more {
        position: absolute;
        right: 0;
        top: 10px;
        height: 24px;
        line-height: 24px;
        color: #757575
    }

        .filter-list-wrap .more i {
            font-size: 24px;
            line-height: 24px;
            vertical-align: -4px
        }

    .filter-list-wrap-toggled .filter-list-row .more i {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .order-list-box {
        height: 20px;
        margin: 20px 0;
        overflow: hidden;
        position: relative;
        zoom: 1;
        font-weight: 600;
        text-transform: uppercase
    }

        .order-list-box .order-list {
            float: left;
            height: 20px;
            margin: 0;
            padding: 0;
            list-style-type: none
        }

            .order-list-box .order-list li {
                float: left;
                padding: 0 30px;
                border-left: 1px solid #e0e0e0;
                line-height: 20px
            }

                .order-list-box .order-list li.first {
                    padding-left: 0;
                    border-left: 0
                }

                .order-list-box .order-list li a {
                    color: #424242;
                    transition: color .2s
                }

                .order-list-box .order-list li.active a {
                    color: #ff6700
                }

        .order-list-box .type-list {
            float: right;
            height: 20px;
            margin: 0;
            padding: 0;
            list-style-type: none
        }

            .order-list-box .type-list .type-list-inner {
                display: inline-block;
                line-height: inherit;
                float: left;
                margin-left: 30px;
                font-weight: 400
            }

                .order-list-box .type-list .type-list-inner span.tips {
                    display: inline-block
                }

                .order-list-box .type-list .type-list-inner a {
                    color: #424242;
                    transition: color .2s
                }

                .order-list-box .type-list .type-list-inner .checkbox {
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    margin-right: 8px;
                    border: 1px solid #e0e0e0;
                    background-color: #fff;
                    font-size: 16px;
                    line-height: 18px;
                    text-align: center;
                    margin: -5px 5px 0 10px;
                    vertical-align: middle
                }

                    .order-list-box .type-list .type-list-inner .checkbox i {
                        visibility: hidden
                    }

                    .order-list-box .type-list .type-list-inner .checkbox input[type=checkbox], .order-list-box .type-list .type-list-inner .checkbox-inline input[type=checkbox] {
                        position: absolute;
                        margin-top: 4px\9;
                        margin-left: -20px;
                        font-size: 0;
                        border: none
                    }
    /*!-- Pixxett Nav Sidebar Column --*/ /*!-- Pixxett Nav Fullscreen --*/

    .menu-fullscreen {
        color: #fff
    }

        .menu-fullscreen .pos-absolute {
            width: 100%
        }

        .menu-fullscreen a {
            color: #fff
        }

            .menu-fullscreen a:hover {
                text-decoration: none
            }

        .menu-fullscreen .social-list {
            margin-right: 0
        }

        .menu-fullscreen:before {
            background: rgba(0,0,0,.9)
        }

        .menu-fullscreen .modal-content .modal-close-cross {
            right: 3.71428571em;
            top: 1em
        }

    @media all and (max-width:767px) {
        .menu-fullscreen .pos-bottom {
            position: relative
        }
    }
    /*!-- Pixxett Dropdowns --*/

    .dropdown > .dropdown__trigger:after {
        font-family: stack-interface;
        display: inline-block;
        font-size: 8px;
        position: relative;
        bottom: 2px
    }

    .dropdown > .dropdown__trigger .image--xxs {
        margin-right: .46428571em
    }

    .dropdown .dropdown__content {
        border-radius: 6px;
        box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
        -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.08);
        padding: 1.23809524em 1.85714286em
    }

        .dropdown .dropdown__content h5:not(:last-child) {
            margin-bottom: .92857143em
        }

        .dropdown .dropdown__content .background-image-holder {
            border-radius: 6px 0 0 6px
        }

        .dropdown .dropdown__content > .pos-absolute[class*=col-] {
            left: 0;
            top: 0;
            height: 100%;
            position: absolute !important
        }

            .dropdown .dropdown__content > .pos-absolute[class*=col-][data-overlay]:before {
                border-radius: 6px 0 0 6px
            }

    .menu-horizontal > .dropdown > .dropdown__trigger:after {
        content: '\e80a';
        margin-left: 4px
    }

    .menu-vertical > .dropdown > .dropdown__trigger {
        display: inline-block;
        width: 100%
    }

    @media all and (max-width:767px) {
        .dropdown [class*=col-] + [class*=col-] {
            margin-top: .92857143em
        }

        .dropdown .dropdown__content:not([class*=bg-]) {
            border: none;
            box-shadow: none
        }
    }

    @media all and (max-width:767px) {
        .dropdown__container {
            left: 0 !important
        }
    }

    .menu-vertical li {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease
    }

        .menu-vertical li:not(:hover):not(.dropdown--active) {
            opacity: .75
        }

        .menu-vertical li:not(:last-child) {
            margin-bottom: .30952381em
        }

        .menu-vertical li.dropdown {
            position: relative
        }

            .menu-vertical li.dropdown:after {
                content: '\e80c';
                font-family: stack-interface;
                right: 0;
                top: 0;
                position: absolute;
                transition: .3s ease;
                -webkit-transition: .3s ease;
                -moz-transition: .3s ease;
                display: inline-block;
                transform: translate3d(-10px,0,0);
                -webkit-transform: translate3d(-10px,0,0)
            }

            .menu-vertical li.dropdown:hover:after {
                transform: translate3d(-5px,0,0);
                -webkit-transform: translate3d(-5px,0,0)
            }

        .menu-vertical li.separate {
            border-top: 1px solid #e6e6e6;
            margin-top: .92857143em;
            padding-top: .92857143em
        }

            .menu-vertical li.separate.dropdown:after {
                top: .92857143em
            }

    .menu-vertical + h5 {
        margin-top: 1.85714286em
    }

    @media all and (max-width:990px) {
        .menu-vertical .dropdown.dropdown--active:after {
            opacity: 0
        }
    }
    /*!-- Pixxett Twitter Feeds --*/

    .tweets-feed .interact {
        display: none
    }

    .tweets-feed .user a:hover {
        text-decoration: none
    }

    .tweets-feed .user img {
        border-radius: 50%
    }

    .tweets-feed-1 {
        border-radius: 6px;
        border: 1px solid #ececec;
        overflow: hidden
    }

        .tweets-feed-1 li {
            overflow: hidden;
            padding: 1.85714286em;
            padding-bottom: 0
        }

            .tweets-feed-1 li:not(:last-child) {
                border-bottom: 1px solid #ececec
            }

        .tweets-feed-1 .user {
            width: 20%;
            float: left;
            margin-bottom: .92857143em
        }

            .tweets-feed-1 .user img {
                max-height: 3.71428571em;
                margin-right: .46428571em
            }

            .tweets-feed-1 .user [data-scribe="element:name"], .tweets-feed-1 .user [data-scribe="element:screen_name"] {
                display: none
            }

        .tweets-feed-1 .tweet, .tweets-feed-1 .timePosted {
            width: 80%;
            float: right
        }

        .tweets-feed-1 .tweet {
            margin-bottom: .46428571em
        }

        .tweets-feed-1 .timePosted {
            font-size: .85714286em;
            line-height: 2.16666667em
        }

        .tweets-feed-1:not(:last-child) + .btn {
            margin-top: 2.78571429em
        }

    .imagebg .tweets-feed-1, .bg--dark .tweets-feed-1 {
        border-color: rgba(255,255,255,.1)
    }

        .imagebg .tweets-feed-1 li:not(:last-child), .bg--dark .tweets-feed-1 li:not(:last-child) {
            border-color: rgba(255,255,255,.1)
        }

    .tweets-feed-2 .user {
        display: none
    }

    .tweets-feed-2 .timePosted {
        display: none
    }

    .tweets-feed-2 li {
        overflow: hidden
    }

        .tweets-feed-2 li:before {
            font-family: socicon;
            content: "\e040"
        }

        .tweets-feed-2 li .tweet {
            width: 85%;
            float: right
        }

    .tweets-feed.slider .user img {
        display: inline-block;
        clear: both;
        margin-bottom: .92857143em
    }

    .tweets-feed.slider .user [data-scribe="element:name"] {
        display: none
    }

    .tweets-feed.slider .user [data-scribe="element:screen_name"] {
        display: block;
        font-size: 1.35714286em;
        line-height: 1.68421053em;
        font-weight: 400
    }

    .tweets-feed.slider .tweet {
        margin-top: 1.36842105263158em;
        margin-bottom: .68421052631579em;
        font-size: 1.35714286em;
        line-height: 1.68421053em
    }

    .tweets-feed.slider .timePosted {
        margin: 0
    }

    .tweets-feed.slider:not(:last-child) + .btn {
        margin-top: 2.78571429em
    }
    /*!-- Pixxett Instagram --*/

    .instafeed a {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease
    }

        .instafeed a:hover {
            opacity: .75
        }

    .instafeed:not(.instafeed--gapless) li {
        padding: .46428571em
    }

    .instafeed.instafeed--gapless li {
        margin-bottom: -1px
    }

    .instafeed + .btn {
        margin-top: 2.78571429em
    }

    .instafeed[data-grid="1"][data-amount="8"] li {
        display: inline-block;
        width: 12.5%
    }

    .instagram {
        position: relative
    }

        .instagram.unpad .btn {
            position: absolute;
            z-index: 2;
            top: 50%;
            transform: translate3d(-50%,-50%,0);
            -webkit-transform: translate3d(-50%,-50%,0);
            margin: 0
        }
    /*!-- Pixxett Cards --*/

    .card__top {
        position: relative;
        overflow: hidden
    }

    .card__action a {
        color: #666;
        text-decoration: none;
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease
    }

        .card__action a i {
            color: #252525;
            font-size: 1em
        }

        .card__action a span {
            position: relative;
            bottom: 2px
        }

        .card__action a:not(:hover) {
            opacity: .5
        }

    .card p a {
        text-decoration: none
    }

    .masonry__item .card.boxed {
        margin-bottom: 0
    }

    .card-1 .card__avatar {
        margin-bottom: .92857143em
    }

        .card-1 .card__avatar img {
            max-height: 2.78571429em;
            margin-right: .46428571em;
            margin-bottom: 0
        }

    .card-1 .card__avatar, .card-1 .card__meta {
        display: inline-block
    }

    .card-1 .card__meta {
        float: right
    }

    .card-1 .card__body {
        border-bottom: 1px solid #ececec;
        padding-bottom: .92857143em;
        margin-bottom: .92857143em
    }

        .card-1 .card__body img {
            margin-bottom: .92857143em
        }

        .card-1 .card__body h4 {
            margin-bottom: .342105263157895em
        }

    .bg--dark .card-1 .card__body {
        border-color: #3f3f3f
    }

    @media all and (max-width:767px) {
        .card .list-inline:not(.social-list) li {
            display: inline-block
        }

            .card .list-inline:not(.social-list) li:not(:first-child) {
                margin-left: .92857143em
            }
    }

    .card-2 .card__top img {
        border-radius: 6px 6px 0 0
    }

    .card-2 .card__body {
        border-bottom: 1px solid #ececec;
        padding-bottom: 1.85714286em
    }

        .card-2 .card__body h4 {
            margin: 0
        }

        .card-2 .card__body p {
            margin-top: .92857143em
        }

    .card-2 .card__bottom {
        overflow: hidden
    }

        .card-2 .card__bottom > div {
            display: inline-block;
            width: 50%;
            float: left
        }

        .card-2 .card__bottom .h6 {
            margin-bottom: .541666666666667em
        }

    .card-2 .card__body, .card-2 .card__bottom {
        padding: 1.85714286em;
        border: 1px solid #ececec
    }

    .card-2 .card__body {
        border-bottom: none;
        border-top: none
    }

    .card-2 .card__bottom {
        border-radius: 0 0 6px 6px;
        padding: .92857143em 1.85714286em
    }

    .card-2 .card__action i {
        font-size: 1.78571429em
    }

    .bg--dark .card-2 .card__body, .bg--dark .card-2 .card__bottom {
        border-color: #3f3f3f
    }
    /*!-- Pixxett Checkmarks & Crosses --*/

    .checkmark {
        display: inline-block;
        position: relative;
        width: 1.23809524em;
        height: 1.23809524em;
        border-radius: 50%;
        text-align: center
    }

        .checkmark:not([class*=bg-]) {
            background: #4a90e2
        }

        .checkmark:before {
            content: '\2713';
            color: #fff;
            font-size: 11px;
            position: absolute;
            width: 100%;
            left: 0;
            top: -4px
        }

        .checkmark.checkmark--cross:before {
            content: '\2717'
        }

        .checkmark:not(:last-child) {
            margin-right: 13px
        }
    /*!-- Pixxett Icons --*/

    .icon:not(.block) {
        display: inline-block
    }

    .icon.icon--xs {
        font-size: 1.14285714285714em
    }

    .text-block .icon--lg + h4 {
        margin-top: .6842105263158em
    }

    .imagebg .icon {
        color: #fff
    }

    p .material-icons {
        font-size: 1em
    }

        p .material-icons:first-child {
            margin-right: .30952381em
        }
    /*!-- Pixxett Tooltips --*/

    .tooltip {
        position: relative;
        top: 3px;
        display: inline-block;
        width: 1.23809524em;
        height: 1.23809524em;
        border-radius: 50%;
        background: #252525;
        text-align: center;
        cursor: pointer
    }

        .tooltip .tooltip__anchor {
            color: #fff;
            font-weight: 700;
            font-size: 11px;
            position: absolute;
            top: -5px;
            left: 6px
        }

        .tooltip .tooltip__text {
            transition: .2s ease;
            -webkit-transition: .2s ease;
            -moz-transition: .2s ease;
            text-align: left;
            z-index: 10;
            position: absolute;
            width: 280px;
            background: #fafafa;
            border: 1px solid #ececec;
            padding: .61904762em;
            left: 1.48571429em;
            top: -.92857143em;
            opacity: 0;
            pointer-events: none;
            cursor: default;
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
            box-shadow: 0 0 25px 0 rgba(0,0,0,.04);
            line-height: 20px
        }

        .tooltip:hover .tooltip__text {
            opacity: 1
        }

        .tooltip:last-child {
            margin-left: .92857143em
        }

    [data-tooltip] {
        position: relative;
        overflow: visible
    }

        [data-tooltip]:after {
            transition: all .2s ease;
            content: attr(data-tooltip);
            position: absolute;
            top: -24px;
            left: 50%;
            transform: translateX(-50%);
            background: #252525;
            color: #fff;
            border: 1px solid #e7e7e7;
            padding: 2px 12px;
            pointer-events: none;
            white-space: nowrap;
            font-size: 11px;
            line-height: 18px;
            font-weight: 600;
            border-radius: 2px;
            z-index: 2;
            font-family: open sans
        }

        [data-tooltip]:not(:hover):after {
            opacity: 0
        }
    /*!-- Pixxett Boxes --*/

    .boxed {
        border-radius: 0
    }

        .boxed .background-image-holder {
            border-radius: 0
        }

        .boxed:before {
            border-radius: 0
        }

        .boxed:not(:last-child) {
            margin-bottom: 30px
        }

        .boxed:not([class*=bg-]) {
            background: #fff
        }

        .boxed.bg--secondary .boxed {
            background: #fafafa
        }

    @media all and (min-width:768px) {
        .switchable .imagebg .boxed {
            padding-left: 5.57142857em
        }
    }

    .bg--dark .boxed:not([class*=bg-]), .imagebg:not(.image--light) .boxed:not([class*=bg-]) {
        background: 0 0;
        color: #fff
    }

        .bg--dark .boxed:not([class*=bg-]).boxed--border, .imagebg:not(.image--light) .boxed:not([class*=bg-]).boxed--border {
            border-color: #3f3f3f
        }

    .bg--dark .boxed[class*=bg-].boxed--border, .imagebg:not(.image--light) .boxed[class*=bg-].boxed--border {
        border: none
    }

    .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) {
        background: rgba(20,20,20,.3)
    }

        .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none).boxed--border {
            border: none
        }

        .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none) .boxed {
            background: 0 0
        }

    @media all and (min-width:768px) {
        .boxed.boxed--emphasis {
            transform: scale(1.075);
            -webkit-transform: scale(1.075)
        }
    }
    /*!-- Pixxett Features Small --*/

    .feature:not(.boxed) {
        margin-bottom: 60px
    }

    .feature.feature--featured:after {
        content: '';
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 4px;
        background: #4a90e2;
        left: 0
    }

    .feature h5 {
        margin: 0
    }

    .feature h4 {
        margin-bottom: .342105263157895em
    }

        .feature h4 + p {
            max-width: 22.28571429em
        }

    .feature i + h5 {
        margin-top: 1.85714286em
    }

    .feature i + h4 {
        margin-top: .68421052631579em
    }

    .feature i.icon--lg + h4 {
        margin-top: 1.36842105263158em
    }

    .feature i.icon--lg + .h5 {
        margin-top: .92857143em
    }

    .feature img + .boxed {
        border-radius: 0 0 6px 6px;
        border-top: none
    }

    .imagebg:not(.image--light) .feature.bg--white a:not(.btn) {
        color: #4a90e2
    }

    .imagebg:not(.image--light) .feature.bg--white .label {
        color: #fff
    }

    @media all and (max-width:767px) {
        .feature .feature__body form .row {
            margin-left: 0;
            margin-right: 0
        }
    }

    section.text-center .feature-6 h4 + p {
        margin: 0 auto
    }

    @media all and (min-width:768px) {
        .row div[class*=col-]:nth-child(1):nth-last-child(3) .feature, .row div[class*=col-]:nth-child(2):nth-last-child(2) .feature, .row div[class*=col-]:nth-child(3):last-child .feature {
            margin-bottom: 0
        }
    }

    a.block > .feature {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease
    }

    a.block:hover > .feature {
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
        box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
    }

    .feature-1 {
        min-height: 11.14285714em
    }

        .feature-1 p {
            margin: 0
        }

            .feature-1 p.lead {
                min-height: 5.05263157894737em
            }

        .feature-1[class*=box-shadow] {
            border-radius: 6px;
            transition: .35s ease-out;
            -webkit-transition: .35s ease-out;
            -moz-transition: .35s ease-out
        }

            .feature-1[class*=box-shadow]:hover {
                transform: translate3d(0,-10px,0);
                -webkit-transform: translate3d(0,-10px,0);
                box-shadow: 0 23px 40px rgba(0,0,0,.2)
            }

    .hover-shadow {
        border-radius: 6px;
        backface-visibility: hidden;
        overflow: hidden;
        border: 1px solid #ececec;
        transition: .35s ease-out;
        -webkit-transition: .35s ease-out;
        -moz-transition: .35s ease-out
    }

        .hover-shadow:hover {
            transform: translate3d(0,-10px,0);
            -webkit-transform: translate3d(0,-10px,0);
            box-shadow: 0 23px 40px rgba(0,0,0,.2)
        }

    .bg--dark .hover-shadow {
        border-color: #222
    }

        .bg--dark .hover-shadow:hover {
            box-shadow: 0 23px 40px #000
        }

    .feature-2 {
        overflow: hidden
    }

        .feature-2 .feature__body {
            width: 75%;
            float: right
        }

        .feature-2 h5 {
            margin-bottom: .46428571em
        }

        .feature-2 p:last-child {
            margin: 0
        }

        .feature-2 i {
            width: 25%;
            float: left
        }

    .feature-large .feature-2 + .feature-2:last-child {
        margin-bottom: 0
    }

    @media all and (max-width:990px) {
        .feature-2 .feature__body, .feature-2 i {
            width: 100%;
            float: none
        }

        .feature-2 p:first-of-type {
            margin-top: .92857143em
        }
    }

    .feature-3 i {
        margin-bottom: .16666666666667em
    }

    .feature-3 p {
        min-height: 7.42857143em
    }

    .feature-4 .btn {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        border-radius: 0;
        padding: .92857143em
    }

        .feature-4 .btn:hover {
            transform: none
        }

    .feature-4 p {
        min-height: 9.28571429em
    }

        .feature-4 p:last-of-type {
            margin-bottom: 3.71428571em
        }

    .feature-5 i {
        width: 25%;
        float: left
    }

    .feature-5 .feature__body {
        width: 75%;
        float: right
    }

    .feature-5 p {
        min-height: 5.57142857em
    }

        .feature-5 p:last-of-type {
            margin-bottom: .92857143em
        }

    .feature-5:not([class*=bg-]) {
        color: #252525
    }

    .feature-6 p {
        min-height: 9.28571429em
    }

        .feature-6 p:last-child {
            margin: 0
        }

    .feature-7 {
        height: 13em;
        margin-bottom: 30px
    }

        .feature-7[data-overlay]:before {
            border-radius: 6px;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease
        }

        .feature-7[data-overlay]:hover:before {
            opacity: .75
        }

        .feature-7 .background-image-holder {
            border-radius: 6px
        }

        .feature-7 h3 {
            margin: 0
        }

    .row--gapless .feature-7 {
        margin: 0;
        border-radius: 0
    }

        .row--gapless .feature-7 .background-image-holder {
            border-radius: 0
        }

        .row--gapless .feature-7:before {
            border-radius: 0
        }

    @media all and (max-width:767px) {
        .feature-7 .pos-vertical-center {
            top: 50%;
            transform: translate3d(0,-50%,0);
            -webkit-transform: translate3d(0,-50%,0)
        }
    }

    .feature-8 {
        padding: 2.78571429em 0 3.71428571em
    }

        .feature-8:not(.boxed) {
            margin-bottom: 0
        }

        .feature-8 .feature__body {
            max-width: 70%;
            margin: 0 auto
        }

        .feature-8 p {
            min-height: 5.57142857em
        }

    @media all and (max-width:990px) {
        .feature-8 .feature__body {
            max-width: 85%
        }
    }

    @media all and (max-width:767px) {
        .feature p {
            min-height: inherit
        }

        .feature.boxed {
            margin-bottom: 15px
        }

        .feature:not(.boxed) {
            margin-bottom: 30px
        }

        .feature.feature-8 {
            margin-bottom: 0
        }
    }

    .feature-8 img {
        max-height: 14.85714286em
    }

    .feature-9 h4 {
        margin: 0
    }

    .feature-9:not(.boxed) {
        margin-bottom: 30px
    }
    /*!-- Pixxett Features Large --*/

    @media all and (min-width:768px) {
        .staggered div[class*=col-]:nth-child(2):last-child {
            margin-top: 13em
        }

            .staggered div[class*=col-]:nth-child(2):last-child:not(:last-child) {
                margin-bottom: 9.28571429em
            }

        .staggered div[class*=col-] .feature:not(:last-child) {
            margin-bottom: 9.28571429em
        }
    }

    .feature-large h4:first-child {
        margin-bottom: .68421052631579em
    }

    .feature-large .feature:not(.boxed) {
        margin-bottom: 30px
    }

    .feature-large .feature-3.text-center p {
        margin: 0 auto
    }

    .feature-large .lead + .feature-large__group {
        margin-top: 3.71428571em
    }

    .feature-large .feature-large__group {
        overflow: hidden
    }

    .feature-large-1 .lead {
        margin-bottom: 2.73684210526316em
    }

    @media all and (min-width:768px) {
        .feature-large-2 div[class*=col-]:first-child {
            margin-top: 5.57142857em
        }

        .feature-large-2 div[class*=col-]:last-child {
            margin-top: 7.42857143em
        }
    }

    @media all and (max-width:767px) {
        .feature-large-2 img {
            margin: 1.85714286em 0
        }
    }

    .feature-large-7.switchable .boxed div[class*=col-]:only-child {
        float: none
    }

    .feature-large-13 p.lead + .text-block {
        margin-top: 3.71428571em
    }

    .feature-large-13 div[class*=col-] .text-block + .text-block {
        margin-top: 2.78571429em
    }

    @media all and (min-width:1200px) {
        .feature-large-13:not(.text-center) .text-block p {
            max-width: 26em
        }
    }
    /*!-- Pixxett Accordions --*/

    .accordion .accordion__title {
        transition: .5s ease;
        -webkit-transition: .5s ease;
        -moz-transition: .5s ease;
        opacity: .5;
        margin-bottom: .92857143em
    }

        .accordion .accordion__title:hover {
            opacity: 1
        }

        .accordion .accordion__title:before {
            font-family: stack-interface;
            content: '\e80d';
            margin-right: 6px;
            color: #252525
        }

        .accordion .accordion__title span {
            display: inline-block
        }

    .accordion li.active {
        margin-bottom: .92857143em
    }

        .accordion li.active .accordion__title {
            opacity: 1
        }

            .accordion li.active .accordion__title:before {
                content: '\e80a'
            }

        .accordion li.active .accordion__content {
            animation: fadeUp .5s ease forwards;
            -webkit-animation: fadeUp .5s ease forwards
        }

    .accordion-1 li.active .accordion__title {
        border-color: #4a90e2
    }

        .accordion-1 li.active .accordion__title span {
            color: #fff
        }

        .accordion-1 li.active .accordion__title:before {
            color: #fff
        }

    .accordion-1 li .accordion__title {
        border-radius: 6px;
        border-bottom: 1px solid #ececec
    }

    .accordion-2 li .accordion__title {
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid #ececec;
        padding-left: 0
    }

    .accordion-2 li.active .accordion__title {
        background: 0 0;
        border-bottom: 1px solid transparent
    }

    .bg--dark .accordion-2 li .accordion__title, .imagebg:not(.image--light) .accordion-2 li .accordion__title, .bg--dark .accordion-1 li .accordion__title, .imagebg:not(.image--light) .accordion-1 li .accordion__title {
        border-color: #4b4b4b
    }

        .bg--dark .accordion-2 li .accordion__title:before, .imagebg:not(.image--light) .accordion-2 li .accordion__title:before, .bg--dark .accordion-1 li .accordion__title:before, .imagebg:not(.image--light) .accordion-1 li .accordion__title:before {
            color: #fff
        }

    .imagebg:not(.image--light) .accordion li .accordion__title {
        border-color: rgba(255,255,255,.3)
    }
    /*!-- Pixxett Tabs --*/

    .tabs-container.tabs--vertical {
        overflow: hidden
    }

        .tabs-container.tabs--vertical .tabs {
            width: 25%;
            float: left
        }

            .tabs-container.tabs--vertical .tabs li {
                display: block
            }

                .tabs-container.tabs--vertical .tabs li:not(:last-child) {
                    border-right: none;
                    border-bottom: 1px solid #ececec
                }

        .tabs-container.tabs--vertical .tabs-content {
            width: 70%;
            float: right;
            margin-top: 0
        }

            .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
                animation: fadeOutUp .5s ease forwards;
                -webkit-animation: fadeOutUp .5s ease forwards
            }

            .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
                animation: fadeInUp .5s ease forwards;
                -webkit-animation: fadeInUp .5s ease forwards;
                backface-visibility: hidden
            }

        .tabs-container.tabs--vertical.tabs--icons .tabs {
            width: 15%;
            text-align: center
        }

        .tabs-container.tabs--vertical.tabs--icons .tabs-content {
            width: 80%
        }

    @media all and (max-width:767px) {
        .tabs-container.tabs--vertical .tabs, .tabs-container.tabs--vertical .tabs-content {
            width: 100%;
            float: none
        }

        .tabs-container.tabs--vertical .tabs {
            margin-bottom: 1.85714286em
        }

        .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
            animation: fadeOutRight .5s ease forwards;
            -webkit-animation: fadeOutRight .5s ease forwards
        }

        .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
            animation: fadeInLeft .5s ease forwards;
            -webkit-animation: fadeInLeft .5s ease forwards;
            backface-visibility: hidden
        }
    }

    .tabs {
        display: inline-block;
        border: 1px solid #ececec;
        border-radius: 6px;
        margin-bottom: 1.85714286em
    }

        .tabs li {
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            padding: .92857143em 1.85714286em
        }

            .tabs li:not(:last-child) {
                border-right: 1px solid #ececec
            }

            .tabs li.active {
                opacity: 1
            }

                .tabs li.active .tab__title {
                    color: #4a90e2
                }

                    .tabs li.active .tab__title span {
                        color: #4a90e2
                    }

            .tabs li:not(.active) {
                opacity: .5
            }

            .tabs li:hover {
                opacity: 1;
                cursor: pointer
            }

        .tabs .tab__title {
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease
        }

            .tabs .tab__title:not(.btn) {
                padding-right: 0;
                padding-left: 0
            }

            .tabs .tab__title i + span {
                margin-top: .46428571em;
                display: inline-block;
                margin-bottom: 0
            }

    @media all and (min-width:768px) {
        .tabs.tabs--spaced {
            margin-bottom: 3.71428571em
        }
    }

    .tabs-content {
        position: relative
    }

        .tabs-content > li:not(.active) .tab__content {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            opacity: 0;
            pointer-events: none;
            animation: fadeOutRight .5s ease forwards;
            -webkit-animation: fadeOutRight .5s ease forwards
        }

        .tabs-content > li.active {
            animation: fadeInLeft .5s ease forwards;
            -webkit-animation: fadeInLeft .5s ease forwards;
            backface-visibility: hidden
        }

    @media all and (max-width:767px) {
        .tabs li {
            display: block
        }

            .tabs li:not(:last-child) {
                border-bottom: 1px solid #ececec;
                border-right: none
            }
    }
    /*!-- Pixxett Switchable Sections --*/

    .switchable .switchable__text {
        margin-top: 1.85714286em
    }

    .switchable [class*=col-]:first-child .switchable__text {
        margin-bottom: 2.78571429em
    }

    .section--overlap .row {
        position: relative;
        margin-top: -13em
    }

    @media all and (max-width:990px) {
        .switchable .switchable__text {
            margin-top: 0
        }
    }

    @media all and (max-width:767px) {
        .switchable .switchable__text {
            margin-top: 1.85714286em
        }

        .switchable .imageblock__content[class*=col-] {
            float: none !important
        }

        .switchable .row > div[class*=col-] {
            float: none !important
        }

            .switchable .row > div[class*=col-]:last-child:not(:only-child) {
                margin-top: 1.85714286em
            }
    }
    /*!-- Pixxett CTA --*/

    .cta .btn:first-child:not(:last-child) {
        margin-bottom: 1.85714286em
    }

    .cta.boxed:last-child {
        margin-bottom: 0
    }

    @media all and (min-width:768px) {
        .cta--horizontal h4, .cta--horizontal .lead, .cta--horizontal .btn {
            margin: 0
        }

        .cta--horizontal h4, .cta--horizontal .lead {
            position: relative;
            top: 4px
        }

        .bg--dark .cta-1 > div[class*=col-]:last-child, .imagebg .cta-1 > div[class*=col-]:last-child {
            border-left: none
        }
    }

    @media all and (min-width:1200px) {
        .cta-1.boxed--border {
            padding: 0
        }

        .cta-1 > div[class*=col-] {
            padding: 1.23809524em 15px
        }

            .cta-1 > div[class*=col-]:last-child {
                border-left: 1px solid #ececec
            }
    }

    @media all and (max-width:990px) {
        .cta-1 {
            text-align: center
        }

            .cta-1 > div[class*=col-] {
                padding-left: 0;
                padding-right: 0
            }

                .cta-1 > div[class*=col-]:not(:last-child) {
                    margin-bottom: .92857143em
                }

                .cta-1 > div[class*=col-]:last-child {
                    margin-top: 1.85714286em
                }
    }

    @media all and (max-width:767px) {
        .cta .lead {
            margin: 1.36842105263158em 0
        }
    }

    .cta-2 {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease
    }

        .cta-2 h2 {
            margin: 1.57575757575758em 0
        }

        .cta-2.bg--primary:hover {
            background: #5798e4
        }

        .cta-2:hover {
            background: #fff
        }

    @media all and (min-width:768px) {
        .cta-3 .switchable__text {
            margin-top: 5.57142857em
        }
    }
    /*!-- Pixxett Videos --*/

    .video-play-icon:before {
        border-color: transparent transparent transparent #252525;
        margin-top: -3px
    }

    .modal-instance .video-play-icon + span {
        position: relative;
        display: inline-block;
        margin-left: .92857143em;
        white-space: nowrap;
        bottom: 22px
    }

    .modal-instance .video-play-icon.video-play-icon--xs + span {
        bottom: 8px;
        margin-left: .46428571em
    }

    .video-cover {
        background: #252525
    }

        .video-cover.border--round {
            overflow: hidden
        }

            .video-cover.border--round iframe {
                border-radius: 6px
            }

        .video-cover:not(:last-child) {
            margin-bottom: 1.85714286em
        }

        .video-cover + span.h4 + span {
            display: inline-block;
            margin-left: .92857143em
        }

        .video-cover .video-play-icon {
            transition: .2s ease-out;
            -webkit-transition: .2s ease-out;
            -moz-transition: .2s ease-out
        }

            .video-cover .video-play-icon:hover {
                box-shadow: 0 23px 40px rgba(0,0,0,.2);
                transform: translate3d(-50%,-52%,0);
                -webkit-transform: translate3d(-50%,-52%,0)
            }

    .imagebg .video-cover .video-play-icon {
        z-index: 10
    }

    @media all and (min-width:768px) {
        h2 + .video-cover {
            margin-top: 3.71428571em
        }
    }

    @media all and (min-width:768px) {
        .video-1 .video-play-icon {
            margin-right: 1.85714286em
        }

        .video-1 h2 {
            display: inline-block;
            position: relative;
            bottom: 14px
        }

        div[class*=col-sm-6] .video-1 h2 {
            bottom: 0;
            display: block
        }

        div[class*=col-sm-6] .video-1 .video-play-icon {
            margin-bottom: .46428571em
        }
    }

    .video-1 h2 {
        margin: 0
    }

    .imageblock__content .modal-instance {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        -webkit-transform: translate3d(-50%,-50%,0)
    }
    /*!-- Pixxett Modals --*/

    .modal-container .modal-content:not(.height--natural) {
        height: auto;
        width: auto
    }

    .modal-instance:not(.block) {
        display: inline-block
    }

    .modal-instance.block > .btn {
        display: block
    }

    @media all and (min-width:768px) {
        .modal-instance + span:last-child {
            display: inline-block;
            margin-left: .92857143em
        }
    }

    .modal-container .modal-content {
        max-height: 95%;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%)
    }

        .modal-container .modal-content .feature:only-child {
            margin-bottom: 0
        }

            .modal-container .modal-content .feature:only-child .boxed {
                margin-bottom: 0
            }

        .modal-container .modal-content .imagebg:not(.image--light) .modal-close-cross:before {
            color: #fff
        }

    @media all and (max-width:767px) {
        .modal-container .modal-content > .modal-close-cross {
            top: 3em;
            background: #222;
            width: 2em;
            height: 2em;
            text-align: center;
            border-radius: 50%;
            color: #fff
        }
    }

    .modal-content {
        -ms-overflow-style: none
    }

        .modal-content::-webkit-scrollbar {
            display: none
        }
    /*!-- Pixxett Notifications --*/

    .notification {
        margin: 1.85714286em;
        box-shadow: none
    }

        .notification:not([class*=bg--]) {
            background: 0 0
        }

        .notification > .boxed {
            margin: 0
        }

        .notification > .feature, .notification .feature__body {
            margin-bottom: 0
        }

    .search-box {
        width: 100%;
        margin: 0;
        padding: 1.85714286em;
        box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
        box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
    }

        .search-box.notification--reveal {
            z-index: 9999
        }

        .search-box .notification-close-cross {
            top: 2.32142857em;
            right: 1.85714286em
        }

    .notification-close-cross.notification-close-cross--circle {
        background: #222;
        width: 2em;
        height: 2em;
        text-align: center;
        border-radius: 50%;
        color: #fff
    }
    /*!-- Pixxett Loader --*/

    .loader {
        border: 3px solid #4a90e2;
        border-radius: 30px;
        height: 30px;
        left: 50%;
        margin: -15px 0 0 -15px;
        opacity: 0;
        position: fixed;
        z-index: 10;
        top: 50%;
        width: 30px;
        animation: pulsate .7s ease-out infinite
    }

        .loader.loader--fade {
            opacity: 0;
            animation: none
        }

    @keyframes pulsate {
        0% {
            transform: scale(.1);
            opacity: 0
        }

        50% {
            opacity: 1
        }

        100% {
            transform: scale(1.2);
            opacity: 0
        }
    }
    /*!-- Pixxett Lightboxes --*/

    .lb-close {
        position: relative;
        top: 10px
    }

        .lb-close:before {
            content: '\00D7';
            color: #fff;
            font-size: 2.5em;
            font-weight: 400
        }

        .lb-close:hover {
            text-decoration: none
        }

    .lb-prev:after, .lb-next:after {
        font-family: stack-interface;
        position: fixed
    }

    .lb-prev:after {
        content: '\e801';
        left: 1.85714286em
    }

    .lb-next:after {
        content: '\e802';
        right: 1.85714286em
    }

    .lb-data {
        overflow: hidden;
        min-height: 30px
    }

    a[data-lightbox] {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease
    }

        a[data-lightbox]:hover {
            opacity: .8;
            cursor: zoom-in
        }
    /*!-- Pixxett Covers --*/

    .cover .typed-headline {
        margin-bottom: 3.71428571em
    }

        .cover .typed-headline .type--bold {
            font-weight: 400
        }

    .cover .triptych {
        margin-top: 3.71428571em
    }

    .cover .btn + .modal-instance {
        margin-top: 1.85714286em
    }

    .cover h3 + form, .cover .h3 + form {
        margin-top: 2.78571429em
    }

    .cover .lead + .boxed {
        margin-top: 3.71428571em
    }

    .cover.unpad--bottom {
        overflow: hidden
    }

    .cover .modal-instance.block:not(:first-child):not(:last-child) {
        margin: 2.78571429em 0
    }

    .cover .pos-bottom {
        margin-bottom: 1.85714286em
    }

    @media all and (min-width:768px) {
        .cover .row .row:last-child {
            margin-top: 5.57142857em
        }
    }

    @media all and (max-width:767px) {
        .cover .pos-bottom.pos-absolute {
            position: relative;
            margin-top: 1.85714286em
        }
    }

    @media all and (max-width:990px) {
        .cover .mt--3 {
            margin-top: 0
        }
    }

    @media all and (min-width:768px) {
        .cover .triptych {
            margin-top: 7.42857143em
        }
    }

    .cover-fullscreen {
        min-height: 100vh
    }

        .cover-fullscreen.slider[data-paging=true] .slides .flickity-slider > li {
            height: 100vh
        }

        .cover-fullscreen.slider[data-paging=true] .pos-bottom {
            bottom: 5.57142857em;
            width: 100%
        }

        .cover-fullscreen.slider[data-paging=true] h4 {
            margin: 0
        }

    .cover-slider {
        overflow: hidden
    }

        .cover-slider .slider {
            position: relative;
            width: 100%;
            pointer-events: none
        }

            .cover-slider .slider:nth-child(1) {
                transform: translateY(-30%)
            }

            .cover-slider .slider:nth-child(2) {
                transform: translateY(-25%)
            }

            .cover-slider .slider:nth-child(3) {
                transform: translateY(-20%)
            }

            .cover-slider .slider .slide {
                opacity: .05
            }

        .cover-slider .typed-headline {
            margin: 0
        }

            .cover-slider .typed-headline + .btn {
                margin-top: .92857143em
            }

        .cover-slider .slider-container {
            transform: rotateZ(-30deg) translateY(-10%);
            -webkit-transform: rotateZ(-30deg) translateY(-10%);
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0
        }

    @media all and (min-width:768px) {
        .cover-slider + .cta-4 {
            position: absolute;
            background: 0 0;
            color: #fff;
            border-bottom: none !important;
            width: 100%;
            transform: translate3d(0,-100%,0);
            -webkit-transform: translate3d(0,-100%,0)
        }

            .cover-slider + .cta-4 a {
                color: #fff;
                font-weight: 600
            }
    }

    .cover-features.space--lg {
        padding-bottom: 3.71428571em
    }

    .cover-features .row:nth-child(2) {
        margin-top: 11.14285714em
    }

    @media all and (max-width:767px) {
        .cover-features.space--lg {
            padding-bottom: 1.85714286em
        }

        .cover-features .row:nth-child(2) {
            margin-top: 3.71428571em
        }
    }
    /*!-- Pixxett Processes --*/

    .process-1 {
        padding: 3.71428571em 0;
        position: relative;
        overflow: hidden
    }

        .process-1 .process__item {
            width: 50%
        }

            .process-1 .process__item:not(:last-child) {
                margin-bottom: 1.85714286em
            }

        .process-1:before {
            content: '';
            position: absolute;
            width: 2px;
            height: 100%;
            left: 50%;
            top: 0;
            background: #4a90e2
        }

    .process__item {
        position: relative
    }

        .process__item:after {
            content: '';
            width: 1.85714286em;
            height: 1.85714286em;
            background: #fff;
            border: 2px solid #4a90e2;
            border-radius: 50%;
            position: absolute;
            top: 0;
            margin-left: 1px
        }

    @media all and (min-width:768px) {
        .process-1 .process__item:nth-child(odd) {
            text-align: right;
            padding-right: 3.71428571em
        }

            .process-1 .process__item:nth-child(odd):after {
                right: -.92857143em
            }

        .process-1 .process__item:nth-child(even) {
            margin-left: 50%;
            padding-left: 3.71428571em
        }

            .process-1 .process__item:nth-child(even):after {
                left: -.92857143em
            }
    }

    @media all and (max-width:767px) {
        .process-1:before, .process-2:before {
            left: .92857143em
        }

        .process-1 .process__item, .process-2 .process__item {
            width: 100%;
            padding-left: 3.71428571em
        }

            .process-1 .process__item:after, .process-2 .process__item:after {
                left: 0
            }
    }

    .bg--dark .process-1:before, .imagebg .process-1:before, .bg--dark .process-2:before, .imagebg .process-2:before {
        background: #fff
    }

    .bg--dark .process-1 .process__item:after, .imagebg .process-1 .process__item:after, .bg--dark .process-2 .process__item:after, .imagebg .process-2 .process__item:after {
        background: #fff
    }

    .bg--dark .process-1 .process__item:after, .bg--dark .process-2 .process__item:after {
        border-color: #252525
    }

    .process-2 {
        position: relative
    }

        .process-2 .process__item {
            padding-top: 3.71428571em
        }

            .process-2 .process__item:after {
                display: inline-block;
                text-align: center
            }

        .process-2:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            top: .92857143em;
            left: 0;
            background: #4a90e2
        }

    @media all and (max-width:767px) {
        .process-2:before {
            height: 100%;
            width: 2px;
            left: 1.85714286em;
            margin-left: 2px
        }

        .process-2 .process__item:after {
            top: 3.71428571em
        }
    }

    .process-3 {
        list-style: none;
        position: relative
    }

        .process-3 li {
            position: relative;
            z-index: 1;
            overflow: hidden
        }

            .process-3 li .process__number {
                float: left;
                width: 15%;
                width: 3.71428571em;
                height: 3.71428571em;
                border-radius: 50%;
                border: 2px solid #4a90e2;
                background: #fff;
                text-align: center
            }

                .process-3 li .process__number span {
                    font-size: 1.35714286em;
                    font-weight: 700;
                    color: #4a90e2;
                    position: relative;
                    top: 12px
                }

            .process-3 li .process__body {
                width: 80%;
                float: right
            }

                .process-3 li .process__body h4 {
                    margin-bottom: .342105263157895em
                }

            .process-3 li:not(:last-child) {
                margin-bottom: 3.71428571em
            }

        .process-3:before {
            content: '';
            position: absolute;
            height: 100%;
            width: 1px;
            left: 1.85714286em;
            top: 0;
            border-left: 1px dashed #ddd
        }

    .bg--dark .process-3 li .process__number {
        background: #252525
    }

    .bg--dark .process-3:before {
        border-color: #aaa
    }

    .process-stepper > li {
        transition: all .3s ease;
        display: inline-block;
        float: left;
        text-align: center;
        position: relative
    }

        .process-stepper > li:before {
            transition: all .3s ease;
            content: '';
            width: .92857143em;
            height: .92857143em;
            background: #ccc;
            border-radius: 50%;
            display: block;
            margin: 0 auto;
            margin-bottom: .92857143em
        }

        .process-stepper > li:after {
            transition: all .3s ease;
            content: '';
            width: 100%;
            height: 2px;
            position: absolute;
            background: #ccc;
            top: 5px;
            left: 0
        }

        .process-stepper > li:first-child:after, .process-stepper > li:last-child:after {
            width: 50%
        }

        .process-stepper > li:first-child:after {
            left: 50%
        }

        .process-stepper > li.active:before, .process-stepper > li.active:after {
            background: #4a90e2
        }

        .process-stepper > li > span {
            cursor: default
        }

    .process-stepper[data-process-steps="6"] > li {
        width: 16.666666666666667%
    }

    .process-stepper[data-process-steps="5"] > li {
        width: 20%
    }

    .process-stepper[data-process-steps="4"] > li {
        width: 25%
    }

    .process-stepper[data-process-steps="3"] > li {
        width: 33.33333333%
    }

    .process-stepper[data-process-steps="2"] > li {
        width: 50%
    }

    .bg--dark .process-stepper li:not(.active):before, .bg--dark .process-stepper li:not(.active):after {
        background: #585858
    }
    /*!-- Pixxett Typed Text --*/

    span + .typed-text.h2 {
        margin-left: 4px
    }

    span + .typed-text.h1 {
        margin-left: 6px
    }

    @media all and (max-width:767px) {
        .typed-text {
            display: block
        }

        .typed-headline {
            margin-bottom: 1.85714286em
        }

            .typed-headline h1, .typed-headline .h1 {
                margin-bottom: 0
            }
    }
    /*!-- Pixxett Forms --*/

    .bg--dark input, .imagebg:not(.image--light) input, .bg--dark textarea, .imagebg:not(.image--light) textarea {
        color: #666
    }

    .bg--dark label, .imagebg:not(.image--light) label {
        color: #fff
    }

    .bg--dark form.attempted-submit input.field-error {
        background: #d84d4d;
        color: #fff
    }

    form {
        position: relative
    }

        form > div[class*=col-]:not(:last-child), form > .row > div[class*=col-]:not(:last-child) {
            margin-bottom: .92857143em
        }

        form .boxed:last-child {
            margin: 0
        }

        form.form--clearfix {
            margin-left: -15px
        }

    @media all and (min-width:768px) {
        div[class*=col-] > form div[class*=col-]:last-child:nth-child(2) {
            padding-right: 0
        }

        div[class*=col-] > form div[class*=col-]:first-child:nth-last-child(2) {
            padding-left: 0
        }

        form.form--horizontal > div[class*=col-] {
            margin: 0
        }
    }

    @media all and (max-width:767px) {
        .row form > .row {
            margin-left: 0;
            margin-right: 0
        }
    }

    h2 + form, .h2 + form {
        margin-top: 2.78571429em
    }

    h3 + form, .h3 + form, .lead + form {
        margin-top: 2.78571429em
    }

    .cover .lead + form {
        margin-top: 3.71428571em
    }

    form + span.type--fine-print {
        margin-top: 1.08333333333334em;
        display: inline-block
    }

    .form--inline > span.h4 {
        color: #666
    }

    .form--inline input, .form--inline [class*=input-] {
        display: inline-block;
        max-width: 200px
    }

        .form--inline > span:not(:last-child), .form--inline input:not(:last-child), .form--inline [class*=input-]:not(:last-child) {
            margin-right: .92857143em
        }

    .form--inline button {
        max-width: 200px
    }

    .bg--dark .form--inline > span.h4, .imagebg:not(.image--light) .form--inline > span.h4 {
        color: #fff
    }

    button.btn, input[type=submit].btn {
        font-size: .85714286em;
        font-weight: 700;
        padding-left: 0;
        padding-right: 0
    }

        button.btn.btn--primary, input[type=submit].btn.btn--primary {
            color: #fff
        }

        button.btn.type--uppercase, input[type=submit].btn.type--uppercase {
            letter-spacing: .5px;
            margin-right: -.5px
        }

    button.checkmark.checkmark--cross, input[type=submit].checkmark.checkmark--cross {
        width: 1.85714286em;
        height: 1.85714286em;
        border: none;
        background: #e23636
    }

        button.checkmark.checkmark--cross:before, input[type=submit].checkmark.checkmark--cross:before {
            content: '\00d7';
            font-size: 18px;
            top: -1px
        }

    button[type=submit].btn--loading:after, input[type=submit][type=submit].btn--loading:after {
        background: #4a90e2
    }

    .bg--primary button.btn {
        border-color: rgba(255,255,255,.5);
        color: #fff
    }

        .bg--primary button.btn:hover {
            border-color: #fff
        }

        .bg--primary button.btn.btn--primary {
            color: #4a90e2;
            border-color: #4a90e2
        }

        .bg--primary button.btn.btn--primary-1 {
            border-color: #31639c
        }

    input, select {
        height: 2.78571429em
    }

        input.field-error {
            border-color: #eba8a8
        }

        input[type] + input[type], input[type] + .input-checkbox, input[type] + button, input[type] + .input-select {
            margin-top: .92857143em
        }

    input, [class*=input-] .inner, select, textarea {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease
    }

        input[type]:focus, select:focus, textarea:focus {
            border-color: #76abe9
        }

        input[type=image] {
            border: none;
            padding: none;
            width: auto
        }

    label {
        font-size: .85714286em
    }

        label + input, label + .inner, label + textarea, label + div[class*=input-] {
            margin-top: .46428571em
        }

    .bg--primary label, .bg--primary-1 label {
        color: #fff
    }

    .input-checkbox {
        margin-top: .46428571em
    }

        .input-checkbox .inner {
            background: 0 0;
            border: 1px solid #d3d3d3;
            text-align: center;
            position: relative
        }

            .input-checkbox .inner:not(:last-child) {
                margin-right: .46428571em
            }

            .input-checkbox .inner:hover {
                border-color: #4a90e2
            }

            .input-checkbox .inner:before {
                content: '';
                left: 0;
                border-radius: 6px;
                position: absolute;
                width: 100%;
                height: 100%;
                border: 1px solid #4a90e2;
                opacity: 0;
                transition: .3s ease;
                -webkit-transition: .3s ease;
                -moz-transition: .3s ease
            }

        .input-checkbox.checked .inner {
            border-color: #4a90e2;
            background: #4a90e2
        }

            .input-checkbox.checked .inner:after {
                content: 'L';
                transform: rotateY(180deg) rotateZ(-45deg);
                color: #fff;
                position: absolute;
                width: 100%;
                left: 0;
                top: -2px;
                font-weight: 700
            }

            .input-checkbox.checked .inner:before {
                animation: pulse .45s ease forwards;
                -webkit-animation: pulse .45s ease forwards
            }

        .input-checkbox + span {
            display: inline-block;
            position: relative;
            bottom: 8px;
            font-size: .85714286em;
            white-space: nowrap
        }

        .input-checkbox + button[type] {
            margin-top: .92857143em
        }

        .input-checkbox + span + button[type] {
            margin-top: .92857143em
        }

    .bg--dark .input-checkbox:not(.checked) .inner {
        border-color: #a5a5a5
    }

    .bg--dark .input-checkbox + span {
        opacity: .75
    }

    .input-checkbox.input-checkbox--switch .inner {
        width: 3.71428571em;
        border-radius: 60px
    }

        .input-checkbox.input-checkbox--switch .inner:before {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border-color: #d3d3d3;
            opacity: 1;
            left: 2px;
            top: 2px
        }

        .input-checkbox.input-checkbox--switch .inner:hover:before {
            border-color: #4a90e2
        }

    .input-checkbox.input-checkbox--switch.checked .inner {
        background: 0 0
    }

        .input-checkbox.input-checkbox--switch.checked .inner:before {
            animation: none !important;
            background: #4a90e2;
            border-color: #4a90e2;
            transform: translateX(1.85714286em)
        }

        .input-checkbox.input-checkbox--switch.checked .inner:after {
            display: none
        }

    .input-radio .inner {
        position: relative;
        background: 0 0;
        border: 1px solid #d3d3d3
    }

        .input-radio .inner:hover {
            border-color: #4a90e2
        }

        .input-radio .inner:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 1px solid #4a90e2;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            opacity: 0;
            left: 0
        }

    .input-radio.checked .inner {
        border-color: #4a90e2;
        background-color: #4a90e2
    }

        .input-radio.checked .inner:after {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            left: 7px;
            top: 7px;
            background-color: #fff;
            border-radius: 50%
        }

        .input-radio.checked .inner:before {
            animation: pulse .4s ease forwards
        }

    .input-radio--innerlabel {
        transition: all .3s ease;
        height: 2.78571429em;
        line-height: 2.50714286em;
        padding: 0 .92857143em;
        border: 1px solid #ececec;
        border-radius: 6px;
        cursor: pointer;
        width: 100%;
        text-align: center
    }

        .input-radio--innerlabel .inner {
            display: none
        }

        .input-radio--innerlabel label {
            pointer-events: none;
            font-weight: 600
        }

        .input-radio--innerlabel:hover {
            border-color: #4a90e2
        }

        .input-radio--innerlabel.checked {
            border-color: #4a90e2;
            background: #4a90e2;
            color: #fff
        }

    .bg--primary .input-radio--innerlabel {
        border-color: #76abe9
    }

        .bg--primary .input-radio--innerlabel:hover {
            border-color: #fff
        }

        .bg--primary .input-radio--innerlabel.checked {
            background: #fff;
            border-color: #fff
        }

            .bg--primary .input-radio--innerlabel.checked label {
                color: #4a90e2
            }

    .bg--primary-1 .input-radio--innerlabel {
        border-color: #3e7cc2
    }

        .bg--primary-1 .input-radio--innerlabel:hover {
            border-color: #fff
        }

        .bg--primary-1 .input-radio--innerlabel.checked {
            background: #fff;
            border-color: #fff
        }

            .bg--primary-1 .input-radio--innerlabel.checked label {
                color: #31639c
            }

    .input-select {
        position: relative
    }

        .input-select select {
            -moz-appearance: none;
            -webkit-appearance: none
        }

        .input-select:not(:last-child) {
            margin-bottom: .92857143em
        }

        .input-select:after {
            position: absolute;
            right: 0;
            height: 100%;
            top: 0;
            font-size: 30px;
            content: '\2263';
            pointer-events: none;
            padding: 0 13px;
            border-left: 1px solid #ececec;
            line-height: 31px
        }

        .input-select:focus:after {
            border-color: #4a90e2
        }

        .input-select select:focus {
            border-color: #4a90e2
        }

    .input-number {
        position: relative
    }

        .input-number > input[type=number] {
            padding-left: .46428571em;
            width: 100%;
            text-align: center
        }

            .input-number > input[type=number]::-webkit-inner-spin-button {
                display: none
            }

        .input-number .input-number__controls {
            position: absolute;
            height: 100%;
            width: 100%;
            right: 0;
            top: 0;
            padding: 0 .92857143em
        }

            .input-number .input-number__controls > span {
                position: absolute;
                display: block;
                width: 10%;
                min-width: 3.71428571em;
                height: 100%;
                cursor: pointer;
                -webkit-user-select: none;
                user-select: none;
                text-align: center;
                padding-top: 6px;
                transition: all .3s ease
            }

                .input-number .input-number__controls > span:hover {
                    color: #4a90e2
                }

            .input-number .input-number__controls .input-number__increase {
                right: 0;
                border-left: 1px solid #ececec
            }

            .input-number .input-number__controls .input-number__decrease {
                left: 0;
                border-right: 1px solid #ececec
            }
    /*!-- Pixxett Subscribe Forms --*/

    .subscribe-form-1 h3 {
        margin-bottom: .52em
    }

    .subscribe-form-1.boxed form {
        margin: 1.85714286em
    }

    @media all and (min-width:991px) {
        .subscribe-form-2 p {
            top: 2px;
            position: relative
        }

        .subscribe-form-2 input {
            margin: 0
        }

        .subscribe-form-2 form [class*=col-] {
            margin: 0 !important
        }
    }

    @media all and (max-width:990px) {
        .subscribe-form-2 {
            text-align: center
        }

            .subscribe-form-2 form {
                margin-top: 1.85714286em
            }
    }
    /*!-- Pixxett Elaborate Forms --*/

    @media all and (max-width:767px) {
        .elaborate-form-1 .pos-vertical-center {
            padding-left: 15px;
            padding-right: 15px
        }

        .elaborate-form-1 form .col-xs-6:nth-child(even) {
            padding-left: 15px
        }

        .elaborate-form-1 form .col-xs-6:nth-child(odd) {
            padding-right: 15px
        }

        .elaborate-form-1 .row form > .row {
            margin-left: -15px;
            margin-right: -15px
        }
    }

    .boxed-form h4 {
        margin-bottom: .684210526315789em
    }

    .boxed-form:last-child {
        margin-bottom: 0
    }

    .datepicker {
        cursor: pointer
    }

    .picker {
        transition: all .3s ease;
        z-index: 10;
        max-width: 100%;
        -webkit-transition: all .3s ease;
        margin-top: .46428571em;
        position: absolute;
        background: #fff;
        border: 1px solid #ececec;
        border-radius: 6px;
        padding: .92857143em;
        box-shadow: 0 23px 40px rgba(0,0,0,.2)
    }

        .picker .picker__header {
            text-align: center;
            margin-bottom: .92857143em
        }

            .picker .picker__header > div {
                font-weight: 600;
                display: inline-block;
                color: #252525
            }

                .picker .picker__header > div:not(:last-child) {
                    margin-right: .46428571em
                }

            .picker .picker__header .picker__nav--prev, .picker .picker__header .picker__nav--next {
                height: 10px;
                width: 10px;
                cursor: pointer
            }

                .picker .picker__header .picker__nav--prev:after, .picker .picker__header .picker__nav--next:after {
                    font-family: stack-interface
                }

            .picker .picker__header .picker__nav--next {
                float: right
            }

                .picker .picker__header .picker__nav--next:after {
                    content: '\e80c'
                }

            .picker .picker__header .picker__nav--prev {
                float: left
            }

                .picker .picker__header .picker__nav--prev:after {
                    content: '\e80b'
                }

        .picker .picker__day {
            transition: all .3s ease;
            cursor: pointer
        }

            .picker .picker__day.picker__day--highlighted {
                color: #4a90e2;
                font-weight: 600
            }

            .picker .picker__day:hover {
                color: #4a90e2
            }

        .picker:not(.picker--opened) {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: scale(0)
        }

        .picker .picker__holder {
            outline: none !important;
            border: none !important
        }

        .picker table td {
            padding: .46428571em;
            padding-top: 0
        }

        .picker .picker__footer {
            text-align: center
        }

        .picker .picker__button--today {
            float: left
        }

        .picker .picker__button--close {
            float: right
        }

        .picker button {
            transition: all .3s ease;
            height: auto;
            border: none;
            display: inline-block
        }

            .picker button:not(:hover) {
                opacity: .5
            }
    /*!-- Pixxett Sliders --*/

    .flickity-prev-next-button {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        border-radius: 0;
        background: #252525;
        width: 2.78571429em;
        height: 5.57142857em
    }

        .flickity-prev-next-button:not(:hover) {
            opacity: .5
        }

        .flickity-prev-next-button:hover {
            background: #252525
        }

        .flickity-prev-next-button.previous {
            left: 0
        }

        .flickity-prev-next-button.next {
            right: 0
        }

        .flickity-prev-next-button:before {
            color: #fff
        }

    .slider.slider--inline-arrows .flickity-prev-next-button {
        background: 0 0
    }

        .slider.slider--inline-arrows .flickity-prev-next-button:before {
            font-size: 1.78571429em;
            color: #252525;
            content: '\e802'
        }

        .slider.slider--inline-arrows .flickity-prev-next-button.previous:before {
            content: '\e801'
        }

    .slider.slider--columns .previous {
        left: 15px
    }

    .slider.slider--columns .next {
        right: 15px
    }

    .slider.border--round .slides li {
        border-radius: 6px;
        overflow: hidden
    }

    .slider.boxed--border .slides li {
        border: 1px solid #ececec
    }

    .slider .slides li .feature:not(.feature-9) {
        margin-bottom: 0
    }

    .slide .boxed:last-child {
        margin-bottom: 0
    }

    .slide:not([class*=col-]) > img:only-child {
        width: 100%
    }

    .bg--dark .slider.slider--inline-arrows .flickity-prev-next-button:before, .bg--primary .slider.slider--inline-arrows .flickity-prev-next-button:before, .imagebg:not(.image--light) .slider.slider--inline-arrows .flickity-prev-next-button:before {
        color: #fff
    }

    @media all and (max-width:990px) {
        .flickity-prev-next-button {
            display: none
        }
    }

    @media all and (min-width:768px) {
        h2 + .slider, .h2 + .slider {
            margin-top: 3.71428571em
        }
    }

    .slider.slider--ken-burns:not(.parallax) .slide.is-selected > .background-image-holder, .slider.slider--ken-burns:not(.parallax) .slide.is-selected > img:only-child {
        animation: kenBurns 15s ease alternate infinite;
        -webkit-animation: kenBurns 15s ease alternate infinite
    }

    .radial {
        margin-left: auto;
        margin-right: auto
    }

        .radial .radial__label {
            transition: opacity .3s ease;
            -webkit-transition: opacity .3s ease
        }

        .radial:not(.radial--active) .radial__label {
            opacity: 0
        }

        .radial:not(:last-child) {
            margin-bottom: 1.85714286em
        }

    @media all and (max-width:767px) {
        .radial {
            margin-bottom: 1.85714286em
        }
    }
    /*!-- Pixxett Pricing --*/

    .pricing {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        position: relative
    }

        .pricing h3:first-child {
            margin: 0
        }

        .pricing .label {
            top: 2.78571429em;
            right: 2.78571429em
        }

        .pricing .h2 {
            margin-bottom: .3939393939394em
        }

        .pricing ul li:not(:last-child) {
            margin-bottom: .46428571em
        }

        .pricing ul li .checkmark + span {
            position: relative;
            bottom: 3px
        }

        .pricing:hover {
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
            box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
        }

        .pricing .h1 {
            font-size: 4.21428571428571em;
            line-height: 1.10169491525424em;
            margin-bottom: .22033898305085em
        }

            .pricing .h1 .pricing__dollar {
                font-size: .51020408163265em;
                position: relative;
                bottom: 20px
            }

        .pricing .feature-6 p {
            min-height: 5.57142857em
        }

    .pricing-1 .btn:last-child {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        border-radius: 0 0 6px 6px;
        padding: .92857143em 0;
        margin: 0
    }

        .pricing-1 .btn:last-child:hover {
            transform: none !important
        }

    .pricing-1 ul {
        margin-bottom: 5.57142857em
    }

    .pricing-1 p {
        min-height: 5.57142857em
    }

        .pricing-1 p:first-of-type {
            margin-top: 1.85714286em
        }

        .pricing-1 p:last-of-type {
            margin-bottom: 5.57142857em
        }

    .pricing-1 img + p:first-of-type {
        margin-top: 0
    }

    @media all and (min-width:991px) {
        .pricing-2 ul:first-child {
            margin-top: 4.64285714em
        }
    }

    @media all and (max-width:990px) {
        .pricing-2 {
            text-align: center
        }

            .pricing-2 ul:first-child {
                margin-top: 1.85714286em
            }
    }

    .pricing-3 {
        border: 1px solid #ececec;
        border-radius: 6px
    }

        .pricing-3 .pricing__head {
            margin: 0;
            border-bottom: 1px solid #ececec
        }

            .pricing-3 .pricing__head + .btn {
                display: block;
                border-radius: 0;
                padding: .92857143em 0
            }

        .pricing-3 ul {
            border-radius: 0 0 6px 6px
        }

            .pricing-3 ul li {
                padding: .92857143em 0
            }

                .pricing-3 ul li:not(:last-child) {
                    border-bottom: 1px solid #ececec;
                    margin: 0
                }

            .pricing-3 ul:last-child {
                margin: 0
            }

    @media all and (max-width:990px) {
        .pricing-3 {
            margin-bottom: 1.85714286em
        }
    }

    @media all and (min-width:768px) {
        .pricing-section-1 .pricing:not(.boxed--emphasis) {
            left: .92857143em
        }

        .pricing-section-1 .pricing.boxed--emphasis {
            right: .92857143em
        }
    }

    @media all and (min-width:990px) {
        .pricing-section-2 div[class*=col-] {
            padding: 0
        }

            .pricing-section-2 div[class*=col-]:not(:first-child):not(:last-child) .pricing__head {
                border-radius: 0
            }

            .pricing-section-2 div[class*=col-]:first-child .pricing {
                border-radius: 6px 0 0 6px
            }

                .pricing-section-2 div[class*=col-]:first-child .pricing .pricing__head {
                    border-radius: 6px 0 0 0
                }

            .pricing-section-2 div[class*=col-]:last-child .pricing {
                border-radius: 0 6px 6px 6px;
                border-right: 1px solid #ececec
            }

                .pricing-section-2 div[class*=col-]:last-child .pricing .pricing__head {
                    border-radius: 0 6px 0 0
                }

        .pricing-section-2 .pricing {
            border: 1px solid #ececec;
            border-radius: 0 0 0 6px;
            border-right: none
        }

            .pricing-section-2 .pricing:hover {
                box-shadow: none
            }

            .pricing-section-2 .pricing ul {
                margin: 0
            }
    }

    .pricing-section-2.bg--dark .pricing, .pricing-section-2.bg--dark .pricing .pricing__head, .pricing-section-2.bg--dark .pricing ul li:not(:last-child), .pricing-section-2.bg--dark div[class*=col-]:last-child .pricing {
        border-color: #3f3f3f
    }

    .pricing-section-2.imagebg .pricing, .pricing-section-2.imagebg .pricing .pricing__head, .pricing-section-2.imagebg .pricing ul li:not(:last-child), .pricing-section-2.imagebg div[class*=col-]:last-child .pricing {
        border-color: rgba(255,255,255,.2)
    }
    /*!-- Pixxett Maps --*/

    iframe[src*='google.com/maps'] {
        border: none
    }

    .map-container {
        min-height: 400px
    }

        .map-container:not(:last-child) {
            margin-bottom: 1.85714286em
        }

        .map-container.border--round {
            overflow: hidden;
            z-index: 2
        }

            .map-container.border--round .gm-style {
                border-radius: 6px
            }

        .map-container iframe {
            left: 0
        }

    @media all and (min-width:768px) {
        .background-image-holder .map-container, .imageblock__content .map-container {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0
        }

        .map-container + div[class*=col-] {
            margin-top: 3.71428571em
        }
    }
    /*!-- Pixxett Testimonials --*/

    .testimonial {
        position: relative;
        overflow: hidden
    }

        .testimonial h5:nth-last-child(2) {
            margin: 0
        }

        .testimonial .testimonial__image {
            margin-bottom: 1.85714286em
        }

    @media all and (min-width:1025px) {
        .testimonial-1 .switchable__text {
            margin-top: 7.42857143em
        }
    }

    .testimonial-2 {
        float: none;
        width: 100%
    }

        .testimonial-2 .testimonial__image img {
            max-height: 3.71428571em;
            float: left;
            margin-right: 1.85714286em
        }

        .testimonial-2 .boxed {
            width: 100%
        }

    @media all and (max-width:990px) {
        .testimonial-2 p {
            min-height: 7.42857143em
        }
    }

    @media all and (max-width:767px) {
        .testimonial-2 p {
            min-height: 0
        }
    }

    @media all and (min-width:768px) {
        .lead + .testimonial-2 {
            margin-top: 3.71428571em
        }
    }

    @media all and (min-width:768px) {
        .testimonials-1 .list-inline {
            position: relative;
            top: .92857143em
        }

            .testimonials-1 .list-inline li:not(:last-child) {
                margin-right: 3.71428571em
            }
    }

    @media all and (max-width:767px) {
        .testimonials-1 .list-inline {
            margin-top: 1.85714286em
        }

            .testimonials-1 .list-inline li {
                margin-bottom: 1.85714286em
            }
    }
    /*!-- Pixxett Masonry --*/

    .masonry__item:not(:empty) {
        margin-bottom: 30px;
        transform-style: preserve-3d
    }

        .masonry__item:not(:empty) article {
            margin: 0
        }

            .masonry__item:not(:empty) article .boxed {
                margin: 0;
                direction: rtl;
            }

    .masonry__item:empty {
        height: 0;
        min-height: 0
    }

    .masonry hr + .masonry__container, .masonry hr + .row {
        margin-top: 4.64285714em
    }

    .masonry-filter-holder:not(.masonry-filters--horizontal) {
        display: inline-block;
        cursor: pointer;
        height: 3.71428571em;
        position: relative;
        z-index: 9;
        min-width: 143px
    }

        .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters {
            cursor: pointer;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            z-index: 2;
            display: inline-block;
            position: absolute;
            left: 0;
            text-align: left;
            padding: .92857143em 1.85714286em;
            border: 1px solid #ececec;
            background: #fff;
            border-radius: 6px
        }

            .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul {
                margin: 0;
                cursor: pointer
            }

                .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li {
                    transition: .3s ease;
                    -webkit-transition: .3s ease;
                    -moz-transition: .3s ease;
                    display: block;
                    color: #666;
                    white-space: nowrap
                }

                    .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:not(:last-child) {
                        margin-bottom: .92857143em
                    }

                    .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active {
                        color: #4a90e2;
                        cursor: pointer
                    }

                        .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li.active:after {
                            content: '\25bc';
                            font-size: 8px;
                            margin-left: 6px;
                            position: relative;
                            bottom: 2px;
                            display: inline-block;
                            transform: scaleX(1.4) scaleY(.9);
                            transition: .2s linear;
                            -webkit-transition: .2s linear;
                            -moz-transition: .2s linear
                        }

                    .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover {
                        color: #4a90e2
                    }

                .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul:hover li.active:after {
                    opacity: 0
                }

        .masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul {
            max-height: 1.85714286em;
            overflow: hidden
        }

            .masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul li:not(.active) {
                display: none
            }

        .masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters {
            box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
            box-shadow: 0 0 25px 0 rgba(0,0,0,.04)
        }

            .masonry-filter-holder:not(.masonry-filters--horizontal):hover .masonry__filters ul li.active {
                cursor: default
            }

    .masonry-filters--horizontal {
        display: inline-block
    }

        .masonry-filters--horizontal .masonry__filters {
            display: inline-block;
            position: relative;
            bottom: 20px;
            margin-left: .92857143em
        }

            .masonry-filters--horizontal .masonry__filters ul li {
                transition: all .3s ease;
                cursor: pointer;
                display: inline-block
            }

                .masonry-filters--horizontal .masonry__filters ul li:not(:last-child) {
                    margin-right: 1.85714286em
                }

                .masonry-filters--horizontal .masonry__filters ul li.active {
                    color: #4a90e2
                }

                .masonry-filters--horizontal .masonry__filters ul li:not(.active) {
                    opacity: .5
                }

                .masonry-filters--horizontal .masonry__filters ul li:hover {
                    opacity: 1
                }

    .masonry-filter-holder + .masonry__container {
        margin-top: 3.71428571em
    }

    .bg--dark .masonry-filter-holder .masonry__filters {
        background: #2a2a2a;
        border-color: #3f3f3f
    }

        .bg--dark .masonry-filter-holder .masonry__filters li {
            color: #fff
        }

    .masonry.masonry-demos .masonry__item:not(:empty) {
        margin-bottom: 3.71428571em
    }

    .masonry.masonry-demos .masonry__item h5 {
        margin-bottom: 0
    }
    /*!-- Pixxett Blog --*/

    article .article__title {
        margin-bottom: 3.71428571em;
        margin-top: 50px
    }

        article .article__title > a {
            display: block
        }

            article .article__title > a:hover {
                text-decoration: none;
                opacity: .75
            }

        article .article__title h2 {
            margin-bottom: .3939393939394em
        }

        article .article__title h1 {
            margin-bottom: .29545454545455em
        }

    article .article__body img, article .article__body iframe, article .article__body .video-cover {
        border-radius: 6px
    }

        article .article__body img:not(:last-child), article .article__body iframe:not(:last-child), article .article__body .video-cover:not(:last-child) {
            margin-bottom: 1.85714286em
        }

    article .article__body > a:first-child > img {
        margin-bottom: 1.85714286em
    }

    article .article__body p, article .article__body ul {
        font-size: 15px;
        line-height: 1.68421053em;
        font-weight: 400;
        color: gray
    }

        article .article__body p:not(:last-child), article .article__body ul:not(:last-child) {
            margin-bottom: 1.36842105263158em
        }

        article .article__body p + .btn:last-child, article .article__body ul + .btn:last-child {
            margin-top: .92857143em
        }

        article .article__body p + h5, article .article__body ul + h5 {
            margin-top: 2.78571429em
        }

    article .article__body blockquote {
        text-align: center
    }

        article .article__body blockquote:not(:last-child) {
            margin-top: 2.08em;
            margin-bottom: 2.08em
        }

    article .article__share {
        margin-top: 5.57142857em
    }

    article.imagebg {
        padding: 1.85714286em;
        overflow: hidden
    }

        article.imagebg:before {
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease
        }

        article.imagebg:hover:before {
            opacity: .6
        }

        article.imagebg .article__title {
            margin: 0;
            position: absolute;
            bottom: 0;
            z-index: 2;
            max-width: 90%
        }

            article.imagebg .article__title span {
                font-size: .85714286em
            }

        article.imagebg .label {
            z-index: 2;
            top: 1.85714286em;
            right: 1.85714286em
        }

    article.feature-1 h5 {
        min-height: 3.71428571em;
        padding-top: 15px;
        font-size: 13px;
        direction: rtl;
        text-align: justify;
        height: 112px;
        overflow: hidden;
        margin-bottom: 12px;
    }

    article.feature-1 a img {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        height: 210px;
        width: 100%;
    }

    article.feature-1 a:hover img {
        opacity: .85
    }

    section.unpad > article .imagebg + div {
        padding: 5.57142857em 0
    }

    .article__author {
        padding-bottom: 1.85714286em
    }

        .article__author img {
            max-height: 3.71428571em;
            margin-bottom: .46428571em
        }

    .slides--gapless article.imagebg {
        height: 27.85714286em
    }

    .masonry-blog-magazine article, .masonry-blog-magazine .masonry__promo {
        height: 338px
    }

    .masonry-blog-magazine .height--tall {
        height: calc(706px)
    }

    @media all and (min-width:991px) {
        .masonry__promo.boxed--lg {
            padding: 7.42857143em
        }
    }

    @media all and (max-width:990px) {
        .masonry-blog-magazine .height--tall {
            height: 338px
        }

        .masonry__promo .pos-vertical-center {
            top: 0;
            transform: none
        }
    }

    @media all and (max-width:1200px) {
        .masonry__promo.boxed--lg {
            padding: 3.71428571em
        }
    }

    .pagination {
        overflow: hidden;
        margin-top: 1.85714286em;
        display: block
    }

        .pagination a {
            font-weight: 400
        }

        .pagination div[class*=col-] {
            padding: 0
        }

    .blog-article-wide:not(:last-child) {
        border-bottom: 1px solid #ececec;
        margin-bottom: 3.71428571em
    }

    .masonry-blog-list hr + .masonry__container {
        margin-top: 0
    }

    .masonry-blog-list article {
        border-bottom: 1px solid #ececec;
        padding-top: 2.78571429em;
        margin-bottom: 5.57142857em
    }

        .masonry-blog-list article .article__body {
            padding-bottom: 5.57142857em
        }

    .masonry-blog-magazine .masonry__item a {
        font-weight: 400
    }

        .masonry-blog-magazine .masonry__item a:hover {
            text-decoration: none
        }

    .masonry-filter-container {
        margin-bottom: 1.85714286em
    }

        .masonry-filter-container > span {
            position: relative;
            bottom: 20px
        }

            .masonry-filter-container > span + .masonry-filter-holder {
                margin-left: .92857143em
            }

    .comments__list li {
        padding: 1.85714286em;
        border: 1px solid #ececec;
        border-bottom: none
    }

        .comments__list li:last-child {
            border-bottom: 1px solid #ececec
        }

        .comments__list li:nth-child(odd) {
            background: #fcfcfc
        }

        .comments__list li:nth-child(even) {
            background: #f9f9f9
        }

        .comments__list li:first-child {
            border-radius: 6px 6px 0 0
        }

        .comments__list li:last-child {
            border-radius: 0 0 6px 6px
        }

    .bg--secondary .comments__list li:nth-child(even) {
        background: #fff
    }

    @media all and (min-width:768px) {
        .comments__list li {
            padding: 2.78571429em
        }
    }

    .comment {
        overflow: hidden
    }

        .comment:not(:last-child) {
            border-bottom: 1px solid #ececec;
            padding-bottom: 1.85714286em
        }

        .comment .comment__avatar {
            width: 15%;
            float: left
        }

            .comment .comment__avatar img {
                max-height: 3.71428571em
            }

        .comment .comment__meta {
            font-size: .85714286em
        }

            .comment .comment__meta a {
                display: inline-block
            }

                .comment .comment__meta a:not(:first-child) {
                    margin-left: 1.08333333333334em
                }

            .comment .comment__meta + p {
                margin-top: .92857143em
            }

        .comment .comment__body {
            width: 85%;
            float: right
        }

            .comment .comment__body h5.type--fine-print {
                margin: 0
            }

        .comment + .comment {
            margin-top: 1.85714286em;
            padding-left: 15%
        }

    @media all and (min-width:768px) {
        .comments + .comments-form {
            margin-top: 3.71428571em
        }
    }

    @media all and (min-width:768px) {
        h3 + .related-blog-list {
            margin-top: 3.71428571em
        }
    }

    .related-blog-list li:not(:last-child) {
        margin-bottom: 1.85714286em
    }

    .related-blog-list article img {
        border-radius: 6px
    }

    .related-blog-list article .article__title {
        margin-top: .92857143em;
        margin-bottom: 0
    }

        .related-blog-list article .article__title .h4 {
            margin-bottom: .68421052631579em
        }

    .sidebar .sidebar__widget > h5:first-child {
        margin-bottom: .92857143em
    }

    .sidebar .sidebar__widget:not(:last-child) {
        margin-bottom: 3.71428571em
    }

    .tag-cloud li {
        display: inline-block
    }

        .tag-cloud li:not(:last-child) {
            margin-right: .46428571em
        }

            .tag-cloud li:not(:last-child):after {
                content: ','
            }

    .conversation__head {
        border-radius: 6px 6px 0 0
    }

        .conversation__head.boxed:not(:last-child) {
            margin: 0
        }

        .conversation__head h4 {
            margin: 0
        }

        .conversation__head .conversation__avatar {
            margin-top: .92857143em
        }

            .conversation__head .conversation__avatar img {
                max-height: 1.85714286em;
                display: inline-block;
                margin-right: .46428571em;
                margin-bottom: 0
            }

    @media all and (min-width:768px) {
        .conversation__avatar {
            position: absolute;
            top: 1.85714286em;
            right: 2.78571429em
        }
    }

    .conversation__reply {
        border-top: none !important;
        border-bottom: none;
        border-radius: 0
    }

        .conversation__reply.boxed:not(:last-child) {
            margin-bottom: 0
        }

        .conversation__reply + .conversation__comments .comments__list li:first-child {
            border-radius: 0;
            border-top: none
        }
    /*!-- Pixxett Portfolio --*/

    .project-thumb > a {
        display: block
    }

    .project-thumb:not(.hover-element) > a {
        transition: .3s ease;
        -webkit-transition: .3s ease;
        -moz-transition: .3s ease;
        margin-bottom: 1.85714286em
    }

        .project-thumb:not(.hover-element) > a:hover {
            opacity: .85
        }

    .project-thumb.hover-element {
        margin: 0
    }

        .project-thumb.hover-element > a {
            height: 24.14285714em;
            text-decoration: none;
            font-weight: 400
        }

        .project-thumb.hover-element .background-image-holder {
            transition: .5s ease-out;
            -webkit-transition: .5s ease-out;
            -moz-transition: .5s ease-out
        }

        .project-thumb.hover-element .hover-element__reveal .project-thumb__title {
            padding: 1.85714286em;
            z-index: 2;
            position: relative;
            color: #fff
        }

            .project-thumb.hover-element .hover-element__reveal .project-thumb__title h5 {
                margin: 0
            }

        .project-thumb.hover-element.hover--active {
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease
        }

            .project-thumb.hover-element.hover--active:hover {
                opacity: .85
            }

        .project-thumb.hover-element:not(.hover--active)[data-scrim-top] .hover-element__reveal {
            transition: .5s ease;
            -webkit-transition: .5s ease;
            -moz-transition: .5s ease;
            transform: translate3d(0,-100px,0);
            -webkit-transform: translate3d(0,-100px,0)
        }

        .project-thumb.hover-element:not(.hover--active)[data-scrim-top]:hover .hover-element__reveal {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0)
        }

        .project-thumb.hover-element [data-scrim-top]:before {
            height: 100%
        }

    .project-thumb h4 {
        margin-bottom: 0
    }

    .project-thumb.height-40 {
        min-height: 350px
    }

    @media all and (max-width:767px) {
        .project-thumb.height-40 {
            height: 350px;
            min-width: 100%
        }
    }

    @media all and (min-width:768px) {
        .col-xs-12:not(.col-sm-6) .project-thumb.hover-element > a {
            height: 46.42857143em
        }
    }

    .project-thumb.border--round .background-image-holder {
        border-radius: 6px
    }

    .project-thumb.border--round > a {
        border-radius: 6px;
        overflow: hidden
    }

    .project-thumb.border--round:before {
        border-radius: 6px;
        overflow: hidden
    }

    .col-md-4 .project-thumb > a:not(.imagebg) {
        margin-bottom: .92857143em
    }
    /*!-- Pixxett Shop --*/

    .cart-form button[type=submit] {
        margin-top: 1.85714286em
    }

    .cart-total > div {
        overflow: hidden
    }

    @media all and (min-width:768px) {
        .cart-total {
            margin-top: 3.71428571em
        }

        .cart-customer-details {
            margin-top: 7.42857143em
        }
    }

    @media all and (max-width:767px) {
        .cart-total {
            margin-top: 1.85714286em
        }
    }

    .cart-customer-details div[class*=col-] {
        margin-top: .46428571em
    }

    .cart-customer-details .input-checkbox {
        margin: 1.85714286em 0
    }

    .product {
        margin-bottom: .92857143em
    }

        .product img {
            margin-bottom: .92857143em;
            transition: .3s ease;
            -webkit-transition: .3s ease;
            -moz-transition: .3s ease;
            backface-visibility: hidden
        }

        .product a:hover img {
            transform: translate3d(0,-5px,0);
            -webkit-transform: translate3d(0,-5px,0)
        }

        .product .label + img {
            margin-top: 2.78571429em
        }

        .product h5 {
            display: inline-block;
            margin-bottom: 0;
            margin-right: .46428571em
        }

        .product .h4 {
            margin-bottom: 0
        }

            .product .h4:first-child {
                clear: left
            }

        .product .product__controls {
            overflow: hidden;
            margin-bottom: .92857143em
        }

            .product .product__controls label, .product .product__controls button {
                position: relative;
                top: 6px
            }

        .product.product--tile {
            padding: 1.85714286em;
            border-radius: 6px
        }

    @media all and (min-width:1200px) {
        .product .btn--cart {
            position: absolute;
            right: 1.85714286em;
            bottom: 1.85714286em
        }
    }

    .col-sm-6:not(.col-md-3) .product {
        text-align: center
    }

    .col-md-3 .product--tile h5 {
        display: block
    }

    .masonry--tiles {
        padding: 10px
    }

        .masonry--tiles .masonry__item:not(:empty) {
            padding: 0 6px;
            margin-bottom: 12px
        }

            .masonry--tiles .masonry__item:not(:empty) .product--tile {
                margin: 0
            }

                .masonry--tiles .masonry__item:not(:empty) .product--tile .label {
                    top: 1.85714286em;
                    right: 2.78571429em
                }
    /*!-- Pixxett Wizard --*/

    .wizard {
        transition: opacity .3s ease;
        opacity: 0
    }

        .wizard.active {
            opacity: 1
        }

        .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
            background: #4a90e2;
            transition: all .3s ease;
            padding: .46428571em 1.85714286em;
            font-size: 12px;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 1px;
            color: #fff
        }

        .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
            background: 0 0;
            color: #252525
        }

        .wizard > .steps a {
            position: relative
        }

            .wizard > .steps a:before {
                content: '';
                width: 15px;
                height: 15px;
                border-radius: 50%;
                position: absolute;
                left: 50%;
                margin-left: -10px;
                background: #eee;
                display: block;
                bottom: 0;
                transition: all .2s ease
            }

            .wizard > .steps a:after {
                content: '';
                position: absolute;
                width: 100%;
                bottom: 7px;
                height: 2px;
                background: #eee;
                left: 0;
                transition: all .2s ease
            }

        .wizard > .steps li:first-child a:after {
            width: 50%;
            left: 50%
        }

        .wizard > .steps li:last-child a:after {
            width: 50%
        }

        .wizard > .steps li.current a:after, .wizard > .steps li.current a:before {
            background-color: #4a90e2
        }

        .wizard > .steps a, .wizard > .steps a:hover {
            padding-bottom: 2.78571429em
        }

        .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active, .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {
            background: 0 0;
            color: #252525
        }

        .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active {
            margin: 0
        }

        .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {
            user-select: none;
            -moz-user-select: none;
            -webkit-user-select: none
        }

        .wizard > .steps > ul, .wizard > .actions {
            text-align: center
        }

            .wizard > .steps > ul > li, .wizard > .actions > ul > li {
                float: none;
                display: inline-block
            }

        .wizard > section {
            padding: 0
        }

        .wizard > .content {
            background: #fafafa;
            margin-top: 1.85714286em;
            margin-bottom: 1.85714286em;
            border: 1px solid #ececec
        }

            .wizard > .content > .body {
                padding: 1.85714286em
            }

        .wizard > .steps .number {
            font-size: 1em
        }

    @media all and (max-width:767px) {
        .wizard > .steps .number {
            display: block
        }

        .wizard > .content {
            min-height: 25em
        }

        .wizard .pos-vertical-center {
            top: 50%;
            transform: translateY(-50%);
            -wekbit-transform: translateY(-50%)
        }
    }

    .wizard.bg--white {
        background: 0 0 !important
    }

        .wizard.bg--white > .content {
            background: #fff
        }

    .wizard > .content img {
        max-height: 240px
    }

    @media all and (max-width:767px) {
        .wizard > .content img {
            max-height: 120px;
            margin-bottom: .92857143em
        }
    }
    /*!-- pixxett Footers --*/

    .footer {
        background-color: #f5f5f5
    }

    .footer-service-policies {
        background-color: #fff;
        padding: 20px 0 24px
    }

        .footer-service-policies .service-policy {
            position: relative
        }

            .footer-service-policies .service-policy a {
                display: block;
                color: #b0b0b0;
                font-size: 14px;
                font-weight: 600;
                line-height: 18px;
                padding-left: 80px;
                white-space: nowrap
            }

                .footer-service-policies .service-policy a strong {
                    font-weight: 600;
                    color: #424242
                }

                .footer-service-policies .service-policy a [class^=iconfont] {
                    font-size: 70px;
                    position: absolute;
                    left: 0;
                    top: 0;
                    line-height: 38px
                }

                .footer-service-policies .service-policy a:hover {
                    color: #616161
                }

            .footer-service-policies .service-policy:nth-child(3) a {
                padding-left: 70px
            }

    .footer-customer-relationship {
        padding: 40px 0
    }

        .footer-customer-relationship .introduction {
            float: left
        }

            .footer-customer-relationship .introduction h3 {
                margin: 0;
                font-size: 18px;
                color: #424242;
                line-height: 1;
                font-weight: 600;
                text-transform: uppercase
            }

            .footer-customer-relationship .introduction p {
                font-size: 12px;
                margin: 0;
                color: #424242
            }

        .footer-customer-relationship .customer-reaction {
            float: left;
            margin-left: 40px
        }

        .footer-customer-relationship .customer-email {
            position: relative;
            margin-top: -4px
        }

            .footer-customer-relationship .customer-email input {
                display: block;
                width: 209px;
                height: 34px;
                line-height: 34px;
                font-size: 12px;
                color: #b0b0b0;
                padding: 2px 40px 2px 17px;
                margin: 0;
                border: 1px solid #e0e0e0;
                outline: none;
                background-color: #fff
            }

            .footer-customer-relationship .customer-email button[type=submit] {
                position: absolute;
                right: 0;
                top: 0;
                height: 100%;
                padding: 0 10px;
                background-color: transparent;
                border: none;
                outline: none
            }

                .footer-customer-relationship .customer-email button[type=submit] [class^=iconfont] {
                    font-size: 11px;
                    color: #b0b0b0
                }

            .footer-customer-relationship .customer-email .sub-prompt {
                position: absolute;
                margin-top: 3px;
                white-space: nowrap
            }

                .footer-customer-relationship .customer-email .sub-prompt span {
                    display: none
                }

        .footer-customer-relationship .social-media {
            font-size: 18px;
            margin-top: 5px
        }

            .footer-customer-relationship .social-media a {
                color: #b0b0b0;
                margin: 0 18px 0 0
            }

                .footer-customer-relationship .social-media a:hover {
                    color: #616161
                }

                .footer-customer-relationship .social-media a.youtube-follow {
                    font-size: 20px
                }

                    .footer-customer-relationship .social-media a.youtube-follow [class^=iconfont-] {
                        vertical-align: sub
                    }

    .footer-nav {
        background-color: #00529b;
        padding: 40px 0 60px;
        color: #fff;
    }

        .footer-nav dt {
            font-size: 16px;
            text-transform: uppercase;
            line-height: 40px;
            font-weight: 600;
            direction: rtl;
            text-align: right;
            color: #fff;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .footer-nav dd {
            line-height: 32px;
            direction: rtl;
            text-align: right;
            border-style: solid;
            border-width: 1px;
            border-color: rgba(255, 255, 255, 0.15);
            border-left: none;
            border-right: none;
            border-top: none;
            padding-bottom: 7px;
        }

            .footer-nav dd a {
                color: #fff
            }

                .footer-nav dd a:hover {
                    color: #fff
                }

        .footer-nav .hotline {
            font-size: 16px;
            font-weight: 600;
            line-height: 28px;
            margin-top: 20px;
            margin-bottom: 15px;
            color: #fff;
        }

        .footer-nav .customer-service-time {
            font-size: 15px;
            direction: rtl;
        }

        .footer-nav .btn {
            font-size: 14px;
            text-transform: uppercase;
            margin-top: 14px
        }

            .footer-nav .btn:hover {
                color: #212121
            }

    .footer-bottom {
        background-color: #09234b;
        line-height: 70px
    }

        .footer-bottom .container {
            border-top: 1px solid #424242
        }

        .footer-bottom .copyright {
            float: left;
            color: #b0b0b0
        }

        .footer-bottom .site-switch {
            position: relative;
            float: right;
            height: 40px;
            line-height: 40px;
            margin-top: 15px;
            color: #fff;
        }

            .footer-bottom .site-switch a {
                color: #b0b0b0;
                margin-left: 16px
            }

                .footer-bottom .site-switch a:hover {
                    color: #fff
                }

                .footer-bottom .site-switch a.active {
                    color: #757575;
                    display: block;
                    margin-left: 0;
                    padding-left: 16px;
                    background-color: #fff
                }

            .footer-bottom .site-switch [class^=iconfont] {
                font-size: 12px
            }

        .footer-bottom .sites-list {
            overflow: hidden;
            height: 0;
            position: absolute;
            bottom: 41px;
            left: 0;
            background-color: #fff
        }

            .footer-bottom .sites-list ul {
                padding: .7em 0;
                position: absolute;
                bottom: 0
            }

            .footer-bottom .sites-list li {
                padding: .5em 16px;
                line-height: 1.3
            }

                .footer-bottom .sites-list li a {
                    display: block;
                    white-space: nowrap;
                    color: #757575;
                    margin-left: 0
                }

                    .footer-bottom .sites-list li a:hover {
                        color: #ff6700
                    }

    .footer-service-policies {
        background-color: #fff;
        padding: 25px 0
    }

    .span4 {
        width: 33%
    }

    .footer-service-policies .service-policy {
        position: relative;
        display: inline-block
    }

        .footer-service-policies .service-policy a {
            display: block;
            color: #b0b0b0;
            font-size: 14px;
            font-weight: 600;
            line-height: 18px;
            padding-left: 70px;
            white-space: nowrap
        }

            .footer-service-policies .service-policy a [class^=iconfont] {
                font-size: 54px;
                position: absolute;
                left: 15px;
                top: 0;
                line-height: 38px
            }

            .footer-service-policies .service-policy a strong {
                font-weight: 600;
                color: #424242
            }

    .span12 {
        width: 49%;
        position: relative;
        display: inline-block
    }

    .footer-customer-relationship .customer-email button[type=submit] {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 0 10px;
        background-color: transparent;
        border: none;
        outline: none
    }

        .footer-customer-relationship .customer-email button[type=submit] [class^=iconfont] {
            font-size: 24px;
            color: #b0b0b0;
            position: absolute;
            right: 0;
            top: -7px
        }

    .btn-wf-white {
        border-color: #f5f5f5;
        color: #f5f5f5;
        border-radius: 0
    }

        .btn-wf-white:hover {
            background-color: #eee;
            border-color: #eee !important
        }

    @media all and (min-width:768px) {
        footer .list-inline + .btn {
            position: relative;
            bottom: 4px
        }

        footer .logo {
            margin: 0
        }

            footer .logo:not(:last-child) {
                margin-right: 1.85714286em
            }

        footer.footer-3 .logo + ul {
            position: relative;
            top: 5px
        }

            footer.footer-3 .logo + ul a {
                color: #252525
            }

        footer.footer-3 .social-list {
            position: relative;
            top: 9px
        }

        footer.footer-3 .row:last-child {
            margin-top: 1.85714286em
        }

        footer.footer-4 .logo + span {
            position: relative;
            top: 8px
        }

        footer.footer-4 form {
            position: relative;
            bottom: 4px
        }

        footer.footer-4 .row:last-child {
            margin-top: 1.85714286em
        }

        footer.imagebg:not(.image--light) span, footer.imagebg:not(.image--light) p, footer.imagebg:not(.image--light) a {
            color: #fff
        }

        .footer-1 .type--fine-print {
            position: relative;
            top: 2px
        }
    }

    @media all and (max-width:767px) {
        footer .social-list {
            margin: 1.85714286em 0
        }

        .footer-4 form {
            margin: 1.85714286em 0
        }

        .footer-4 .logo {
            margin: 0
        }

        .footer-6 .footer__lower .social-list {
            margin-top: 1.85714286em
        }

        .footer-7 .social-list {
            margin-top: 1.85714286em
        }

        .footer-1 .social-list {
            margin-top: 1.85714286em
        }

        .footer-1 .logo {
            display: block;
            margin-top: 1.85714286em;
            margin-bottom: .92857143em;
            margin-left: auto;
            margin-right: auto
        }
    }

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

    @media only screen and (min-width:320px) and (max-width:479px) {
        .pixxett-header1 .welcome-msg {
            display: none
        }

        .home-index .pixxett-header1 .header-container {
            border-bottom: 0 solid #212121
        }

        .home-index .pixxett-header1 nav {
            position: relative
        }

        .pixxett-header1 .logo {
            margin-left: 7px;
            width: 30%;
            margin-right: 34%
        }

        .top-banner-section .col-sm-4 {
            margin-bottom: 15px
        }

            .top-banner-section .col-sm-4:last-child {
                margin-bottom: 0
            }

        .section-heading:after, .section-heading:before {
            display: none
        }

        .section-content .content-left, .section-content .content-right {
            width: 100%
        }

        .section-content .content-left, .section-content .content-right-inner .col-lg-6 {
            margin-bottom: 15px
        }

            .section-content .content-left img, .section-content .content-right img {
                width: 100%
            }

        ul.products-grid {
            margin: 0 0
        }

        .bestsellers3 .pixxett-tabs li {
            width: 100%
        }

            .bestsellers3 .pixxett-tabs li > a {
                width: 100%;
                text-align: center
            }

        .bestsellers3 .product-bestseller .item .item-inner:after, .featured-pro .item .item-inner:after {
            display: none
        }

        .featured-pro .home-block-inner {
            min-height: 250px;
            width: 100%
        }

            .featured-pro .home-block-inner:after {
                display: none
            }

        .featured-pro .block-content {
            margin-right: 0% !important;
            width: 100%;
            margin-left: 0;
            padding: 0 15px
        }

        .featured-pro .owl-pagination {
            right: 0%;
            top: 27%
        }

        .offer-slider h1 {
            font-size: 34px;
            line-height: 36px
        }

        .latest-blog {
            padding: 30px 15px
        }

        .blog-inner .blog-preview_item {
            width: 100%;
            margin-bottom: 15px;
            display: block;
            overflow: hidden
        }

        .filter-list dd.category-all {
            height: inherit
        }

        .filter-list dd {
            width: 22%
        }

            .filter-list dd.item {
                width: 42%;
                padding: 12px 5px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden
            }

        .filter-list-wrap-toggled .filter-list-row {
            height: inherit
        }

        .order-list-box {
            margin: 20px 15px
        }

            .order-list-box .order-list li {
                padding: 0 20px
            }

        ul.products-grid .item .item-inner {
            margin-bottom: 15px
        }

        .static-section-inner {
            margin-bottom: 20px;
            padding: 20px 0
        }

        .footer-service-policies .service-policy {
            width: 100%;
            overflow: hidden;
            padding: 15px;
            border-bottom: 1px solid #ddd;
            margin-bottom: 15px
        }

            .footer-service-policies .service-policy a [class^=iconfont] {
                font-size: 44px;
                left: 15px;
                top: 10px
            }

            .footer-service-policies .service-policy:nth-child(3) a [class^=iconfont] {
                left: 15px
            }

            .footer-service-policies .service-policy a {
                white-space: inherit
            }

            .footer-service-policies .service-policy:last-child {
                border-bottom: 0 solid #ddd;
                margin-bottom: 0;
                padding-bottom: 0
            }

        .customer-relationship {
            width: 100%;
            padding: 0 15px
        }

        .footer-customer-relationship .customer-reaction {
            margin-left: 0;
            margin: 10px 0;
            width: 100%
        }

        .footer-bottom .copyright {
            line-height: 40px
        }

        article .article__title {
            margin-top: 0
        }

        section.space--sm, footer.space--sm {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .masonry-blog-list article {
            padding-top: 0
        }

            .masonry-blog-list article .article__body {
                padding-bottom: 30px
            }

        form + span.type--fine-print {
            margin-top: -15px
        }

        .subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-checkbox + span {
            white-space: inherit;
            width: 67%;
            vertical-align: middle
        }

        .masonry__item:not(:empty) article {
            margin-bottom: 20px
        }

        .section-services {
            display: none
        }

        .section-heading {
            margin: 20px auto
        }

        .top-banner-section-wrapper {
            padding: 16px 15px
        }

        .home-special-products {
            padding: 0 15px !important
        }

        .section-heading .section-title {
            font-size: 24px
        }

        .toolbar .pager {
            width: 100%;
            margin-right: 0;
            margin-top: 10px
        }

        #limiter {
            width: 100%;
            display: block;
            overflow: visible;
            margin-bottom: 10px
        }

        .pager .pages {
            width: 100%;
            overflow: hidden;
            position: relative
        }

        .pages .pagination {
            width: 85%
        }

        .category-page .goods-list-box ul.products-grid {
            margin: 0
        }

        .category-page ul.products-grid {
            margin: 0 -15px
        }

        .cat-img-title.cat-box {
            padding: 10px 5px 25px
        }

        .small-tag {
            font-size: 10px;
            letter-spacing: 3px
        }

        .cat-img-title .cat-heading {
            font-size: 20px;
            margin-top: 8px;
            margin-bottom: 0
        }

        .cat-img-title p {
            font-size: 10px
        }

        .products-list .product-image {
            width: 100%
        }

        .products-list .product-shop {
            width: 100%;
            margin-left: 0
        }

        .product-shop button.button.btn-cart:before {
            margin-right: 0
        }

        .products-list .product-shop button.button span, .products-list .actions .add-to-links a.link-wishlist span, .products-list .actions .add-to-links a.link-compare span {
            display: none
        }

        .product-view .product-shop .add-to-box .btn-cart {
            margin: 10px 0
        }

        .email-addto-box {
            margin-left: 0
        }

        .product-view .product-shop .add-to-links li {
            padding: 0 6px 0 0
        }

        .product-view .email-friend {
            margin-left: 0
        }

        .nav-tabs.product-tabs > li {
            margin-right: 0;
            width: 100%
        }

        .review1, .review2 {
            width: 100%
        }

        .related-pro .home-block-inner, .upsell-pro .home-block-inner {
            width: 100%;
            min-height: inherit;
            padding-bottom: 25px
        }

            .related-pro .home-block-inner:after, .upsell-pro .home-block-inner:after {
                display: none
            }

        .related-pro .owl-pagination {
            left: inherit;
            right: 10px;
            top: 31%
        }

        .upsell-pro .owl-pagination {
            left: inherit;
            right: 0;
            top: 30.5%
        }

        .related-pro .block-content {
            margin-left: 0%;
            width: 100%
        }

        .upsell-pro .block-content {
            margin-right: 0%;
            width: 100%
        }

        .box-reviews .review {
            border-left: 0 solid #dfdfdf;
            padding-left: 0;
            width: 100%
        }

        .account-login .col2-set .col-1 {
            width: 100%;
            min-height: inherit;
            padding: 25px 0 0 0
        }

        .account-login .col2-set .col-2 {
            width: 100%
        }

        .account-login .form-list input.input-text {
            width: 100%
        }

        .footer-bottom .site-switch a {
            margin-left: 10px
        }

        .footer-customer-relationship .customer-email input {
            width: 100%
        }

        .offer-slider p {
            padding: 0 10% 1%
        }

        .static-section-inner .items .detail {
            padding-left: 15px
        }

        .static-section-inner .items .introduction .item {
            min-height: inherit;
            margin-bottom: 20px;
            padding-bottom: 0
        }

            .static-section-inner .items .introduction .item .title {
                height: inherit;
                line-height: inherit;
                margin-bottom: 15px
            }

        .static-section-inner .items .detail.detail-right {
            padding-left: 15px;
            padding-right: 15px
        }

        .pixxett-header1 .header-top .col-md-5 {
            padding-left: 15px
        }

        .product-bestseller .products-grid .item {
            overflow: hidden
        }
    }

    @media only screen and (min-width:480px) and (max-width:767px) {
        .home-index .pixxett-header1 .header-container {
            border-bottom: 0 solid #212121
        }

        .home-index .pixxett-header1 nav {
            position: relative
        }

        .pixxett-header1 .logo {
            margin-right: 0;
            width: 25%;
            margin-left: 35%
        }

        .top-banner-section .col-sm-4 {
            margin-bottom: 15px
        }

            .top-banner-section .col-sm-4:last-child {
                margin-bottom: 0
            }

        .section-heading:after, .section-heading:before {
            display: none
        }

        .section-content .content-left, .section-content .content-right {
            width: 100%
        }

            .section-content .content-left img, .section-content .content-right img {
                width: 100%
            }

        ul.products-grid {
            margin: 0 0
        }

        .bestsellers3 .pixxett-tabs li {
            width: 100%
        }

            .bestsellers3 .pixxett-tabs li > a {
                width: 100%;
                text-align: center
            }

        .bestsellers3 .product-bestseller .item .item-inner:after, .featured-pro .item .item-inner:after {
            display: none
        }

        .featured-pro .home-block-inner {
            min-height: 250px;
            width: 100%
        }

            .featured-pro .home-block-inner:after {
                display: none
            }

        .featured-pro .block-content {
            margin-right: 0% !important;
            width: 100%;
            margin-left: 0;
            padding: 0 15px
        }

        .filter-list dd.category-all {
            height: inherit
        }

        .filter-list dd {
            width: 22%
        }

            .filter-list dd.item {
                width: 42%;
                padding: 12px 5px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden
            }

        .filter-list-wrap-toggled .filter-list-row {
            height: inherit
        }

        .order-list-box {
            margin: 20px 15px
        }

            .order-list-box .order-list li {
                padding: 0 20px
            }

        ul.products-grid .item .item-inner {
            margin-bottom: 15px
        }

        .static-section-inner {
            margin-bottom: 20px;
            padding: 20px 0
        }

        .footer-service-policies .service-policy {
            width: 100%;
            overflow: hidden;
            padding: 15px;
            border-bottom: 1px solid #ddd;
            margin-bottom: 15px
        }

            .footer-service-policies .service-policy a [class^=iconfont] {
                font-size: 44px;
                left: 15px;
                top: 10px
            }

            .footer-service-policies .service-policy:nth-child(3) a [class^=iconfont] {
                left: 15px
            }

            .footer-service-policies .service-policy a {
                white-space: inherit
            }

            .footer-service-policies .service-policy:last-child {
                border-bottom: 0 solid #ddd;
                margin-bottom: 0;
                padding-bottom: 0
            }

        .customer-relationship {
            width: 100%;
            padding: 0 15px
        }

        .footer-customer-relationship .customer-reaction {
            margin: 10px 0
        }

        .footer-customer-relationship .customer-email {
            margin-left: 15px
        }

        article .article__title {
            margin-top: 0
        }

        section.space--sm, footer.space--sm {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .masonry-blog-list article {
            padding-top: 0
        }

            .masonry-blog-list article .article__body {
                padding-bottom: 30px
            }

        .btn {
            vertical-align: top
        }

        .masonry__item:not(:empty) article {
            margin-bottom: 20px
        }

        .top-banner-section-wrapper {
            padding: 16px 15px
        }

        .top-banner-section .col-sm-4 img {
            width: 100%
        }

        .home-special-products {
            padding: 0 15px !important
        }

        .section-heading {
            margin: 20px auto
        }

        .section-content .content-left, .section-content .content-right-inner .col-lg-6 {
            margin-bottom: 15px
        }

        .featured-pro .owl-pagination {
            right: 0%;
            top: 27%
        }

        .offer-slider h1 {
            font-size: 36px;
            line-height: 40px
        }

        .latest-blog {
            padding: 30px 15px
        }

        .blog-inner .blog-preview_item {
            width: 100%;
            margin-bottom: 15px;
            display: block;
            overflow: hidden
        }

        .section-services {
            display: none
        }

        .category-page ul.products-grid .item {
            width: 50%
        }

        .section-heading .section-title {
            font-size: 26px
        }

        .toolbar .pager {
            width: 100%;
            margin-right: 0;
            margin-top: 10px
        }

        #limiter {
            width: 100%;
            display: block;
            overflow: visible;
            margin-bottom: 10px
        }

        .pager .pages {
            width: 100%;
            overflow: hidden;
            position: relative
        }

        .pages .pagination {
            width: 85%
        }

        .category-page ul.products-grid {
            margin: 0 -15px
        }

        .custom-slider {
            display: inline-block
        }

        .cat-img-title.cat-box {
            padding: 10px 5px 25px
        }

        .small-tag {
            font-size: 10px;
            letter-spacing: 3px
        }

        .cat-img-title .cat-heading {
            font-size: 20px;
            margin-top: 8px;
            margin-bottom: 0
        }

        .cat-img-title p {
            font-size: 10px
        }

        .products-list .product-image {
            width: 45%
        }

        .products-list .product-shop {
            width: 50%
        }

        .product-shop button.button.btn-cart:before {
            margin-right: 0
        }

        .products-list .product-shop button.button span, .products-list .actions .add-to-links a.link-wishlist span, .products-list .actions .add-to-links a.link-compare span {
            display: none
        }

        .email-addto-box {
            margin-left: 0;
            margin-top: 15px
        }

        .product-view .product-shop .add-to-links li {
            padding: 0 6px 0 0
        }

        .product-view .email-friend {
            margin-left: 0
        }

        .review1, .review2 {
            width: 100%
        }

        .related-pro .home-block-inner, .upsell-pro .home-block-inner {
            width: 100%;
            min-height: inherit;
            padding-bottom: 25px
        }

            .related-pro .home-block-inner:after, .upsell-pro .home-block-inner:after {
                display: none
            }

        .related-pro .owl-pagination {
            left: inherit;
            right: 10px;
            top: 31%
        }

        .upsell-pro .owl-pagination {
            left: inherit;
            right: 0;
            top: 30.5%
        }

        .related-pro .block-content {
            margin-left: 0%;
            width: 100%
        }

        .upsell-pro .block-content {
            margin-right: 0%;
            width: 100%
        }

        .box-reviews .review {
            width: 62%
        }

        .account-login .col2-set .col-1 {
            width: 100%;
            min-height: inherit;
            padding: 25px 0 0 0
        }

        .account-login .col2-set .col-2 {
            width: 100%
        }

        .account-login .form-list input.input-text {
            width: 100%
        }

        .footer-customer-relationship .introduction {
            margin-right: 15px
        }

        .pixxett-header1 .header-top .col-md-5, .pixxett-header1 .toplinks {
            padding: 0 15px
        }

        .top-banner-section, .section-content {
            width: 75%;
            margin: auto
        }

        .category-page .goods-list-box ul.products-grid {
            margin: 0
        }

        .static-section-inner .items .detail {
            padding-left: 15px
        }

        .static-section-inner .items .introduction .item {
            min-height: inherit;
            margin-bottom: 20px;
            padding-bottom: 0
        }

            .static-section-inner .items .introduction .item .title {
                height: inherit;
                line-height: inherit;
                margin-bottom: 15px
            }

        .static-section-inner .items .detail.detail-right {
            padding-left: 15px;
            padding-right: 15px
        }

        .pixxett-header1 .header-top .col-md-5 {
            padding-left: 15px
        }

        .product-bestseller .products-grid .item {
            overflow: hidden
        }
    }

    @media only screen and (min-width:768px) and (max-width:991px) {
        .pixxett-header1 .language-currency-wrapper .block {
            font-size: 11px
        }

        .pixxett-header1 .toplinks .links {
            font-size: 11px
        }

        .pixxett-header1 .mm-toggle-wrap {
            display: none
        }

        .pixxett-header1 #nav > li > a {
            font-size: 12px;
            padding: 15px 8px;
            letter-spacing: .5px
        }

        .pixxett-header1 .nav-inner .caret {
            display: none
        }

        .pixxett-header1 #nav li.drop-menu ul {
            top: 55px
        }

        .pixxett-header1 #nav .level0-wrapper {
            top: 55px
        }

        .pixxett-header1 .nav-block-left.grid12-8 {
            width: 100%
        }

        .pixxett-header1 .nav-block-right.grid12-4 {
            display: none
        }

        .static-section-inner {
            padding: 45px 10px 40px
        }

        .footer-service-policies .service-policy a {
            white-space: inherit
        }

            .footer-service-policies .service-policy a [class^=iconfont] {
                font-size: 50px;
                left: 10px;
                top: 5px
            }

        .footer-service-policies .service-policy:nth-child(3) a [class^=iconfont] {
            left: 10px
        }

        .customer-relationship {
            vertical-align: top
        }

        .footer-customer-relationship .introduction {
            width: 100%
        }

        .footer-customer-relationship .customer-reaction {
            margin-left: 0;
            margin-top: 10px
        }

        .footer-customer-relationship .social-media a {
            margin: 0 20px 0 0
        }

        section.space--sm, footer.space--sm {
            padding-top: 20px;
            padding-bottom: 20px
        }

        .masonry hr + .masonry__container, .masonry hr + .row {
            margin-top: 20px
        }

        article .article__title {
            margin-top: 0
        }

        section.space--sm, footer.space--sm {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .masonry-blog-list article {
            padding-top: 0
        }

            .masonry-blog-list article .article__body {
                padding-bottom: 30px
            }

        .subscribe-form-1.boxed form[action*='list-manage.com'].form--active .input-checkbox + span {
            white-space: inherit;
            width: 80%;
            vertical-align: middle
        }

        .masonry__item:not(:empty) article .boxed h5 {
            font-size: 12px
        }

        .section-heading:after, .section-heading:before {
            width: 130px
        }

        .bestsellers3 .pixxett-tabs li > a {
            font-size: 14px
        }

        .featured-pro .block-content {
            margin-right: 25% !important;
            width: 74%;
            margin-left: -12px
        }

        .featured-pro .home-block-inner {
            width: 25%
        }

            .featured-pro .home-block-inner:after {
                right: 25%
            }

        .section-services.preload {
            display: none
        }

        .brand-logo .section-heading:after, .brand-logo .section-heading:before {
            width: 160px
        }

        .filter-list dd {
            width: 15%;
            padding: 12px 10px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .cat-img-title.cat-box {
            padding: 20px 5px 25px
        }

        .small-tag {
            font-size: 10px;
            letter-spacing: 3px
        }

        .cat-img-title .cat-heading {
            font-size: 24px;
            margin-top: 8px;
            margin-bottom: 0
        }

        .cat-img-title p {
            font-size: 12px
        }

        .col-left .block-cart ul li.item {
            overflow: hidden
        }

        .col-left .block-cart .block-content ul li a.product-image img, .col-left .block-cart .block-content ul li .product-details {
            width: 100%
        }

        ol#compare-items li a.product-name {
            padding: 0 0;
            width: 91%
        }

        .block-compare .ajax-checkout button.button-clear {
            margin-top: 10px
        }

        #carousel-example-generic .carousel-caption h3 {
            line-height: inherit
        }

            #carousel-example-generic .carousel-caption h3 a {
                font-size: 20px
            }

        #carousel-example-generic .carousel-caption p {
            display: none
        }

        .custom-slider .link {
            margin-top: 10px;
            font-size: 10px
        }

        #recently-viewed-items .product-name {
            width: 88%
        }

        .toolbar .pager {
            width: 100%;
            margin-right: 0;
            margin-top: 10px
        }

        #limiter {
            width: 100%;
            display: block;
            overflow: hidden;
            margin-bottom: 10px
        }

        .pager .pages {
            width: 100%;
            overflow: hidden;
            position: relative
        }

        .pages .pagination {
            width: 85%
        }

        .products-list .product-image {
            width: 45%
        }

        .products-list .product-shop {
            width: 50%
        }

        .product-shop button.button.btn-cart:before {
            margin-right: 0
        }

        .products-list .product-shop button.button span, .products-list .actions .add-to-links a.link-wishlist span, .products-list .actions .add-to-links a.link-compare span {
            display: none
        }

        .email-addto-box {
            margin-left: 0;
            margin-top: 15px
        }

        .product-view .product-shop .add-to-links li {
            padding: 0 6px 0 0
        }

        .product-view .email-friend {
            margin-left: 0
        }

        .box-reviews .review {
            width: 80%
        }

        .related-pro .home-block-inner, .upsell-pro .home-block-inner {
            min-height: inherit;
            padding-bottom: 45px
        }

        .related-pro .owl-pagination {
            left: -27%;
            top: inherit;
            bottom: -15%
        }

        .upsell-pro .owl-pagination {
            left: inherit;
            top: inherit;
            bottom: -12%;
            right: -18%
        }

        .featured-pro .owl-pagination {
            right: -35%
        }

        .hot-deal {
            overflow: hidden;
            width: 100%
        }

            .hot-deal .products-grid {
                width: 300px;
                margin: auto
            }

        .bestsellers3 .bestseller-content {
            margin-top: 20px
        }

        #limiter {
            display: inline-block;
            overflow: visible;
            width: auto
        }

        .pager .pages {
            width: auto
        }
    }

    @media only screen and (min-width:991px) and (max-width:1199px) {
        .pixxett-header1 .welcome-msg {
            margin: 0 0 0 10px
        }

        .pixxett-header1 #nav > li > a {
            padding: 25px 10px
        }

        .pixxett-header1 #nav li.drop-menu ul {
            top: 68px
        }

        .pixxett-header1 #nav .level0-wrapper {
            top: 68px
        }

        .pixxett-header1 .nav-block-left.grid12-8 {
            width: 65%
        }

        .pixxett-header1 #nav .nav-block-left.grid12-8 ul.level0 > li {
            width: 22%
        }

        .static-section-inner {
            padding: 35px 0 20px
        }

        .footer-service-policies .service-policy {
            vertical-align: top
        }

            .footer-service-policies .service-policy a {
                white-space: inherit
            }

                .footer-service-policies .service-policy a [class^=iconfont] {
                    font-size: 50px;
                    left: 10px;
                    top: 5px
                }

            .footer-service-policies .service-policy:nth-child(3) a [class^=iconfont] {
                left: 10px
            }

        section.space--sm, footer.space--sm {
            padding-top: 30px;
            padding-bottom: 30px
        }

        .masonry hr + .masonry__container, .masonry hr + .row {
            margin-top: 30px
        }

        article .article__title {
            margin-top: 0
        }

        section.space--sm, footer.space--sm {
            padding-top: 25px;
            padding-bottom: 25px
        }

        .masonry-blog-list article {
            padding-top: 0
        }

            .masonry-blog-list article .article__body {
                padding-bottom: 40px
            }

        .section-heading:after, .section-heading:before {
            width: 240px !important
        }

        .featured-pro .owl-pagination {
            right: -12.2%
        }

        .products-list .product-image {
            width: 40%
        }

        .products-list .product-shop {
            width: 55%
        }

        .product-shop button.button.btn-cart:before {
            margin-right: 0
        }

        .products-list .actions .add-to-links a.link-wishlist span, .products-list .actions .add-to-links a.link-compare span {
            display: none
        }

        .related-pro .owl-pagination {
            top: 95%
        }

        .upsell-pro .owl-pagination {
            right: -11.5%;
            top: 93%
        }

        .col-left .block-cart .block-content ul li.item {
            overflow: hidden
        }

        .col-left .block-cart .block-content ul li .product-details {
            width: 50%
        }
    }

    @media all and (max-width:768px) {
        article.feature-1 a img {
            height: unset !important;
        }
    }

    .kamblack img {
        /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
        filter: gray; /* IE5+ */
        -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
        -webkit-transition: all .8s ease-in-out;
    }

        .kamblack img:hover {
            filter: none;
            -webkit-filter: grayscale(0);
            -webkit-transform: scale(1.01);
        }

    .customer-service-time:hover {
        color: #fff;
    }

    .copyright a {
        color: #fff;
    }

        .copyright a:hover {
            color: #b0b0b0;
        }

    .contact-page .contact-right {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .contact-page .contact-right ul li {
            padding-right: 150px;
            padding-left: 0;
        }

            .contact-page .contact-right ul li:first-child {
                margin-top: 0;
            }

        .contact-page .contact-right ul li {
            position: relative;
            padding-left: 150px;
            margin-top: 45px;
            display: block;
        }

            .contact-page .contact-right ul li .contact-icon {
                right: unset;
                border-left: 1px solid #dddddd;
                border-right: 0;
            }

            .contact-page .contact-right ul li .contact-icon {
                position: absolute;
                right: 0;
                text-align: center;
                width: 130px;
                border-right: 1px solid #dddddd;
            }

                .contact-page .contact-right ul li .contact-icon h6 {
                    text-transform: uppercase;
                    padding-top: 5px;
                    font-weight: 600;
                    color: #4d4d4d;
                }

    .media-body {
        margin-right: 10px;
    }

    .contact-page .contact-right ul li p {
        font-weight: 600;
        margin-bottom: 0;
        line-height: 30px;
        text-align: right;
    }






    .image-wrapper {
        height: 12rem;
        width: 12rem;
        border-radius: 6px;
        background-color: #ccc;
        display: flex;
        align-items: center;
        text-align: center;
        line-height: 1.6;
    }

        .image-wrapper img {
            height: auto;
            max-width: 100%;
        }

    .shine {
        position: relative;
        overflow: hidden;
    }

        .shine::before {
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
            content: "";
            display: block;
            height: 100%;
            left: -75%;
            position: absolute;
            top: 0;
            transform: skewX(-25deg);
            width: 50%;
            z-index: 2;
        }

        .shine:hover::before, .shine:focus::before {
            -webkit-animation: shine 0.85s;
            animation: shine 0.85s;
        }

    @-webkit-keyframes shine {
        100% {
            left: 125%;
        }
    }

    @keyframes shine {
        100% {
            left: 125%;
        }
    }



    .logo {
        margin-block: 0 !important;
    }












    .no-js #loader {
        display: none;
    }

    .js #loader {
        display: block;
        position: absolute;
        left: 100px;
        top: 0;
    }

    .se-pre-con {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url(/websiteimages/main/ogimage.png) center no-repeat #fff;
    }

    .owl-theme .owl-controls .owl-buttons div {
        background: unset !important;
    }

    .brand-logo .slider-items-products .item {
        background-color: #fff;
    }

    @media all and (max-width:768px) {
        .avcont {
            display: none;
        }

        .tp-bgimg.defaultimg {
            background-position: unset !important;
        }

        .brand-logo .slider-items-products .owl-buttons .owl-prev {
            left: -2px !important;
            top: 56px !important;
        }

        .brand-logo .slider-items-products .owl-buttons .owl-next {
            right: -3px !important;
            top: 56px !important;
        }
    }

    @media all and (min-width:768px) {

        .owl-theme .owl-controls .owl-buttons .owl-prev {
            left: -32px;
            position: absolute;
            top: 15px;
            background: 0 0;
            top: 40%;
        }

        .owl-theme .owl-controls .owl-buttons .owl-next {
            right: -32px;
            position: absolute;
            top: 15px;
            background: 0 0;
            top: 40%;
        }
    }

    .blur-up {
        -webkit-filter: blur(5px);
        filter: blur(5px);
        transition: filter 400ms,-webkit-filter 400ms
    }

        .blur-up.lazyloaded {
            -webkit-filter: blur(0);
            filter: blur(0)
        }

    .brand-logo .slider-items-products .item {
        border: unset !important;
        height: unset;
        line-height: unset;
    }

    ul.products-grid .item .item-inner {
        border-radius: 15px;
    }

    .kamh h2, h1, h3 {
        font-size: 15px !important;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 30px;
        color: #333 !important;
    }

    .kamh img {
        max-width: 100%;
    }

    .kamh a {
        font-weight: bold;
        color: #757575;
    }

        .kamh a:hover {
            font-weight: bold;
            color: #0080c6;
        }

    .morekambtn {
        border-radius: 50%;
        width: auto;
        height: auto;
        padding: 1px 12px;
        position: relative;
        top: -12px;
        left: 23px;
        border-color: #ff4c3b;
        border: unset;
        font-weight: bold;
        font-size: 21px;
        box-shadow: 10px 10px 26px #00000029;
    }

    article {
        width: 100%;
        overflow-y: hidden;
        padding-bottom: 15px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .avcatsec article p {
        color: #171616 !important;
        text-align: justify !important;
    }

    .avcatsec article.expanded {
        height: auto;
    }

    .avcont2 > .theme-form input {
        margin-bottom: 20px;
        padding-block: 20px !important;
    }

    .breadcrumbs {
        margin-top: 90px;
    }

    .detail_text_wrap, .detail_text_wrap > p {
        font-size: 17px;
        color: #333;
        line-height: 32px;
        text-align: justify;
    }
    /* ////// filter Category /////////////*/

    .filter-items {
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 10px;
        box-shadow: rgb(0 0 0 / 10%) 0px 0px 10px 0px !important;
    }

    .position-sticky {
        position: -webkit-sticky !important;
        position: sticky !important;
    }

    .top-85 {
        top: 70px !important;
    }

    .filter-item {
        margin-bottom: 30px;
        direction: rtl;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #ddd;
    }

    .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: 1px solid #ddd;
    }

    .panel-body {
        padding: 15px;
    }

    .catbrand .item {
        position: relative;
        display: block;
        padding-right: 30px;
        margin-bottom: 6px;
        font-size: 14px;
    }

    .catbrand .item {
        font-size: 11px;
        line-height: 18px;
    }

        .catbrand .item input {
            position: absolute;
            right: 0;
            opacity: 0;
            cursor: pointer;
        }

    .form-check-input[type=checkbox] {
        border-radius: 0.25em;
    }

    .catbrand .tick {
        position: absolute;
        height: 20px;
        width: 20px;
        top: 50%;
        right: 0;
        text-align: center;
        background: #f1f1f1;
        border-radius: 5px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

        .catbrand .tick i {
            display: none;
            line-height: 20px;
            font-size: 12px;
            color: #ffffff;
        }

    .catbrand .item input:checked ~ .tick i {
        display: block;
    }

    .catbrand .item input:checked ~ .tick {
        background: #19bfd3;
    }

    .blog-page .blog .sidebar .bg {
        direction: rtl;
        padding: 20px 20px 7px 20px;
        margin-bottom: 20px;
        border-radius: 10px;
        background: #ffffff;
        -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    }

    .blog-page .blog .sidebar .favorites .toggle-item {
        visibility: hidden;
        position: absolute;
    }

        .blog-page .blog .sidebar .favorites .toggle-item + label {
            position: relative;
            display: flex;
            width: 40px;
            height: 20px;
            float: right;
            background: #f1f1f1;
            border-radius: 50px;
            cursor: pointer;
        }

            .blog-page .blog .sidebar .favorites .toggle-item + label:after {
                position: absolute;
                content: '';
                width: 14px;
                height: 14px;
                top: 3px;
                right: 2px;
                border-radius: 50%;
                background: #ffffff;
                transition: 0.3s;
                -webkit-transition: 0.3s;
                -moz-transition: 0.3s;
                -o-transition: 0.3s;
            }

    .blog-page .blog .sidebar .favorites .text {
        margin-right: 10px;
        font-size: 14px;
    }

    .blog-page .blog .sidebar .favorites .toggle-item:checked + label {
        background: #19bfd3;
    }

        .blog-page .blog .sidebar .favorites .toggle-item:checked + label:after {
            right: 22px;
        }

    .filter-item .filter-item-title {
        margin-bottom: 20px;
        border-bottom: 2px solid #eee;
        padding-bottom: 7px;
        font-size: 15px;
        font-weight: bold;
    }

    .avcatfilter ::-webkit-scrollbar-thumb {
        background-color: #ededed;
        border-radius: 10px;
    }

    .avcatfilter ::-webkit-scrollbar-track {
        background: #fff;
    }

    .avcatfilter ::-webkit-scrollbar {
        width: 0.3vw !important;
    }

    .avcoma677 {
        margin-right: -15px;
        margin-left: -15px;
        direction: ltr;
        overflow-y: auto !important;
        height: 90vh;
    }

    .kamh {
        box-shadow: 10px 10px 26px #00000029;
        border: 1px solid #d8d8d8;
        padding: 23px 10px;
        text-align: justify;
        background-color: #fff !important;
        direction: rtl;
        line-height: 25px;
        transition: all 0.7s linear;
        border-radius: 7px !important;
        margin-bottom: 25px;
        margin-top: 30px;
    }

    .cattopimg {
        height: auto !important;
    }

    .avcat100 {
        padding-bottom: 0;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        box-shadow: rgb(135 134 134 / 65%) 0px 0px 10px 0px !important;
    }

    .avcat101 {
        padding: 7px;
        text-align: center;
        line-height: 20px;
        font-size: 13px;
        height: 54px;
        display: flex !important;
        align-items: center;
        justify-content: space-around;
        border: unset !important;
    }

    .av700, .av701 {
        position: inherit !important;
        height: auto !important;
    }

    .av701 {
        float: right !important;
    }

    .av702 {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    @media all and (max-width:768px) {
        .av701 article {
            margin-bottom: 0 !important;
        }

        .av704 {
            padding-top: 0 !important;
            margin-top: 0 !important;
        }

        .av702 {
            padding-inline: 20px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .avcoma677 {
            margin-right: 0;
            margin-left: 0;
            height: auto;
            margin-bottom: 25px;
        }

        .ahfyetd {
            margin-right: 0;
            margin-left: 0;
        }
    }

    #trending-slider .owl-wrapper-outer {
        width: 100%;
        direction: ltr;
        overflow: hidden;
    }

    #trending-slider .owl-wrapper {
        direction: ltr;
    }

    #trending-slider .owl-item {
        float: left !important;
        direction: rtl;
    }

        #trending-slider .owl-item .item {
            direction: rtl;
            text-align: right;
        }


    @media only screen and (max-width:567px) {
        .top-banner-section-wrapper {
            margin-top: 50px;
        }
    }

    /* Mobile home page scrolling, carousel and footer refinements. */
    html,
    body {
        max-width: 100%;
        margin: 0;
        overflow-x: clip;
    }

    @media (max-width: 767.98px) {
        body.home-index,
        body.home-index #page,
        body.home-index .main-container {
            width: 100%;
            min-height: 0;
            overflow-x: clip;
        }

            body.home-index .feature-large,
            body.home-index .feature-large .offer-slider {
                height: auto;
                min-height: 320px;
                touch-action: pan-y;
            }

                body.home-index .feature-large .offer-slider {
                    padding: 42px 0 36px;
                    margin-bottom: 0;
                    background-attachment: scroll !important;
                    background-position: center;
                }

                    body.home-index .feature-large .offer-slider h2 {
                        position: static;
                        width: fit-content;
                        max-width: calc(100% - 32px);
                        margin: 0 auto 24px;
                        padding: 8px 14px;
                        line-height: 1.8;
                    }

                    body.home-index .feature-large .offer-slider p {
                        margin: 0 !important;
                        padding: 0 18px 12px;
                        font-size: 15px !important;
                        line-height: 2;
                        text-align: justify !important;
                    }

                body.home-index .feature-large .bx-wrapper,
                body.home-index .feature-large .bx-viewport,
                body.home-index .feature-large .bxslider {
                    touch-action: pan-y;
                }

            body.home-index .trending-products .owl-wrapper-outer {
                width: 100% !important;
                touch-action: pan-y pinch-zoom;
            }

            body.home-index #trending-slider,
            body.home-index #trending-slider .slider-items {
                width: 100%;
                max-width: 100%;
                direction: ltr;
            }

                body.home-index #trending-slider .owl-controls {
                    direction: rtl;
                }

            body.home-index .trending-products .item-inner {
                margin: 0 5px;
            }

            body.home-index .footer,
            body.home-index .footer-bottom {
                margin-bottom: 0;
            }

            body.home-index .footer-bottom {
                min-height: 0;
                padding-bottom: env(safe-area-inset-bottom);
                line-height: 1.8;
            }

                body.home-index .footer-bottom .container {
                    padding-top: 16px;
                    padding-bottom: 16px;
                }

                body.home-index .footer-bottom .copyright,
                body.home-index .footer-bottom .site-switch {
                    float: none;
                    width: 100%;
                    height: auto;
                    margin: 0;
                    text-align: center;
                    line-height: 1.8;
                }
    }

    @media (max-width: 359.98px) {
        body.home-index .trending-products .owl-item .item-title a {
            font-size: 12px !important;
        }
    }

    /* Consistent home-page carousel controls and mobile article cards. */
    .home-index .slider-items-products .owl-buttons .owl-prev,
    .home-index .slider-items-products .owl-buttons .owl-next {
        position: absolute;
        top: 50% !important;
        width: 42px;
        height: 42px;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-50%);
        background: transparent !important;
        z-index: 12;
    }

    .home-index .slider-items-products .owl-buttons .owl-prev {
        left: 4px !important;
        right: auto !important;
    }

    .home-index .slider-items-products .owl-buttons .owl-next {
        right: 4px !important;
        left: auto !important;
    }

        .home-index .slider-items-products .owl-buttons .owl-prev a,
        .home-index .slider-items-products .owl-buttons .owl-next a {
            position: static !important;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 42px;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
            border-radius: 50%;
            background: rgba(255, 255, 255, .94) !important;
            color: #25364d !important;
            box-shadow: 0 3px 14px rgba(9, 35, 75, .18);
        }

            .home-index .slider-items-products .owl-buttons .owl-prev a::before {
                content: "\f104" !important;
                padding: 0 !important;
                font-size: 25px !important;
                line-height: 1 !important;
            }

            .home-index .slider-items-products .owl-buttons .owl-next a::before {
                content: "\f105" !important;
                padding: 0 !important;
                font-size: 25px !important;
                line-height: 1 !important;
            }

    @media (max-width: 767.98px) {
        body.home-index .brand-logo {
            margin-top: 140px !important;
            padding-top: 10px;
        }

        body.home-index #brand-logo-slider {
            margin-top: 36px !important;
            padding: 0 24px;
        }

        body.home-index .brand-logo .slider-items-products .owl-buttons .owl-prev {
            left: 0 !important;
        }

        body.home-index .brand-logo .slider-items-products .owl-buttons .owl-next {
            right: 0 !important;
        }

        body.home-index .masonry__item article.feature-1 {
            display: flex;
            flex-direction: column;
            width: 100%;
            overflow: hidden;
            background: #fff;
        }

            body.home-index .masonry__item article.feature-1 > a.block {
                position: relative;
                display: block;
                flex: 0 0 auto;
                width: 100%;
                margin: 0 !important;
                overflow: hidden;
            }

                body.home-index .masonry__item article.feature-1 > a.block img {
                    position: relative;
                    display: block;
                    width: 100%;
                    height: auto !important;
                    margin: 0;
                }

            body.home-index .masonry__item article.feature-1 > .feature__body {
                position: relative;
                z-index: 2;
                flex: 0 0 auto;
                width: 100%;
                margin: 0 !important;
                padding: 18px 16px;
                background: #fff;
                clear: both;
            }

                body.home-index .masonry__item article.feature-1 > .feature__body > a:first-child {
                    position: static;
                    display: block;
                    margin: 0 0 8px;
                    line-height: 1.9;
                }
    }