.block-layered-nav dt, .block-poll label {
    text-overflow: ellipsis;
    white-space: nowrap
}

#limiter ul ul, #sort-by ul ul {
    top: 27px;
    z-index: 10000;
    visibility: hidden
}

.dropdown.dropdown--active > .dropdown__container > .container > .row > .dropdown__content, body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container .dropdown__content, body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before, body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container .dropdown__content, body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container:before {
    pointer-events: all
}

.blog_post img, .category-description .owl-item .item img, .container .container, .hot-banner img, .modal-container video, .notification, .picker, .video-cover video, form, img, textarea {
    max-width: 100%
}

*, .block-layered-nav dd, .block-related ul, a, h1, h2, h3, h4, h5, h6, p, ul {
    margin: 0;
    padding: 0
}

html {
    font-size: 87.5%
}

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

@font-face {
    font-family: proximanova;
    src: url(../fonts/proximanova-regular-webfont.eot?1307578394);
    src: url('../fonts/proximanova-regular-webfont.eot?iefix') format('eot'),url(../fonts/proximanova-regular-webfont.woff?1307578394) format('woff'),url(../fonts/proximanova-regular-webfont.ttf?1307578394) format('truetype'),url('../fonts/proximanova-regular-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-style: italic;
    src: url(../fonts/proximanova-regitalic-webfont.eot?1307578394);
    src: url('../fonts/proximanova-regitalic-webfont.eot?iefix') format('eot'),url(../fonts/proximanova-regitalic-webfont.woff?1307578394) format('woff'),url(../fonts/proximanova-regitalic-webfont.ttf?1307578394) format('truetype'),url('../fonts/proximanova-regitalic-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 300;
    src: url(../fonts/proximanova-light-webfont.eot?1307578394);
    src: url('../fonts/proximanova-light-webfont.eot?iefix') format('eot'),url(../fonts/proximanova-light-webfont.woff?1307578394) format('woff'),url(../fonts/proximanova-light-webfont.ttf?1307578394) format('truetype'),url('../fonts/proximanova-light-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 600;
    src: url(../fonts/proximanova-semibold-webfont.eot?1307578394);
    src: url('../fonts/proximanova-semibold-webfont.eot?iefix') format('eot'),url(../fonts/proximanova-semibold-webfont.woff?1307578394) format('woff'),url(../fonts/proximanova-semibold-webfont.ttf?1307578394) format('truetype'),url('../fonts/proximanova-semibold-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 600;
    font-style: italic;
    src: url(../fonts/proximanova-semibolditalic-webfont.eot?1307578394);
    src: url('../fonts/proximanova-semibolditalic-webfont.eot?iefix') format('eot'),url(../fonts/proximanova-semibolditalic-webfont.woff?1307578394) format('woff'),url(../fonts/proximanova-semibolditalic-webfont.ttf?1307578394) format('truetype'),url('../fonts/proximanova-semibolditalic-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 700;
    src: url(../fonts/proximanova-bold-webfont.eot?1307578394);
    src: url('../fonts/proximanova-bold-webfont.eot?iefix') format('eot'),url(../fonts/proximanova-bold-webfont.woff?1307578394) format('woff'),url(../fonts/proximanova-bold-webfont.ttf?1307578394) format('truetype'),url('../fonts/proximanova-bold-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 700;
    font-style: italic;
    src: url(../fonts/proximanova-boldit-webfont.eot?1307578394);
    src: url('../fonts/proximanova-boldit-webfont.eot?iefix') format('eot'),url(../fonts/proximanova-boldit-webfont.woff?1307578394) format('woff'),url(../fonts/proximanova-boldit-webfont.ttf?1307578394) format('truetype'),url('../fonts/proximanova-boldit-webfont.svg#webfont2rpW2ohz') format('svg')
}

@font-face {
    font-family: proximanova;
    font-weight: 900;
    src: url(../fonts/proximanova-extrabold-webfont.eot?1307578394);
    src: url('../fonts/proximanova-extrabold-webfont.eot?iefix') format('eot'),url(../fonts/proximanova-extrabold-webfont.woff?1307578394) format('woff'),url(../fonts/proximanova-extrabold-webfont.ttf?1307578394) format('truetype'),url('../fonts/proximanova-extrabold-webfont.svg#webfont2rpW2ohz') format('svg')
}

body {
    font-size: 1em;
    line-height: 1.85714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Open Sans',sans-serif;
    color: #666;
    font-weight: 400;
    overflow-x: hidden;
    background: #f5f5f5
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica;
    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, .lead, .notification.side-menu .menu-vertical li a, 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
}

.h5:not(:last-child), .page-navigator ul li:not(:last-child), .text-block:not(:last-child), blockquote, h5:not(:last-child), ol, p, pre, table, ul {
    margin-bottom: 1.85714286em
}

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

    ul.bullets {
        list-style: inside
    }

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

strong {
    font-weight: 600
}

.cart-customer-details .input-checkbox, hr {
    margin: 1.85714286em 0
}

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

.menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger, .menu-horizontal > li:not(:hover) > a, .menu-horizontal > li:not(:hover) > span, .page-navigator li a:not(:hover), .type--fade, [data-overlay="5"]:before, [data-scrim-bottom="5"]:before, [data-scrim-top="5"]:before {
    opacity: .5
}

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

.block .block-title strong, .block-poll .answer, .h6, .type--bold, h6 {
    font-weight: 700
}

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

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

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

.products-list .desc .link-learn:hover, .type--underline {
    text-decoration: underline
}

.type--body-font {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif
}

.imagebg, .imagebg .container:not(.pos-absolute), .pos-relative, [data-overlay], [data-scrim-bottom], [data-scrim-top] {
    position: relative
}

.pos-absolute {
    position: absolute
}

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

.main-container > a:first-child + .parallax .background-image-holder, .parallax:first-child .background-image-holder, .parallax:first-child .slides li > .background-image-holder, .pos-top {
    top: 0
}

.pos-bottom {
    bottom: 0
}

.flickity-prev-next-button.next, .item .item-inner:hover .item-img .box-hover, .pos-right, .recommend .controls .next, .switchable div[class*=col-]:last-child:not([class*=pull]):not([class*=push]) {
    right: 0
}

.flickity-prev-next-button.previous, .map-container iframe, .pos-left, .switchable div[class*=col-]:first-child:not([class*=pull]):not([class*=push]) {
    left: 0
}

.float-left, .language-arabic-selected .pixxett-header1 .toplinks .links, .pager .amount, .pixxett-header1 .nav-block-bottom, .products-grid .item .add-to-links .pull-compare, .section-services ul li div, .sorter .actions, .toolbar .sorter, div.left, form[action*='list-manage.com'] .input-group ul li {
    float: left
}

.float-right {
    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 select, .comments-form textarea {
    -webkit-appearance: none;
    background: #fcfcfc;
    padding: .46428571em;
    border-radius: 6px;
    border: 1px solid #ececec
}

.btn, .comments-form button.btn {
    border-radius: 0;
    font-size: inherit;
    line-height: 1.85714286em;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif
}

.comments-form button.btn {
    transition: .1s linear;
    -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    padding: .46428571em 2.78571429em;
    border-width: 1px
}

@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, .lead, h3 {
        font-size: 1.35714286em
    }

    .h3, h3 {
        line-height: 1.85714286em
    }

    .lead {
        line-height: 1.68421053em
    }

    .float-left, .float-right {
        float: none
    }

    .float-left-xs {
        float: left
    }

    .float-right-xs {
        float: right
    }

    .pos-vertical-center {
        top: 0;
        transform: none;
        -webkit-transform: none
    }

    .block--xs {
        display: block
    }
}

@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
    }

.bestsellers3 .product-bestseller-list, .inline-block, .input-checkbox .inner, .input-radio .inner, .input-select .inner, .pager .pages li, .pixxett-header1 .language-currency-wrapper .block span, .product-additional, .ratings .rating-box {
    display: inline-block
}

#product-tabs > dd h2.product-name, .block, .box-category > ul > li a.active + ul, .input-checkbox label, .input-radio label, .input-select label, .tabs-content > .active > .tab__content, 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
}

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

@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-10, .height-100, .height-20, .height-30, .height-40, .height-50, .height-60, .height-70, .height-80, .height-90 {
        height: auto;
        padding: 4em 0
    }

    div[class*=col-][class*=height-] {
        padding-top: 5.57142857em !important;
        padding-bottom: 5.57142857em !important
    }
}

@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
    }
}

.slider.height-10, .slider.height-100, .slider.height-20, .slider.height-30, .slider.height-40, .slider.height-50, .slider.height-60, .slider.height-70, .slider.height-80, .slider.height-90, section.height-auto, section.slider.height-10, section.slider.height-100, section.slider.height-20, section.slider.height-30, section.slider.height-40, section.slider.height-50, section.slider.height-60, section.slider.height-70, section.slider.height-80, section.slider.height-90 {
    height: auto
}

[data-scrim-bottom]:before, [data-scrim-top]:before {
    height: 80%;
    position: absolute;
    content: '';
    width: 100%;
    left: 0
}

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

img {
    margin-bottom: 1.85714286em
}

.background-image-holder:not([class*=col-]), .blog-outer-container .entry-thumb img, .img--fullwidth, .latest-blog img, .menu-fullscreen .pos-absolute, .menu-vertical, .menu-vertical li, .product-view .product-img-box .product-image .product-full img, .products-list .product-image img, .slide:not([class*=col-]) > img:only-child, .slider .slides .flickity-slider > li:not([class*=col-]), .testimonial-2 .boxed, .top-banner-section {
    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, [data-grid="3"].masonry li, [data-grid="4"].masonry li, [data-grid="5"].masonry li, [data-grid="6"].masonry li, [data-grid="7"].masonry li, [data-grid="8"].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"] 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"] 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"] 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"] 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"] 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"] li {
    width: 12.5%;
    display: inline-block
}

.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.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]:before {
    position: absolute;
    content: '';
    background: #252525;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

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

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

.input-checkbox.checked .inner, .input-radio.checked .inner, .input-select.checked .inner, [data-overlay].bg--primary:before {
    background: #4a90e2
}

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

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

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

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

.flickity-page-dots .dot:hover:not(.is-selected), [data-overlay="6"]:before, [data-scrim-bottom="6"]:before, [data-scrim-top="6"]:before {
    opacity: .6
}

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

.box-category .subDropdown:hover, [data-overlay="8"]:before, [data-scrim-bottom="8"]:before, [data-scrim-top="8"]:before {
    opacity: .8
}

.btn.bg--behance:hover, .btn.bg--dark:hover, .btn.bg--dribbble:hover, .btn.bg--facebook:hover, .btn.bg--googleplus:hover, .btn.bg--instagram:hover, .btn.bg--pinterest:hover, .btn.bg--twitter:hover, [data-overlay="9"]:before, [data-scrim-bottom="9"]:before, [data-scrim-top="9"]:before {
    opacity: .9
}

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

#category-desc-slider .owl-theme .owl-controls, [data-overlay="0"]:before {
    opacity: 0
}

[data-scrim-bottom]:before {
    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;
    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: #f1f1f1
}

[data-scrim-bottom]:not(.image--light) p, [data-scrim-bottom]:not(.image--light) span, [data-scrim-bottom]:not(.image--light) ul, [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]:before {
    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;
    z-index: 1
}

.btn.bg--behance .btn__text, .btn.bg--behance .btn__text i, .btn.bg--dark .btn__text, .btn.bg--dark .btn__text i, .btn.bg--dribbble .btn__text, .btn.bg--dribbble .btn__text i, .btn.bg--facebook .btn__text, .btn.bg--facebook .btn__text i, .btn.bg--googleplus .btn__text, .btn.bg--googleplus .btn__text i, .btn.bg--instagram .btn__text, .btn.bg--instagram .btn__text i, .btn.bg--pinterest .btn__text, .btn.bg--pinterest .btn__text i, .btn.bg--twitter .btn__text, .btn.bg--twitter .btn__text i, .imagebg:not(.image--light) blockquote, .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, [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, div[data-overlay] h1, div[data-overlay] h2, div[data-overlay] h3, div[data-overlay] h4, div[data-overlay] h5, div[data-overlay] h6, div[data-overlay] p, div[data-overlay] ul {
    color: #fff
}

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

.image--xxs, img.flag {
    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;
    padding: .46428571em 2.78571429em;
    border: 1px solid #252525
}

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

    .btn[class*=col-], .pixxett-header1 .custom-menu .grid12-5 {
        margin-left: 0;
        margin-right: 0
    }

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

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

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

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

        .btn--primary .btn__text, .btn--primary .btn__text i, .btn--primary-1 .btn__text, .btn--primary-1:visited .btn__text, .btn--primary-2 .btn__text, .btn--primary-2:visited .btn__text, .btn--primary:visited .btn__text, .btn--primary:visited .btn__text i, .btn.bg--error .btn__text, .btn.bg--error .btn__text i {
            color: #fff
        }

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

    .bestsellers3 .category-product .pixxett-tabs > li:last-child, .btn:last-child, .menu-fullscreen .social-list, .product-view .box-up-sell .subtitle {
        margin-right: 0
    }

.btn--xs {
    padding: 0 1.39285714em
}

.btn--sm {
    padding: .30952381em 1.85714286em
}

.btn--lg {
    padding: .58035714em 3.48214286em
}

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

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

    .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:hover {
        background: #376faf
    }

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

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

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

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

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

    .bg--dark .flickity-page-dots .dot, .btn--secondary:hover, .btn--white, .dropdown .dropdown__content:not([class*=bg-]), .home-index .pixxett-header1 nav:hover, .imagebg:not(.image--light) .flickity-page-dots .dot, .notification:not([class*=bg-]), section.bg--dark .slider[data-paging=true] .flickity-page-dots .dot, section.bg--primary .slider[data-paging=true] .flickity-page-dots .dot, section.slider:not(.image--light)[data-paging=true] .flickity-page-dots .dot {
        background: #fff
    }

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

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

    .btn--white i, .menu-horizontal > li > .modal-instance > .modal-trigger:hover, .menu-horizontal > li > a:hover, .menu-horizontal > li > span:hover, .slider.controls--dark .flickity-prev-next-button:before {
        color: #252525
    }

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

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

#carousel-example-generic .carousel-control.left, #carousel-example-generic .carousel-control.right, .btn--unfilled, .table--alternate-column th:nth-child(odd), body.boxed-layout .modal-container section:not([class*=bg-]), button {
    background: 0 0
}

    #limiter li:hover, .bg--dark .menu-horizontal > li > a, .bg--dark .menu-horizontal > li > a:hover, .bg--dark .menu-horizontal > li > span, .bg--dark .menu-horizontal > li > span:hover, .bg--dark + .notification-close-cross:before, .blog-preview-small_link:hover .blog-preview_posted, .btn--unfilled.btn--white .btn__text, .btn--unfilled.btn--white i, .cat-img-title.cat-bg p, .featured-pro .block-title h2, .modal-container .modal-content.imagebg:not(.image--light) .modal-close-cross:before, .pixxett-header1 .header-top .top-link a:hover, .timer-grid .day.box-time-date span, button.bg--error {
        color: #fff
    }

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

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

.breadcrumb li, .icon--xs, .wizard > .steps .number, p .material-icons {
    font-size: 1em
}

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

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

#carousel-example-generic .carousel-inner, #featured-slider.product-flexslider, #related-products-slider.product-flexslider, #upsell-products-slider.product-flexslider, .block-compare .block-content ol, .block-compare .block-content ul, .block-progress dt.complete, .carousel-inner > .item img, .minimal-price, .no-rating, .pager .pages, .pixxett-header1 #nav a.level-top.feature, .products-grid .minimal-price, .sidebar .block dd li, .slider:not([data-paging=true]) .slides, section.slider .slides, ul:last-child {
    margin: 0
}

.btn.block, .list-inline li, .pixxett-header1 #nav > li > a:first-child {
    margin-left: 0
}

    .boxed > div[class*=col-]:first-child:not(.boxed), .list-inline li:first-child, .pixxett-header1 .language-currency-wrapper .block.block-language, .tabs li:first-child .tab__title:not(.btn), div[class*=col-] > div[class*=col-]:first-child {
        padding-left: 0
    }

    .boxed > div[class*=col-]:last-child:not(.boxed), .list-inline li:last-child, .pixxett-header1 #nav > li.last, div[class*=col-] > div[class*=col-]: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: #b0b0b0;
    background-color: #212121;
    text-transform: uppercase
}

    .pixxett-header1 #nav ul li .number, .pixxett-header1 .header-top a, .pixxett-header1 .language-currency-wrapper .block > div > span:hover {
        color: #aaa
    }

.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:after, .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
    }

    .block-layered-nav dt .toggleBtn, .datepicker, .pixxett-header1 .language-currency-wrapper .block:hover, .tabs .tab__title {
        cursor: pointer
    }

    .bestsellers3 .tab-container, .block-layered-nav dd ol, .blog-img, .blog-outer-container .entry-thumb, .box-category ul li, .btn, .dropdown, .filter-list-wrap, .imagebg h1, .imagebg h2, .imagebg h3, .imagebg h4, .imagebg h5, .imagebg h6, .input-number, .input-select, .instagram, .menu-vertical li.dropdown, .offer-slider li, .pixxett-header1 #nav li.drop-menu ul li, .pixxett-header1 .cat-img a, .pixxett-header1 .language-currency-wrapper .block > div, .process-2, .process__item, .product-view .product-shop .price-block, .radial, .switchable, .tabs-content, .video-cover, .wizard > .steps a, [data-gradient-bg] {
        position: relative
    }

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

    .pixxett-header1 .language-currency-wrapper .block > ul {
        position: absolute;
        right: -1px;
        top: 75px;
        padding: 6px;
        background-color: #fff;
        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: -3px 4px 0 0
                }

                .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;
        visibility: visible;
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        -o-transition: .3s ease-out;
        transition: .3s ease-out
    }

    .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, .pixxett-header1 .toplinks .links div.top-links-wrapper {
    display: inline-block;
    text-align: right
}

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

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

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

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

    .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(https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/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("https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/images/cart-icon-hover.png")
        }

    .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: 15px;
    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 #search_query_top:active + .btn.button-search, .pixxett-header1 .pixxett-search-block #search_query_top:focus + .btn.button-search, .pixxett-header1 .pixxett-search-block .btn.button-search:hover, .pixxett-header1 .pixxett-search-block:hover .btn.button-search {
            transform: translate3d(0,0,0);
            -webkit-transform: translate3d(0,0,0)
        }

        #product-tabs > dd h2, .bestsellers3 .product-bestseller .item:nth-child(3n+1) .item-inner:after, .custom-slider .carousel-control, .latest-product .old-price .price-label, .latest-product .special-price .price-label, .pixxett-header1 .nav-inner .price-label, .pixxett-header1 .pixxett-search-block .btn.button-search span, .product-view .new-label, .product-view .product-shop .add-to-links li .separator, .product-view .sale-label, .products-grid .add-to-links .separator, .products-grid .item .actions .availability.out-of-stock span.ava-out-of-stock, .products-grid .item .quick-view-btn span, .section-services ul li.active_slide .shadow {
            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: .3s ease-in-out;
        -webkit-transition: .3s ease-in-out;
        -ms-transition: .3s ease-in-out;
        border-radius: 0;
        margin-right: 50px
    }

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

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

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

.home-index .pixxett-header1 nav, .pixxett-header1 #nav > li > a, .pixxett-header1 .mini-cart .actions .btn-checkout, .pixxett-header1 .mini-cart .actions .view-cart, .pixxett-header1 a.btn-button-st, .pixxett-header1 button.buy-now {
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out
}

.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: 45px;
    width: 11%
}

#sort-by li:hover, .block-layered-nav, .pixxett-header1 .header-container, .product-essential {
    background-color: #fff
}

.pixxett-header1 .top-cart-contain .top-cart-content {
    opacity: 0;
    transform-origin: 0 0 0;
    transition: .5s;
    -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 solid #eee
}

.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 #nav li.drop-menu ul li a:hover, .pixxett-header1 #nav ul li a:hover, .pixxett-header1 #nav > li > a:hover span, .pixxett-header1 .mini-cart .basket a:hover, .products-grid .item .add-to-links a:hover, .products-grid .item .item-inner .item-title a:hover, .products-grid .item:hover .item-inner .item-info .info-inner .item-title a, .products-grid .quick-view a {
        color: #ff6709
    }

.products-list .actions .add-to-links a.link-compare:hover, .products-list .actions .add-to-links a.link-wishlist:hover {
    color: #fff !important;
    background-color: #ff6700;
    border: 1px solid #ff6700
}

.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 solid #e5e5e5
}

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

.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 solid #eee;
    min-height: 67px
}

    .pixxett-header1 .top-cart-content li.item.last {
        margin: 0;
        border-bottom: 0 solid #eee;
        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;
    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;
    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
}

.category-description, .pixxett-header1 .block_mini_cart_above_products, .related-pro {
    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: static;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 1000
}

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

.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.active:first-child, .pixxett-header1 #nav > li > a:hover:first-child {
    color: #ff6709;
    border-bottom: none
}

.bestsellers3 .category-products .text-banner h2, .block .actions a:focus, .block .actions a:hover, .block-tags .actions a.view-all:hover, .pixxett-header1 #nav > li > a:last-child a, .product-view .product-shop .product-options .options-list label, .sidebar .link-cart:focus, .sidebar .link-cart:hover, .sidebar .link-compare:focus, .sidebar .link-compare:hover, .sidebar .link-reorder:focus, .sidebar .link-reorder:hover, .sidebar .link-wishlist:focus, .sidebar .link-wishlist:hover {
    color: #333
}

.feature-large .feature-3.text-center p, .hot-deal .products-grid .item .item-inner .item-img, .pixxett-header1 .nav, section.text-center .feature-6 h4 + p {
    margin: 0 auto
}

.pixxett-header1 #nav > li:hover > a, .pixxett-header1 .vertnav-top li > a:hover {
    color: #009bce;
    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
}

    .block-related .mini-products-list .product-details .product-name, .pixxett-header1 #nav li, .tabs-container[data-content-align=left] .tabs-content {
        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 > a > span {
            display: inline-block;
            line-height: 18px
        }

    .bestsellers3 .category-product .navbar-collapse, .bestsellers3 .hot-deal-box, .box-category > ul > li > ul li, .input-checkbox, .input-radio, .pixxett-header1 #nav .level0-wrapper2, .pixxett-header1 ul.level0, .pixxett-header1 ul.level1, .products-grid, .side-nav-categories ul li, .sidebar .block-venedor-ads .block-content li, .switchable > div[class*=col-], .top-banner-section-wrapper .container, section.slider {
        padding: 0
    }

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

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

    .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 .itemslider {
    margin-top: 0;
    margin-bottom: 0
}

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

.pixxett-header1 li.level0 > a > span {
    position: relative;
    color: #616161
}

    .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-left: 4px
}

.pixxett-header1 .nav-block, .product-view .product-shop, .toolbar-bottom {
    margin-top: 0
}

.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: 65.2%;
    margin-bottom: 0
}

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

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

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

.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: 0px 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.level1, .toolbar-bottom .pager .limiter {
    position: static
}

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

.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;
    width: 32%;
    float: left;
    padding-right: 15px;
    border-right: 1px solid #e5e5e5;
    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;
    border: 1px solid #ddd;
    font-weight: 400;
    text-transform: uppercase;
    margin: 8px 0 0
}

.block-banner .block-content, .col-sm-6:not(.col-md-3) .product, .picker .picker__footer, .pixxett-header1 .nav-inner .price-box, .products-grid .category-products .products-grid li.item.last, .section-heading, .slider[data-paging=true]:not([class*=text-]) .flickity-page-dots, .text-center .flickity-page-dots, .wizard > .actions, .wizard > .steps > ul, article .article__body blockquote, section.slider .flickity-page-dots {
    text-align: center
}

.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;
    left: 0;
    background-color: #fff;
    padding: 6px 0;
    width: 165px;
    text-align: left;
    z-index: 1000;
    border: 1px solid #eee;
    display: none
}

.pixxett-header1 #nav > li.drop-menu ul li ul {
    left: 160px
}

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

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

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

.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
}

    #customer-reviews .page-title, .featured-pro .slider-items-products .owl-buttons .owl-prev a, .pixxett-header1 .custom-menu .grid12-5.last, .upsell-pro .slider-items-products .owl-buttons .owl-prev a {
        border: none
    }

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

.pixxett-header1 .grid12-5 .products-info .pr-title, .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
}

#customer-reviews .buttons-set, .pixxett-header1 .grid12-5 .cat-bnt, .static-contain, .tab-content > .active {
    margin-top: 10px
}

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

.pixxett-header1 .cat-img a:before {
    box-shadow: 0 0 0 2px rgba(255,255,255,0) inset;
    content: "";
    height: 99%;
    left: 0;
    position: absolute;
    top: 0;
    transition: .3s ease-in-out;
    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 solid #e5e5e5;
    background-color: #eee;
    padding: 7px 12px
}

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

.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 .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: left;
    text-align: center;
    width: 20%;
    margin: 20px 0
}

.shop-categories .main-product .product-image {
    display: block;
    width: 140px;
    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 .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
}

    .section-heading:after, .section-heading:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 344px;
        height: 1px;
        background-color: #e0e0e0;
        transform: translateY(-50%);
        line-height: normal;
    }

    .section-heading:before {
        right: 80px;
      /*  width:100%;*/
    }

    .section-heading:after {
        left:80px;
        /*width: 100%;*/
    }

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

.bestsellers3 {
    padding-top: 0
}

    .bestsellers3 .category-products .text-banner h3, .block .regular-price, .block .regular-price .price, .blog-preview_image:hover .blog-preview_posted, .box-category > ul > li ul > li > a:hover, .breadcrumbs li strong, .no-rating a, .products-grid .block .regular-price, .static-section-inner .items .introduction .item ul li a.active {
        color: #000
    }

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

        .bestsellers3 .category-product .nav.pixxett-tabs, .block-layered-nav .btn-remove, .col-left .block-cart .block-content ul li .product-details .access, .products-grid .item .add-to-links .pull-wishlist, .right-arrow, div.right, section.text-right > .container:last-child > .row:only-child > div[class*=col-]:only-child {
            float: right
        }

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

        #offer-banner, .bestsellers3 .category-product .new_title.center, .block-layered-nav dd.last, .box-reviews dl, .boxed-form:last-child, .cta.boxed:last-child, .feature-8:not(.boxed), .feature-large .feature-2 + .feature-2:last-child, .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, .hover-element img, .masonry.masonry-demos .masonry__item h5, .masonry__item .card.boxed, .modal-container .modal-content .feature:only-child, .modal-container .modal-content .feature:only-child .boxed, .notification .feature__body, .notification > .feature, .row:last-child div[class*=col-]:last-child .hover-element, .slide .boxed:last-child, .slider .slides li .feature:not(.feature-9), .unmarg--bottom, img:last-child, p:last-child {
            margin-bottom: 0
        }

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

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

            #related-products-slider.product-flexslider .item .item-inner:after, .bestsellers3 .product-bestseller .item .item-inner:after, .featured-pro .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
            }

.trending-products .item .item-inner {
    background: #fff;
    overflow: hidden
}

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

.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 .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, .side-nav-categories ul li a {
    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:focus, .bestsellers3 .pixxett-tabs li > a:hover {
            color: #ff6709;
            background: inherit;
            text-decoration: none
        }

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

.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: 0.3s;
    -vendor-animation-delay: 1s;
    -vendor-animation-iteration-count: infinite
}

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

.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;
        line-height: 39px;
        padding-bottom: 8px;
        position: relative
    }

.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 .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
    }

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

.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: #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: #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: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out;
    position: relative
}

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

.block-account .block-content li:first-child, .block-company li:first-child, .products-grid .item .item-inner .item-info .info-inner {
    border-top: none
}

.products-grid .item .item-inner .item-title {
    margin: 0 15px 5px 0;
    line-height: normal;
    text-align: left;
    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
    }

.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 .action button.button {
    background: #ffdc73;
    color: #000;
    border: 1px solid #ffdc73
}

.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)
}

.col-left .block-cart .block-content ul li a.product-image, .col-right .block-cart .block-content ul li a.product-image, .mini-products-list .price-box *, .minimal-price-link, .products-grid .minimal-price-link, .products-grid .regular-price, .regular-price {
    display: inline
}

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

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

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

    .old-price .price-label, .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, .special-price {
    margin: 0;
    padding: 3px 0;
    display: inline
}

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

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

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

.products-grid .item .actions-cart .button.btn-cart {
    color: #fff;
    background: url(https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/images/cart-icon.png) center no-repeat #e6e6e6;
    border-color: #e6e6e6;
    width: 35px;
    height: 35px;
    line-height: 33px;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border-width: 0;
    border-radius: 50%
}

.box-category ul, .products-grid .item ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.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 {
    display: block !important;
    font-weight: 400;
    padding: 0;
    font-size: 13px;
    color: #848484;
    line-height: 20px
}

.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: .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 .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(https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/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
}

.footer-customer-relationship .social-media a.youtube-follow, .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: .2s ease-in-out;
    visibility: hidden
}

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

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

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

    #product-tabs .crosssell .flex-direction-nav .flex-next, .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
}

.offer-slider a.shop-now:hover, .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: grey;
        min-width: 55px;
        min-height: 50px;
        text-align: center;
        margin-top: 7px;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: 0;
        border: 1px solid #e8e8e8;
        display: block
    }

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

    .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%
}

.block-tags .block-content, .clearfix, .hot-deal, form[action*='list-manage.com'] .input-group ul {
    overflow: hidden
}

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

.bestsellers3 .hot-deal .item .item-inner .item-title, .bv3 .sidebar-left, .bv3 .sidebar-right {
    padding-left: 15px
}

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

#offer-banner {
    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, .upsell-block {
    background-color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative
}

.featured-pro .home-block-inner {
    background: #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-pro .block-title, .related-pro .block-title, .related-pro.block-title, .upsell-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 .owl-pagination, .upsell-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, .related-pro .block-title em, .upsell-pro .block-title em {
    font-style: normal;
    font-weight: 300
}

.blog-title, .offer-slider a.shop-now {
    font-weight: 700;
    text-transform: uppercase
}

.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, .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
}

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

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

.featured-pro .slider-items-products .owl-buttons .owl-next a:before, .footer-nav dd, .upsell-pro .slider-items-products .owl-buttons .owl-next a:before {
    line-height: 32px
}

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

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

.parallax {
    overflow: hidden;
    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("https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/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;
        font-size: 50px;
        margin: 40px auto 0;
        font-weight: 300;
        display: inline-block;
        padding: 30px 30px 0;
        border-radius: 3px;
        line-height: inherit
    }

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

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

    .offer-slider a.shop-now {
        padding: 7px 25px;
        font-size: 14px;
        color: #fff;
        margin-left: 10px;
        border-radius: 5px;
        letter-spacing: 1px;
        display: inline-block;
        background: #ff6709
    }

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

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

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

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

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

.latest-blog .icon-calendar:before, .product-view .product-shop .add-to-box .icon-basket {
    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
}

.blog-img a.info, .latest-blog .blog-title h2, .latest-blog .readmore {
    font-weight: 700;
    text-transform: uppercase
}

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

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

    #sort-by .button-asc:hover, .latest-blog .readmore:hover, .product-view .product-next-prev a:hover {
        background: #ff6700;
        color: #fff
    }

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

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

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

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

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

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

    .latest-blog .blog-img img {
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -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: .4s ease-in-out .5s;
    -moz-transition: .4s ease-in-out .5s;
    -o-transition: .4s ease-in-out .5s;
    -ms-transition: .4s ease-in-out .5s;
    transition: .4s ease-in-out .5s
}

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

.blog-img a.info {
    opacity: 0;
    -webkit-transition: .3s ease-in-out .1s;
    -moz-transition: .3s ease-in-out .1s;
    -o-transition: .3s ease-in-out .1s;
    -ms-transition: .3s ease-in-out .1s;
    transition: .3s ease-in-out .1s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #ff6700;
    color: #fff;
    font-size: 11px;
    border: double #fff
}

.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: 0.3s;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s
}

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

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

.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-small_img, .blog-preview_image img {
        float: left;
        width: 100%
    }

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

    #poll-answers, .blog-preview_info h4 {
        margin-bottom: 10px
    }

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

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

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

    .blog-preview_btn:focus, .blog-preview_btn:hover {
        color: #666;
        background: #fff;
        border: 1px solid #ddd;
        text-decoration: none
    }

.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
}

    #limiter li li a:hover, #sort-by li li:hover a, .blog-preview_comments i, .box-category > ul > li ul > li ul > li a:hover, .filter-list dd.active, .footer-bottom .sites-list li a:hover, .order-list-box .order-list li.active a {
        color: #ff6700
    }

.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_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_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
}

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

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

    .blog-inner .blog-preview_item .blog-preview-item-inner:hover {
        -webkit-transition: .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: 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
}

.button-checkout:before, .button-clear:before, .button-compare:before, .button-subscribe:before, .button-vote:before {
    font-size: 12px;
    padding-right: 5px;
    font-weight: 400;
    font-family: FontAwesome
}

.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
}

.footer-service-policies .service-policy, .image-hover2 a, .input-file {
    position: relative;
    display: inline-block
}

    .image-hover2 a:after {
        overflow: hidden;
        position: absolute;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        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: 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;
        -o-transition: opacity .3s;
        transition: opacity .3s
    }

.block-account .block-content li a, .block-company li a, .box-category > ul > li ul > li > a {
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out
}

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

#category-desc-slider:hover .owl-theme .owl-controls, .dropdown.dropdown--active > .dropdown__container, .hover-element.hover--active .hover-element__reveal, .hover-element:hover .hover-element__reveal, .image-hover2 a:hover:before, .modal-container .modal-content .modal-close-cross:hover, .notification .notification-close-cross:hover, .tabs:hover, .tabs > .active, .videobg.video-active .container, body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container, body:not(.dropdowns--hover) .dropdown.dropdown--hover:hover > .dropdown__container, form[action*='createsend.com'].form--active *, form[action*='list-manage.com'].form--active * {
    opacity: 1
}

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

#category-desc-slider, .block {
    margin: 0 0 30px
}

.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 solid #ddd;
    height: 80px;
    line-height: 75px;
    margin: 0 10px
}

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

.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, .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"
}

.button-compare:before {
    content: "\f012"
}

.button-clear:before {
    content: "\f12d"
}

.button-subscribe:before {
    content: "\f0e0"
}

.button-vote:before {
    content: "\f164"
}

.block .block-title, .side-nav-categories .block-title {
    border-bottom: 1px solid #e5e5e5;
    font-weight: 700;
    line-height: normal;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.block {
    background: #fff;
    position: relative
}

    .block .block-title {
        color: #000;
        margin: 0;
        padding: 15px
    }

        .block .block-title:after {
            display: block;
            position: absolute;
            height: 17px
        }

        .block .block-title a, .card p a, .lb-close:hover, .menu-fullscreen a:hover, .menu-horizontal > li a:hover, .notification.side-menu .menu-vertical li a:hover, .tweets-feed .user a:hover, a[data-notification-link], a[data-notification-link]:hover, p > .btn, ul:not([class*=menu]) li > a:hover {
            text-decoration: none
        }

    .block .block-content .item, .block-compare li, .block-related li, .block-reorder li {
        padding: 5px 0
    }

    .block .btn-edit, .block .btn-remove {
        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
    }

.block .empty, .dropdown .dropdown__content:not([class=bg--dark]) .menu-vertical a {
    color: #666
}

.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;
    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%
    }

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

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

.block-layered-nav dt .toggleBtn, ul#magicat li .open-close {
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 30px;
    background: url("../images/leftNav.png") 2px 3px no-repeat
}

.side-nav-categories .block-title {
    color: #000;
    margin: 0;
    padding: 20px 15px 15px
}

    .side-nav-categories .block-title:after {
        display: block;
        position: absolute;
        height: 16px
    }
    .side-nav-categories .block-title:after {
        border-bottom: 2px solid #009bce;
        width: 100px;
    }

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

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

        .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, .filter-list-wrap:first-child, .filter-selected-list-wrap:first-child, .full-toggle-wrap: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.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 > 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 a.active, .cover .typed-headline .type--bold, .h3 strong, .masonry-blog-magazine .masonry__item a, .menu-vertical li a, .pagination a, h3 strong, ul:not([class*=menu]) li > a {
        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 a:hover {
        text-decoration: none;
        color: #000
    }

    .box-category > ul > li ul > li > a {
        margin: 0 !important;
        padding: 3px 16px !important;
        color: #222;
        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 {
        margin: 4px 8px !important;
        padding: 0 16px !important
    }

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

.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 0 15px;
    padding: 0 5px
}

.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;
        color: #666
    }

.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 .block-layered-nav .price .sub, .sidebar a {
    color: #222;
    font-size: 13px
}

.block .actions a, .sidebar .link-cart, .sidebar .link-reorder {
    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
}

.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 solid #fff;
        border-bottom: 1px solid #ddd
    }

        .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
        }

.box-reviews .review .review-txt.last, .sidebar .block-content li.last, li .list {
    border-bottom: none
}

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

    .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 .block-content, .sidebar .block .block-content, .sidebar .block-content {
    padding: 15px
}

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

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

.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 .nobr small, .block-cart .mini-products-list .product-details .product-name {
        word-wrap: break-word
    }

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

button.button {
    background: #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 solid #d1d1d1;
    border-radius: 0
}

.button:hover, .products-list .product-shop .btn-cart:hover {
    background: #ff6700;
    color: #fff;
    border: 1px solid #ff6700
}

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

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

.block-cart .block-content .summary .subtotal .label {
    background: none;
    border-radius: 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
}

    .ajax-checkout a {
        border: 0 solid #dc436b;
        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 solid #111;
            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 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, .col-right .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 img, .slider.boxed--border .slides li, img.promo.border--round {
    border: 1px solid #ececec
}

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

    .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 .block-content ul li a.product-image img {
    border: 1px solid #ddd
}

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

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

.block-related .product, .block-reorder .product-name, .section-services ul li .wrap {
    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-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, .block-poll, .block-subscribe, .block-tags {
    background-color: #fff;
    padding: 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 0 10px;
    padding: 0 0 10px;
    position: relative;
    border-bottom: 1px solid #ececec;
    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-compared li, .block-viewed li {
    padding: 3px 0 !important;
    list-style: none
}

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

    .block-company li:before, .block-compared li:before, .block-viewed li:before {
        content: '\f105';
        padding-right: 6px;
        color: #444;
        vertical-align: top;
        font-family: FontAwesome
    }

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

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

.block-compared li span, .block-viewed 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, .block-viewed li:before {
    font-size: 13px
}

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

#recently-compared-items .product-name, #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;
        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:before {
    font-size: 14px
}

#recently-compared-items .product-name a {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 0
}

    #recently-compared-items .product-name a:hover {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none
    }

.block-poll label {
    margin-bottom: 0;
    overflow: hidden;
    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;
    padding: 0
}

.block-poll .votes {
    float: right;
    margin-left: 10px
}

.block-tags li, .block-tags ul {
    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 .input-text {
    width: 90%;
    background: #f7f7f7;
    border: 1px solid #f7f7f7;
    color: #aaa;
    padding: 10px 7px;
    font-size: 13px
}

    .block-subscribe .input-text:focus {
        background: #fff;
        border: 1px solid #ddd;
        color: #333;
        font-size: 13px;
        outline: 0;
        padding: 10px 7px;
        vertical-align: middle
    }

.form-subscribe-header {
    font-size: 14px;
    margin-bottom: 5px;
    color: #222
}

.required, .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: #f7f7f7;
    border: 1px solid #f0f0f0;
    outline: 0;
    padding: 8px 10px;
    width: 88%
}

.group-select li {
    list-style: 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 solid #ddd;
    border-top: 1px solid #fff
}

    .block-company li a {
        padding: 0 5px;
        text-decoration: none
    }

        .block-company li a:hover {
            padding: 0 5px;
            color: #000
        }

    .block-company li:before {
        font-size: 14px;
        display: inline-block
    }

    .block-company li.last {
        padding: 10px 0 !important;
        border-bottom: 0 solid #eaeaea;
        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
    }

.custom-slider .link, .custom-slider h3 a {
    font-weight: 700;
    text-transform: uppercase
}

.block-reorder input.checkbox {
    float: left;
    margin: 3px -20px 0 0
}

.block-banner a img {
    transition: .4s ease-out .2s
}

    .block-banner a img:hover {
        opacity: .5;
        -webkit-transition: .4s ease-out .2s;
        -moz-transition: .4s ease-out .2s;
        -o-transition: .4s ease-out .2s;
        transition: .4s ease-out .2s;
        background-color: #eee
    }

#carousel-example-generic .carousel-caption h3 a {
    font-size: 32px;
    color: #333;
    text-shadow: none
}

.carousel-indicators .active {
    background-color: #666
}

.carousel-indicators li {
    border: 1px solid #444
}

.hot-banner {
    margin-bottom: 35px
}

.custom-slider {
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 5px
}

    .custom-slider h3 a {
        text-shadow: none;
        color: #fff;
        font-size: 36px
    }

    .custom-slider .carousel-caption {
        text-shadow: none;
        padding: 45px 15px 0 !important;
        height: 100%;
        background: rgba(255,255,255,.05);
        color: #333
    }

#carousel-example-generic {
    background: #fff !important
}

    #carousel-example-generic .carousel-caption {
        width: 100%;
        left: 0;
        right: 0;
        padding: 0;
        top: 0
    }

.custom-slider .carousel-indicators {
    width: auto;
    margin-left: -20px
}

.boxed, .boxed .background-image-holder, .boxed:before, .custom-slider img, .theme--square .border--round, .theme--square .btn {
    border-radius: 0
}

.custom-slider .link {
    border: 1px solid #333;
    display: inline-block;
    margin-top: 20px;
    background: rgba(255,255,255,.5);
    color: #333;
    font-size: 12px;
    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.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
    }

    .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: 22px;
        font-family: Ff232d,"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif
    }

    .section-services ul li .txt {
        position: absolute;
        left: 200px;
        width: 288px;
        top: 50px;
        font-size: 16px;
        line-height: 30px;
        margin-top: 50px;
        color: #474c51
    }

    .section-services ul li .shadow {
        width: 120px;
        height: 347px;
        position: absolute;
        right: -1px;
        top: 0;
        z-index: 9;
        display: block
    }

    .section-services.preload .item01 .shadow {
        background: url("https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/images/shadow01.png") no-repeat
    }

    .section-services.preload .item03 .shadow {
        background: url("https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/images/shadow03.png") no-repeat
    }

    .section-services.preload .item04 .shadow {
        background: url("https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/images/shadow04.png") no-repeat
    }

    .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(https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/images/line.png) no-repeat
    }

.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.next, .category-description a.prev {
    margin: 125px 6px 0 5px
}

.cat-img-title.cat-box {
    margin: 0;
    text-align: left;
    left: 20px;
    top: 5px;
    padding: 110px 45px 25px;
    position: absolute
}

.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
}

.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-weight: 600;
    text-decoration: none;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
    font-size: 0px;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 0;
    background: #222;
    opacity: 1;
    border: 1px solid #222;
    margin-top: -15px
}

    .category-description .slider-items-products .owl-buttons a:hover {
        background: #ff6700;
        opacity: 1;
        border: 1px solid #ff6700;
        color: #fff
    }

.category-description .owl-item .item {
    margin: auto;
    background: #fff
}

.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-prev 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, .category-description .slider-items-products .owl-buttons .owl-prev a:before {
    font-size: 24px;
    padding: 0 10px;
    line-height: 18px
}

.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: "\f105";
    text-transform: none;
    font-size: 32px;
    line-height: 12px
}

.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
}

.pages .pagination {
    margin: auto
}

.pager .pages li a {
    box-shadow: none;
    padding: 6px 12px;
    border-radius: 3px;
    background: #fff;
    color: #333;
    border: 1px solid #e5e5e5
}

    .pager .pages li a:hover {
        color: #fff;
        border: 1px solid #ff6700;
        background: #ff6700
    }

.pages .pagination > .active > a, .pages .pagination > .active > a:focus, .pages .pagination > .active > a:hover, .pages .pagination > .active > span, .pages .pagination > .active > span:focus, .pages .pagination > .active > span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #ff6700 !important;
    border-color: #ff6700;
    border-radius: 3px;
    border-width: 1px;
    padding: 6px 12px
}

.sorter, ul.products-grid {
    padding: 0;
    margin: 0
}

    .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;
    display: inline-block;
    width: 100%
}

    .feature-large-7.switchable .boxed div[class*=col-]:only-child, .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 solid #eaeaea;
    border-radius: 3px
}

.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
}

    #limiter ul, #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: 0;
        padding: 5px 15px;
        position: relative;
        /*width: 100px;*/
        float: left;
        color: #333;
        border-radius: 3px;
        border: 1px solid #e5e5e5;
        background: #fff
    }

        #sort-by li li {
            width: 100px;
            margin-top: 0;
            border-top: none;
            border-right: none;
            border-left: none
        }

            #sort-by li li:hover {
                background-color: #fff;
                color: #ff6700
            }

    #sort-by ul ul {
        position: absolute;
        left: -1px;
        background: #f8f8f8;
        border: 1px solid #f5f5f5
    }

        #limiter ul ul ul, #sort-by ul ul ul {
            position: absolute;
            left: 100%;
            top: -2px;
            border: 1px solid transparent
        }

    #limiter li:hover > ul, #sort-by li:hover > ul {
        visibility: visible
    }

.right-arrow:after {
    content: "\f107";
    font-family: FontAwesome;
    color: #666;
    font-size: 14px
}

#limiter {
    float: right;
    font-size: 14px;
    margin-top: 0
}

    #limiter a:link, #limiter a:visited {
        text-decoration: none;
        border: 0 solid #ddd;
        border-radius: 3px;
        display: inline-block;
        padding: 0
    }

    #limiter li, .toolbar .button-list {
        border: 1px solid #e5e5e5;
        float: left;
        color: #333
    }

    #limiter li {
        cursor: pointer;
        margin: 0 auto;
        outline: 0;
        padding: 5px 0 5px 10px;
        position: relative;
        width: 50px;
        text-align: left;
        background-color: #fff;
        border-radius: 0
    }

    #limiter .right-arrow {
        float: right;
        margin-left: 6px
    }

    #limiter li li {
        width: 50px
    }

    #limiter ul ul {
        position: absolute;
        left: -1px;
        background: #fff;
        color: #000;
        border: 0 solid #f5f5f5
    }

.toolbar .button-list {
    background: url(https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/images/icon_list.png) 8px 8px no-repeat #fff;
    text-transform: none;
    padding: 8px 8px 0 21px;
    border-radius: 3px
}

.toolbar a.button-grid {
    background: url(https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/images/icon_grid.png) 8px 8px no-repeat #fff;
    text-transform: none;
    padding: 8px 8px 0 21px;
    color: #333;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    float: left
}

.toolbar span.button-active.button-grid {
    background: url(https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/images/icon_grid_act.png) 8px 8px no-repeat #ff6700;
    color: #fff;
    padding: 8px 8px 0 21px;
    margin-right: 5px;
    border: 1px solid #ff6700;
    border-radius: 3px;
    display: inline-block;
    float: left
}

.toolbar span.button-active.button-list {
    background: url(https://clicflyercdnlive-vrz.azureedge.net/websiteimages/NewHome/images/icon_list_over.png) 8px 8px no-repeat #ff6700;
    color: #fff;
    margin-left: 5px;
    padding: 8px 8px 0 21px;
    border: 1px solid #ff6700;
    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 .actions, .toolbar .sorter .sort-by {
    margin-right: 30px
}

.pager .limiter label, .toolbar label {
    display: inline;
    float: left;
    margin-right: 10px;
    padding: 6px 0;
    font-size: 13px;
    font-weight: 400
}

.pager .amount {
    margin-right: 20px
}

.products-list .item {
    padding: 20px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    background: #fff;
    margin-bottom: 30px
}

    .products-list .item a:hover {
        color: #ff6700;
        transition: .3s linear;
        -moz-transition: .3s linear;
        -webkit-transition: .3s linear
    }

.products-list .actions .add-to-links a.link-compare, .products-list .actions .add-to-links a.link-wishlist {
    font-size: 10px;
    margin: 0 8px 0 0;
    padding: 7px 15px;
    background-color: #fff;
    transition: .3s linear;
    vertical-align: top;
    display: inline-block;
    text-decoration: none
}

.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
}

.products-list .ratings {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    position: relative;
    margin: 0;
    left: 0;
    bottom: auto;
    border-radius: 0
}

.box-reviews .form-add h4, .products-list .old-price .price {
    font-size: 15px
}

.separator {
    color: #999
}

.products-list .product-image {
    float: left;
    width: 28%
}

.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 .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 span {
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase
    }

.link-compare, .link-wishlist {
    color: #666;
    text-shadow: none;
    border: none;
    box-shadow: none
}

    .link-compare:hover, .link-wishlist:hover {
        color: #666;
        text-shadow: none;
        border: none;
        box-shadow: none;
        background: 0 0
    }

.link-compare, .link-edit, .link-friend, .link-wishlist {
    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-weight: 700;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    border: 1px solid #d1d1d1;
    border-radius: 0
}

    .products-list .actions .add-to-links a.link-compare span, .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-weight: 700;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    letter-spacing: .5px;
    border: 1px solid #d1d1d1;
    border-radius: 0
}

.products-list .actions .add-to-links a.link-wishlist:hover {
    text-decoration: none
}

a.button.detail-bnt span {
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 2px;
    font-weight: 700;
    margin-left: 6px;
    display: none
}

.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) 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-table td, .ratings-table th {
    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 .price, .special-price .price {
    font-size: 14px;
    color: #000
}

.old-price {
    display: inline;
    margin-right: 15px
}

    .old-price .price {
        color: #999 !important;
        font-size: 13px;
        font-weight: 400;
        text-decoration: line-through;
        margin-left: 6px
    }

.product-view {
    background: #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
}

.imagebg .video-cover .video-play-icon, .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 solid #ddd
}

.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 .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-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
}

.recommend {
    margin: 20px auto;
    position: relative
}

    .recommend .controls .prev {
        right: 36px
    }

.product-view .product-options-bottom button.button.btn-cart span, .product-view .product-shop .add-to-box button.button.btn-cart span {
    background: 0 0;
    margin-left: 5px
}

.product-additional .block-product-additional {
    margin: 0;
    background: #fff;
    border: 1px solid #d1d1d1;
    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;
    background: #f7f7f7
}

.product-additional .block-product-additional .block-content {
    padding: 18px 12px 10px;
    text-align: center;
    line-height: 20px
}

.block .block-content {
    border-top: none;
    font-size: 13px;
    overflow: hidden;
    padding: 15px 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 .email-friend a, .product-view .product-shop .add-to-links .link-compare, .product-view .product-shop .add-to-links .link-wishlist {
    width: 45px;
    line-height: 36px;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    text-align: center;
    vertical-align: top;
    height: 40px
}

.product-view .short-description {
    font-size: 13px;
    padding: 20px 0;
    border-bottom: 1px dotted #ddd
}

    .product-view .short-description h2 {
        font-size: 14px;
        color: #333;
        margin: 0 0 5px;
        font-weight: 700;
        letter-spacing: .5px
    }

    .product-view .short-description p {
        font-size: 13px;
        margin: 0;
        color: #222;
        letter-spacing: .5px
    }

.product-view .product-shop .add-to-box {
    padding: 20px 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 .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
        margin-left: 12px;
        border: none;
        height: 40px;
        text-transform: uppercase;
        background: #ff6700;
        color: #fff
    }

        .product-view .product-shop .add-to-box .btn-cart:hover {
            text-shadow: none
        }

.email-addto-box {
    display: inline-block;
    margin-left: 5px
}

#product-options-wrapper .price-notice .price, .account-login .content p.required, .footer-bottom .site-switch [class^=iconfont], .footer-nav .customer-service-time, .product-view .email-friend a span, .product-view .product-shop .product-pricing .price {
    font-size: 12px
}

.product-view .promo-banner {
    margin-top: 20px
}

.product-view .product-shop ul.add-to-links {
    margin: 0;
    padding: 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 .email-friend a:hover, .product-view .product-shop .add-to-links li a:hover {
    color: #fff;
    background: #ff6700;
    border: 1px solid #ff6700
}

.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: "\f0e0";
        font-family: FontAwesome;
        font-size: 16px
    }

    .product-view .email-friend a, .product-view .product-shop .add-to-links .link-compare {
        display: block;
        border: 1px solid #ececec;
        color: #999;
        border-radius: 0
    }

.product-view .product-shop .add-to-links .link-wishlist:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 14px
}

.product-view .product-shop .add-to-links .link-wishlist {
    font-weight: 400;
    display: block;
    border: 1px solid #ececec;
    color: #999;
    border-radius: 0
}

.product-view .product-shop .add-to-links .link-compare:before {
    content: "\f012";
    font-family: FontAwesome;
    font-size: 14px
}

.product-view .product-shop ul.add-to-links a {
    padding: 0;
    margin: 0;
    display: block
}

.product-view .product-shop .ratings {
    padding: 18px 0;
    margin: auto auto auto 0;
    border-bottom: 1px dotted #ddd;
    position: relative;
    bottom: auto;
    border-radius: 0;
    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: 11px;
        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-right: 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: #fff;
    border: none;
    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: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-box {
    display: block;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px dotted #ddd;
    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;
    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
}

.related-pro .home-block-inner .pretext, .upsell-pro .home-block-inner .pretext {
    font-weight: 300;
    margin-right: 25px;
    line-height: 24px;
    float: right;
    margin-left: 25px
}

.add-to-cart .qty, .qty-holder .qty {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    font-size: 15px;
    font-weight: 700
}

.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 .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    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 solid #ff6700;
        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 {
    background: 0 0;
    margin: 25px 0 0;
    padding: 8px 0 0;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid transparent
}

#productTabContent {
    padding: 15px 20px;
    background: #fff;
    border-top: none
}

.product-tabs li a {
    color: #424242;
    margin-right: 0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    padding: 0;
    letter-spacing: 1px;
    border: none
}

.product-tabs li.active a {
    background: #fff;
    color: #333;
    padding: 12px;
    border: 2px solid #333
}

.nav-tabs.product-tabs > li {
    display: inline-block;
    float: none;
    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:focus, .nav-tabs > li.active > a:hover {
    border: none;
    color: #ff6700;
    background: 0 0
}

.nav-tabs > li > a:hover {
    border: none;
    color: #ff6700;
    transition: .3s cubic-bezier(.8, 0, 0, 1)
}

.tab-content {
    background-color: inherit;
    padding: 5px 0 20px;
    overflow: hidden;
    font-size: 13px;
    line-height: normal;
    margin-top: 0;
    letter-spacing: .5px
}

.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;
    padding: 8px 14px;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    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: .3s linear;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    border: 1px solid #ff6700;
    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, #customer-reviews h5 {
        display: inline;
        font-size: 14px
    }

.box-reviews dt {
    font-size: 18px;
    padding: 20px 0 10px
}

#customer-reviews .page-title h2 {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    margin-top: 0;
    padding: 2px 0 10px;
    position: relative;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #ccc
}

.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 {
        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
}

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: .3s linear;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    vertical-align: top;
    border: 1px solid #ccc;
    padding: 6px 14px;
    text-transform: uppercase;
    border-radius: 00px
}

.box-reviews .form-list input.input-text, .box-reviews .form-list input.input-text:focus {
    width: 80%;
    margin-bottom: 4px;
    border: 1px solid #ddd;
    box-shadow: 0 0 0 rgba(0,0,0,.1) inset;
    padding: 10px;
    background: #fff;
    line-height: 20px
}

.button.view-all:hover {
    background: #ff6700;
    transition: .3s linear;
    -moz-transition: .3s linear;
    -webkit-transition: .3s linear;
    border: 1px solid #ff6700;
    color: #fff;
    text-decoration: none
}

.product-view .product-next-prev .product-next, .product-view .product-next-prev .product-prev {
    width: 26px;
    height: 26px;
    color: #666;
    position: absolute;
    z-index: 10000;
    top: 4px;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    text-align: center;
    display: inline-block
}

.box-reviews .form-add h3 {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400
}

.box-reviews textarea {
    width: 95%;
    margin-top: 4px;
    height: 8em;
    background: #fff
}

.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: 0;
    width: 100%
}

.review1 {
    display: inline-block;
    width: 45%;
    float: left
}

.review2 {
    display: inline-block;
    width: 55%
}

#product-review-table {
    margin: 10px 0;
    border: none;
    width: 100%
}

    #product-review-table td, #product-review-table th {
        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, .review2 label {
    color: #333;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px
}

.box-reviews .form-list input.input-text {
    border-radius: 3px
}

.box-reviews textarea {
    border: 1px solid #ddd;
    padding: 10px;
    outline: 0;
    color: #aaa;
    border-radius: 3px
}

button.button.submit:before {
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 11px;
    padding-right: 8px
}

#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
}

.box-cross-sell .flex-direction-nav a, .box-up-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 solid #ddd;
    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
}

.mini-products-list .price-box .price {
    margin-right: 10px
}

.product-view .product-next-prev .product-next {
    font-size: 18px;
    line-height: 22px;
    right: 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 999px;
    border: 1px solid #ddd
}

    .product-view .product-next-prev .product-next:before {
        content: "\f105";
        font-family: FontAwesome
    }

    .product-shop .product-next-prev .product-prev:hover, .product-view .product-next-prev .product-next:hover {
        color: #fff;
        background: #ff6700;
        text-decoration: none;
        border: 1px solid #ff6700
    }

.product-view .product-next-prev .product-prev {
    font-size: 18px;
    line-height: 24px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 999px;
    right: 45px;
    border: 1px solid #ddd
}

.related-pro .home-block-inner:after, .upsell-pro .home-block-inner:after {
    border-style: solid;
    content: "";
    top: 6%;
    z-index: 10;
    display: block;
    position: absolute;
    height: 0;
    width: 0
}

.product-view .product-next-prev .product-prev:before {
    content: "\f104";
    font-family: FontAwesome
}

.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-bottom .btn-cart {
    font-size: 18px;
    text-shadow: none;
    padding: 7px 20px;
    float: left;
    margin-top: 0;
    font-weight: 400;
    transition: color .3s ease-in-out,background-color .3s ease-in-out,background-position .3s ease-in-out;
    margin-left: 10px;
    border: none;
    background: #34d1c6;
    color: #fff
}

    .product-view .product-shop .product-options-bottom .btn-cart:hover {
        text-shadow: none;
        background: #202726;
        color: #fff
    }

.product-view .product-options-bottom button.button.btn-cart span {
    background: 0 0;
    margin-left: 10px;
    font-size: 14px
}

.product-view .product-shop ul.product-pricing {
    margin-top: 5px
}

#cloud-zoom-big {
    border: 1px solid #ddd;
    z-index: 10000 !important
}

.product-shop button.button.btn-cart:before {
    content: "\f07a";
    font-family: FontAwesome;
    margin-right: 10px
}

.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 {
        left: 23%;
        border-width: 15px 0 15px 20px;
        border-color: transparent transparent transparent #c9ced1;
        right: inherit
    }

.related-pro .block-content {
    margin-left: 24.7%;
    padding: 0 15px;
    width: 76.5%
}

.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
}

.owl-theme .owl-controls.clickable .owl-page:hover span, .related-pro .owl-theme .owl-controls .owl-page.active span, .upsell-pro .owl-theme .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #000 !important
}

.related-pro .owl-theme .owl-controls .owl-page span, .upsell-pro .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    border: none;
    margin-right: 6px;
    background: #fff
}

.related-pro .home-block-inner .pretext {
    margin-top: 0;
    color: #fff;
    font-size: 14px;
    text-transform: none;
    letter-spacing: .5px;
    opacity: .8
}

.related-pro a.view_more_bnt, .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
}

.featured-pro .block-title h2, .upsell-pro .block-title h2 {
    margin: auto;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: 1px
}

.related-pro a.view_more_bnt:hover, .upsell-pro a.view_more_bnt:hover {
    background: rgba(0,0,0,.4);
    color: #fff
}

.upsell-pro {
    margin-top: 25px;
    margin-bottom: 15px
}

    .upsell-pro .home-block-inner {
        background: #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-width: 15px 20px 15px 0;
            right: 23%
        }

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

    .upsell-pro .block-title h2 {
        color: #fff
    }

    .upsell-pro .home-block-inner .pretext {
        margin-top: 0;
        color: #fff;
        font-size: 14px;
        text-transform: none;
        letter-spacing: .5px;
        opacity: .6
    }

.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: 55px 124px 100px;
    overflow: hidden
}

.form-error, .form-success {
    margin-top: 1.5625em;
    padding: .78125em;
    position: fixed;
    min-width: 350px;
    bottom: 1.5625em;
    z-index: 999
}

.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: .5em 0 1em
}

.static-section-inner ol, .static-section-inner ul {
    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: 24px 0 0;
        padding: 0;
        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 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
    }

.menu-horizontal > li > .modal-instance > .modal-trigger, .menu-horizontal > li > a, .menu-horizontal > li > span {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    color: #252525
}

.dropdown .dropdown__container {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 999
}

    .dropdown .dropdown__container .dropdown__container:before {
        height: 0
    }

.dropdown .dropdown__content:not([class*=col-]) {
    width: 18.57142857em
}

.dropdown .dropdown__trigger {
    cursor: pointer;
    user-select: none
}

form {
    position: relative
}

    form + form {
        margin-top: 30px
    }

    form:after, form:before {
        content: ".";
        display: block;
        height: 0;
        overflow: hidden
    }

    .accordion li .accordion__content > *, .bar.bg--dark .logo-dark, .bar:not(.bg--dark):not(.bar--transparent) .logo-light, .flickity-prev-next-button svg, .input-checkbox input, .input-file input, .input-radio input, .input-select input, .modal-instance .modal-body, .slider[data-children="1"] .flickity-prev-next-button, .slides:not(.flickity-enabled) li.imagebg:not(:first-child), .tabs .tab__content, .twitter-feed .interact, .twitter-feed .user, .wizard__step .wizard__title, .wizard__step:not(.active), form[action*='createsend.com'] .input-checkbox + br, form[action*='createsend.com'] br, form[action*='createsend.com'].no-labels label, form[action*='list-manage.com'].no-labels label {
        display: none
    }

label {
    margin: 0;
    font-weight: 400
}

input[type]:active, input[type]:focus, select:active, select:focus, textarea:active, textarea:focus {
    outline: 0
}

input[type]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #b3b3b3;
    font-size: 1.14285714em
}

input[type]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
    color: #b3b3b3;
    font-size: 1.14285714em
}

input[type]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #b3b3b3;
    font-size: 1.14285714em
}

input[type]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #b3b3b3;
    font-size: 1.14285714em
}

.account-login .page-title, .account-login .page-title h2 {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px
}

input[type=image] {
    border: 0;
    padding: 0
}

textarea {
    display: block;
    width: 100%
}

select {
    cursor: pointer;
    padding-right: 1.85714286em;
    -webkit-appearance: none
}

    select::ms-expand {
        display: none
    }

input[type=submit] {
    background: #4a90e2;
    outline: 0;
    border: none;
    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[type=submit].btn--loading {
    position: relative;
    overflow: hidden;
    pointer-events: none;
    color: transparent
}

    .slider[data-arrows=true].slider--arrows-hover:not(:hover) .flickity-prev-next-button, .slides:not(.flickity-enabled) li.imagebg:first-child .container, [data-tooltip]:not(:hover):after, button[type=submit].btn--loading *, button[type=submit].btn--loading .btn__text {
        opacity: 0
    }

    button[type=submit].btn--loading:after {
        content: '';
        position: absolute;
        width: 0;
        height: 100%;
        animation: 1.5s ease-out infinite load;
        left: 0;
        top: 0
    }

button:focus {
    outline: 0 !important
}

.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
}

.accordion li .accordion__title, .tabs > li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.input-checkbox .inner {
    width: 1.85714286em;
    height: 1.85714286em;
    border-radius: 6px
}

.input-radio .inner {
    width: 1.85714286em;
    height: 1.85714286em;
    border-radius: 50%
}

.input-select i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 1em;
    font-size: .87em
}

.form-error {
    background: #d84d4d;
    color: #fff;
    left: 50%;
    transform: translate3d(-50%,0,0);
    -webkit-transform: translate3d(-50%,0,0);
    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 {
    background: #1dc020;
    color: #fff;
    left: 50%;
    transform: translate3d(-50%,0,0);
    -webkit-transform: translate3d(-50%,0,0);
    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__content, .accordion li .accordion__content *, .accordion li .accordion__title, .video-cover .background-image-holder, .video-cover .video-play-icon {
    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;
    user-select: none
}

.accordion li:last-child .accordion__title, .tweets-feed-1 li:not(:last-child), section.border--bottom:not([data-gradient-bg]), table tr:not(:last-of-type) {
    border-bottom: 1px solid #ececec
}

.accordion li .accordion__content {
    opacity: 0;
    visibility: hidden;
    max-height: 0
}

.accordion li.active .accordion__content > *, .breadcrumb, .order-list-box .type-list .type-list-inner span.tips, .tabs > li, .typed-text {
    display: inline-block
}

.accordion li .accordion__content > :first-child {
    padding-top: 0
}

.accordion li .accordion__content > :last-child, .unpad--bottom {
    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
}

.breadcrumb {
    padding: 0;
    margin: 0;
    background: 0 0
}

    .breadcrumb li + li:before {
        padding: 0 .46428571em
    }

.radial .radial__label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    margin-bottom: 0
}

.tabs > li {
    opacity: .5;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    user-select: none
}

.tabs .tab__title:not(.btn) {
    padding: 0 1.85714286em
}

.tabs-content {
    margin-top: 1em
}

    .tabs-content li > .tab__content {
        width: 100%;
        display: none
    }

.account-login {
    background: #fff;
    margin: 0;
    overflow: hidden;
    padding: 15px 20px
}

    .account-login .page-title {
        border-bottom: 1px solid #e5e5e5;
        font-weight: 600;
        padding: 5px 0 10px;
        position: relative
    }

        .account-login .page-title h2 {
            font-weight: 300
        }

    .account-login .form-list input.input-text {
        background: #fff;
        border: 1px solid #f0f0f0;
        padding: 10px;
        width: 80%;
        margin-top: 5px;
        outline: 0;
        margin-bottom: 10px
    }

    .account-login .col2-set .col-1 {
        float: left;
        text-align: left;
        width: 49%;
        min-height: 362px;
        background: #fff;
        border-right: 0px solid #eaeaea;
        padding: 25px 25px 0 0;
        margin-bottom: 15px
    }

.video-play-icon.bg--primary:before, .video-play-icon.video-play-icon--dark:before {
    border-color: transparent transparent transparent #fff
}

.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 .form-list label {
        font-size: 13px;
        color: #333;
        margin-bottom: 5px;
        font-weight: 300
    }

.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
    }

img + .boxed {
    margin-top: -1.85714286em
}

.slides:not(.flickity-enabled) li.imagebg:first-child {
    background: #252525;
    animation: .5s infinite alternate backgroundLoad
}

@keyframes backgroundLoad {
    0% {
        background: #252525
    }

    100% {
        background: #3f3f3f
    }
}

.slider.height-10 .slides .flickity-slider > li, section.slider.height-10 .slides .flickity-slider > li {
    height: 10vh;
    padding: 0
}

.slider.height-20 .slides .flickity-slider > li, section.slider.height-20 .slides .flickity-slider > li {
    height: 20vh;
    padding: 0
}

.slider.height-30 .slides .flickity-slider > li, section.slider.height-30 .slides .flickity-slider > li {
    height: 30vh;
    padding: 0
}

.slider.height-40 .slides .flickity-slider > li, section.slider.height-40 .slides .flickity-slider > li {
    height: 40vh;
    padding: 0
}

.slider.height-50 .slides .flickity-slider > li, section.slider.height-50 .slides .flickity-slider > li {
    height: 50vh;
    padding: 0
}

.slider.height-60 .slides .flickity-slider > li, section.slider.height-60 .slides .flickity-slider > li {
    height: 60vh;
    padding: 0
}

.slider.height-70 .slides .flickity-slider > li, section.slider.height-70 .slides .flickity-slider > li {
    height: 70vh;
    padding: 0
}

.slider.height-80 .slides .flickity-slider > li, section.slider.height-80 .slides .flickity-slider > li {
    height: 80vh;
    padding: 0
}

.slider.height-90 .slides .flickity-slider > li, section.slider.height-90 .slides .flickity-slider > li {
    height: 90vh;
    padding: 0
}

.slider.height-100 .slides .flickity-slider > li, section.slider.height-100 .slides .flickity-slider > li {
    height: 100vh;
    padding: 0
}

.slider .slides.slides--gapless li[class*=col-], section > .row--gapless {
    padding-left: 0;
    padding-right: 0
}

.bar-stacked .logo, .cover .typed-headline, .feature-4 p:last-of-type, .heading-block, .process-3 li:not(:last-child), .slider[data-paging=true]:not(section) {
    margin-bottom: 3.71428571em
}

    .slider[data-paging=true]:not(section) .flickity-page-dots {
        bottom: -3.71428571em
    }

.bg--dark, .slider.controls--dark .flickity-page-dots .dot, .video-cover, .video-cover iframe {
    background: #252525
}

section.slider[data-paging=true] .flickity-page-dots {
    bottom: 1.85714286em
}

.flickity-page-dots .dot {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #252525;
    border: none;
    margin: 0 .46428571em
}

.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"
}

.hover-element {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

    .cta-2, .hover-element *, .instafeed a, .menu-vertical li, .project-thumb.hover-element.hover--active, .tabs .tab__title, [class*=input-] .inner, a.block > .feature, a[data-lightbox], article.feature-1 a img, article.imagebg:before, input, select, textarea {
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

    .hover-element .hover-element__reveal {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        height: 100%
    }

        .hover-element .hover-element__reveal .boxed, .project-thumb.hover-element [data-scrim-top]:before {
            height: 100%
        }

.masonry .masonry__container.masonry--active .masonry__item {
    opacity: 1;
    pointer-events: initial
}

.masonry .masonry__container .masonry__item, .notification, .video-cover.reveal-video[data-overlay]:before, .video-cover.reveal-video[data-scrim-bottom]:before, .video-cover.reveal-video[data-scrim-top]:before {
    pointer-events: none;
    opacity: 0
}

    .masonry .masonry__container .masonry__item article:hover, .masonry__item article.feature:hover {
        -webkit-transition: .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: 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
}

.feature.feature-1 a.block, .masonry .masonry__container .masonry__item a.block {
    margin: 0
}

.masonry .masonry__filters li.active, .process-stepper > li > span {
    cursor: default
}

.masonry.masonry--gapless .masonry__item {
    padding: 0 !important;
    margin-bottom: 0
}

.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%;
        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 .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, .notification .notification-close-cross:before {
                content: '\00D7';
                font-size: 1.5em
            }

        .modal-container .modal-content iframe {
            width: 100%;
            outline: 0;
            border: none;
            height: 100%;
            backface-visibility: hidden
        }

            .modal-container .modal-content iframe:first-child + .modal-close-cross:last-child {
                top: -3.71428571em
            }

.card__top, .gallery__image, .map-container, .testimonial {
    position: relative;
    overflow: hidden
}

    .map-container .map-canvas, .map-container iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }

.parallax .slides li > .background-image-holder, .parallax > .background-image-holder {
    height: 100%;
    min-height: 100vh;
    top: -50vh;
    transition: opacity .3s !important;
    -webkit-transition: opacity .3s !important;
    -webkit-transform-style: preserve-3d
}

.notification {
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    position: fixed;
    z-index: 99;
    padding: 0;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear
}

.videobg video, .youtube-background {
    height: 100%;
    top: 0;
    z-index: 0 !important
}

.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--reveal {
    z-index: 99;
    pointer-events: initial
}

    .notification.notification--reveal[data-animation=from-bottom] {
        animation: .3s linear forwards from-bottom;
        -webkit-animation: .3s linear forwards from-bottom;
        -moz-animation: .3s linear forwards from-bottom
    }

    .notification.notification--reveal[data-animation=from-top] {
        animation: .3s linear forwards from-top;
        -webkit-animation: .3s linear forwards from-top;
        -moz-animation: .3s linear forwards from-top
    }

    .notification.notification--reveal[data-animation=from-left] {
        animation: .3s linear forwards from-left;
        -webkit-animation: .3s linear forwards from-left;
        -moz-animation: .3s linear forwards from-left
    }

    .notification.notification--reveal[data-animation=from-right] {
        animation: .3s linear forwards from-right;
        -webkit-animation: .3s linear forwards from-right;
        -moz-animation: .3s linear forwards from-right
    }

.notification.notification--dismissed {
    animation: .4s linear forwards fade-out !important;
    -webkit-animation: .4s linear forwards fade-out !important;
    -moz-animation: .4s linear forwards fade-out !important;
    pointer-events: none
}

@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
}

.videobg {
    background: #252525;
    position: relative;
    overflow: hidden
}

    .videobg .background-image-holder, .videobg .container {
        opacity: 0;
        transition: .3s linear;
        -webkit-transition: .3s linear;
        -moz-transition: .3s linear
    }

    .videobg .background-image-holder {
        opacity: 0 !important
    }

    .videobg.video-active .loading-indicator {
        opacity: 0;
        visibility: hidden
    }

    .videobg video {
        object-fit: cover;
        min-width: 100%;
        position: absolute;
        left: 0
    }

.youtube-background {
    position: absolute;
    width: 100%
}

    .youtube-background .mb_YTPBar {
        opacity: 0;
        height: 0;
        visibility: hidden
    }

.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: 1s ease-in-out infinite loading-spinner;
    animation: 1s ease-in-out infinite loading-spinner;
    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 .background-image-holder {
    z-index: 3
}

.imageblock__content .modal-instance, .video-cover .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    -webkit-transform: translate3d(-50%,-50%,0)
}

.video-cover.reveal-video .background-image-holder, .video-cover.reveal-video .video-play-icon {
    opacity: 0 !important;
    pointer-events: none
}

.video-cover[data-overlay]:before, .video-cover[data-scrim-bottom]:before, .video-cover[data-scrim-top]:before {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    z-index: 4
}

.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:before {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -4px;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 12px
    }

    .video-play-icon.video-play-icon--dark {
        border-color: #252525;
        background: #252525
    }

div[class*=col-][class*='-12']:not([class*=xs-12]) .video-cover iframe {
    min-height: 550px
}

div[class*=col-][class*='-10'] .video-cover iframe {
    min-height: 450px
}

.map-container, div[class*=col-][class*='-8'] .video-cover iframe {
    min-height: 400px
}

.project-thumb.height-40, 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
    }
}

.color--primary {
    color: #4a90e2 !important
}

.color--primary-1 {
    color: #31639c !important
}

.color--primary-2 {
    color: #465773 !important
}

.bg--dark:not(.nav-bar):not(.bar), .bg--dark:not(.nav-bar):not(.bar) a:not(.btn), .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) p, .bg--dark:not(.nav-bar):not(.bar) span:not(.btn__text), .bg--primary a:not(.btn), .bg--primary h1, .bg--primary h2, .bg--primary h3, .bg--primary h4, .bg--primary h5, .bg--primary h6, .bg--primary i, .bg--primary p, .bg--primary span, .bg--primary ul, .color--white {
    color: #fff
}

.color--dark {
    color: #252525
}

.bg--site {
    background: #fff
}

.bg--secondary {
    background: #fafafa
}

.bg--primary {
    background: #4a90e2
}

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

.bg--white, .boxed:not([class*=bg-]), .category, .cta-2:hover {
    background: #fff
}

    .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
}

.feature-5:not([class*=bg-]), .hamburger-toggle i, .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, .social-list a, p strong {
    color: #252525
}

.bg--primary-1 a:not(.btn), .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, .bg--primary-1 p, .bg--primary-1 span, .bg--primary-1 ul, .bg--primary-2 a:not(.btn), .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, .bg--primary-2 p, .bg--primary-2 span, .bg--primary-2 ul, .image-bg:not(.image-light) :not(a), .imagebg:not(.image--light) .social-list a {
    color: #fff
}

.imagebg:not(.image--light) .bg--secondary {
    background: rgba(250,250,250,.2)
}

.bg--primary-1 {
    background: #31639c
}

.bg--primary-2 {
    background: #465773
}

.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
    }

    .allow-overflow, .imageblock.allow-overflow .imageblock__content {
        overflow: visible
    }

    .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
            }

form[action*='createsend.com'] *, form[action*='list-manage.com'] * {
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    opacity: 0
}

form[action*='createsend.com'] p > label:first-child, img.image--sm:not(:last-child) {
    margin-bottom: .92857143em
}

form[action*='list-manage.com'] h2 {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    color: #252525;
    font-variant-ligatures: common-ligatures;
    margin-top: 0;
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    margin-bottom: 1.36842105263158em;
    font-weight: 400
}

    .h4.inline-block + .h4.inline-block:not(.typed-text), form[action*='list-manage.com'] h2.inline-block + .h4.inline-block:not(.typed-text), h4.inline-block + .h4.inline-block:not(.typed-text) {
        margin-left: .68421052631579em
    }

form[action*='list-manage.com'] .small-meta {
    font-size: .5em
}

.twitter-feed .timePosted {
    font-size: .87em
}

[class*=transition--] {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    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(30vw,0,0);
    -webkit-transform: translate3d(30vw,0,0)
}

    .project-thumb.hover-element:not(.hover--active)[data-scrim-top]:hover .hover-element__reveal, .transition--slide.transition--active {
        transform: translate3d(0,0,0);
        -webkit-transform: translate3d(0,0,0)
    }

.switchable div[class*=col-]:first-child {
    float: left;
    right: auto
}

.switchable div[class*=col-]:last-child {
    float: right;
    left: auto
}

.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
}

.typed-text.typed-text--cursor:after {
    content: '|';
    font-size: 1.2em;
    -webkit-animation: .7s infinite blink;
    animation: .7s infinite blink;
    position: relative;
    right: 6px
}

@keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@-webkit-keyframes blink {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

[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-3 .menu-horizontal, .bar.bar--lg .logo, .bar.bar--xlg .logo {
        top: 0
    }

    .bar:not([class*=visible-]) + .bar, .btn.block + .btn.block, .lead + .btn:last-child {
        margin-top: .92857143em
    }

    .bar.bar--xs {
        padding: .46428571em 0
    }

    .bar.bar--sm, .nav-utility, .pricing-3 ul li {
        padding: .92857143em 0
    }

.container .row--gapless > div[class*=col-], section > .row--gapless > div[class*=col-] {
    padding: 0
}

.bar.bar--lg {
    padding: 2.78571429em 0
}

.bar.bar--xlg {
    padding: 4.64285714em 0
}

.back-to-top, .btn--cart, .menu-toggle {
    width: 3.71428571em
}

.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: .2s
    }

        .page-navigator ul:hover {
            background: rgba(0,0,0,.6)
        }

.boxed.bg--secondary .boxed, .table--alternate-column td:nth-child(2n), .table--alternate-row tbody tr:nth-child(2n), pre, table th {
    background: #fafafa
}

.page-navigator li a {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    transition: .2s;
    display: block;
    position: relative
}

    .page-navigator li a.inner-link--active {
        opacity: 1;
        animation: .5s bulge;
        -webkit-animation: .5s bulge
    }

@keyframes bulge {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }
}

@-webkit-keyframes bulge {
    0%,100% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.3)
    }
}

.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: .2s;
    white-space: nowrap
}

.page-navigator li a[data-title]:not(:hover):before {
    opacity: 0;
    transform: translateX(-20px)
}

.cart-total > div, .comment, .cover-slider, .cover.unpad--bottom, .feature-2, .feature-large .feature-large__group, .imagebg.border--round, .tabs-container.tabs--vertical, .tweets-feed-2 li, .video-cover.border--round, .wizard__controls, section.unpad {
    overflow: hidden
}

.container .row--gapless {
    padding-left: 15px;
    padding-right: 15px
}

@media all and (max-width:991px) {
    .text-left-sm {
        text-align: left
    }
}

.back-to-top, .btn--cart, .menu-toggle, hr[data-title] {
    text-align: center
}

footer, footer.section--even, section, section.section--even {
    padding-top: 7.42857143em;
    padding-bottom: 7.42857143em
}

.elements-title + section:not(.imagebg):not([class*=bg-]):not(.unpad), .notification.side-menu {
    padding-top: 1.85714286em
}

footer.space--xxs, section.space--xxs {
    padding-top: 1.85714286em;
    padding-bottom: 1.85714286em
}

footer.space--xs, section.space--xs {
    padding-top: 3.71428571em;
    padding-bottom: 3.71428571em
}

footer.space--sm, section.space--sm {
    padding-top: 4.95238095em;
    padding-bottom: 4.95238095em
}

footer.space--md, section.space--md {
    padding-top: 11.14285714em;
    padding-bottom: 11.14285714em
}

footer.space--lg, section.space--lg {
    padding-top: 14.85714286em;
    padding-bottom: 14.85714286em
}

footer.space--xlg, section.space--xlg {
    padding-top: 29.71428571em;
    padding-bottom: 29.71428571em
}

.list-inline li, .pagination div[class*=col-], .unpad, .wizard > section, footer.space--0, section.space--0 {
    padding: 0
}

footer.space-bottom--sm, section.space-bottom--sm {
    padding-bottom: 4.95238095em
}

.unpad--top, section.bg--dark + section.bg--dark, section.bg--secondary:not(.unpad):not(.imageblock):not(.unpad--bottom):not(.border--bottom) + section.bg--secondary, section.unpad--top, 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), 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
}

pre, table td, table th {
    padding: .92857143em
}

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

    .slider.height-10 .slides li.imagebg, section.slider.height-10 .slides li.imagebg {
        min-height: 10vh
    }

    .slider.height-20 .slides li.imagebg, section.slider.height-20 .slides li.imagebg {
        min-height: 20vh
    }

    .slider.height-30 .slides li.imagebg, section.slider.height-30 .slides li.imagebg {
        min-height: 30vh
    }

    .slider.height-40 .slides li.imagebg, section.slider.height-40 .slides li.imagebg {
        min-height: 40vh
    }

    .slider.height-50 .slides li.imagebg, section.slider.height-50 .slides li.imagebg {
        min-height: 50vh
    }

    .slider.height-60 .slides li.imagebg, section.slider.height-60 .slides li.imagebg {
        min-height: 60vh
    }

    .slider.height-70 .slides li.imagebg, section.slider.height-70 .slides li.imagebg {
        min-height: 70vh
    }

    .slider.height-80 .slides li.imagebg, section.slider.height-80 .slides li.imagebg {
        min-height: 80vh
    }

    .slider.height-90 .slides li.imagebg, section.slider.height-90 .slides li.imagebg {
        min-height: 90vh
    }

    .slider.height-100 .slides li.imagebg, section.slider.height-100 .slides li.imagebg {
        min-height: 100vh
    }

    .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
    }

    .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
        }
}

section.unpad--bottom {
    padding-bottom: 0
}

section.unpad {
    padding: 0
}

.text-block .h5, .text-block h5, .unmarg {
    margin: 0
}

.masonry-blog-list hr + .masonry__container, .pricing-1 img + p:first-of-type, .unmarg--top, hr:first-child {
    margin-top: 0
}

.wizard__body {
    list-style: none
}

.wizard__controls .wizard-prev {
    float: left
}

.wizard__controls .wizard-next {
    float: right
}

    .wizard__controls .wizard-next:hover, .wizard__controls .wizard-prev:hover {
        transform: none !important
    }

    .wizard__controls .wizard-next.inactive, .wizard__controls .wizard-prev.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, .label.switchable-toggle {
    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--round .background-image-holder, .border--round [data-overlay]:before, .border--round [data-scrim-bottom]:before, .border--round [data-scrim-top]:before, .border--round:before, .feature-7 .background-image-holder {
    border-radius: 6px
}

.imageblock.border--round .background-image-holder {
    border-radius: 6px 0 0 6px
}

.theme--bordered {
    border: .92857143em solid #252525
}

.main-container.transition--fade:not(.transition--active) {
    cursor: wait
}

@media all and (min-width:1280px) {
    body.boxed-layout {
        padding: 3.71428571em 0;
        background: #ededed
    }

        body.boxed-layout .tabs-container: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 section:not([class*=bg-]):not(.imagebg) {
            background: #fff
        }

        body.boxed-layout .main-container, body.boxed-layout .nav-container, body.boxed-layout nav, body.boxed-layout > section {
            max-width: 1280px;
            margin: 0 auto
        }

            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
            }
}
/*! -- Pixxett Helpers -- */

.switchable-toggle {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none
}

.back-to-top {
    position: fixed;
    height: 3.71428571em;
    background: #fff;
    border-radius: 50%;
    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, .product a:hover img {
        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.bg--secondary + footer:not(.bg--dark):not(.bg--secondary), section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*=bg-]), section:not(.imagebg):not([class*=bg-]) + section.bg--secondary, section:not([class*=bg--]) + footer.bg--secondary {
    border-top: 1px solid #ebebeb
}

section.bg--dark:last-of-type + footer.bg--dark {
    background: #1b1b1b
}

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) {
    .hover-element {
        cursor: pointer
    }

    .parallax .slides li > .background-image-holder, .parallax > .background-image-holder {
        top: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        height: 100%
    }

    .videobg .background-image-holder, .videobg .container {
        opacity: 1 !important
    }

    .videobg .loading-indicator, .videobg video, .youtube-background {
        display: none
    }

    html {
        font-size: 80%
    }
}

.h1, h1 {
    letter-spacing: -.01em
}

    .h1:not(:last-child), h1:not(:last-child) {
        margin-bottom: .59090909090909em
    }

.h2, h2 {
    margin-bottom: .78787878787879em
}

.h3, blockquote:not(:last-child), h3 {
    margin-bottom: 1.04em
}

blockquote {
    font-family: Merriweather,serif;
    font-style: italic;
    font-weight: 300
}

    blockquote > p {
        font-size: 1em !important
    }

.h4, h4 {
    margin-bottom: 1.36842105263158em;
    font-weight: 400
}

.btn.btn--lg .btn__text, .h5, b, h5 {
    font-weight: 600
}

.lead, a.block {
    font-weight: 400
}

.h6:not(:last-child), h6:not(:last-child) {
    margin-bottom: 2.16666666666667em
}

.h6.type--uppercase, h6.type--uppercase {
    letter-spacing: 1px;
    margin-right: -1px
}

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 {
    color: grey
}

    .lead:not(:last-child), article .article__body p:not(:last-child), article .article__body ul:not(:last-child) {
        margin-bottom: 1.36842105263158em
    }

.pricing .h2, .text-block .h2, .text-block h2, article .article__title h2 {
    margin-bottom: .3939393939394em
}

pre {
    border: 1px solid #ececec;
    border-radius: 6px;
    line-height: 20px;
    max-height: 500px
}

.bg--secondary > pre {
    background: #f5f5f5;
    border-color: #ddd
}

.text-block .h4, .text-block h4 {
    margin-bottom: .3421052631579em
}

.subscribe-form-1 h3, .text-block .h3, .text-block h3 {
    margin-bottom: .52em
}
/*! -- Pixxett Colours -- */

.bg--dark .bg--secondary {
    background: #343434
}
/*! -- Pixxett Links -- */

a {
    color: #212121
}

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

    a.block {
        text-decoration: none;
        color: #666
    }

label a, p a, span a {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.85714286em
}

.tweets-feed-1 .timePosted, p + a:not(.btn) {
    font-size: .85714286em;
    line-height: 2.16666667em
}

.bg--primary .breadcrumbs a, .imagebg .breadcrumbs a, .imagebg:not(.image--light) a {
    color: #fff;
    font-weight: 600
}
/*! -- Pixxett Tables -- */

table {
    width: 100%;
    border-collapse: separate
}

    table th {
        color: #252525
    }

    table.border--round {
        border-radius: 6px;
        border: 1px solid #ececec
    }

.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(2n) {
    background: #323232
}
/*! -- Pixxett Lists -- */

ol {
    list-style-position: outside;
    list-style-type: decimal
}

.list-inline {
    margin-left: 0;
    display: inline-block
}

    .list-inline li:not(:last-child), .list-inline:not(:last-child) {
        margin-right: 1.85714286em
    }

.list-inline--images img {
    max-height: 2.78571429em
}

.feature-2 h5, .list--loose > li:not(:last-child), .pricing ul li:not(:last-child), .tweets-feed-1 .tweet {
    margin-bottom: .46428571em
}

.list--hover li {
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s
}

.menu-toggle, .tooltip .tooltip__text {
    transition: .2s;
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
}

.list--hover li:not(:hover), article.imagebg:hover:before {
    opacity: .6
}
/*! -- Pixxett Rules -- */

hr.short {
    width: 2.78571429em;
    border-color: #4a90e2
}

hr[data-title] {
    margin: 2.78571429em 0
}

    hr[data-title]:before {
        content: attr(data-title);
        background: #fff;
        position: relative;
        bottom: 14px;
        padding: .92857143em;
        font-style: italic
    }

.bg--dark hr:not(.short), .bg--primary hr:not(.short), .imagebg hr:not(.short) {
    opacity: .3
}
/*! -- Pixxett Buttons -- */

.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.type--uppercase .btn__text {
    letter-spacing: 1px
}

.btn + p.type--fine-print, .btn + span.type--fine-print {
    margin-top: 1.08333333333334em
}

.btn:hover {
    transform: translate3d(0,-2px,0);
    -webkit-transform: translate3d(0,-2px,0)
}

.btn.btn--sm + .btn--sm, .masonry-filter-container > span + .masonry-filter-holder, .tooltip:last-child {
    margin-left: .92857143em
}

.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 {
    height: 3.71428571em;
    border: 2px solid #252525;
    display: block;
    border-radius: 6px;
    opacity: .4;
    padding: 0
}

.menu-toggle, .utility-toggle {
    display: inline-block;
    border-radius: 50%
}

.btn--cart:hover, .tooltip:hover .tooltip__text {
    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)
}

.bg--primary div:not([class*=feature]) .btn--primary .btn__text, .bg--primary > .btn--primary .btn__text, .imagebg:not(.image--light) .feature.bg--white a:not(.btn), .tabs li.active .tab__title, .tabs li.active .tab__title span {
    color: #4a90e2
}

.btn-group {
    border: none;
    padding: 0
}

.bg--primary div:not([class*=feature]) .btn--primary, .bg--primary > .btn--primary {
    background: #fff;
    border-color: #fff
}

.bg--dark .btn:not(.btn--primary) {
    border-color: #3f3f3f
}

    .bg--dark .btn:not(.btn--primary):hover {
        border-color: #656565
    }

.bg--dark .btn .btn__text, .bg--primary .breadcrumbs, .imagebg .breadcrumbs, .imagebg .icon, .imagebg:not(.image--light) .feature.bg--white .label, .imagebg:not(.image--light) span, .menu-fullscreen, .menu-fullscreen a {
    color: #fff
}

.imagebg:not(.image--light) .accordion li .accordion__title, .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)
    }

.cart-form button[type=submit], .cover .btn + .modal-instance, .feature i + h5, .h1 + .btn, .menu-vertical + h5, .notification.side-menu .social-list:not(:first-child), .pricing-1 p:first-of-type, .switchable .switchable__text, h1 + .btn {
    margin-top: 1.85714286em
}

.card-2 .card__body p, .cover-slider .typed-headline + .btn, .feature i.icon--lg + .h5, .h2 + .btn, .input-checkbox + button[type], .input-checkbox + span + button[type], .notification.side-menu .btn + ul.list--loose, article .article__body p + .btn:last-child, article .article__body ul + .btn:last-child, h2 + .btn, input[type] + .input-checkbox, input[type] + .input-select, input[type] + button, input[type] + input[type] {
    margin-top: .92857143em
}
/*! -- Pixxett Images -- */

p.lead img {
    max-height: 1.68421053em
}

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)
    }

.boxed:not(:last-child), .feature-9:not(.boxed), .feature-large .feature:not(.boxed), .gallery-1 .gallery__image:not(:last-child), .gallery > div[class*=col-] {
    margin-bottom: 30px
}

.gallery-1 {
    overflow: hidden;
    position: relative
}

    .gallery-1 > div[class*=col-]:first-child > .gallery__image {
        height: 800px
    }

    .gallery-1 > div[class*=col-]:last-child > .gallery__image {
        height: calc(385px)
    }
/*! -- Pixxett Titles -- */

.breadcrumbs {
    list-style: none;
    height: 40px;
    line-height: 40px
}

    .breadcrumbs a {
        font-weight: 400;
        color: #b0b0b0
    }

    .breadcrumbs span, .filter-list a {
        color: #424242
    }

    .breadcrumbs .separator {
        margin: 0 10px;
        vertical-align: middle
    }

.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
    }
/*! -- Pixxett Labels -- */

.label.label--inline {
    position: relative;
    top: 0;
    right: 0
}

    .form--inline [class*=input-]:not(:last-child), .form--inline input:not(:last-child), .form--inline > span:not(:last-child), .label.label--inline:not(:last-child) {
        margin-right: .92857143em
    }

    .label.label--inline + p, .label.label--inline + span {
        position: relative;
        top: 1px
    }

.label.switchable-toggle {
    left: 50%;
    right: auto;
    transform: translate3d(-50%,0,0);
    -webkit-transform: translate3d(-50%,0,0)
}

.bg--primary-1 .label:not([class*=bg--]) {
    background: #465773
}
/*! -- Pixxett Bars -- */

.bar .logo {
    max-height: 1.85714286em;
    max-width: none
}

.menu-horizontal > li > .modal-instance > a, .menu-horizontal > li > a {
    font-weight: 500
}

@media all and (min-width:768px) and (max-width:1023px) {
    .bar-1 .menu-horizontal > li, .bar-2 .menu-horizontal > li {
        display: inline-block
    }

        .bar-1 .menu-horizontal > li:not(:first-child), .bar-2 .menu-horizontal > li:not(:first-child) {
            margin-left: .92857143em
        }

    .bar-1 .bar__module, .bar-2 .bar__module {
        margin-bottom: 1.85714286em
    }

    .bar-1 .row div[class*=col-]:last-child .bar__module:last-child, .bar-2 .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
    }
}
/*! -- Pixxett Menu Toggle -- */

.menu-toggle {
    box-shadow: 0 0 25px 0 rgba(0,0,0,.04);
    height: 3.71428571em;
    background: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s
}

    .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 .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;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            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 {
    cursor: pointer;
    width: 3px;
    height: 3px;
    position: relative;
    bottom: 8px;
    background: #252525
}

    .utility-toggle:after, .utility-toggle:before {
        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 -- */ /*! -- Pixxett Nav Side Menu -- */

.notification.side-menu {
    z-index: 9999;
    background: #fff;
    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
    }

        .card-2 .card__body h4, .cover-fullscreen.slider[data-paging=true] h4, .cover-slider .typed-headline, .feature h5, .feature-1 p, .feature-2 p:last-child, .feature-6 p:last-child, .feature-7 h3, .feature-9 h4, .notification.side-menu .side-menu__module + hr:not(:last-child), .notification > .boxed, .pricing h3:first-child, .pricing-3 ul:last-child, .testimonial h5:nth-last-child(2), .tweets-feed.slider .timePosted, .video-1 h2, form .boxed:last-child {
            margin: 0
        }

.dropdown > .dropdown__trigger .image--xxs, .input-checkbox .inner:not(:last-child), .tweets-feed-1 .user img {
    margin-right: .46428571em
}

.cover .pos-bottom, .cta .btn:first-child:not(:last-child), .notification.side-menu .btn:not(:last-child), .video-cover:not(:last-child) {
    margin-bottom: 1.85714286em
}

.notification.side-menu .notification-close-cross {
    top: .92857143em;
    right: 2.78571429em;
    margin-top: 8px
}

.menu-toggle.pos-fixed {
    position: fixed;
    right: 5.57142857em;
    animation: .3s forwards fadeInDown
}

.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 {
    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.category-all {
        height: 120px
    }

.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, .order-list-box .type-list .type-list-inner a {
                color: #424242;
                transition: color .2s
            }

    .order-list-box .type-list {
        float: right;
        height: 20px;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

.card-1 .card__avatar, .dropdown .dropdown__content h5:not(:last-child), .tweets-feed-1 .user {
    margin-bottom: .92857143em
}

.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 .checkbox {
        display: inline-block;
        width: 18px;
        height: 18px;
        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-left: -20px;
            font-size: 0px;
            border: none
        }

.dropdown .dropdown__content .background-image-holder, .dropdown .dropdown__content > .pos-absolute[class*=col-][data-overlay]:before {
    border-radius: 6px 0 0 6px
}
/*! -- Pixxett Nav Sidebar Column -- */ /*! -- Pixxett Nav Fullscreen -- */

.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) {
    [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
    }

    .dropdown .dropdown__container {
        min-width: 100%;
        position: relative;
        display: none
    }

    .dropdown .dropdown__content {
        padding: 1.85714286em;
        left: 0 !important
    }

    .bar__module .btn, .btn-group .btn, .dropdown.dropdown--active > .dropdown__container, .list-inline:not(.social-list):not(.list-inline--images), .side-menu .side-menu__module .float-left, .side-menu .side-menu__module .float-right {
        display: block
    }

    .dropdown--hover:hover > .dropdown__container, body.dropdowns--hover .dropdown:hover > .dropdown__container {
        display: block !important
    }

    .dropdown.dropdown--absolute .dropdown__container {
        position: absolute
    }

    .boxed, .boxed.boxed--lg {
        padding: 1.23809524em
    }

        .boxed, .boxed:last-child {
            margin-bottom: 15px
        }

            .boxed div[class*=col-]:not(.boxed) {
                padding: 0
            }

    section.slider[class*=height-] .slides .flickity-slider > li {
        height: auto;
        padding: 7.42857143em 0
    }

    section.slider.space--lg .slides .flickity-slider > li, section.slider.space--xlg .slides .flickity-slider > li {
        padding: 11.14285714em 0
    }

    .modal-container .modal-content {
        width: 97% !important;
        height: auto !important;
        padding-top: 2em;
        padding-bottom: 2em
    }

    .notification[class*=col-] {
        min-width: 0
    }

    iframe {
        min-height: 220px
    }

    .video-play-icon {
        width: 4.95238095em;
        height: 4.95238095em
    }

    div[class*=col-] .video-cover iframe {
        min-height: 220px !important
    }

    .imageblock[class*=space-] {
        padding-bottom: 0;
        padding-top: 0
    }

    .imageblock .imageblock__content {
        position: relative;
        min-height: 18.57142857em
    }

    .imageblock.imageblock--lg > .container, .imageblock.imageblock--lg > div[class*=col-]:not(.imageblock__content), .imageblock > .container, .imageblock > div[class*=col-]:not(.imageblock__content) {
        padding-top: 5.57142857em;
        padding-bottom: 5.57142857em;
        float: none;
        overflow: hidden
    }

    .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
    }

    .bar__module, .bar__module .btn:not(:last-child) {
        margin-bottom: .92857143em
    }

        .bar__module + .bar__module {
            margin-top: 1.85714286em
        }

        .bar__module .btn + .btn {
            margin-left: 0 !important
        }

    .bar + nav.bar {
        padding-top: 0
    }

    .page-navigator {
        right: 0
    }

        .page-navigator ul {
            border-radius: 1.85714286em 0 0 1.85714286em;
            padding: 1.85714286em .92857143em
        }

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

    footer, footer.space--lg, footer.space--md, section, section.section--even, section.section--even.space--lg, section.section--even.space--md, section.space--lg, section.space--md {
        padding: 5.57142857em 0
    }

        footer.space--xlg, section.section--even.space--xlg, section.space--xlg {
            padding: 8.35714286em 0
        }

    .imageblock.border--round .background-image-holder {
        border-radius: 6px 6px 0 0
    }

    .block--xs, .dropdown [class*=col-] + [class*=col-] {
        margin-top: .92857143em
    }

    .bar-4 .logo-dark, .btn:not(:last-child), .list-inline--images li:not(:last-child) {
        margin-bottom: 1.85714286em
    }

    .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
        }

    .list-inline {
        min-width: 100%
    }

    .gallery-1 .gallery__image {
        max-height: 300px;
        margin-bottom: 15px
    }

        .gallery-1 .gallery__image:not(:last-child) {
            margin-bottom: 15px
        }

    .bar-4 .logo-light {
        display: none
    }

    .side-menu {
        width: 100%
    }

    .menu-fullscreen .pos-bottom {
        position: relative
    }

    .dropdown .dropdown__content:not([class*=bg-]) {
        border: none;
        box-shadow: none
    }
}
/*! -- Pixxett Dropdowns -- */

.dropdown > .dropdown__trigger:after {
    font-family: stack-interface;
    display: inline-block;
    font-size: 8px;
    position: relative;
    bottom: 2px
}

.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 > .pos-absolute[class*=col-] {
        left: 0;
        top: 0;
        height: 100%;
        position: absolute !important
    }

.menu-horizontal > .dropdown > .dropdown__trigger:after {
    content: '\e80a';
    margin-left: 4px
}

.menu-vertical > .dropdown > .dropdown__trigger {
    display: inline-block;
    width: 100%
}

.bg--dark .input-checkbox + span, .feature-7[data-overlay]:hover:before, .instafeed a:hover, .menu-vertical li:not(:hover):not(.dropdown--active) {
    opacity: .75
}

.menu-vertical li:not(:last-child) {
    margin-bottom: .30952381em
}

.menu-vertical li.dropdown:after {
    content: '\e80c';
    font-family: stack-interface;
    right: 0;
    top: 0;
    position: absolute;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    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
    }
/*! -- Pixxett Twitter Feeds -- */

.tweets-feed .interact, .tweets-feed-1 .user [data-scribe="element:name"], .tweets-feed-1 .user [data-scribe="element:screen_name"], .tweets-feed-2 .timePosted, .tweets-feed-2 .user, .tweets-feed.slider .user [data-scribe="element:name"] {
    display: 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 1.85714286em 0
    }

    .tweets-feed-1 .user {
        width: 20%;
        float: left
    }

        .tweets-feed-1 .user img {
            max-height: 3.71428571em
        }

    .process-3 li .process__body, .tweets-feed-1 .timePosted, .tweets-feed-1 .tweet {
        width: 80%;
        float: right
    }

    .cover .h3 + form, .cover h3 + form, .feature-large-13 div[class*=col-] .text-block + .text-block, .h2 + form, .h3 + form, .instafeed + .btn, .lead + form, .product .label + img, .tweets-feed-1:not(:last-child) + .btn, .tweets-feed.slider:not(:last-child) + .btn, article .article__body p + h5, article .article__body ul + h5, h2 + form, h3 + form {
        margin-top: 2.78571429em
    }

.feature i.icon--lg + h4, .tweets-feed.slider .tweet {
    margin-top: 1.36842105263158em
}

.bg--dark .tweets-feed-1, .bg--dark .tweets-feed-1 li:not(:last-child), .imagebg .tweets-feed-1, .imagebg .tweets-feed-1 li:not(:last-child) {
    border-color: rgba(255,255,255,.1)
}

.tweets-feed-2 li:before {
    font-family: socicon;
    content: "\e040"
}

.comment .comment__body, .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:screen_name"] {
    display: block;
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    font-weight: 400
}

.tweets-feed.slider .tweet {
    margin-bottom: .68421052631579em;
    font-size: 1.35714286em;
    line-height: 1.68421053em
}
/*! -- Pixxett Instagram -- */

.instafeed:not(.instafeed--gapless) li {
    padding: .46428571em
}

.instafeed.instafeed--gapless li {
    margin-bottom: -1px
}

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

.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__action a {
    color: #666;
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

    .card__action a i {
        color: #252525;
        font-size: 1em
    }

    .card__action a span {
        position: relative;
        bottom: 2px
    }

    .card__action a:not(:hover), .flickity-prev-next-button:not(:hover), .picker button:not(:hover), .tabs li:not(.active) {
        opacity: .5
    }

.card-1 .card__avatar img {
    max-height: 2.78571429em;
    margin-right: .46428571em;
    margin-bottom: 0
}

.accordion li.active, .card-1 .card__body, .card-1 .card__body img, .feature-5 p:last-of-type, .input-select:not(:last-child), form > .row > div[class*=col-]:not(:last-child), form > div[class*=col-]:not(:last-child) {
    margin-bottom: .92857143em
}

.card-1 .card__avatar, .card-1 .card__meta, .icon:not(.block) {
    display: inline-block
}

.card-1 .card__meta {
    float: right
}

.card-1 .card__body {
    border-bottom: 1px solid #ececec;
    padding-bottom: .92857143em
}

    .card-1 .card__body h4, .feature h4 {
        margin-bottom: .342105263157895em
    }

.bg--dark .card-1 .card__body {
    border-color: #3f3f3f
}

.card-2 .card__top img {
    border-radius: 6px 6px 0 0
}

.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__bottom, .tabs li {
    padding: .92857143em 1.85714286em
}

/*.checkmark, .tooltip {
    width: 1.23809524em;
    height: 1.23809524em;
    border-radius: 50%;
    text-align: center;
    position: relative;
    display: inline-block
}*/

.card-2 .card__body {
    border-bottom: 1px solid #ececec;
    border-bottom: none;
    border-top: none
}

.card-2 .card__bottom {
    overflow: hidden;
    border-radius: 0 0 6px 6px
}

.card-2 .card__action i {
    font-size: 1.78571429em
}

.input-checkbox + span, label {
    font-size: .85714286em
}

.bg--dark .boxed:not([class*=bg-]).boxed--border, .bg--dark .card-2 .card__body, .bg--dark .card-2 .card__bottom, .imagebg:not(.image--light) .boxed:not([class*=bg-]).boxed--border, .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
}
/*! -- Pixxett Checkmarks & Crosses -- */

/*.checkmark:not([class*=bg-]), .process-stepper > li.active:after, .process-stepper > li.active:before, button[type=submit].btn--loading:after, input[type=submit][type=submit].btn--loading:after {
    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.icon--xs {
    font-size: 1.14285714285714em
}

.text-block .icon--lg + h4 {
    margin-top: .6842105263158em
}

p .material-icons:first-child {
    margin-right: .30952381em
}
/*! -- Pixxett Tooltips -- */

.tooltip {
    top: 3px;
    background: #252525;
    cursor: pointer
}

    .tooltip .tooltip__anchor {
        color: #fff;
        font-weight: 700;
        font-size: 11px;
        position: absolute;
        top: -5px;
        left: 6px
    }

    .tooltip .tooltip__text {
        -webkit-transition: .2s;
        -moz-transition: .2s;
        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 0 25px 0 rgba(0,0,0,.04);
        line-height: 20px
    }

[data-tooltip] {
    position: relative;
    overflow: visible
}

    [data-tooltip]:after {
        transition: .2s;
        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'
    }

.bg--dark .boxed[class*=bg-].boxed--border, .imagebg:not(.image--light) .boxed:not(.bg--white):not(.bg--none).boxed--border, .imagebg:not(.image--light) .boxed[class*=bg-].boxed--border, iframe[src*='google.com/maps'] {
    border: none
}
/*! -- Pixxett Boxes -- */

.bg--dark .boxed:not([class*=bg-]), .imagebg:not(.image--light) .boxed:not([class*=bg-]) {
    background: 0 0;
    color: #fff
}

.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, .notification:not([class*=bg--]) {
        background: 0 0
    }
/*! -- 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 h4 + p {
    max-width: 22.28571429em
}

.feature i + h4 {
    margin-top: .68421052631579em
}

.feature img + .boxed {
    border-radius: 0 0 6px 6px;
    border-top: none
}

.pricing:hover, 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.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, .hover-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
}

.bg--dark .hover-shadow {
    border-color: #222
}

    .bg--dark .hover-shadow:hover {
        box-shadow: 0 23px 40px #000
    }

.feature-2 .feature__body, .feature-5 .feature__body {
    width: 75%;
    float: right
}

.feature-2 i, .feature-5 i {
    width: 25%;
    float: left
}

.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, .feature-6 p {
    min-height: 9.28571429em
}

.feature-5 p, .feature-8 p, .pricing .feature-6 p, .pricing-1 p {
    min-height: 5.57142857em
}

.feature-7 {
    height: 13em;
    margin-bottom: 30px
}

    .feature-7[data-overlay]:before {
        border-radius: 6px;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

.row--gapless .feature-7 {
    margin: 0;
    border-radius: 0
}

    .row--gapless .feature-7 .background-image-holder, .row--gapless .feature-7:before {
        border-radius: 0
    }

.feature-8 {
    padding: 2.78571429em 0 3.71428571em
}

    .feature-8 .feature__body {
        max-width: 70%;
        margin: 0 auto
    }

    .feature-8 img {
        max-height: 14.85714286em
    }

.article__author img, .comment .comment__avatar img {
    max-height: 3.71428571em
}
/*! -- Pixxett Features Large -- */

.feature-large h4:first-child {
    margin-bottom: .68421052631579em
}

.cover .lead + .boxed, .cover .lead + form, .cover .triptych, .feature-large .lead + .feature-large__group, .feature-large-13 p.lead + .text-block, .masonry-filter-holder + .masonry__container {
    margin-top: 3.71428571em
}

.feature-large-1 .lead {
    margin-bottom: 2.73684210526316em
}
/*! -- Pixxett Accordions -- */

.accordion .accordion__title {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    opacity: .5;
    margin-bottom: .92857143em
}

    .accordion .accordion__title:hover, .accordion li.active .accordion__title, .tabs li.active {
        opacity: 1
    }

    .accordion .accordion__title:before {
        font-family: stack-interface;
        content: '\e80d';
        margin-right: 6px;
        color: #252525
    }

    .accordion .accordion__title span, .modal-instance:not(.block) {
        display: inline-block
    }

.accordion li.active .accordion__title:before {
    content: '\e80a'
}

.accordion li.active .accordion__content {
    animation: .5s forwards fadeUp;
    -webkit-animation: .5s forwards fadeUp
}

.accordion-1 li.active .accordion__title, .input-checkbox .inner:hover {
    border-color: #4a90e2
}

    .accordion-1 li.active .accordion__title span, .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-1 li .accordion__title, .bg--dark .accordion-2 li .accordion__title, .imagebg:not(.image--light) .accordion-1 li .accordion__title, .imagebg:not(.image--light) .accordion-2 li .accordion__title {
    border-color: #4b4b4b
}

    .bg--dark .accordion-1 li .accordion__title:before, .bg--dark .accordion-2 li .accordion__title:before, .bg--dark label, .imagebg:not(.image--light) .accordion-1 li .accordion__title:before, .imagebg:not(.image--light) .accordion-2 li .accordion__title:before, .imagebg:not(.image--light) label, .modal-container .modal-content .imagebg:not(.image--light) .modal-close-cross:before {
        color: #fff
    }
/*! -- Pixxett Tabs -- */

.tabs-container.tabs--vertical .tabs {
    width: 25%;
    float: left
}

    .modal-instance.block > .btn, .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: .5s forwards fadeOutUp;
        -webkit-animation: .5s forwards fadeOutUp
    }

    .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
        animation: .5s forwards fadeInUp;
        -webkit-animation: .5s forwards fadeInUp;
        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%
}

.tabs {
    display: inline-block;
    border: 1px solid #ececec;
    border-radius: 6px;
    margin-bottom: 1.85714286em
}

    .tabs li {
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

        .tabs li:not(:last-child) {
            border-right: 1px solid #ececec
        }

        .tabs li:hover {
            opacity: 1;
            cursor: pointer
        }

    .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
    }

.tabs-content > li:not(.active) .tab__content {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    animation: .5s forwards fadeOutRight;
    -webkit-animation: .5s forwards fadeOutRight
}

.tabs-content > li.active {
    animation: .5s forwards fadeInLeft;
    -webkit-animation: .5s forwards fadeInLeft;
    backface-visibility: hidden
}
/*! -- Pixxett Switchable Sections -- */

.switchable [class*=col-]:first-child .switchable__text {
    margin-bottom: 2.78571429em
}

.section--overlap .row {
    position: relative;
    margin-top: -13em
}
/*! -- Pixxett CTA -- */

@media all and (min-width:1200px) {
    .feature-large-13:not(.text-center) .text-block p {
        max-width: 26em
    }

    .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
        }

    .product .btn--cart {
        position: absolute;
        right: 1.85714286em;
        bottom: 1.85714286em
    }
}

.cta-2 h2 {
    margin: 1.57575757575758em 0
}

.cta-2.bg--primary:hover {
    background: #5798e4
}
/*! -- 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.border--round iframe {
    border-radius: 6px
}

.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)
    }
/*! -- Pixxett Modals -- */

.modal-container .modal-content:not(.height--natural) {
    height: auto;
    width: auto
}

.modal-container .modal-content {
    max-height: 95%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%)
}

.modal-content {
    -ms-overflow-style: none
}

    .modal-content::-webkit-scrollbar {
        display: none
    }
/*! -- Pixxett Notifications -- */

.notification {
    margin: 1.85714286em;
    box-shadow: none
}

.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: .7s ease-out infinite pulsate
}

    .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-prev:after, .slider.slider--inline-arrows .flickity-prev-next-button.previous:before {
    content: '\e801'
}

.lb-next:after, .lb-prev:after {
    font-family: stack-interface;
    position: fixed
}

.lb-prev:after {
    left: 1.85714286em
}

.lb-next:after {
    content: '\e802';
    right: 1.85714286em
}

.lb-data {
    overflow: hidden;
    min-height: 30px
}

a[data-lightbox]:hover {
    opacity: .8;
    cursor: zoom-in
}
/*! -- Pixxett Covers -- */

.cover .modal-instance.block:not(:first-child):not(:last-child) {
    margin: 2.78571429em 0
}

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

        .pos-vertical-align-columns > div[class*=col-], body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container {
            display: block
        }

    .cta-1, .subscribe-form-2, .text-center-md {
        text-align: center
    }

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

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

    body.dropdowns--hover .dropdown:not(.dropdown--click):hover > .dropdown__container:before {
        pointer-events: all
    }

    div[class*=col-][class*='-12']:not([class*=xs-12]) .video-cover iframe {
        min-height: 350px
    }

    div[class*=col-][class*='-6'] .video-cover iframe {
        min-height: 220px
    }

    .cta-1 > div[class*=col-]:last-child, .mt--1, .mt--2, .subscribe-form-2 form {
        margin-top: 1.85714286em
    }

    .mt--3 {
        margin-top: 2.78571429em
    }

    .bar-3 .menu-horizontal li {
        display: inline-block
    }

        .bar-3 .menu-horizontal li:not(:last-child) {
            margin-right: .92857143em
        }

    .menu-vertical .dropdown.dropdown--active:after {
        opacity: 0
    }

    .feature-2 .feature__body, .feature-2 i {
        width: 100%;
        float: none
    }

    .feature-2 p:first-of-type {
        margin-top: .92857143em
    }

    .feature-8 .feature__body {
        max-width: 85%
    }

    .cover .mt--3, .switchable .switchable__text {
        margin-top: 0
    }

    .cta-1 > div[class*=col-] {
        padding-left: 0;
        padding-right: 0
    }

        .cta-1 > div[class*=col-]:not(:last-child) {
            margin-bottom: .92857143em
        }
}

.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-slider .slider {
    position: relative;
    width: 100%;
    pointer-events: none
}

    .cover-slider .slider:first-child {
        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 .slider-container {
    transform: rotateZ(-30deg) translateY(-10%);
    -webkit-transform: rotateZ(-30deg) translateY(-10%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.cover-features.space--lg {
    padding-bottom: 3.71428571em
}

.cover-features .row:nth-child(2) {
    margin-top: 11.14285714em
}
/*! -- Pixxett Processes -- */

.process-1 {
    padding: 3.71428571em 0;
    position: relative;
    overflow: hidden
}

    .process-1 .process__item, .process-stepper > li:first-child:after, .process-stepper > li:last-child:after, .process-stepper[data-process-steps="2"] > li, .wizard > .steps li:last-child a:after {
        width: 50%
    }

        .map-container:not(:last-child), .masonry-filter-container, .process-1 .process__item:not(:last-child), .radial:not(:last-child), .related-blog-list li:not(:last-child), .testimonial .testimonial__image, article .article__body .video-cover:not(:last-child), article .article__body iframe:not(:last-child), article .article__body img:not(:last-child), article .article__body > a:first-child > img {
            margin-bottom: 1.85714286em
        }

    .process-1:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 100%;
        left: 50%;
        top: 0;
        background: #4a90e2
    }

.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) {
    div[class*=col-] .text-block + .text-block, h2 + .video-cover {
        margin-top: 3.71428571em
    }

    .list-inline--images li:not(:last-child) {
        margin-right: 5.57142857em
    }

    .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%
            }

    .side-menu .side-menu__module span.type--fine-print {
        position: relative;
        top: 8px
    }

    .switchable .imagebg .boxed {
        padding-left: 5.57142857em
    }

    .boxed.boxed--emphasis {
        transform: scale(1.075);
        -webkit-transform: scale(1.075)
    }

    .row div[class*=col-]:first-child: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
    }

    .staggered div[class*=col-]:nth-child(2):last-child {
        margin-top: 13em
    }

        .staggered div[class*=col-] .feature:not(:last-child), .staggered div[class*=col-]:nth-child(2):last-child:not(:last-child) {
            margin-bottom: 9.28571429em
        }

    .cover .row .row:last-child, .cta-3 .switchable__text, .feature-large-2 div[class*=col-]:first-child {
        margin-top: 5.57142857em
    }

    .cover .triptych, .feature-large-2 div[class*=col-]:last-child {
        margin-top: 7.42857143em
    }

    .tabs.tabs--spaced {
        margin-bottom: 3.71428571em
    }

    .cta--horizontal .btn, .cta--horizontal .lead, .cta--horizontal h4, form.form--horizontal > div[class*=col-] {
        margin: 0
    }

    .cta--horizontal .lead, .cta--horizontal h4 {
        position: relative;
        top: 4px
    }

    .bg--dark .cta-1 > div[class*=col-]:last-child, .imagebg .cta-1 > div[class*=col-]:last-child {
        border-left: none
    }

    .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
    }

    .modal-instance + span:last-child {
        display: inline-block;
        margin-left: .92857143em
    }

    .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
        }

    .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(2n) {
        margin-left: 50%;
        padding-left: 3.71428571em
    }

        .process-1 .process__item:nth-child(2n):after {
            left: -.92857143em
        }

    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
    }
}

@media all and (max-width:767px) {
    .dropdown__container {
        left: 0 !important
    }

    .card .list-inline:not(.social-list) li {
        display: inline-block
    }

        .card .list-inline:not(.social-list) li:not(:first-child) {
            margin-left: .92857143em
        }

    .feature .feature__body form .row {
        margin-left: 0;
        margin-right: 0
    }

    .feature-7 .pos-vertical-center {
        top: 50%;
        transform: translate3d(0,-50%,0);
        -webkit-transform: translate3d(0,-50%,0)
    }

    .feature p {
        min-height: inherit
    }

    .feature.boxed {
        margin-bottom: 15px
    }

    .feature:not(.boxed) {
        margin-bottom: 30px
    }

    .feature.feature-8 {
        margin-bottom: 0
    }

    .feature-large-2 img {
        margin: 1.85714286em 0
    }

    .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: .5s forwards fadeOutRight;
        -webkit-animation: .5s forwards fadeOutRight
    }

    .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
        animation: .5s forwards fadeInLeft;
        -webkit-animation: .5s forwards fadeInLeft;
        backface-visibility: hidden
    }

    .tabs li {
        display: block
    }

        .tabs li:not(:last-child) {
            border-bottom: 1px solid #ececec;
            border-right: none
        }

    .switchable .row > div[class*=col-]:last-child:not(:only-child), .switchable .switchable__text {
        margin-top: 1.85714286em
    }

    .switchable .imageblock__content[class*=col-], .switchable .row > div[class*=col-] {
        float: none !important
    }

    .cta .lead {
        margin: 1.36842105263158em 0
    }

    .modal-container .modal-content > .modal-close-cross {
        top: 3em;
        background: #222;
        width: 2em;
        height: 2em;
        text-align: center;
        border-radius: 50%;
        color: #fff
    }

    .cover .pos-bottom.pos-absolute {
        position: relative;
        margin-top: 1.85714286em
    }

    .cover-features.space--lg {
        padding-bottom: 1.85714286em
    }

    .cover-features .row:nth-child(2) {
        margin-top: 3.71428571em
    }

    .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 .process__item:after, .bg--dark .process-1:before, .bg--dark .process-2 .process__item:after, .bg--dark .process-2:before, .imagebg .process-1 .process__item:after, .imagebg .process-1:before, .imagebg .process-2 .process__item:after, .imagebg .process-2:before {
    background: #fff
}

.bg--dark .process-1 .process__item:after, .bg--dark .process-2 .process__item:after {
    border-color: #252525
}

.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
}

.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: 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 h4 {
            margin-bottom: .342105263157895em
        }

    .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, .flickity-prev-next-button:hover {
    background: #252525
}

.bg--dark .process-3:before {
    border-color: #aaa
}

.process-stepper > li {
    transition: .3s;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative
}

    .process-stepper > li:before {
        transition: .3s;
        content: '';
        width: .92857143em;
        height: .92857143em;
        background: #ccc;
        border-radius: 50%;
        display: block;
        margin: 0 auto .92857143em
    }

    .process-stepper > li:after {
        transition: .3s;
        content: '';
        width: 100%;
        height: 2px;
        position: absolute;
        background: #ccc;
        top: 5px;
        left: 0
    }

    .process-stepper > li:first-child:after {
        left: 50%
    }

.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%
}

.bg--dark .process-stepper li:not(.active):after, .bg--dark .process-stepper li:not(.active):before {
    background: #585858
}
/*! -- Pixxett Typed Text -- */

span + .typed-text.h2 {
    margin-left: 4px
}

span + .typed-text.h1 {
    margin-left: 6px
}
/*! -- Pixxett Forms -- */

.bg--dark input, .bg--dark textarea, .form--inline > span.h4, .imagebg:not(.image--light) input, .imagebg:not(.image--light) textarea {
    color: #666
}

.bg--dark form.attempted-submit input.field-error {
    background: #d84d4d;
    color: #fff
}

form.form--clearfix {
    margin-left: -15px
}

form + span.type--fine-print {
    margin-top: 1.08333333333334em;
    display: inline-block
}

.cart-customer-details div[class*=col-], .input-checkbox, .picker, label + .inner, label + div[class*=input-], label + input, label + textarea {
    margin-top: .46428571em
}

.form--inline [class*=input-], .form--inline input {
    display: inline-block;
    max-width: 200px
}

.input-checkbox.input-checkbox--switch.checked .inner:after, .input-radio--innerlabel .inner {
    display: none
}

.form--inline button {
    max-width: 200px
}

.bg--dark .form--inline > span.h4, .bg--primary label, .bg--primary-1 label, .flickity-prev-next-button:before, .imagebg:not(.image--light) .form--inline > span.h4, button.btn.btn--primary, input[type=submit].btn.btn--primary {
    color: #fff
}

button.btn, input[type=submit].btn {
    font-size: .85714286em;
    font-weight: 700;
    padding-left: 0;
    padding-right: 0
}

    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
    }

.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]:focus, select:focus, textarea:focus {
        border-color: #76abe9
    }

    input[type=image] {
        border: none;
        padding: none;
        width: auto
    }

.input-checkbox .inner {
    background: 0 0;
    border: 1px solid #d3d3d3;
    text-align: center;
    position: relative
}

    .input-checkbox .inner:before {
        content: '';
        left: 0;
        border-radius: 6px;
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid #4a90e2;
        opacity: 0;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s
    }

.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: .45s forwards pulse;
        -webkit-animation: .45s forwards pulse
    }

.input-checkbox + span {
    display: inline-block;
    position: relative;
    bottom: 8px;
    white-space: nowrap
}

.bg--dark .input-checkbox:not(.checked) .inner {
    border-color: #a5a5a5
}

.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
    }

.project-thumb.hover-element.hover--active:hover, .project-thumb:not(.hover-element) > a:hover, article.feature-1 a:hover img {
    opacity: .85
}

.input-checkbox.input-checkbox--switch .inner:hover:before, .input-radio .inner:hover {
    border-color: #4a90e2
}

.input-checkbox.input-checkbox--switch.checked .inner, .slider.slider--inline-arrows .flickity-prev-next-button {
    background: 0 0
}

    .input-checkbox.input-checkbox--switch.checked .inner:before {
        animation: none !important;
        background: #4a90e2;
        border-color: #4a90e2;
        transform: translateX(1.85714286em)
    }

.input-radio .inner {
    position: relative;
    background: 0 0;
    border: 1px solid #d3d3d3
}

    .input-radio .inner:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 1px solid #4a90e2;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        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: .4s forwards pulse
    }

.input-radio--innerlabel {
    transition: .3s;
    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 label {
        pointer-events: none;
        font-weight: 600
    }

    .input-radio--innerlabel:hover, .input-select select:focus, .input-select:focus:after {
        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
    }

.input-number .input-number__controls .input-number__increase, .input-select:after {
    border-left: 1px solid #ececec;
    right: 0
}

.bg--primary-1 .input-radio--innerlabel.checked label {
    color: #31639c
}

.input-number .input-number__controls > span:hover, .picker .picker__day:hover {
    color: #4a90e2
}

.input-select select {
    -moz-appearance: none;
    -webkit-appearance: none
}

.input-select:after {
    position: absolute;
    height: 100%;
    top: 0;
    font-size: 30px;
    content: '\2263';
    pointer-events: none;
    padding: 0 13px;
    line-height: 31px
}

.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: .3s
    }

    .input-number .input-number__controls .input-number__decrease {
        left: 0;
        border-right: 1px solid #ececec
    }
/*! -- Pixxett Subscribe Forms -- */

.subscribe-form-1.boxed form {
    margin: 1.85714286em
}
/*! -- Pixxett Elaborate Forms -- */

.boxed-form h4 {
    margin-bottom: .684210526315789em
}

.picker {
    transition: .3s;
    z-index: 10;
    -webkit-transition: .3s;
    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), .tag-cloud li:not(:last-child) {
                margin-right: .46428571em
            }

        .picker .picker__header .picker__nav--next, .picker .picker__header .picker__nav--prev {
            height: 10px;
            width: 10px;
            cursor: pointer
        }

            .picker .picker__header .picker__nav--next:after, .picker .picker__header .picker__nav--prev:after {
                font-family: stack-interface
            }

        .picker .picker__header .picker__nav--next {
            float: right
        }

            .picker .picker__header .picker__nav--next:after {
                content: '\e80c'
            }

        .footer-customer-relationship .introduction, .picker .picker__button--today, .picker .picker__header .picker__nav--prev {
            float: left
        }

            .picker .picker__header .picker__nav--prev:after {
                content: '\e80b'
            }

    .picker .picker__day {
        transition: .3s;
        cursor: pointer
    }

        .picker .picker__day.picker__day--highlighted {
            color: #4a90e2;
            font-weight: 600
        }

    .picker:not(.picker--opened) {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: scale(0)
    }

    .picker .picker__holder {
        outline: 0 !important;
        border: none !important
    }

.pricing-3 .pricing__head, .pricing-3 ul li:not(:last-child) {
    border-bottom: 1px solid #ececec;
    margin: 0
}

.picker table td {
    padding: 0 .46428571em .46428571em
}

.picker .picker__button--close {
    float: right
}

.picker button {
    transition: .3s;
    height: auto;
    border: none;
    display: inline-block
}
/*! -- Pixxett Sliders -- */

.flickity-prev-next-button {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    border-radius: 0;
    background: #252525;
    width: 2.78571429em;
    height: 5.57142857em
}

.slider.slider--inline-arrows .flickity-prev-next-button:before {
    font-size: 1.78571429em;
    color: #252525;
    content: '\e802'
}

.slider.slider--columns .previous {
    left: 15px
}

.slider.slider--columns .next {
    right: 15px
}

.project-thumb.border--round:before, .project-thumb.border--round > a, .slider.border--round .slides li {
    border-radius: 6px;
    overflow: hidden
}

.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
}

.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: 15s infinite alternate kenBurns;
    -webkit-animation: 15s infinite alternate kenBurns
}

.radial {
    margin-left: auto;
    margin-right: auto
}

    .radial .radial__label {
        transition: opacity .3s;
        -webkit-transition: opacity .3s
    }

    .radial:not(.radial--active) .radial__label {
        opacity: 0
    }
/*! -- Pixxett Pricing -- */

.pricing {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    position: relative
}

    .pricing .label {
        top: 2.78571429em;
        right: 2.78571429em
    }

    .pricing ul li .checkmark + span {
        position: relative;
        bottom: 3px
    }

    .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-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 p:last-of-type, .pricing-1 ul {
    margin-bottom: 5.57142857em
}

.pricing-3 {
    border: 1px solid #ececec;
    border-radius: 6px
}

    .pricing-3 .pricing__head + .btn {
        display: block;
        border-radius: 0;
        padding: .92857143em 0
    }

    .pricing-3 ul {
        border-radius: 0 0 6px 6px
    }

@media all and (min-width:990px) {
    .menu-horizontal, .menu-horizontal > li, .menu-vertical {
        display: inline-block
    }

        .menu-horizontal > li:not(:last-child) {
            margin-right: 1.85714286em
        }

        .menu-vertical li {
            white-space: nowrap
        }

        .bar__module:not(:only-child) .menu-horizontal, .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%)
            }

        .menu-horizontal li:not(:last-child) {
            margin-right: 1.23809524em
        }

    .bar-toggle .col-md-1 .logo {
        top: 10px
    }

    .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
            }

        .pricing-section-2 div[class*=col-]:last-child .pricing {
            border-radius: 0 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.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 -- */

.map-container.border--round {
    overflow: hidden;
    z-index: 2
}

    .map-container.border--round .gm-style, .project-thumb.border--round .background-image-holder, .related-blog-list article img, article .article__body .video-cover, article .article__body iframe, article .article__body img {
        border-radius: 6px
    }
/*! -- Pixxett Testimonials -- */

@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
    }
/*! -- Pixxett Masonry -- */

.masonry__item:not(:empty) {
    margin-bottom: 30px;
    transform-style: preserve-3d
}

    .masonry__item:not(:empty) article, .masonry__item:not(:empty) article .boxed {
        margin: 0
    }

.masonry.masonry-demos .masonry__item:not(:empty), .sidebar .sidebar__widget:not(:last-child), article .article__title {
    margin-bottom: 3.71428571em
}

.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;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        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;
                -webkit-transition: .3s;
                -moz-transition: .3s;
                display: block;
                color: #666;
                white-space: nowrap
            }

                .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:hover, .masonry-filters--horizontal .masonry__filters ul li.active {
                    color: #4a90e2
                }

                .col-md-4 .project-thumb > a:not(.imagebg), .masonry-filter-holder:not(.masonry-filters--horizontal) .masonry__filters ul li:not(:last-child), .product, .sidebar .sidebar__widget > h5:first-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:hover li.active:after {
                opacity: 0
            }

    .masonry-filter-holder:not(.masonry-filters--horizontal):not(:hover) .masonry__filters ul {
        max-height: 1.85714286em;
        overflow: hidden
    }

        .footer-customer-relationship .customer-email .sub-prompt span, .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
}

.col-md-3 .product--tile h5, .pagination, .project-thumb > a, article .article__title > a {
    display: block
}

.masonry-filters--horizontal .masonry__filters {
    display: inline-block;
    position: relative;
    bottom: 20px;
    margin-left: .92857143em
}

    .masonry-filters--horizontal .masonry__filters ul li {
        transition: .3s;
        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:not(.active) {
            opacity: .5
        }

        .masonry-filters--horizontal .masonry__filters ul li:hover, .wizard.active {
            opacity: 1
        }

.bg--dark .masonry-filter-holder .masonry__filters {
    background: #2a2a2a;
    border-color: #3f3f3f
}

.bg--secondary .comments__list li:nth-child(2n), .wizard.bg--white > .content {
    background: #fff
}

.bg--dark .masonry-filter-holder .masonry__filters li, .footer-bottom .site-switch a:hover, .footer-nav dd a:hover {
    color: #fff
}
/*! -- Pixxett Blog -- */

article .article__title {
    margin-top: 50px
}

    article .article__title > a:hover {
        text-decoration: none;
        opacity: .75
    }

    article .article__title h1 {
        margin-bottom: .29545454545455em
    }

article .article__body p, article .article__body ul {
    font-size: 15px;
    line-height: 1.68421053em;
    font-weight: 400;
    color: grey
}

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 .article__title {
        margin: 0;
        position: absolute;
        bottom: 0;
        z-index: 2;
        max-width: 90%
    }

        .comment .comment__meta, 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
}

section.unpad > article .imagebg + div {
    padding: 5.57142857em 0
}

.article__author {
    padding-bottom: 1.85714286em
}

    .article__author img {
        margin-bottom: .46428571em
    }

.slides--gapless article.imagebg {
    height: 27.85714286em
}

.masonry-blog-magazine .masonry__promo, .masonry-blog-magazine article {
    height: 338px
}

.masonry-blog-magazine .height--tall {
    height: calc(706px)
}

@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
    }

    .bar--transparent:not(.bar--dark):not(.pos-fixed) .btn:not([class*=primary]) .btn__text, .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__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, .bar.pos-fixed:not([class*=bg-]) .logo-dark {
            display: inline-block
        }

        .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]):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: .3s ease-out forwards fadeInDown;
        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-light {
                display: none
            }

        .bar.pos-fixed.bg--dark {
            background: #252525
        }

    .bar-2 .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%)
    }

    .subscribe-form-2 p {
        top: 2px;
        position: relative
    }

    .subscribe-form-2 input {
        margin: 0
    }

    .subscribe-form-2 form [class*=col-] {
        margin: 0 !important
    }

    .pricing-2 ul:first-child {
        margin-top: 4.64285714em
    }

    .masonry__promo.boxed--lg {
        padding: 7.42857143em
    }
}

@media all and (max-width:990px) {
    .flickity-prev-next-button {
        display: none
    }

    .pricing-2 {
        text-align: center
    }

        .pricing-2 ul:first-child {
            margin-top: 1.85714286em
        }

    .pricing-3 {
        margin-bottom: 1.85714286em
    }

    .testimonial-2 p {
        min-height: 7.42857143em
    }

    .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
}

.blog-article-wide:not(:last-child) {
    border-bottom: 1px solid #ececec;
    margin-bottom: 3.71428571em
}

.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:hover {
    text-decoration: none
}

.masonry-filter-container > span {
    position: relative;
    bottom: 20px
}

.comments__list li {
    padding: 1.85714286em;
    border: 1px solid #ececec;
    border-bottom: none
}

    .comments__list li:nth-child(odd) {
        background: #fcfcfc
    }

    .comments__list li:nth-child(2n) {
        background: #f9f9f9
    }

    .comments__list li:first-child, .conversation__head {
        border-radius: 6px 6px 0 0
    }

    .comments__list li:last-child {
        border-bottom: 1px solid #ececec;
        border-radius: 0 0 6px 6px
    }

.comment:not(:last-child) {
    border-bottom: 1px solid #ececec;
    padding-bottom: 1.85714286em
}

.comment .comment__avatar {
    width: 15%;
    float: left
}

.comment .comment__meta a, .tag-cloud li {
    display: inline-block
}

    .comment .comment__meta a:not(:first-child) {
        margin-left: 1.08333333333334em
    }

.comment .comment__meta + p {
    margin-top: .92857143em
}

.comment .comment__body h5.type--fine-print {
    margin: 0
}

.comment + .comment {
    margin-top: 1.85714286em;
    padding-left: 15%
}

.conversation__head h4, .conversation__head.boxed:not(:last-child), .project-thumb.hover-element, .project-thumb.hover-element .hover-element__reveal .project-thumb__title h5 {
    margin: 0
}

.related-blog-list article .article__title {
    margin-top: .92857143em;
    margin-bottom: 0
}

    .related-blog-list article .article__title .h4 {
        margin-bottom: .68421052631579em
    }

.tag-cloud li:not(:last-child):after {
    content: ','
}

.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
    }

.conversation__reply {
    border-top: none !important;
    border-bottom: none;
    border-radius: 0
}

    .conversation__reply.boxed:not(:last-child), .product .h4, .project-thumb h4 {
        margin-bottom: 0
    }

    .conversation__reply + .conversation__comments .comments__list li:first-child {
        border-radius: 0;
        border-top: none
    }
/*! -- Pixxett Portfolio -- */

.project-thumb:not(.hover-element) > a {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    margin-bottom: 1.85714286em
}

.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:not(.hover--active)[data-scrim-top] .hover-element__reveal {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transform: translate3d(0,-100px,0);
    -webkit-transform: translate3d(0,-100px,0)
}
/*! -- Pixxett Shop -- */

.product img {
    margin-bottom: .92857143em;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    backface-visibility: hidden
}

.product h5 {
    display: inline-block;
    margin-bottom: 0;
    margin-right: .46428571em
}

.product .h4:first-child {
    clear: left
}

.product .product__controls {
    overflow: hidden;
    margin-bottom: .92857143em
}

    .product .product__controls button, .product .product__controls label {
        position: relative;
        top: 6px
    }

.product.product--tile {
    padding: 1.85714286em;
    border-radius: 6px
}

.masonry--tiles {
    padding: 10px
}

    .masonry--tiles .masonry__item:not(:empty) {
        padding: 0 6px;
        margin-bottom: 12px
    }

        .masonry--tiles .masonry__item:not(:empty) .product--tile, .wizard > .steps a, .wizard > .steps a:active, .wizard > .steps a:hover {
            margin: 0
        }

            .masonry--tiles .masonry__item:not(:empty) .product--tile .label {
                top: 1.85714286em;
                right: 2.78571429em
            }
/*! -- Pixxett Wizard -- */

.wizard {
    transition: opacity .3s;
    opacity: 0
}

    .wizard > .actions a, .wizard > .actions a:active, .wizard > .actions a:hover {
        background: #4a90e2;
        transition: .3s;
        padding: .46428571em 1.85714286em;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        color: #fff;
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none
    }

    .wizard > .steps .current a, .wizard > .steps .current a:active, .wizard > .steps .current a:hover, .wizard > .steps .disabled a, .wizard > .steps .disabled a:active, .wizard > .steps .disabled a:hover, .wizard > .steps .done a, .wizard > .steps .done a:active, .wizard > .steps .done a:hover {
        background: 0 0;
        color: #252525
    }

    .wizard > .steps a:after, .wizard > .steps a:before {
        content: '';
        background: #eee;
        transition: .2s;
        position: absolute
    }

    .wizard > .steps a:before {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        left: 50%;
        margin-left: -10px;
        display: block;
        bottom: 0
    }

    .wizard > .steps a:after {
        width: 100%;
        bottom: 7px;
        height: 2px;
        left: 0
    }

    .wizard > .steps li:first-child a:after {
        width: 50%;
        left: 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 > .actions > ul > li, .wizard > .steps > ul > li {
        float: none;
        display: inline-block
    }

    .wizard > .content {
        background: #fafafa;
        margin-top: 1.85714286em;
        margin-bottom: 1.85714286em;
        border: 1px solid #ececec
    }

        .wizard > .content > .body {
            padding: 1.85714286em
        }

    .wizard.bg--white {
        background: 0 0 !important
    }

    .wizard > .content img {
        max-height: 240px
    }
/*! -- pixxett Footers -- */

.footer {
    background-color: #f5f5f5
}

.footer-customer-relationship .social-media a:hover, .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 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: 0;
            background-color: #fff
        }

        .footer-customer-relationship .customer-email .sub-prompt {
            position: absolute;
            margin-top: 3px;
            white-space: nowrap
        }

    .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.youtube-follow [class^=iconfont-] {
                vertical-align: sub
            }

.footer-nav {
    background-color: #212121;
    padding: 40px 0 60px;
    color: #b0b0b0
}

    .footer-nav dt {
        font-size: 14px;
        text-transform: uppercase;
        line-height: 40px;
        font-weight: 600
    }

    .footer-nav dd a {
        color: #b0b0b0
    }

    .footer-nav .hotline {
        font-size: 24px;
        font-family: 'Avenir Next Condensed',Arial,sans-serif;
        font-weight: 600;
        line-height: 28px;
        margin-top: 20px
    }

    .footer-nav .btn {
        font-size: 14px;
        text-transform: uppercase;
        margin-top: 14px
    }

        .footer-nav .btn:hover {
            color: #212121
        }

.footer-bottom {
    background-color: #212121;
    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
    }

        .footer-bottom .site-switch a {
            color: #b0b0b0;
            margin-left: 16px
        }

            .footer-bottom .site-switch a.active {
                color: #757575;
                display: block;
                margin-left: 0;
                padding-left: 16px;
                background-color: #fff
            }

    .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-service-policies {
    background-color: #fff;
    padding: 25px 0
}

.span4 {
    width: 33%
}

.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: 0
}

    .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) {
    .cart-total, .comments + .comments-form, .h2 + .slider, .lead + .testimonial-2, .map-container + div[class*=col-], h2 + .slider, h3 + .related-blog-list {
        margin-top: 3.71428571em
    }

    .pricing-section-1 .pricing:not(.boxed--emphasis) {
        left: .92857143em
    }

    .pricing-section-1 .pricing.boxed--emphasis {
        right: .92857143em
    }

    .background-image-holder .map-container, .imageblock__content .map-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .testimonials-1 .list-inline {
        position: relative;
        top: .92857143em
    }

        .testimonials-1 .list-inline li:not(:last-child) {
            margin-right: 3.71428571em
        }

    .comments__list li {
        padding: 2.78571429em
    }

    .conversation__avatar {
        position: absolute;
        top: 1.85714286em;
        right: 2.78571429em
    }

    .col-xs-12:not(.col-sm-6) .project-thumb.hover-element > a {
        height: 46.42857143em
    }

    .cart-customer-details {
        margin-top: 7.42857143em
    }

    footer .list-inline + .btn, footer.footer-4 form {
        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, footer.footer-4 .row:last-child {
        margin-top: 1.85714286em
    }

    footer.footer-4 .logo + span {
        position: relative;
        top: 8px
    }

    footer.imagebg:not(.image--light) a, footer.imagebg:not(.image--light) p, footer.imagebg:not(.image--light) span {
        color: #fff
    }

    .footer-1 .type--fine-print {
        position: relative;
        top: 2px
    }
}

@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
    }

    .typed-text, .wizard > .steps .number {
        display: block
    }

    .radial, .testimonials-1 .list-inline li, .typed-headline {
        margin-bottom: 1.85714286em
    }

        .typed-headline .h1, .typed-headline h1 {
            margin-bottom: 0
        }

    .row form > .row {
        margin-left: 0;
        margin-right: 0
    }

    .elaborate-form-1 .pos-vertical-center {
        padding-left: 15px;
        padding-right: 15px
    }

    .elaborate-form-1 form .col-xs-6:nth-child(2n) {
        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
    }

    .testimonial-2 p {
        min-height: 0
    }

    .cart-total, .footer-1 .social-list, .footer-6 .footer__lower .social-list, .footer-7 .social-list, .testimonials-1 .list-inline {
        margin-top: 1.85714286em
    }

    .project-thumb.height-40 {
        height: 350px;
        min-width: 100%
    }

    .wizard > .content {
        min-height: 25em
    }

    .wizard .pos-vertical-center {
        top: 50%;
        transform: translateY(-50%);
        -wekbit-transform: translateY(-50%)
    }

    .wizard > .content img {
        max-height: 120px;
        margin-bottom: .92857143em
    }

    .footer-4 form, footer .social-list {
        margin: 1.85714286em 0
    }

    .footer-4 .logo {
        margin: 0
    }

    .footer-1 .logo {
        display: block;
        margin: 1.85714286em auto .92857143em
    }
}

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

@media only screen and (min-width:320px) and (max-width:479px) {
    .home-index .pixxett-header1 nav, .pager .pages {
        position: relative
    }

    .bestsellers3 .product-bestseller .item .item-inner:after, .featured-pro .home-block-inner:after, .featured-pro .item .item-inner:after, .pixxett-header1 .welcome-msg, .products-list .actions .add-to-links a.link-compare span, .products-list .actions .add-to-links a.link-wishlist span, .products-list .product-shop button.button span, .related-pro .home-block-inner:after, .section-services, .upsell-pro .home-block-inner:after {
        display: none
    }

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

    .pixxett-header1 .logo {
        margin-right: 0;
        width: 30%;
        margin-left: 34%
    }

    .section-content .content-left, .section-content .content-right-inner .col-lg-6, .top-banner-section .col-sm-4, ul.products-grid .item .item-inner {
        margin-bottom: 15px
    }

        .top-banner-section .col-sm-4:last-child {
            margin-bottom: 0
        }

        .account-login .col2-set .col-2, .account-login .form-list input.input-text, .bestsellers3 .pixxett-tabs li, .footer-customer-relationship .customer-email input, .products-list .product-image, .review1, .review2, .section-content .content-left, .section-content .content-left img, .section-content .content-right, .section-content .content-right img {
            width: 100%
        }

    ul.products-grid {
        margin: 0
    }

    .bestsellers3 .pixxett-tabs li > a {
        width: 100%;
        text-align: center
    }

    .featured-pro .home-block-inner {
        min-height: 250px;
        width: 100%
    }

    .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
    }

    .cat-img-title p, .small-tag {
        font-size: 10px
    }

    .latest-blog {
        padding: 30px 15px
    }

    .blog-inner .blog-preview_item {
        width: 100%;
        margin-bottom: 15px;
        display: block;
        overflow: hidden
    }

    .filter-list dd.category-all, .filter-list-wrap-toggled .filter-list-row {
        height: inherit
    }

    .filter-list dd {
        width: 22%
    }

        .filter-list dd.item {
            width: 42%;
            padding: 12px 5px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

    .order-list-box {
        margin: 20px 15px
    }

        .order-list-box .order-list li {
            padding: 0 20px
        }

    .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;
        width: 100%
    }

    .footer-bottom .copyright {
        line-height: 25px
    }

    article .article__title {
        margin-top: 0
    }

    footer.space--sm, section.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-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 {
        margin-bottom: 10px;
        display: inline-block;
        overflow: visible;
        width: 100%
    }

    .pager .pages {
        width: 100%;
        overflow: hidden
    }

    .pages .pagination {
        width: 85%
    }

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

    .cat-img-title.cat-box {
        padding: 10px 5px 25px
    }

    .small-tag {
        letter-spacing: 3px
    }

    .cat-img-title .cat-heading {
        font-size: 20px;
        margin-top: 8px;
        margin-bottom: 0
    }

    .products-list .product-shop {
        width: 100%;
        margin-left: 0
    }

    .product-shop button.button.btn-cart:before {
        margin-right: 0
    }

    .product-view .product-shop .add-to-box .btn-cart {
        margin: 10px 0
    }

    .email-addto-box, .product-view .email-friend {
        margin-left: 0
    }

    .product-view .product-shop .add-to-links li {
        padding: 0 6px 0 0
    }

    .nav-tabs.product-tabs > li, .upsell-pro .block-content {
        margin-right: 0;
        width: 100%
    }

    .related-pro .home-block-inner, .upsell-pro .home-block-inner {
        width: 100%;
        min-height: inherit;
        padding-bottom: 25px
    }

    .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%
    }

    .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
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .home-index .pixxett-header1 nav, .pager .pages {
        position: relative
    }

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

    .pixxett-header1 .logo {
        margin-right: 0;
        width: 25%;
        margin-left: 35%
    }

    .section-content .content-left, .section-content .content-right-inner .col-lg-6, .top-banner-section .col-sm-4, ul.products-grid .item .item-inner {
        margin-bottom: 15px
    }

        .top-banner-section .col-sm-4:last-child {
            margin-bottom: 0
        }

        .account-login .col2-set .col-2, .account-login .form-list input.input-text, .bestsellers3 .pixxett-tabs li, .review1, .review2, .section-content .content-left, .section-content .content-left img, .section-content .content-right, .section-content .content-right img, .top-banner-section .col-sm-4 img {
            width: 100%
        }

    ul.products-grid {
        margin: 0
    }

    .bestsellers3 .pixxett-tabs li > a {
        width: 100%;
        text-align: center
    }

    .bestsellers3 .product-bestseller .item .item-inner:after, .featured-pro .home-block-inner:after, .featured-pro .item .item-inner:after, .products-list .actions .add-to-links a.link-compare span, .products-list .actions .add-to-links a.link-wishlist span, .products-list .product-shop button.button span, .related-pro .home-block-inner:after, .section-services, .upsell-pro .home-block-inner:after {
        display: none
    }

    .featured-pro .home-block-inner {
        min-height: 250px;
        width: 100%
    }

    .featured-pro .block-content {
        margin-right: 0 !important;
        width: 100%;
        margin-left: 0;
        padding: 0 15px
    }

    .filter-list dd.category-all, .filter-list-wrap-toggled .filter-list-row {
        height: inherit
    }

    .filter-list dd {
        width: 22%
    }

        .filter-list dd.item {
            width: 42%;
            padding: 12px 5px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden
        }

    .order-list-box {
        margin: 20px 15px
    }

        .order-list-box .order-list li {
            padding: 0 20px
        }

    .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
    }

    footer.space--sm, section.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
    }

    .home-special-products {
        padding: 0 15px !important
    }

    .section-heading {
        margin: 20px auto
    }

    .featured-pro .owl-pagination {
        right: 0;
        top: 27%
    }

    .offer-slider h1 {
        font-size: 36px;
        line-height: 40px
    }

    .cat-img-title p, .small-tag {
        font-size: 10px
    }

    .latest-blog {
        padding: 30px 15px
    }

    .blog-inner .blog-preview_item {
        width: 100%;
        margin-bottom: 15px;
        display: block;
        overflow: hidden
    }

    .category-page ul.products-grid .item, .products-list .product-shop {
        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
    }

    .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 {
        letter-spacing: 3px
    }

    .cat-img-title .cat-heading {
        font-size: 20px;
        margin-top: 8px;
        margin-bottom: 0
    }

    .products-list .product-image {
        width: 45%
    }

    .product-shop button.button.btn-cart:before {
        margin-right: 0
    }

    .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
    }

    .related-pro .home-block-inner, .upsell-pro .home-block-inner {
        width: 100%;
        min-height: inherit;
        padding-bottom: 25px
    }

    .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
    }

    .footer-customer-relationship .introduction {
        margin-right: 15px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .col-left .block-cart ul li.item, .filter-list dd, .hot-deal, .pager .pages {
        overflow: hidden
    }

    .pixxett-header1 .language-currency-wrapper .block, .pixxett-header1 .toplinks .links {
        font-size: 11px
    }

    .pixxett-header1 #nav > li > a {
        font-size: 12px;
        padding: 15px 8px;
        letter-spacing: .5px
    }

    #carousel-example-generic .carousel-caption p, .pixxett-header1 .nav-block-right.grid12-4, .pixxett-header1 .nav-inner .caret, .products-list .actions .add-to-links a.link-compare span, .products-list .actions .add-to-links a.link-wishlist span, .products-list .product-shop button.button span, .section-services.preload {
        display: none
    }

    .pixxett-header1 #nav .level0-wrapper, .pixxett-header1 #nav li.drop-menu ul {
        top: 55px
    }

    .col-left .block-cart .block-content ul li .product-details, .col-left .block-cart .block-content ul li a.product-image img, .footer-customer-relationship .introduction, .pixxett-header1 .nav-block-left.grid12-8 {
        width: 100%
    }

    .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 .customer-reaction {
        margin-left: 0;
        margin-top: 10px
    }

    .footer-customer-relationship .social-media a {
        margin: 0 20px 0 0
    }

    .bestsellers3 .bestseller-content, .masonry hr + .masonry__container, .masonry hr + .row {
        margin-top: 20px
    }

    article .article__title {
        margin-top: 0
    }

    footer.space--sm, section.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
    }

    .cat-img-title p, .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%
        }

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

    .filter-list dd {
        width: 15%;
        padding: 12px 10px;
        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
    }

    .block-compare .ajax-checkout button.button-clear, .toolbar .pager {
        margin-top: 10px
    }

    ol#compare-items li a.product-name {
        padding: 0;
        width: 91%
    }

    #carousel-example-generic .carousel-caption h3 {
        line-height: inherit
    }

        #carousel-example-generic .carousel-caption h3 a {
            font-size: 20px
        }

    .custom-slider .link {
        margin-top: 10px;
        font-size: 10px
    }

    #recently-viewed-items .product-name {
        width: 88%
    }

    .toolbar .pager {
        width: 100%;
        margin-right: 0
    }

    #limiter {
        margin-bottom: 10px;
        display: inline-block;
        overflow: visible;
        width: auto
    }

    .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
    }

    .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 {
        width: 100%
    }

        .hot-deal .products-grid {
            width: 300px;
            margin: auto
        }

    .pager .pages {
        position: relative;
        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 .level0-wrapper, .pixxett-header1 #nav li.drop-menu ul {
        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
        }

    .masonry hr + .masonry__container, .masonry hr + .row {
        margin-top: 30px
    }

    article .article__title {
        margin-top: 0
    }

    footer.space--sm, section.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-compare span, .products-list .actions .add-to-links a.link-wishlist span {
        display: none
    }

    .related-pro .owl-pagination {
        top: 95%
    }

    .upsell-pro .owl-pagination {
        right: -11.5%;
        top: 93%
    }
}