.action.compare.no-display {
    display: none !important
    }
body > p {
    display: none
    }
.toolbar .modes > a {
    text-decoration: none
    }
.toolbar-amount {
    display: none
    }
.clearer {
    clear: both
    }
@media (min-width: 1200px) {
    .col-xl-2-4 {
        width: 20%
        }
    .col-xl-9-6 {
        width: 80%
        }
    }
@media (max-width: 1199px) {
    .container {
        width: 100%
        }
    }
@media (min-width: 768px) {
    .layout-1280 .navigation, .layout-1280 .page-wrapper > .breadcrumbs .items, .layout-1280 .page-header .header.panel, .layout-1280 .header.content, .layout-1280 .footer.content, .layout-1280 .page-wrapper > .widget, .layout-1280 .page-wrapper > .page-bottom, .layout-1280 .block.category.event, .layout-1280 .top-container, .layout-1280 .page-main {
        max-width: 1280px
        }
    .layout-1280 .container {
        max-width: 1280px;
        width: 100%
        }
    }
.swatch-input {
    display: none
    }
.btn-default {
    color: #fff;
    font-weight: 400;
    background-image: none;
    background-color: #08c;
    text-shadow: none;
    border: 0;
    opacity: 1;
    filter: alpha(opacity=100)
    }
.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
    width: 100%
    }
@media (min-width: 768px) {
    .navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
        max-width: 720px
        }
    }
@media (min-width: 992px) {
    .navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
        max-width: 960px
        }
    }
@media (min-width: 1200px) {
    .navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
        max-width: 1140px
        }
    }
.prev-next-products {
    float: right
    }
.prev-next-products .product-nav em:before {
    margin: 0
    }
.prev-next-products .product-nav.product-next .product-pop:before {
    right: 21px
    }
.prev-next-products .product-nav.product-prev .product-pop:before {
    left: 27px
    }
.homepage-bar {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fbfbfb
    }
.homepage-bar .col-lg-4 {
    border-left: 1px solid #e1e1e1;
    padding-top: 14px;
    padding-bottom: 14px
    }
.homepage-bar .col-lg-4:first-child {
    border-left: 0
    }
.homepage-bar [class*=" porto-icon-"], .homepage-bar [class^="porto-icon-"] {
    font-size: 34px;
    color: #000;
    display: inline-block;
    vertical-align: middle
    }
.homepage-bar .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px
    }
.homepage-bar h3 {
    color: #313131;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.5
    }
.homepage-bar p {
    font-size: 12px;
    margin: 0;
    line-height: 1
    }
.image-link {
    display: block;
    position: relative
    }
.image-link:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s
    }
.image-link:hover:before {
    opacity: 0.1;
    visibility: visible
    }
.image-link img {
    width: 100%;
    display: block
    }
.border-radius .image-link:before {
    border-radius: 8px
    }
.custom-support {
    text-align: left
    }
.custom-support em[class*=icon-] {
    float: left;
    background-color: #e35d53;
    color: #fff;
    border-radius: 50%;
    width: 62px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    font-size: 20px
    }
.custom-support div.content {
    margin-left: 76px
    }
.custom-support div.content > h2 {
    color: #000;
    margin: 0;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5
    }
.custom-support div.content > em {
    color: #888;
    font-weight: 300;
    font-size: 11px;
    font-style: normal;
    line-height: 1;
    margin-bottom: 15px;
    display: block
    }
.custom-support div.content > p {
    color: #666;
    font-size: 14px
    }
.photo-instagrams .image-link {
    position: relative
    }
.photo-instagrams .image-link .content {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-color: rgba(255, 0, 0, 0.5);
    text-align: center;
    height: 100%;
    vertical-align: middle;
    font-size: 35px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s
    }
.photo-instagrams .image-link:hover .content {
    opacity: 1;
    visibility: visible
    }
.photo-instagrams .image-link .content i {
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 24.5px);
    display: inline-block;
    vertical-align: middle
    }
.parallax-wrapper {
    position: relative
    }
.parallax-wrapper .overlay {
    background-color: #000;
    opacity: 0.55;
    filter: alpha(opacity=55);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute
    }
.parallax {
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    padding: 50px 0
    }
.parallax-slider {
    text-align: center
    }
.parallax-slider .owl-carousel h2 {
    font-size: 60.28px;
    color: #fff;
    line-height: 1
    }
.parallax-slider .owl-carousel p {
    font-size: 22.6px;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px
    }
.parallax-slider .owl-carousel a {
    font-size: 16px;
    color: #fff;
    line-height: 1
    }
.brands-slider .owl-carousel .owl-item img {
    width: auto;
    max-width: 100%
    }
.customer-account-login .account-social-login, .customer-account-create .account-social-login {
    display: none
    }
.customer-account-login .block-customer-login .account-social-login, .customer-account-create .form-create-account .account-social-login {
    display: block;
    width: 100%;
    position: relative;
    margin: 50px 0
    }
.customer-account-login .block-customer-login .account-social-login:before, .customer-account-create .form-create-account .account-social-login:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #dfdfdf;
    z-index: 3;
    top: 0;
    left: 25px;
    right: 25px
    }
.customer-account-login .block-customer-login .account-social-login:before {
    left: 0;
    right: 0
    }
.customer-account-login .block-customer-login .account-social-login:after, .customer-account-create .form-create-account .account-social-login:after {
    content: "or";
    position: absolute;
    width: 45px;
    height: 45px;
    z-index: 4;
    text-align: center;
    border: #dfdfdf solid 1px;
    border-radius: 100%;
    line-height: 43px;
    color: #777;
    left: 0;
    top: -22px;
    right: 0;
    margin: 0 auto;
    background-color: #fff
    }
.customer-account-login .account-social-login .block-content, .customer-account-create .account-social-login {
    padding-top: 50px
    }
.form.create.account .account-social-login .actions-toolbar {
    padding: 0
    }
@media only screen and (max-width: 767px) {
    .nav-open .page-wrapper {
        position: fixed;
        z-index: 3
        }
    }
@media (max-width: 991px) {
    .homepage-bar .col-lg-4 {
        border: 0;
        text-align: left !important
        }
    .parallax {
        background-position: center center !important;
        background-attachment: initial
        }
    }
@media (max-width: 767px) {
    .parallax-slider .owl-carousel h2 {
        font-size: 40px
        }
    .parallax-slider .owl-carousel p {
        font-size: 13px;
        margin-bottom: 15px
        }
    .parallax-slider .owl-carousel a {
        font-size: 13px
        }
    }
/*=============== Demo 1 Homepage Slider ===============*/
.owl-banner-carousel .content.type1 h2 {
    font-size: 60px
    }
.owl-banner-carousel .content.type1 p {
    font-size: 25px
    }
.owl-banner-carousel .content.type1 a {
    font-size: 16px
    }
@media (max-width: 1199px) {
    .owl-banner-carousel .content.type1 h2 {
        font-size: 48px
        }
    .owl-banner-carousel .content.type1 p {
        font-size: 20px
        }
    .owl-banner-carousel .content.type1 a {
        font-size: 13px
        }
    }
@media (max-width: 991px) {
    .owl-banner-carousel .content.type1 h2 {
        font-size: 36px
        }
    .owl-banner-carousel .content.type1 p {
        font-size: 15px
        }
    .owl-banner-carousel .content.type1 a {
        font-size: 10px
        }
    }
@media (max-width: 767px) {
    .owl-banner-carousel .content.type1 h2 {
        font-size: 24px
        }
    .owl-banner-carousel .content.type1 p {
        display: none
        }
    .owl-banner-carousel .content.type1 a {
        font-size: 8px
        }
    }
/*=============== Demo 3 Homepage Slider ===============*/
#banner-slider-demo-3 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
    }
#banner-slider-demo-3 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
    }
#banner-slider-demo-3 .slide1-content p {
    font-size: 23.64px
    }
#banner-slider-demo-3 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
    }
#banner-slider-demo-3 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
    }
#banner-slider-demo-3 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
    }
#banner-slider-demo-3 .slide2-content p span.split {
    margin: 0 13px 0 14px;
    border: 0
    }
#banner-slider-demo-3 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
    }
#banner-slider-demo-3 .slide3-content em {
    font-size: 26.26px
    }
#banner-slider-demo-3 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px
    }
#banner-slider-demo-3 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
    }
@media (max-width: 991px) {
    #banner-slider-demo-3 .slide1-content img.quote {
        width: 30px
        }
    #banner-slider-demo-3 .slide1-content em {
        font-size: 20px;
        margin: 0 8px
        }
    #banner-slider-demo-3 .slide1-content h2 {
        font-size: 60px;
        margin: 4px 0 8px
        }
    #banner-slider-demo-3 .slide1-content p {
        font-size: 18px
        }
    #banner-slider-demo-3 .slide2-content em {
        font-size: 20px;
        margin-left: 7px
        }
    #banner-slider-demo-3 .slide2-content h2 {
        font-size: 65px;
        margin: 2px 0 8px
        }
    #banner-slider-demo-3 .slide2-content p {
        font-size: 15px;
        margin-left: 7px;
        margin-bottom: 25px
        }
    #banner-slider-demo-3 .slide2-content p span.split {
        margin: 0 8px 0 9px
        }
    #banner-slider-demo-3 .slide2-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
        }
    #banner-slider-demo-3 .slide3-content em {
        font-size: 20px
        }
    #banner-slider-demo-3 .slide3-content h2 {
        font-size: 65px;
        margin-bottom: 13px
        }
    #banner-slider-demo-3 .slide3-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
        }
    }
@media (max-width: 640px) {
    #banner-slider-demo-3 .slide1-content img.quote {
        width: 15px
        }
    #banner-slider-demo-3 .slide1-content em {
        font-size: 14px;
        margin: 0 3px
        }
    #banner-slider-demo-3 .slide1-content h2 {
        font-size: 38px;
        margin: 1px 0 5px
        }
    #banner-slider-demo-3 .slide1-content p {
        font-size: 14px
        }
    #banner-slider-demo-3 .slide2-content em {
        font-size: 14px;
        margin-left: 3px
        }
    #banner-slider-demo-3 .slide2-content h2 {
        font-size: 39px;
        margin: 0 0 5px
        }
    #banner-slider-demo-3 .slide2-content p {
        font-size: 8px;
        margin-left: 4px;
        margin-bottom: 15px
        }
    #banner-slider-demo-3 .slide2-content p span.split {
        margin: 0 7px 0 8px
        }
    #banner-slider-demo-3 .slide2-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
        }
    #banner-slider-demo-3 .slide3-content em {
        font-size: 14px
        }
    #banner-slider-demo-3 .slide3-content h2 {
        font-size: 38px;
        margin-bottom: 8px
        }
    #banner-slider-demo-3 .slide3-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
        }
    }
/*=============== Demo 8 Homepage Slider ===============*/
#banner-slider-demo-8 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
    }
#banner-slider-demo-8 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
    }
#banner-slider-demo-8 .slide1-content p {
    font-size: 23.64px
    }
#banner-slider-demo-8 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
    }
#banner-slider-demo-8 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
    }
#banner-slider-demo-8 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
    }
#banner-slider-demo-8 .slide2-content p span.split {
    margin: 0 13px 0 14px;
    border: 0
    }
#banner-slider-demo-8 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
    }
#banner-slider-demo-8 .slide3-content em {
    font-size: 26.26px
    }
#banner-slider-demo-8 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px
    }
#banner-slider-demo-8 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
    }
@media (max-width: 991px) {
    #banner-slider-demo-8 .slide1-content img.quote {
        width: 30px
        }
    #banner-slider-demo-8 .slide1-content em {
        font-size: 20px;
        margin: 0 8px
        }
    #banner-slider-demo-8 .slide1-content h2 {
        font-size: 60px;
        margin: 4px 0 8px
        }
    #banner-slider-demo-8 .slide1-content p {
        font-size: 18px
        }
    #banner-slider-demo-8 .slide2-content em {
        font-size: 20px;
        margin-left: 7px
        }
    #banner-slider-demo-8 .slide2-content h2 {
        font-size: 65px;
        margin: 2px 0 8px
        }
    #banner-slider-demo-8 .slide2-content p {
        font-size: 15px;
        margin-left: 7px;
        margin-bottom: 25px
        }
    #banner-slider-demo-8 .slide2-content p span.split {
        margin: 0 8px 0 9px
        }
    #banner-slider-demo-8 .slide2-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
        }
    #banner-slider-demo-8 .slide3-content em {
        font-size: 20px
        }
    #banner-slider-demo-8 .slide3-content h2 {
        font-size: 65px;
        margin-bottom: 13px
        }
    #banner-slider-demo-8 .slide3-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
        }
    }
@media (max-width: 640px) {
    #banner-slider-demo-8 .slide1-content img.quote {
        width: 15px
        }
    #banner-slider-demo-8 .slide1-content em {
        font-size: 12px;
        margin: 0 3px
        }
    #banner-slider-demo-8 .slide1-content h2 {
        font-size: 23px;
        margin: 1px 0 5px
        }
    #banner-slider-demo-8 .slide1-content p {
        font-size: 14px
        }
    #banner-slider-demo-8 .slide2-content em {
        font-size: 12px;
        margin-left: 3px
        }
    #banner-slider-demo-8 .slide2-content h2 {
        font-size: 23px;
        margin: 0 0 5px
        }
    #banner-slider-demo-8 .slide2-content p {
        font-size: 8px;
        margin-left: 4px;
        margin-bottom: 5px
        }
    #banner-slider-demo-8 .slide2-content p span.split {
        margin: 0 7px 0 8px
        }
    #banner-slider-demo-8 .slide2-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
        }
    #banner-slider-demo-8 .slide3-content em {
        font-size: 12px
        }
    #banner-slider-demo-8 .slide3-content h2 {
        font-size: 23px;
        margin-bottom: 8px;
        margin-top: 5px
        }
    #banner-slider-demo-8 .slide3-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
        }
    }
/*=============== Demo 4 Homepage Slider ===============*/
#banner-slider-demo-4 .slide1-content em {
    font-size: 26.26px;
    margin: 0 10px
    }
#banner-slider-demo-4 .slide1-content h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
    }
#banner-slider-demo-4 .slide1-content p {
    font-size: 23.64px
    }
#banner-slider-demo-4 .slide2-content em {
    font-size: 26.26px;
    margin-left: 8px
    }
#banner-slider-demo-4 .slide2-content h2 {
    font-size: 82.51px;
    margin: 3px 0 10px
    }
#banner-slider-demo-4 .slide2-content p {
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 30px
    }
#banner-slider-demo-4 .slide2-content p span.split {
    margin: 0 13px 0 14px;
    border: 0
    }
#banner-slider-demo-4 .slide2-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
    }
#banner-slider-demo-4 .slide3-content em {
    font-size: 26.26px
    }
#banner-slider-demo-4 .slide3-content h2 {
    font-size: 82.51px;
    margin-bottom: 17px
    }
#banner-slider-demo-4 .slide3-content a.btn-default {
    font-size: 14px;
    width: 135px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-right: 3px
    }
@media (max-width: 991px) {
    #banner-slider-demo-4 .slide1-content img.quote {
        width: 30px
        }
    #banner-slider-demo-4 .slide1-content em {
        font-size: 20px;
        margin: 0 8px
        }
    #banner-slider-demo-4 .slide1-content h2 {
        font-size: 60px;
        margin: 4px 0 8px
        }
    #banner-slider-demo-4 .slide1-content p {
        font-size: 18px
        }
    #banner-slider-demo-4 .slide2-content em {
        font-size: 20px;
        margin-left: 7px
        }
    #banner-slider-demo-4 .slide2-content h2 {
        font-size: 65px;
        margin: 2px 0 8px
        }
    #banner-slider-demo-4 .slide2-content p {
        font-size: 15px;
        margin-left: 7px;
        margin-bottom: 25px
        }
    #banner-slider-demo-4 .slide2-content p span.split {
        margin: 0 8px 0 9px
        }
    #banner-slider-demo-4 .slide2-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
        }
    #banner-slider-demo-4 .slide3-content em {
        font-size: 20px
        }
    #banner-slider-demo-4 .slide3-content h2 {
        font-size: 65px;
        margin-bottom: 13px
        }
    #banner-slider-demo-4 .slide3-content a.btn-default {
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
        padding: 0;
        margin-right: 1px
        }
    }
@media (max-width: 640px) {
    #banner-slider-demo-4 .slide1-content img.quote {
        width: 15px
        }
    #banner-slider-demo-4 .slide1-content em {
        font-size: 14px;
        margin: 0 3px
        }
    #banner-slider-demo-4 .slide1-content h2 {
        font-size: 38px;
        margin: 1px 0 5px
        }
    #banner-slider-demo-4 .slide1-content p {
        font-size: 14px
        }
    #banner-slider-demo-4 .slide2-content em {
        font-size: 14px;
        margin-left: 3px
        }
    #banner-slider-demo-4 .slide2-content h2 {
        font-size: 39px;
        margin: 0 0 5px
        }
    #banner-slider-demo-4 .slide2-content p {
        font-size: 8px;
        margin-left: 4px;
        margin-bottom: 15px
        }
    #banner-slider-demo-4 .slide2-content p span.split {
        margin: 0 7px 0 8px
        }
    #banner-slider-demo-4 .slide2-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
        }
    #banner-slider-demo-4 .slide3-content em {
        font-size: 14px
        }
    #banner-slider-demo-4 .slide3-content h2 {
        font-size: 38px;
        margin-bottom: 8px
        }
    #banner-slider-demo-4 .slide3-content a.btn-default {
        font-size: 8px;
        width: 80px;
        height: 25px;
        line-height: 25px;
        padding: 0;
        margin-right: 1px
        }
    }
.slider-with-side {
    margin: 0 -8px
    }
.slider-with-side .slider-area {
    padding: 0 8px;
    float: left;
    width: 72.3%
    }
.slider-with-side .slider-area .item .content .ribbon {
    right: 13px;
    top: 16px
    }
.slider-with-side .slider-area .item .content .ribbon em {
    font-size: 14px;
    margin: 0;
    margin-right: 63px
    }
.slider-with-side .slider-area .item .content .ribbon h3 {
    font-size: 33px;
    margin: 0;
    margin-right: 14px
    }
.slider-with-side .slider-area .item .content .ribbon h5 {
    font-size: 18px;
    margin: 0;
    margin-top: -3px
    }
.slider-with-side .slider-area .item .content .text-area h2 {
    display: inline-block;
    padding: 7px 50px 7px 11px;
    font-size: 42.7px;
    margin-bottom: 4px
    }
.slider-with-side .slider-area .item .content .text-area p {
    display: inline-block;
    padding: 12px 17px 12px 13px;
    font-size: 17.58px;
    margin: 0
    }
@media (max-width: 1199px) {
    .slider-with-side .slider-area .item .content .ribbon {
        right: 11px;
        top: 11px
        }
    .slider-with-side .slider-area .item .content .ribbon em {
        font-size: 13px;
        margin-right: 60px
        }
    .slider-with-side .slider-area .item .content .ribbon h3 {
        font-size: 30px;
        margin-right: 12px
        }
    .slider-with-side .slider-area .item .content .ribbon h5 {
        font-size: 16px;
        margin-top: -2px
        }
    .slider-with-side .slider-area .item .content .text-area h2 {
        padding: 6px 45px 6px 10px;
        font-size: 38px
        }
    .slider-with-side .slider-area .item .content .text-area p {
        padding: 10px 15px 10px 11px;
        font-size: 15px
        }
    }
@media (max-width: 767px) {
    .slider-with-side .slider-area .item .content .ribbon {
        right: 3px;
        top: 3px
        }
    .slider-with-side .slider-area .item .content .ribbon em {
        font-size: 8px;
        margin-right: 40px
        }
    .slider-with-side .slider-area .item .content .ribbon h3 {
        font-size: 22px;
        margin-right: 7px
        }
    .slider-with-side .slider-area .item .content .ribbon h5 {
        font-size: 10px;
        margin-top: -1px
        }
    .slider-with-side .slider-area .item .content .text-area h2 {
        padding: 4px 38px 4px 7px;
        font-size: 22px
        }
    .slider-with-side .slider-area .item .content .text-area p {
        padding: 6px 11px 6px 8px;
        font-size: 9px
        }
    }
@media (max-width: 480px) {
    .slider-with-side .slider-area .item .content .ribbon {
        right: 3px;
        top: 1px
        }
    .slider-with-side .slider-area .item .content .ribbon em {
        font-size: 6px;
        margin-right: 22px
        }
    .slider-with-side .slider-area .item .content .ribbon h3 {
        font-size: 14px;
        margin-right: 2px
        }
    .slider-with-side .slider-area .item .content .ribbon h5 {
        font-size: 6px;
        margin-top: -1px
        }
    .slider-with-side .slider-area .item .content .text-area p {
        display: none
        }
    }
.slider-with-side .side-area {
    padding: 0 8px 0 7px;
    float: left;
    width: 27.7%
    }
.slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
    margin-bottom: 9px;
    position: relative;
    overflow: hidden
    }
.slider-with-side .side-area .item1:before, .slider-with-side .side-area .item2:before, .slider-with-side .side-area .item3:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(Opacity=0);
    visibility: hidden;
    transition: all 0.2s
    }
.slider-with-side .side-area .item1:hover:before, .slider-with-side .side-area .item2:hover:before, .slider-with-side .side-area .item3:hover:before {
    opacity: 0.1;
    filter: alpha(Opacity=10);
    visibility: visible
    }
.slider-with-side .side-area .item1 .content {
    position: absolute;
    bottom: 17px;
    left: 15px;
    text-align: left
    }
.slider-with-side .side-area .item1 .content em {
    font-size: 27.45px;
    margin: 0;
    margin-bottom: 2px;
    display: block;
    margin-left: 4px
    }
.slider-with-side .side-area .item1 .content h2 {
    font-size: 35.16px;
    margin: 0;
    margin-bottom: 14px
    }
.slider-with-side .side-area .item1 .content a {
    font-size: 15.08px;
    margin: 0;
    margin-left: 4px;
    display: block
    }
.slider-with-side .side-area .item2 .content {
    position: absolute;
    bottom: 17px;
    left: 21px;
    text-align: left
    }
.slider-with-side .side-area .item2 .content h2 {
    font-size: 33.86px;
    margin: 0;
    margin-bottom: 12px
    }
.slider-with-side .side-area .item2 .content p {
    font-size: 18.34px;
    margin: 0;
    margin-left: 1px
    }
.slider-with-side .side-area .item2 .content a {
    font-size: 13px;
    border: 0;
    text-shadow: none;
    padding: 8px 10px 8px 15px;
    margin: 13px 0 0 25px
    }
.slider-with-side .side-area .item3 {
    margin: 0 !important
    }
.slider-with-side .side-area .item3 .content {
    position: absolute;
    bottom: 17px;
    left: 19px;
    text-align: left
    }
.slider-with-side .side-area .item3 .content h2 {
    font-size: 32px;
    margin: 0
    }
.slider-with-side .side-area .item3 .content p {
    font-size: 20px;
    margin: 0;
    margin-bottom: 17px
    }
.slider-with-side .side-area .item3 .content a {
    font-size: 16px;
    margin: 0
    }
@media (max-width: 1199px) {
    .slider-with-side .side-area .item1 .content {
        bottom: 15px;
        left: 13px
        }
    .slider-with-side .side-area .item1 .content em {
        font-size: 22px;
        margin-left: 2px
        }
    .slider-with-side .side-area .item1 .content h2 {
        font-size: 30px;
        margin-bottom: 10px
        }
    .slider-with-side .side-area .item1 .content a {
        font-size: 13px;
        margin-left: 2px
        }
    .slider-with-side .side-area .item2 {
        margin-bottom: 8px
        }
    .slider-with-side .side-area .item2 .content {
        bottom: 15px;
        left: 15px
        }
    .slider-with-side .side-area .item2 .content h2 {
        font-size: 28px;
        margin-bottom: 10px
        }
    .slider-with-side .side-area .item2 .content p {
        font-size: 13px
        }
    .slider-with-side .side-area .item2 .content a {
        font-size: 12px;
        padding: 7px 8px 7px 13px;
        margin: 5px 0 0 25px
        }
    .slider-with-side .side-area .item3 .content {
        bottom: 15px;
        left: 15px
        }
    .slider-with-side .side-area .item3 .content h2 {
        font-size: 28px
        }
    .slider-with-side .side-area .item3 .content p {
        font-size: 17px;
        margin-bottom: 15px
        }
    .slider-with-side .side-area .item3 .content a {
        font-size: 14px
        }
    }
@media (max-width: 991px) {
    .slider-with-side .slider-area {
        padding: 0 8px;
        float: none;
        width: 100%
        }
    .slider-with-side .side-area {
        padding: 0;
        float: none;
        width: 100%
        }
    .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
        padding: 8px;
        width: 33.33%;
        float: left;
        margin: 0
        }
    .slider-with-side .side-area .item1 .content {
        bottom: 20px;
        left: 20px
        }
    .slider-with-side .side-area .item2 .content {
        bottom: 20px;
        left: 15px
        }
    .slider-with-side .side-area .item3 .content {
        bottom: 20px;
        left: 20px
        }
    }
@media (max-width: 767px) {
    .slider-with-side .side-area .item1, .slider-with-side .side-area .item2, .slider-with-side .side-area .item3 {
        padding: 8px;
        width: 100%;
        float: none
        }
    .slider-with-side .side-area img {
        width: 100%
        }
    .slider-with-side .side-area .item1 .content {
        bottom: 30px;
        left: 25px
        }
    .slider-with-side .side-area .item2 .content {
        bottom: 30px;
        left: 25px
        }
    .slider-with-side .side-area .item3 .content {
        bottom: 30px;
        left: 25px
        }
    }
.banner-content-6 {
    padding: 290px 0 80px;
    line-height: 1
    }
.banner-content-6 .text-content em {
    font-size: 26.26px;
    margin-left: 5px;
    margin-bottom: 5px
    }
.banner-content-6 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -4px
    }
.banner-content-6 .text-content p {
    margin: 0
    }
.banner-content-6 .text-content p span {
    font-size: 23.64px;
    padding-left: 5px;
    line-height: 2
    }
.banner-content-6 .text-content p a {
    font-size: 16px;
    padding: 10px 35px;
    margin-left: 5px;
    margin-top: 7px;
    margin-bottom: 125px
    }
@media (max-width: 767px) {
    .banner-content-6 .text-content em {
        font-size: 16.26px
        }
    .banner-content-6 .text-content h2 {
        font-size: 54.12px
        }
    .banner-content-6 .text-content p span {
        font-size: 13.64px
        }
    .banner-content-6 .text-content p a {
        font-size: 12px;
        padding: 7px 15px
        }
    }
.filter-title-type-2 {
    font-size: 19px;
    margin: 0;
    font-weight: 300;
    margin-bottom: 20px;
    display: table;
    width: 100%
    }
.filter-title-type-2 span {
    display: table-cell;
    position: relative
    }
.filter-title-type-2 span.title-line:after {
    content: "";
    width: 100%;
    border-top: 1px solid #d8d8d8;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px
    }
.one-product .filterproduct-title {
    background: #fff;
    text-align: center;
    color: #333;
    font-weight: 700;
    line-height: 50px
    }
.one-product .products-grid {
    margin: 0;
    background-color: #fff;
    padding-bottom: 20px
    }
.one-product .product-item-info .product-item-details {
    padding-top: 20px
    }
.one-product .owl-dots {
    margin-top: 0
    }
.shop-features {
    text-align: center
    }
.shop-features [class*=" porto-icon-"], .shop-features [class^="porto-icon-"] {
    color: #333;
    width: 64px;
    height: 64px;
    text-align: center;
    line-height: 60px;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 50%;
    font-size: 28px
    }
.shop-features h3 {
    color: #121214;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    margin: 20px 0 10px
    }
.shop-features p {
    color: #777;
    font-size: 14px;
    margin: 0;
    margin-bottom: 15px;
    padding: 0 20px
    }
.shop-features a {
    margin: 0;
    font-size: 14px
    }
.wishlist-index-index .products-grid .product-item .product-item-inner {
    margin: 9px 0 0;
    padding: 10px;
    position: relative
    }
.products-grid.wishlist .product-item .tocart {
    height: auto;
    line-height: 30px;
    min-width: 120px;
    padding: 0 11px
    }
@media (min-width: 992px) {
    .wishlist-index-index .products-grid .product-items .product-item {
        width: 24%
        }
    }
.hide-addtocart .products-grid .product-item-actions .actions-primary, .hide-addtocart .products-grid .product-item-details .product-item-actions .actions-primary {
    display: none
    }
.hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.towishlist, .hide-addtolinks .products-grid .product-item-info .product-item-details .product-item-actions .actions-secondary.tocompare, .hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.towishlist, .hide-addtolinks .products-grid .product-item-info .product-item-actions .actions-secondary.tocompare {
    display: none
    }
.owl-middle-outer-narrow .owl-theme .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -22px
    }
.owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] {
    position: absolute;
    color: #3d3734
    }
.owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-prev {
    left: -60px
    }
.owl-middle-outer-narrow .owl-theme .owl-controls .owl-nav .owl-next {
    right: -60px
    }
.owl-bottom-narrow .owl-controls {
    position: absolute;
    bottom: 20px;
    margin: 0;
    width: 100%
    }
.filterproducts-tab .data.items {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 18px;
    margin-left: -15px;
    margin-right: -15px
    }
.filterproducts-tab .data.items > .item.title {
    box-sizing: border-box;
    float: none;
    width: 100%
    }
.filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch {
    color: #08c
    }
.filterproduct-title > a {
    font-size: 13px;
    font-weight: 400;
    text-transform: none
    }
.catalogsearch-result-index .sidebar.sidebar-main:before {
    display: none
    }
.sidebar .custom-block {
    margin-bottom: 30px;
    padding-bottom: 40px;
    background: url(../images/bkg_4.png) bottom no-repeat
    }
.products.wrapper .product-item .product-item-photo .qty-box {
    position: absolute;
    bottom: 30px;
    left: 0
    }
.products.wrapper .product-item .qty-box {
    display: block;
    width: 88px;
    margin: 0 auto 5px
    }
.products.wrapper.products-list .product-item .qty-box {
    margin: 0 0 5px
    }
.products.wrapper .product-item .qty-box input {
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    border: solid 1px #dfdfdf
    }
.products.wrapper .product-item .qty-box .qtyminus, .products.wrapper .product-item .qty-box .qtyplus {
    position: relative;
    border: solid 1px #dfdfdf;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 28px;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    float: left;
    margin-right: -1px
    }
.products.wrapper .product-item .qty-box .qtyplus {
    float: right;
    margin-right: 0;
    margin-left: -1px
    }
.products-grid .product-item .has-qty {
    margin-top: 37px
    }
.product-info-main .custom-block {
    border-bottom: solid 1px #e6e6e6;
    padding: 23px 0 25px;
    margin-bottom: 25px
    }
.product-info-main .custom-block .item:first-child {
    border-left: 0;
    padding-left: 0
    }
.product-info-main .custom-block .item {
    border-left: 1px solid #e6e6e6;
    display: inline-block;
    padding: 0 10px;
    text-align: left
    }
.product-info-main .custom-block i {
    font-size: 34px;
    display: inline-block;
    vertical-align: middle
    }
.product-info-main .custom-block .text-area {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    margin-left: 5px
    }
.product-info-main .custom-block .text-area h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    color: #7a7d82;
    margin: 0;
    margin-bottom: 5px
    }
@media (min-width: 768px) {
    .filterproducts-tab .data.items {
        position: relative;
        z-index: 1;
        border-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        background: url(../images/slider-bar.png) right 10px no-repeat
        }
    .filterproducts-tab .data.items:before, .filterproducts-tab .data.items:after {
        content: "";
        display: table
        }
    .filterproducts-tab .data.items:after {
        clear: both
        }
    .filterproducts-tab .data.items > .item.title {
        float: left;
        width: auto;
        margin: 0;
        padding: 0;
        background-color: #fff
        }
    .filterproducts-tab .data.items > .item.title a.switch {
        color: #313131;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 0 15px;
        border-left: 1px solid #ddd
        }
    .filterproducts-tab .data.items > .item.title:first-child a.switch {
        padding-left: 0;
        border: 0
        }
    .filterproducts-tab .data.items > .item.content {
        margin-top: 30px;
        box-sizing: border-box;
        float: right;
        margin-left: -100%;
        width: 100%
        }
    }
@media (max-width: 768px) {
    .filterproducts-tab .data.items > .item.title {
        padding: 10px;
        border-top: 1px solid #eee
        }
    .filterproducts-tab .data.items > .item.title a.switch {
        color: #313131;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase
        }
    }
.grid-images {
    text-align: center
    }
.grid-images .row {
    margin-left: -10px;
    margin-right: -10px
    }
.grid-images .col-md-4, .grid-images .col-md-8 {
    padding-left: 10px;
    padding-right: 10px
    }
.grid-images img {
    max-width: 100%
    }
.grid-images .grid1 img, .grid-images .grid2 img, .grid-images .grid3 img {
    opacity: 1;
    filter: alpha(Opacity=100);
    visibility: visible;
    transition: all 0.2s
    }
.grid-images .grid1:hover img, .grid-images .grid2:hover img, .grid-images .grid3:hover img {
    opacity: 0.8;
    filter: alpha(Opacity=80);
    visibility: visible
    }
.grid-images .grid1 {
    margin-bottom: 10px
    }
@media (max-width: 1199px) {
    .grid-images .grid1 {
        margin-bottom: 9px
        }
    }
@media (max-width: 767px) {
    .grid-images .grid2 {
        margin-bottom: 9px
        }
    }
@media (min-width: 992px) {
    .lg-order-12 {
        -webkit-order: 12;
        -moz-order: 12;
        -ms-flex-order: 12;
        order: 12
        }
    }
@media (min-width: 768px) {
    .md-order-12 {
        -webkit-order: 12;
        -moz-order: 12
        }
    }
.side-custom-menu {
    border: 1px solid #ddd;
    border-radius: 7px;
    overflow: hidden
    }
.side-custom-menu h2 {
    color: #000;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    padding: 13px 13px 12px;
    background-color: #f5f5f5;
    line-height: 1;
    margin: 0
    }
.side-custom-menu ul {
    padding: 0 12px;
    margin: 0;
    list-style: none
    }
.side-custom-menu ul li {
    text-align: left;
    padding: 12px 4px;
    border-top: 1px solid #ddd;
    margin: 0;
    line-height: 1
    }
.side-custom-menu ul li:first-child {
    border: 0
    }
.side-custom-menu ul li a {
    color: #777;
    font-size: 15px;
    line-height: 1;
    display: block
    }
.home-side-menu-type2 {
    margin-bottom: 50px
    }
.home-side-menu-type2 > h2 {
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    margin-top: 0
    }
.home-side-menu-type2 > h2 > i.icon-menu:before {
    margin-left: 0
    }
.side-menu-type2.side-block {
    border-top: 1px solid #ddd
    }
.side-menu-type2.side-block ul.category-sidebar {
    padding: 0;
    list-style: none
    }
.side-menu-type2.side-block ul.category-sidebar ul {
    list-style: none;
    margin: 0;
    display: none;
    padding-left: 1.5em
    }
.side-menu-type2.side-block ul.category-sidebar > li {
    padding-left: 12px;
    display: block;
    line-height: 40px;
    border-bottom: 1px solid #ddd
    }
.side-menu-type2.side-block ul.category-sidebar li {
    position: relative
    }
.side-menu-type2.side-block ul.category-sidebar a {
    font-size: 13px;
    color: #777
    }
.side-menu-type2.side-block ul.category-sidebar a:hover {
    color: #000;
    text-decoration: none
    }
.side-menu-type2.side-block ul.category-sidebar > li > a {
    font-size: 15px
    }
.side-menu-type2.side-block ul.category-sidebar ul > li {
    line-height: 40px;
    border-top: 1px solid #ddd
    }
.side-menu-type2.side-block ul.category-sidebar ul > li:first-child {
    border-top: 0
    }
.featured-box-2 {
    margin: 30px 0
    }
.featured-box-2 h3 {
    color: #121213;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    line-height: 1.4;
    padding: 8px 0;
    margin-bottom: 10px
    }
.featured-box-2 h3 em {
    font-size: 18px
    }
.featured-box-2 p {
    font-size: 14px;
    margin-bottom: 10px
    }
.featured-box-2 a {
    font-size: 14px
    }
.social-icons [class^="porto-icon-"] {
    color: #fff
    }
.sidebar-title {
    margin-bottom: 17px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #313131;
    line-height: 1
    }
.f-left {
    float: left !important
    }
.f-right {
    float: right !important
    }
.abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover {
    text-decoration: none
    }
body.boxed {
    padding: 24px 0 17px;
    background: url(../images/boxed_bg.png) repeat
    }
body.boxed .page-wrapper {
    width: 1140px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff
    }
.fotorama .fotorama__fullscreen-icon {
    display: block
    }
.fotorama .fotorama-sprite, .fotorama__fullscreen .fotorama .fotorama__zoom-out, .fotorama__fullscreen .fotorama .fotorama__zoom-in, .fotorama .fotorama__arr .fotorama__arr__arr, .fotorama .fotorama__fullscreen-icon, .fotorama .fotorama__thumb__arr {
    background: none;
    color: #08c
    }
.fotorama-sprite:before, .fotorama__fullscreen .fotorama__zoom-out:before, .fotorama__fullscreen .fotorama__zoom-in:before, .fotorama__arr .fotorama__arr__arr:before, .fotorama__fullscreen-icon:before, .fotorama__thumb__arr:before {
    font-family: "porto-icons";
    display: block;
    text-align: center
    }
.fotorama .fotorama__arr .fotorama__arr__arr {
    height: auto
    }
.fotorama__arr--next .fotorama__arr__arr:before {
    content: "";
    font-size: 35px;
    line-height: 1
    }
.fotorama__arr--prev .fotorama__arr__arr:before {
    content: "";
    font-size: 35px;
    line-height: 1
    }
.fotorama__thumb__arr--left .fotorama__thumb__arr:before {
    content: "";
    font-size: 30px;
    line-height: 1
    }
.fotorama__thumb__arr--right .fotorama__thumb__arr:before {
    content: "";
    font-size: 30px;
    line-height: 1
    }
.fotorama__zoom-in:before {
    content: "";
    font-size: 20px;
    line-height: 50px
    }
.fotorama__zoom-out:before {
    content: "";
    font-size: 20px;
    line-height: 50px
    }
.fotorama__fullscreen-icon:before {
    content: "";
    font-size: 20px;
    line-height: 50px
    }
.fotorama__stage {
    border: 1px solid #ddd;
    border-radius: 7px;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 2px
    }
.fotorama__nav--thumbs .fotorama__thumb {
    border: 1px solid #ccc !important;
    border-radius: 5px;
    background-color: #fff
    }
.fotorama__nav .fotorama__thumb__arr {
    padding-bottom: 0
    }
.fotorama__nav .fotorama__thumb-border {
    border-radius: 5px
    }
.fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
    border: 3px solid #fff !important
    }
.fotorama__stage__shaft {
    border: 3px solid #fff;
    box-sizing: border-box;
    max-width: 100%
    }
.main-product-detail {
    background-color: #efefef;
    padding: 71px 0
    }
.weltpixel-quickview-catalog-product-view .main-product-detail {
    padding: 0
    }
.weltpixel-quickview-catalog-product-view .page-main {
    padding: 0 15px
    }
.custom-block-tab {
    background-color: #fff;
    border: #e4e4e4 solid 1px;
    padding: 30px 20px 40px;
    margin-top: 3px
    }
.move-product-tab .owl-top-narrow .owl-theme .owl-controls {
    top: -25px
    }
.move-product-tab .products-grid .owl-carousel .product-item {
    margin-bottom: 10px;
    padding: 10px 0 6px;
    overflow: hidden
    }
.move-product-tab .product-items .product-item-info .product-item-photo {
    max-width: 30%;
    float: left;
    margin-right: 10px
    }
.move-product-tab .product-items .product-item-details {
    margin-left: calc(31% + 15px);
    text-align: left;
    padding: 0
    }
.move-product-tab .product-items .product-reviews-summary {
    display: block;
    background: none;
    margin-top: 0
    }
.move-product-tab .product-items .price-box {
    margin-bottom: 0
    }
.main-upsell-product-detail {
    background-color: #f4f4f4;
    padding: 60px 0 45px;
    margin-top: -60px
    }
.main-upsell-product-detail .block.upsell .title strong {
    background-color: #f4f4f4
    }
.message {
    border-radius: 5px
    }
@media (max-width: 1199px) {
    body.boxed .page-wrapper {
        width: 980px
        }
    }
@media (max-width: 991px) {
    body.boxed .page-wrapper {
        width: 750px
        }
    }
@media (max-width: 767px) {
    body.boxed .page-wrapper {
        width: 630px
        }
    .sm-clearer {
        clear: both
        }
    }
@media (max-width: 640px) {
    body.boxed .page-wrapper {
        width: 460px
        }
    }
@media (max-width: 480px) {
    body.boxed .page-wrapper {
        width: 300px
        }
    }
.block.block-border {
    border-radius: 7px;
    overflow: hidden
    }
.block.block-border .block-title {
    padding: 10px 15px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    color: #777;
    position: relative;
    border-radius: 7px 7px 0 0;
    margin: 0
    }
.block.block-border .block-content {
    padding: 10px 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background-color: #fbfbfb
    }
.category-sidebar {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.428571
    }
.category-sidebar li {
    position: relative;
    margin: 0
    }
.category-sidebar ul {
    display: none;
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0
    }
.category-sidebar li > .expand-icon {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    line-height: 32px
    }
.category-sidebar li > a:not(.expand-icon) {
    color: #777;
    font-size: 13px;
    line-height: 2.5
    }
@media (max-width: 1199px) {
    .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.fullwidth > .submenu {
        width: 728px;
        width: calc(75vw - 19.5px)
        }
    .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0 > a {
        font-size: 13px;
        line-height: 34px
        }
    .home-side-menu .sw-megamenu.navigation.side-megamenu li.level0.parent > a:after {
        line-height: 34px
        }
    .home-side-menu h2.side-menu-title {
        padding: 9px 15px
        }
    }
@media (max-width: 991px) {
    .home-side-menu {
        display: none
        }
    }
.cms-index-index blockquote.testimonial {
    background-color: #08c;
    border: 0;
    border-radius: 10px;
    color: #fff;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0;
    padding: 10px 50px;
    position: relative;
    font-size: 1.2em;
    line-height: 1.3
    }
.cms-index-index blockquote.testimonial:before {
    left: 10px;
    top: 0;
    color: #fff;
    content: "“";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute
    }
.cms-index-index blockquote.testimonial:after {
    right: 10px;
    bottom: -0.5em;
    color: #fff;
    content: "”";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute
    }
.cms-index-index .testimonial-arrow-down {
    border: 15px solid transparent;
    border-top-color: #08c;
    border-bottom: 0;
    height: 0;
    margin: 0 0 0 25px;
    width: 0
    }
.cms-index-index .testimonial-author {
    margin: 8px 0 0 8px
    }
.cms-index-index .testimonial-author .img-thumbnail {
    border-radius: 7px;
    float: left;
    margin-right: 10px;
    position: relative;
    padding: 4px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ddd;
    display: inline-block;
    max-width: 100%;
    height: auto
    }
.cms-index-index .testimonial-author .img-thumbnail img {
    max-width: 60px;
    display: inline-block;
    height: auto
    }
.cms-index-index .testimonial-author p {
    color: #666;
    margin: 0 0 0 25px;
    text-align: left;
    line-height: 24px
    }
.cms-index-index .testimonial-author p > strong {
    color: #111;
    display: block;
    padding-top: 7px;
    font-size: 14px
    }
.cms-index-index .testimonial-author span {
    color: #666;
    display: block;
    font-size: 12px
    }
.block.block-subscribe.home-sidebar-block {
    border: 1px solid #ddd;
    border-top: 5px solid #08c;
    border-radius: 7px;
    background-color: #fbfbfb;
    text-align: center;
    padding: 30px 28px 5px
    }
.block.block-subscribe.home-sidebar-block .block-title strong {
    font-size: 16px;
    color: #313131;
    font-weight: 700;
    text-transform: uppercase;
    padding: 30px 0 20px
    }
.block.block-subscribe.home-sidebar-block .block-content p {
    line-height: 1.8
    }
.block.block-subscribe.home-sidebar-block label.label {
    display: none
    }
.block.block-subscribe.home-sidebar-block .newsletter .control {
    padding: 10px 10px 40px 10px;
    position: relative
    }
.block.block-subscribe.home-sidebar-block .newsletter .control input {
    padding: 5px 60px 5px 10px;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    background-color: #fefefe;
    line-height: 16px;
    height: 34px
    }
.block.block-subscribe.home-sidebar-block button.subscribe {
    width: 50px;
    height: 34px;
    padding: 0;
    line-height: 32px;
    height: 32px;
    background-color: #fefefe;
    color: #515151;
    border: 0;
    border-left: 1px solid #d3d3d3;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: 11px;
    top: 11px
    }
.shop-features h2.shop-features-title {
    position: relative;
    text-align: center;
    margin: 30px 0
    }
.shop-features h2.shop-features-title:before {
    content: "";
    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
    height: 1px;
    width: 100%;
    display: block;
    position: absolute;
    top: 50%
    }
.shop-features h2.shop-features-title span {
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 12px;
    color: #313131;
    font-weight: 700;
    font-size: 15px;
    line-height: 33px;
    vertical-align: top
    }
.homepage-grid-banner {
    padding: 0
    }
.homepage-grid-banner * {
    transition: all 0.2s
    }
.homepage-grid-banner .row {
    margin-left: -4px;
    margin-right: -4px
    }
.homepage-grid-banner .col-md-1, .homepage-grid-banner .col-md-2, .homepage-grid-banner .col-md-3, .homepage-grid-banner .col-md-4, .homepage-grid-banner .col-md-5, .homepage-grid-banner .col-md-6, .homepage-grid-banner .col-md-7, .homepage-grid-banner .col-md-8, .homepage-grid-banner .col-md-9, .homepage-grid-banner .col-md-10, .homepage-grid-banner .col-md-11, .homepage-grid-banner .col-md-12 {
    padding-left: 4px;
    padding-right: 4px
    }
.homepage-grid-banner .col-md-margin {
    margin-bottom: 8px
    }
.homepage-grid-banner img {
    width: 100%
    }
.homepage-grid-banner .content a {
    font-size: 16px;
    margin-right: 5px
    }
.homepage-grid-banner .content a.btn-default {
    font-size: 13px;
    margin: 0;
    border: 0;
    padding-right: 3px;
    color: #fff
    }
.homepage-grid-banner .ribbon {
    width: 33.5%;
    height: 22.3%
    }
.homepage-grid-banner .ribbon:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border: 150px solid #08c;
    border-right: 0;
    border-bottom: 0;
    border-left: 200px solid transparent
    }
.homepage-grid-banner .ribbon > div {
    width: 90%
    }
.homepage-grid-banner .ribbon em {
    font-size: 14px
    }
.homepage-grid-banner .ribbon h4 {
    font-size: 33px;
    line-height: 1;
    margin: 0
    }
.homepage-grid-banner .ribbon h5 {
    font-size: 18px;
    line-height: 1;
    margin: 0
    }
.homepage-grid-banner .grid1, .homepage-grid-banner .grid2, .homepage-grid-banner .grid3, .homepage-grid-banner .grid4 {
    cursor: pointer;
    overflow: hidden;
    min-height: 50px
    }
.homepage-grid-banner .grid1:before, .homepage-grid-banner .grid2:before, .homepage-grid-banner .grid3:before, .homepage-grid-banner .grid4:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    opacity: 0;
    filter: alpha(Opacity=0);
    visibility: hidden;
    transition: all 0.2s
    }
.homepage-grid-banner .grid1:hover:before, .homepage-grid-banner .grid2:hover:before, .homepage-grid-banner .grid3:hover:before, .homepage-grid-banner .grid4:hover:before {
    opacity: 0.1;
    filter: alpha(Opacity=10);
    visibility: visible
    }
.homepage-grid-banner .grid1 .content h2 {
    font-size: 70.72px;
    line-height: 1;
    margin: 0 0 5px 0
    }
.homepage-grid-banner .grid1 .content p {
    font-size: 29.47px;
    line-height: 1;
    margin: 0;
    margin-bottom: 10px;
    margin-right: 4px
    }
.homepage-grid-banner .grid2 .content h3 {
    font-size: 28.88px;
    line-height: 1;
    margin: 0 0 5px 0
    }
.homepage-grid-banner .grid2 .content h2 {
    font-size: 28.88px;
    line-height: 1;
    margin: 0 0 5px 0
    }
.homepage-grid-banner .grid2 .content p {
    font-size: 17.58px;
    line-height: 1;
    margin: 0;
    margin-bottom: 15px
    }
.homepage-grid-banner .grid3 .content h2 {
    font-size: 46px;
    line-height: 1;
    margin: 0
    }
.homepage-grid-banner .grid3 .content h5 {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    margin-bottom: 30px
    }
.homepage-grid-banner .grid3 .content p {
    font-size: 16px;
    line-height: 1;
    margin: 0;
    margin-bottom: 5px
    }
.homepage-grid-banner .grid3 .content h4 {
    font-size: 22.72px;
    line-height: 1;
    margin-top: 20px;
    margin-bottom: 0
    }
.homepage-grid-banner .grid3 .content h4 > span {
    font-size: 17.66px;
    line-height: 1
    }
.homepage-grid-banner .grid3 .content h3 {
    font-size: 37.71px;
    line-height: 1;
    margin: 0;
    margin-bottom: 15px
    }
.homepage-grid-banner .grid3 .content h3 > span {
    font-size: 25.14px;
    line-height: 1
    }
.homepage-grid-banner .grid4 .content h2 {
    font-size: 33.86px;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 15px
    }
.homepage-grid-banner .grid4 .content p {
    font-size: 19.75px;
    line-height: 1.2;
    margin: 0;
    margin-bottom: 17px
    }
@media (max-width: 1199px) {
    .homepage-grid-banner .row {
        margin-left: -3px;
        margin-right: -3px
        }
    .homepage-grid-banner .col-md-1, .homepage-grid-banner .col-md-2, .homepage-grid-banner .col-md-3, .homepage-grid-banner .col-md-4, .homepage-grid-banner .col-md-5, .homepage-grid-banner .col-md-6, .homepage-grid-banner .col-md-7, .homepage-grid-banner .col-md-8, .homepage-grid-banner .col-md-9, .homepage-grid-banner .col-md-10, .homepage-grid-banner .col-md-11, .homepage-grid-banner .col-md-12 {
        padding-left: 3px;
        padding-right: 3px
        }
    .homepage-grid-banner .col-md-margin {
        margin-bottom: 7px
        }
    .homepage-grid-banner .content a.btn-default {
        font-size: 11px
        }
    .homepage-grid-banner .grid1 .content h2 {
        font-size: 55.16px
        }
    .homepage-grid-banner .grid1 .content p {
        font-size: 23px;
        margin-right: 3.12px
        }
    .homepage-grid-banner .grid2 .content h3 {
        font-size: 22.53px
        }
    .homepage-grid-banner .grid2 .content h2 {
        font-size: 22.53px
        }
    .homepage-grid-banner .grid2 .content p {
        font-size: 13.71px;
        margin-bottom: 11.7px
        }
    .homepage-grid-banner .grid3 .content h2 {
        font-size: 35.88px
        }
    .homepage-grid-banner .grid3 .content h5 {
        font-size: 12.48px;
        margin-bottom: 23.4px
        }
    .homepage-grid-banner .grid3 .content p {
        font-size: 12.48px;
        margin-bottom: 3.9px
        }
    .homepage-grid-banner .grid3 .content h4 {
        font-size: 17.72px;
        margin-top: 15.6px
        }
    .homepage-grid-banner .grid3 .content h4 > span {
        font-size: 13.77px
        }
    .homepage-grid-banner .grid3 .content h3 {
        font-size: 29.41px;
        margin-bottom: 11.7px
        }
    .homepage-grid-banner .grid3 .content h3 > span {
        font-size: 19.6px
        }
    .homepage-grid-banner .grid4 .content h2 {
        font-size: 29px;
        margin-bottom: 12px
        }
    .homepage-grid-banner .grid4 .content p {
        font-size: 17px;
        margin-bottom: 11.7px
        }
    }
@media (max-width: 991px) {
    .homepage-grid-banner .row {
        margin-left: -2px;
        margin-right: -3px
        }
    .homepage-grid-banner .col-md-1, .homepage-grid-banner .col-md-2, .homepage-grid-banner .col-md-3, .homepage-grid-banner .col-md-4, .homepage-grid-banner .col-md-5, .homepage-grid-banner .col-md-6, .homepage-grid-banner .col-md-7, .homepage-grid-banner .col-md-8, .homepage-grid-banner .col-md-9, .homepage-grid-banner .col-md-10, .homepage-grid-banner .col-md-11, .homepage-grid-banner .col-md-12 {
        padding-left: 2px;
        padding-right: 3px
        }
    .homepage-grid-banner .col-md-margin {
        margin-bottom: 4px
        }
    .homepage-grid-banner .content a.btn-default {
        font-size: 10px;
        padding: 4px 6px;
        padding-right: 3px
        }
    .homepage-grid-banner .grid1 .content h2 {
        font-size: 42.43px
        }
    .homepage-grid-banner .grid1 .content p {
        font-size: 17.68px;
        margin-bottom: 6px;
        margin-right: 2.4px
        }
    .homepage-grid-banner .grid2 .content h3 {
        font-size: 17.33px
        }
    .homepage-grid-banner .grid2 .content h2 {
        font-size: 17.33px
        }
    .homepage-grid-banner .grid2 .content p {
        font-size: 10.55px;
        margin-bottom: 9px
        }
    .homepage-grid-banner .grid3 .content h2 {
        font-size: 27.6px
        }
    .homepage-grid-banner .grid3 .content h5 {
        font-size: 9.6px;
        margin-bottom: 18px
        }
    .homepage-grid-banner .grid3 .content p {
        font-size: 9.6px;
        margin-bottom: 3px
        }
    .homepage-grid-banner .grid3 .content h4 {
        font-size: 13.63px;
        margin-top: 12px
        }
    .homepage-grid-banner .grid3 .content h4 > span {
        font-size: 10.6px
        }
    .homepage-grid-banner .grid3 .content h3 {
        font-size: 22.63px;
        margin-bottom: 9px
        }
    .homepage-grid-banner .grid3 .content h3 > span {
        font-size: 15.08px
        }
    .homepage-grid-banner .grid4 .content h2 {
        font-size: 21px;
        margin-bottom: 9px
        }
    .homepage-grid-banner .grid4 .content p {
        font-size: 14px;
        margin-bottom: 7px
        }
    }
@media (max-width: 767px) {
    .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
        max-width: 540px;
        margin: 0 auto
        }
    .homepage-grid-banner .row {
        margin-left: -10px;
        margin-right: -10px
        }
    .homepage-grid-banner .col-md-1, .homepage-grid-banner .col-md-2, .homepage-grid-banner .col-md-3, .homepage-grid-banner .col-md-4, .homepage-grid-banner .col-md-5, .homepage-grid-banner .col-md-6, .homepage-grid-banner .col-md-7, .homepage-grid-banner .col-md-8, .homepage-grid-banner .col-md-9, .homepage-grid-banner .col-md-10, .homepage-grid-banner .col-md-11, .homepage-grid-banner .col-md-12 {
        padding-left: 10px;
        padding-right: 10px
        }
    .homepage-grid-banner .col-md-margin {
        margin-bottom: 0
        }
    .homepage-grid-banner .content a.btn-default {
        font-size: 14px;
        padding: 6px 12px;
        padding-right: 6px
        }
    .homepage-grid-banner img {
        margin-bottom: 20px
        }
    .homepage-grid-banner .grid1 .content h2 {
        font-size: 70.72px
        }
    .homepage-grid-banner .grid1 .content p {
        font-size: 29.47px;
        margin-bottom: 10px;
        margin-right: 4px
        }
    .homepage-grid-banner .grid2 .content h3 {
        font-size: 28.88px
        }
    .homepage-grid-banner .grid2 .content h2 {
        font-size: 28.88px
        }
    .homepage-grid-banner .grid2 .content p {
        font-size: 17.58px;
        margin-bottom: 15px
        }
    .homepage-grid-banner .grid3 .content h2 {
        font-size: 46px
        }
    .homepage-grid-banner .grid3 .content h5 {
        font-size: 16px;
        margin-bottom: 30px
        }
    .homepage-grid-banner .grid3 .content p {
        font-size: 16px;
        margin-bottom: 5px
        }
    .homepage-grid-banner .grid3 .content h4 {
        font-size: 22.72px;
        margin-top: 20px
        }
    .homepage-grid-banner .grid3 .content h4 > span {
        font-size: 17.66px
        }
    .homepage-grid-banner .grid3 .content h3 {
        font-size: 37.71px;
        margin-bottom: 15px
        }
    .homepage-grid-banner .grid3 .content h3 > span {
        font-size: 25.14px
        }
    .homepage-grid-banner .grid4 .content h2 {
        font-size: 35px
        }
    .homepage-grid-banner .grid4 .content p {
        font-size: 23px;
        margin-bottom: 15px
        }
    }
@media (max-width: 640px) {
    .homepage-grid-banner .grid1 .content h2 {
        font-size: 42.43px
        }
    .homepage-grid-banner .grid1 .content p {
        font-size: 17.68px;
        margin-bottom: 6px;
        margin-right: 2.4px
        }
    }
@media (max-width: 480px) {
    .homepage-grid-banner .grid1 .content h2 {
        font-size: 25px
        }
    .homepage-grid-banner .grid1 .content p {
        font-size: 17.68px;
        margin-bottom: 6px;
        margin-right: 2.4px
        }
    }
.single-image {
    display: block;
    position: relative;
    overflow: hidden
    }
.single-image img {
    max-width: 100%;
    transition: 0.5s ease
    }
.single-image img {
    width: 100%
    }
.single-image:hover img {
    transform: scale(1.2)
    }
#banner-slider-demo-11 .slide-1 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
    }
#banner-slider-demo-11 .slide-1 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -5px
    }
#banner-slider-demo-11 .slide-1 .text-content p {
    margin: 0
    }
#banner-slider-demo-11 .slide-1 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
    }
#banner-slider-demo-11 .slide-1 .text-content a {
    font-size: 15.76px;
    padding: 10px 34px;
    margin-top: 15px;
    margin-left: 7px
    }
#banner-slider-demo-11 .slide-2 em {
    font-size: 26.26px;
    margin: 0;
    margin-bottom: 10px
    }
#banner-slider-demo-11 .slide-2 .text-content h2 {
    font-size: 51.67px
    }
#banner-slider-demo-11 .slide-2 .text-content p {
    margin: 0
    }
#banner-slider-demo-11 .slide-2 .text-content p span {
    font-size: 23.64px
    }
#banner-slider-demo-11 .slide-2 .text-content a {
    font-size: 15.76px;
    padding: 10px 34px;
    margin-top: 15px
    }
@media (max-width: 767px) {
    #banner-slider-demo-11 .slide-1 em {
        font-size: 12px;
        margin: 0;
        margin-left: 1px
        }
    #banner-slider-demo-11 .slide-1 .text-content h2 {
        font-size: 30px;
        letter-spacing: -1px
        }
    #banner-slider-demo-11 .slide-1 .text-content p span {
        font-size: 12px;
        padding-left: 1px;
        display: block
        }
    #banner-slider-demo-11 .slide-1 .text-content a {
        font-size: 10px;
        padding: 6px 20px;
        margin-left: 0;
        margin-top: 10px
        }
    #banner-slider-demo-11 .slide-2 em {
        font-size: 12px;
        margin: 0;
        margin-bottom: 2px
        }
    #banner-slider-demo-11 .slide-2 .text-content h2 {
        font-size: 26px;
        letter-spacing: -1px
        }
    #banner-slider-demo-11 .slide-2 .text-content p span {
        font-size: 12px;
        display: block
        }
    #banner-slider-demo-11 .slide-2 .text-content a {
        font-size: 10px;
        padding: 6px 20px;
        margin-left: 0;
        margin-top: 10px
        }
    }
.flex-owl-slider .owl-item:first-child .item {
    border-left-color: transparent
    }
.flex-owl-slider .owl-item .item {
    border-left: 1px solid #e3e4e4
    }
.owl-no-narrow .owl-controls {
    display: none
    }
@media (max-width: 640px) {
    .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart {
        width: 40px;
        padding: 0 12px
        }
    .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart span {
        display: none
        }
    }
@media (max-width: 991px) {
    .sm-bd-0 {
        border: 0 !important
        }
    }
.fancybox-close {
    background: transparent;
    right: 10px;
    top: 10px;
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    width: 20px;
    height: 20px
    }
.fancybox-close:hover {
    text-decoration: none
    }
.fancybox-close:before {
    content: "";
    font-family: "porto-icons"
    }
/* Previous/Next Product links on Product View Page*/
/* Previous/Next Product links on Product View Page*/
/* Category Banner */
.page-wrapper > .category-banner {
    background-color: transparent
    }
.page-wrapper > .category-banner .banner-image {
    width: 100%
    }
.category-banner .banner-text {
    position: absolute;
    top: 30%;
    width: 100%;
    color: #fff
    }
.category-banner .banner-text h2 {
    font-size: 50px;
    color: #fff
    }
.category-banner .banner-text p {
    font-size: 26px;
    font-weight: 300
    }
.category-boxed-banner.owl-theme .owl-controls {
    margin-top: -40px;
    position: relative;
    height: 30px
    }
.category-boxed-banner .owl-item .item {
    border-radius: 5px;
    overflow: hidden;
    position: relative
    }
.category-boxed-banner .owl-item .item img {
    width: 100%
    }
.category-boxed-banner .banner-text {
    position: absolute;
    top: 40%;
    left: 4%;
    color: #fff;
    width: 100%
    }
.category-boxed-banner .banner-text h2 {
    font-size: 35px;
    color: #fff;
    background-color: #333;
    background-color: rgba(23, 23, 23, 0.9);
    padding: 5px 10px;
    display: inline-block;
    line-height: 1
    }
.category-boxed-banner .banner-text p {
    font-size: 16px;
    font-weight: 300;
    background-color: #666;
    background-color: rgba(23, 23, 23, 0.65);
    padding: 7px 12px;
    line-height: 1.4
    }
.category-boxed-banner .banner-text a.shop-now {
    margin-left: 20px;
    font-size: 16px
    }
.full-width-image-banner {
    height: 375px;
    position: relative;
    z-index: 3
    }
.full-width-image-banner:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #393733;
    opacity: 0.65;
    filter: alpha(opacity=65)
    }
.full-width-image-banner .content {
    margin-top: -36px
    }
.full-width-image-banner h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.1
    }
.full-width-image-banner p {
    margin: 0;
    font-size: 16px
    }
.no-margin {
    margin: 0 !important
    }
@media (max-width: 1199px) {
    .category-banner .banner-text h2 {
        font-size: 45px
        }
    .category-banner .banner-text p {
        font-size: 23px
        }
    .category-boxed-banner .banner-text h2 {
        font-size: 38px
        }
    .category-boxed-banner .banner-text p {
        font-size: 17px
        }
    .category-boxed-banner .banner-text a.shop-now {
        margin-left: 16px;
        font-size: 14px
        }
    }
@media (max-width: 991px) {
    .category-banner .banner-text h2 {
        font-size: 28px
        }
    .category-banner .banner-text p {
        font-size: 16px
        }
    .category-boxed-banner .banner-text h2 {
        font-size: 28px
        }
    .category-boxed-banner .banner-text p {
        font-size: 12px
        }
    .category-boxed-banner .banner-text a.shop-now {
        margin-left: 12px;
        font-size: 12px
        }
    }
@media (max-width: 767px) {
    .category-banner .banner-text h2 {
        font-size: 28px
        }
    .category-banner .banner-text p {
        display: none
        }
    .category-boxed-banner .banner-text h2 {
        font-size: 28px
        }
    .category-boxed-banner .banner-text p {
        display: none
        }
    }
@media (max-width: 640px) {
    .category-boxed-banner .banner-text a.shop-now {
        margin-left: 10px;
        font-size: 9px
        }
    .full-width-image-banner {
        height: 200px
        }
    .full-width-image-banner .content {
        margin-top: -16px
        }
    .full-width-image-banner h2 {
        margin: 0;
        font-size: 30px;
        line-height: 1.1
        }
    .full-width-image-banner p {
        display: none
        }
    }
@media (max-width: 480px) {
    .category-banner .banner-text h2 {
        font-size: 14px
        }
    .category-boxed-banner .banner-text h2 {
        font-size: 14px
        }
    .full-width-image-banner {
        height: 150px
        }
    .full-width-image-banner .content {
        margin-top: -13px
        }
    .full-width-image-banner h2 {
        margin: 0;
        font-size: 24px;
        line-height: 1.1
        }
    .full-width-image-banner p {
        display: none
        }
    }
/* Category Banner */
/****************** Demo 12 ***************/
#banner-slider-demo-12 .item img {
    width: 100%
    }
#banner-slider-demo-12 .item .content {
    position: absolute;
    right: 4.3%;
    bottom: 20.5%
    }
#banner-slider-demo-12 .item .content > span {
    font-size: 21px;
    font-weight: 300;
    color: #303030;
    margin-right: 35px;
    display: inline-block;
    vertical-align: middle
    }
#banner-slider-demo-12 .item .content > a.btn-default {
    font-size: 13px
    }
/****************** Demo 13 ***************/
#parallax_01 .parallax-content-13 em {
    font-size: 26.26px;
    margin: 0 10px
    }
#parallax_01 .parallax-content-13 h2 {
    font-size: 79.12px;
    margin: 5px 0 10px
    }
#parallax_01 .parallax-content-13 p {
    font-size: 23.64px
    }
#parallax_02 {
    padding: 250px 0
    }
#parallax_02 .parallax-content-13 .text-content em {
    font-size: 26.26px;
    margin: 0
    }
#parallax_02 .parallax-content-13 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
    }
#parallax_02 .parallax-content-13 .text-content p {
    margin: 0
    }
#parallax_02 .parallax-content-13 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
    }
#parallax_02 .parallax-content-13 .text-content p a {
    font-size: 16px;
    padding: 10px 28px;
    margin-left: 10px;
    margin-top: 5px
    }
#parallax_03 {
    padding: 250px 0
    }
#parallax_03 .parallax-content-13 .text-content em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
    }
#parallax_03 .parallax-content-13 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
    }
#parallax_03 .parallax-content-13 .text-content p {
    margin: 0
    }
#parallax_03 .parallax-content-13 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
    }
#parallax_03 .parallax-content-13 .text-content p a {
    font-size: 16px;
    padding: 10px 28px;
    margin-left: 125px;
    margin-top: 5px
    }
#parallax_04 .parallax-content-13 em {
    font-size: 26.26px;
    margin: 0 10px
    }
#parallax_04 .parallax-content-13 h2 {
    font-size: 61px;
    margin: 5px 0 10px;
    letter-spacing: -3px
    }
#parallax_04 .parallax-content-13 p {
    font-size: 18px
    }
#parallax_04 .parallax-content-13 a.btn.btn-default {
    font-size: 16px;
    padding: 8px 35px
    }
@media (max-width: 767px) {
    #parallax_01 .parallax-content-13 img.quote {
        width: 20px
        }
    #parallax_01 .parallax-content-13 em {
        font-size: 12px;
        margin: 0 5px
        }
    #parallax_01 .parallax-content-13 h2 {
        font-size: 35px;
        margin: 4px 0 7px
        }
    #parallax_01 .parallax-content-13 p {
        font-size: 11px;
        margin: 0
        }
    #parallax_02 {
        padding: 50px 0
        }
    #parallax_02 .parallax-content-13 .text-content em {
        font-size: 12px
        }
    #parallax_02 .parallax-content-13 .text-content h2 {
        font-size: 35px;
        letter-spacing: -2px
        }
    #parallax_02 .parallax-content-13 .text-content p span {
        font-size: 12px;
        padding-left: 6px;
        display: block
        }
    #parallax_02 .parallax-content-13 .text-content p a {
        font-size: 10px;
        padding: 6px 13px;
        margin-left: 10px;
        margin-top: 5px
        }
    #parallax_03 {
        padding: 50px 0
        }
    #parallax_03 .parallax-content-13 .text-content em {
        font-size: 12px;
        margin: 0;
        margin-left: 1px
        }
    #parallax_03 .parallax-content-13 .text-content h2 {
        font-size: 30px;
        letter-spacing: -1px
        }
    #parallax_03 .parallax-content-13 .text-content p span {
        font-size: 12px;
        padding-left: 1px;
        display: block
        }
    #parallax_03 .parallax-content-13 .text-content p a {
        font-size: 10px;
        padding: 6px 13px;
        margin-left: 0;
        margin-top: 5px
        }
    #parallax_04 .parallax-content-13 img.quote {
        width: 20px
        }
    #parallax_04 .parallax-content-13 em {
        font-size: 12px;
        margin: 0 5px
        }
    #parallax_04 .parallax-content-13 h2 {
        font-size: 22px;
        margin: 4px 0 7px;
        letter-spacing: -1px
        }
    #parallax_04 .parallax-content-13 p {
        font-size: 10px
        }
    #parallax_04 .parallax-content-13 a.btn.btn-default {
        font-size: 10px;
        padding: 5px 20px
        }
    }
#banner-slider-demo-14 .slide-1 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
    }
#banner-slider-demo-14 .slide-1 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
    }
#banner-slider-demo-14 .slide-1 .text-content p {
    margin: 0
    }
#banner-slider-demo-14 .slide-1 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
    }
#banner-slider-demo-14 .slide-1 .text-content a {
    font-size: 15.76px;
    padding: 10px 34px;
    margin-top: 15px;
    margin-left: 7px
    }
#banner-slider-demo-14 .slide-2 em {
    font-size: 26.26px;
    margin: 0;
    margin-left: 5px
    }
#banner-slider-demo-14 .slide-2 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -6px
    }
#banner-slider-demo-14 .slide-2 .text-content p {
    margin: 0
    }
#banner-slider-demo-14 .slide-2 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
    }
#banner-slider-demo-14 .slide-2 .text-content a {
    font-size: 15.76px;
    padding: 10px 0;
    margin-top: 10px
    }
@media (max-width: 767px) {
    #banner-slider-demo-14 .slide-1 em {
        font-size: 12px;
        margin: 0;
        margin-left: 1px
        }
    #banner-slider-demo-14 .slide-1 .text-content h2 {
        font-size: 30px;
        letter-spacing: -1px
        }
    #banner-slider-demo-14 .slide-1 .text-content p span {
        font-size: 12px;
        padding-left: 1px;
        display: block
        }
    #banner-slider-demo-14 .slide-1 .text-content a {
        font-size: 10px;
        padding: 6px 20px;
        margin-left: 0;
        margin-top: 10px
        }
    #banner-slider-demo-14 .slide-2 em {
        font-size: 12px;
        margin: 0;
        margin-left: 1px
        }
    #banner-slider-demo-14 .slide-2 .text-content h2 {
        font-size: 30px;
        letter-spacing: -1px
        }
    #banner-slider-demo-14 .slide-2 .text-content p span {
        font-size: 12px;
        padding-left: 1px;
        display: block
        }
    #banner-slider-demo-14 .slide-2 .text-content a {
        font-size: 10px;
        padding: 6px 0;
        margin-left: 0;
        margin-top: 5px
        }
    }
.image-link span.category-title {
    display: block;
    position: absolute;
    left: -10px;
    bottom: 20px;
    color: #fff;
    padding: 15px 17px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    min-width: 174px;
    text-align: left;
    background-color: #3f4658
    }
.image-link span.category-title:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-right-color: #3f4658;
    border-top-color: #3f4658;
    display: block;
    position: absolute;
    left: 0;
    top: 100%
    }
.overlay {
    background-color: #000;
    opacity: 0.55;
    filter: alpha(opacity=55);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute
    }
#banner-slider-demo-15 .content em {
    font-size: 18px
    }
#banner-slider-demo-15 .content h2 {
    font-size: 44px
    }
#banner-slider-demo-15 .content hr {
    margin: 10px 0
    }
#banner-slider-demo-15 .content a {
    font-size: 16px
    }
.img-desc-home15 {
    margin-top: -88px;
    padding: 0 25px
    }
.img-desc-home15 h3 {
    font-size: 24px
    }
.img-desc-home15 hr {
    width: 90px;
    margin: 15px 0
    }
.img-desc-home15 p {
    font-size: 15px
    }
.img-desc-home15 a {
    font-size: 15px
    }
@media (max-width: 991px) {
    .img-desc-home15 {
        margin-top: -65px;
        padding: 0 16px
        }
    .img-desc-home15 h3 {
        font-size: 16px
        }
    .img-desc-home15 hr {
        width: 60px;
        margin: 10px 0
        }
    .img-desc-home15 p {
        font-size: 10px
        }
    .img-desc-home15 a {
        font-size: 10px
        }
    }
@media (max-width: 767px) {
    #banner-slider-demo-15 .content em {
        font-size: 9px
        }
    #banner-slider-demo-15 .content h2 {
        font-size: 22px
        }
    #banner-slider-demo-15 .content hr {
        margin: 5px 0
        }
    #banner-slider-demo-15 .content a {
        font-size: 8px
        }
    .img-desc-home15 {
        margin-top: -88px;
        padding: 0 25px
        }
    .img-desc-home15 h3 {
        font-size: 24px
        }
    .img-desc-home15 hr {
        width: 90px;
        margin: 15px 0
        }
    .img-desc-home15 p {
        font-size: 15px
        }
    .img-desc-home15 a {
        font-size: 15px
        }
    }
.top-newsletter .newsletter button.subscribe {
    position: absolute;
    right: 0;
    top: 0;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    color: #000;
    padding: 0 15px;
    background-color: transparent;
    border: 0
    }
.top-newsletter .newsletter input {
    width: 300px;
    height: 30px;
    border-radius: 0;
    line-height: 16px;
    padding: 7px 50px 7px 15px
    }
.top-newsletter .newsletter label {
    display: none
    }
@media (max-width: 1199px) {
    .top-newsletter #newsletter {
        width: 270px
        }
    }
@media (max-width: 991px) {
    .top-newsletter #newsletter {
        width: 160px
        }
    }
@media (min-width: 992px) {
    .a-left-sm {
        text-align: left
        }
    .a-right-sm {
        text-align: right
        }
    }
.owl-banner-carousel .content-17.type1 em {
    font-size: 20px;
    margin-bottom: -5px;
    margin-left: 9px
    }
.owl-banner-carousel .content-17.type1 h2 {
    font-size: 65px;
    margin-bottom: 0
    }
.owl-banner-carousel .content-17.type1 p {
    font-size: 37px
    }
.owl-banner-carousel .content-17.type1 a {
    font-size: 15px
    }
.owl-banner-carousel .content-17.type1 a > i {
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-left: 12px;
    color: #fff;
    border-radius: 50%
    }
@media (max-width: 1199px) {
    .owl-banner-carousel .content-17.type1 em {
        font-size: 18px;
        margin-bottom: -4px;
        margin-left: 8px
        }
    .owl-banner-carousel .content-17.type1 h2 {
        font-size: 58px
        }
    .owl-banner-carousel .content-17.type1 p {
        font-size: 32px
        }
    .owl-banner-carousel .content-17.type1 a {
        font-size: 14px
        }
    .owl-banner-carousel .content-17.type1 a > i {
        width: 15px;
        height: 15px;
        line-height: 14px;
        font-size: 11px;
        margin-bottom: 3px;
        margin-left: 10px
        }
    }
@media (max-width: 991px) {
    .owl-banner-carousel .content-17.type1 em {
        font-size: 15px;
        margin-bottom: -3px;
        margin-left: 6px
        }
    .owl-banner-carousel .content-17.type1 h2 {
        font-size: 50px
        }
    .owl-banner-carousel .content-17.type1 p {
        font-size: 26px
        }
    .owl-banner-carousel .content-17.type1 a {
        font-size: 12px
        }
    .owl-banner-carousel .content-17.type1 a > i {
        width: 13px;
        height: 13px;
        line-height: 12px;
        font-size: 10px;
        margin-bottom: 3px;
        margin-left: 7px
        }
    }
@media (max-width: 767px) {
    .owl-banner-carousel .content-17.type1 em {
        font-size: 11px;
        margin-bottom: -2px;
        margin-left: 4px
        }
    .owl-banner-carousel .content-17.type1 h2 {
        font-size: 28px
        }
    .owl-banner-carousel .content-17.type1 p {
        display: none
        }
    .owl-banner-carousel .content-17.type1 a {
        display: none
        }
    }
#banner-slider-demo-18 .content-1 {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 30px 20px 15px;
    text-align: left;
    margin-left: -163px;
    margin-top: -95px
    }
#banner-slider-demo-18 .content-1 > div {
    display: inline-block;
    vertical-align: middle
    }
#banner-slider-demo-18 .content-1 > div:first-child {
    padding-right: 10px
    }
#banner-slider-demo-18 .content-1 p {
    font-size: 23px;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 7px;
    font-weight: 300
    }
#banner-slider-demo-18 .content-1 h3 {
    font-size: 73px;
    font-weight: 600;
    line-height: 1;
    margin: 0
    }
#banner-slider-demo-18 .content-1 h3 b {
    font-weight: 800;
    margin-top: -23px;
    display: block
    }
#banner-slider-demo-18 .content-1 em {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    line-height: 1;
    margin-right: 4px
    }
#banner-slider-demo-18 .content-1 h4 {
    font-size: 32px;
    line-height: 1;
    margin: 0;
    font-weight: 700
    }
#banner-slider-demo-18 .content-1 h5 {
    font-size: 17px;
    margin: 0;
    line-height: 1;
    margin-top: -4px
    }
#banner-slider-demo-18 .content-2 {
    position: absolute;
    right: 28px;
    bottom: 28px;
    text-align: left
    }
#banner-slider-demo-18 .content-2 > div {
    display: inline-block;
    vertical-align: middle;
    padding: 20px 15px
    }
#banner-slider-demo-18 .content-2 > div:first-child {
    margin: -6px 0;
    padding-left: 25px
    }
#banner-slider-demo-18 .content-2 p {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 0;
    margin-left: 2px;
    font-weight: 300
    }
#banner-slider-demo-18 .content-2 h3 {
    font-size: 54px;
    font-weight: 600;
    line-height: 1;
    margin: 0
    }
#banner-slider-demo-18 .content-2 h3 b {
    font-weight: 800
    }
#banner-slider-demo-18 .content-2 em {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    line-height: 1;
    margin-right: 4px
    }
#banner-slider-demo-18 .content-2 h4 {
    font-size: 32px;
    line-height: 1;
    margin: 0;
    font-weight: 700
    }
#banner-slider-demo-18 .content-2 h5 {
    font-size: 17px;
    margin: 0;
    line-height: 1;
    margin-top: -4px
    }
#banner-slider-demo-18 .content-2 a {
    font-size: 13px;
    margin-right: -10px
    }
@media (max-width: 991px) {
    #banner-slider-demo-18 .content-1 {
        padding: 25px 15px 10px;
        margin-left: -122px;
        margin-top: -75px
        }
    #banner-slider-demo-18 .content-1 > div:first-child {
        padding-right: 7px
        }
    #banner-slider-demo-18 .content-1 p {
        font-size: 16px;
        margin-left: 5px
        }
    #banner-slider-demo-18 .content-1 h3 {
        font-size: 58px
        }
    #banner-slider-demo-18 .content-1 h3 b {
        margin-top: -17px
        }
    #banner-slider-demo-18 .content-1 em {
        font-size: 14px;
        margin-right: 3px
        }
    #banner-slider-demo-18 .content-1 h4 {
        font-size: 26px
        }
    #banner-slider-demo-18 .content-1 h5 {
        font-size: 14px;
        margin-top: -2px
        }
    #banner-slider-demo-18 .content-2 {
        right: 20px;
        bottom: 20px
        }
    #banner-slider-demo-18 .content-2 > div {
        padding: 15px 10px
        }
    #banner-slider-demo-18 .content-2 > div:first-child {
        margin: -2px 0;
        padding-left: 20px
        }
    #banner-slider-demo-18 .content-2 p {
        font-size: 15px;
        margin-left: 1px
        }
    #banner-slider-demo-18 .content-2 h3 {
        font-size: 38px
        }
    #banner-slider-demo-18 .content-2 em {
        font-size: 12px;
        margin-right: 2px
        }
    #banner-slider-demo-18 .content-2 h4 {
        font-size: 26px
        }
    #banner-slider-demo-18 .content-2 h5 {
        font-size: 13px;
        margin-top: -2px
        }
    #banner-slider-demo-18 .content-2 a {
        font-size: 10px;
        margin-right: -6px
        }
    }
@media (max-width: 640px) {
    #banner-slider-demo-18 .content-1 {
        padding: 11px 7px 5px;
        margin-left: -53px;
        margin-top: -32px
        }
    #banner-slider-demo-18 .content-1 > div:first-child {
        padding-right: 2px
        }
    #banner-slider-demo-18 .content-1 p {
        font-size: 7px;
        margin-left: 2px
        }
    #banner-slider-demo-18 .content-1 h3 {
        font-size: 22px
        }
    #banner-slider-demo-18 .content-1 h3 b {
        margin-top: -6px
        }
    #banner-slider-demo-18 .content-1 em {
        font-size: 6px;
        margin-right: 1px
        }
    #banner-slider-demo-18 .content-1 h4 {
        font-size: 12px
        }
    #banner-slider-demo-18 .content-1 h5 {
        font-size: 6px;
        margin-top: -1px
        }
    #banner-slider-demo-18 .content-2 {
        right: 8px;
        bottom: 8px
        }
    #banner-slider-demo-18 .content-2 > div {
        padding: 3px 6px
        }
    #banner-slider-demo-18 .content-2 > div:first-child {
        margin: -1px 0;
        padding-left: 9px
        }
    #banner-slider-demo-18 .content-2 p {
        font-size: 7px;
        margin-left: 1px
        }
    #banner-slider-demo-18 .content-2 h3 {
        font-size: 16px
        }
    #banner-slider-demo-18 .content-2 em {
        font-size: 6px;
        margin-right: 1px
        }
    #banner-slider-demo-18 .content-2 h4 {
        font-size: 12px
        }
    #banner-slider-demo-18 .content-2 h5 {
        font-size: 6px;
        margin-top: -1px
        }
    #banner-slider-demo-18 .content-2 a {
        font-size: 6px;
        margin-right: -3px
        }
    }
.single-images .single-image-label {
    font-size: 17px;
    text-align: center;
    color: #818385;
    line-height: 1.4;
    padding: 10px 0;
    font-weight: 600
    }
.single-images .caption {
    background-color: #a1a2a3;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    text-align: center
    }
#banner-slider-demo-16 .slide1-content, #banner-slider-demo-16 .slide2-content {
    padding-left: 256px
    }
#banner-slider-demo-16 .text-content {
    text-align: left
    }
#banner-slider-demo-16 .text-content em {
    font-size: 26.26px;
    margin: 0;
    margin-bottom: -10px
    }
#banner-slider-demo-16 .text-content h2 {
    font-size: 79.12px;
    letter-spacing: -4px
    }
#banner-slider-demo-16 .text-content p {
    margin: 0
    }
#banner-slider-demo-16 .text-content p span {
    font-size: 23.64px;
    padding-left: 6px
    }
#banner-slider-demo-16 .text-content p a {
    font-size: 16px;
    padding: 10px 28px;
    margin-left: 10px;
    margin-top: 5px
    }
@media (max-width: 991px) {
    #banner-slider-demo-16 .slide1-content, #banner-slider-demo-16 .slide2-content {
        padding-left: 0
        }
    #banner-slider-demo-16 .text-content em {
        font-size: 18px;
        margin: 0;
        margin-bottom: -8px
        }
    #banner-slider-demo-16 .text-content h2 {
        font-size: 60px;
        letter-spacing: -3px
        }
    #banner-slider-demo-16 .text-content p {
        margin: 0
        }
    #banner-slider-demo-16 .text-content p span {
        font-size: 18px;
        padding-left: 6px
        }
    #banner-slider-demo-16 .text-content p a {
        font-size: 12px;
        padding: 8px 20px;
        margin-left: 10px;
        margin-top: 5px
        }
    }
@media (max-width: 767px) {
    #banner-slider-demo-16 .text-content em {
        font-size: 13px;
        margin: 0;
        margin-bottom: -5px
        }
    #banner-slider-demo-16 .text-content h2 {
        font-size: 40px;
        letter-spacing: 0
        }
    #banner-slider-demo-16 .text-content p {
        margin: 0
        }
    #banner-slider-demo-16 .text-content p span {
        font-size: 14px;
        padding-left: 2px
        }
    #banner-slider-demo-16 .text-content p a {
        font-size: 9px;
        padding: 5px 11px;
        margin-left: 5px;
        margin-top: 5px
        }
    }
@media (max-width: 480px) {
    #banner-slider-demo-16 .text-content em {
        font-size: 10px;
        margin-bottom: 0
        }
    #banner-slider-demo-16 .text-content h2 {
        font-size: 25px;
        letter-spacing: 0
        }
    #banner-slider-demo-16 .text-content p {
        margin: 0
        }
    #banner-slider-demo-16 .text-content p span {
        font-size: 12px;
        padding-left: 1px;
        display: block
        }
    #banner-slider-demo-16 .text-content p a {
        font-size: 9px;
        padding: 5px 11px;
        margin-left: 0;
        margin-top: 5px;
        float: left !important
        }
    }
/*** Header Type 10 - Side Header ***/
.container {
    width: 100%
    }
@media (min-width: 992px) {
    body.side-header .page-wrapper {
        padding-left: 256px
        }
    body.side-header .page-wrapper > .breadcrumbs.fixed-position {
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0
        }
    body.side-header .page-wrapper > .breadcrumbs .items {
        margin: 0;
        max-width: none
        }
    }
/*** Header Type 10 - Side Header ***/
.sticky-header .sw-megamenu.navigation li.level0.fl-right {
    float: none
    }
#totop {
    height: 40px;
    position: fixed;
    right: 15px;
    width: 40px;
    z-index: 9999;
    bottom: 0;
    background-color: #404040;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 11px 0;
    display: none;
    border-radius: 5px 5px 0 0
    }
#totop:hover {
    background-color: #555
    }
i.ajax-loader {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #08c;
    border-radius: 20px;
    border-bottom-color: transparent !important
    }
i.ajax-loader.small {
    width: 16px;
    height: 16px;
    border-width: 2.5px
    }
i.ajax-loader.large {
    width: 32px;
    height: 32px;
    border-width: 2.5px
    }
@media (min-width: 768px) {
    .onepage-category > .columns {
        padding-left: 180px;
        padding-right: 50px
        }
    #maincontent.onepage-category {
        position: relative;
        padding-top: 50px;
        max-width: 100%
        }
    }
.cms-index-index .onepage-category {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    }
.onepage-category > .category-list {
    width: 80px;
    text-align: left;
    position: relative;
    float: left;
    background: #000;
    padding: 46px 0 146px 0;
    z-index: 5
    }
.onepage-category > .category-list > ul {
    position: relative;
    z-index: 2;
    list-style: none;
    padding: 0;
    transition: all 0.3s;
    padding-top: 30px;
    margin-bottom: 0
    }
.onepage-category > .category-list > ul > li:last-child {
    margin-bottom: 0
    }
.onepage-category > .category-list > ul > li > a {
    color: #fff;
    width: auto;
    line-height: 78px;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    transition: all 0.3s
    }
.onepage-category > .category-list > ul > li > a > em {
    font-size: 32px;
    width: 80px;
    display: inline-block;
    text-align: center;
    vertical-align: middle
    }
.onepage-category > .category-list > ul > li > a > em > img {
    vertical-align: middle
    }
.onepage-category > .category-list > ul > li > a > span {
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    visibility: hidden;
    width: 0;
    transition: all 0.3s;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden
    }
.onepage-category > .category-list > ul > li > a:after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    right: -15px;
    top: 50%;
    margin-top: -8px;
    border: 8px solid transparent;
    transition: all 0.3s
    }
.onepage-category > .category-list > ul > li > a:hover, .onepage-category > .category-list > ul > li > a.active {
    background-color: #00d59d
    }
.onepage-category > .category-list > ul > li > a:hover > span {
    opacity: 1;
    visibility: visible;
    width: auto;
    padding-right: 50px
    }
.onepage-category > .category-list > ul > li > a:hover:after, .onepage-category > .category-list > ul > li > a.active:after {
    border-left-color: #00d59d
    }
.onepage-category > .category-details {
    float: right;
    width: calc(100% - 100px);
    padding: 0 100px;
    padding-bottom: 146px;
    min-height: 80vh
    }
.onepage-category .category-detail {
    position: relative
    }
.onepage-category .category-detail .title-menu {
    position: relative
    }
.onepage-category .category-detail .title-menu > a {
    font-size: 26px;
    color: #000;
    text-decoration: none;
    line-height: 100px;
    display: inline-block;
    font-weight: 300;
    margin-top: 70px
    }
.onepage-category .category-detail .title-menu > a > span {
    display: inline-block;
    vertical-align: middle
    }
.onepage-category .category-detail .title-menu > a.parent:after {
    display: inline-block;
    content: "";
    font-family: "porto-icons";
    margin-left: 18px;
    font-size: 18px;
    vertical-align: middle;
    line-height: 36px
    }
.onepage-category .category-detail .title-menu > a.parent.opened:after {
    content: ""
    }
.onepage-category .category-detail .title-menu > .menu-popup {
    position: absolute;
    left: -25px;
    top: 100%;
    display: none;
    width: calc(100% + 50px);
    z-index: 3;
    background-color: #fff;
    border: 1px solid #bebebe;
    border-radius: 5px;
    padding: 50px 0
    }
.onepage-category .category-detail .title-menu > .menu-popup:before {
    content: "";
    border: 8px solid transparent;
    width: 16px;
    height: 16px;
    display: block;
    border-bottom-color: #bebebe;
    position: absolute;
    top: -16px;
    left: 90px
    }
.onepage-category .category-detail .title-menu > .menu-popup:after {
    content: "";
    border: 7px solid transparent;
    width: 14px;
    height: 14px;
    display: block;
    border-bottom-color: #fff;
    position: absolute;
    top: -13px;
    left: 91px
    }
.onepage-category .category-detail .menu-popup ul {
    list-style: none;
    padding: 0;
    margin: 0
    }
.onepage-category .category-detail .menu-popup > ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
    }
.onepage-category .category-detail .menu-popup > ul > li {
    float: left;
    border-left: 1px solid #bebebe;
    margin: 10px 0;
    padding: 30px 0
    }
.onepage-category .category-detail .menu-popup li.menu-item {
    margin-bottom: 0
    }
.onepage-category .category-detail .menu-popup > ul.columns5 > li {
    width: 20%;
    padding-left: 4%;
    padding-right: 4%
    }
.onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) {
    border-left: 0;
    clear: left
    }
.onepage-category .category-detail .menu-popup ul > li > a {
    color: #000;
    font-size: 16px;
    line-height: 2.5
    }
.onepage-category .category-detail .menu-popup > ul > li > a {
    font-weight: 700;
    text-transform: uppercase
    }
.onepage-category .category-detail .products-area {
    margin: 0 -10px
    }
.onepage-category .category-detail .products-area .category-link {
    float: right;
    margin-top: -70px;
    margin-right: 10px;
    position: relative;
    z-index: 2;
    min-width: 119px;
    height: 40px;
    border: 2px solid #000;
    color: #000;
    border-radius: 5px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s
    }
.onepage-category .category-detail .products-area .category-link:hover {
    background-color: #000;
    color: #fff
    }
.onepage-category .category-detail .products div.item {
    float: left;
    padding: 10px
    }
.onepage-category .category-detail .product-item-photo {
    border: 0;
    padding: 0;
    border-radius: 0
    }
.onepage-category .category-detail .products div.item .product-item-photo {
    width: 100%;
    min-height: 60px;
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 0;
    background: #fff
    }
.onepage-category .category-detail .products div.item .product-item-details {
    padding: 15px 0;
    text-align: left
    }
.onepage-category .category-detail .products div.item .product-item-details .product-item-name {
    margin: 0 0 3px 0
    }
.onepage-category .category-detail .products div.item .product-item-details .product-item-name a {
    font-size: 14px;
    font-weight: 600;
    color: #000
    }
.onepage-category .category-detail .products div.item .product-item-details .price-box {
    margin: 0
    }
.onepage-category .category-detail .products div.item .product-item-details .price {
    font-weight: 300;
    font-size: 30px
    }
.onepage-category .category-detail .products div.item .product-item-details .old-price .price {
    font-size: 20px
    }
.onepage-category .category-detail .product-item-photo:before {
    content: "";
    display: block;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s
    }
.onepage-category .category-detail .product-item-info:hover .product-item-photo:before {
    opacity: 0.7;
    visibility: visible
    }
.onepage-category .category-detail .product-item-photo .product-item-inner {
    padding: 0;
    z-index: 3;
    left: 15px;
    bottom: 15px
    }
.onepage-category .category-detail .product-item-photo .product-item-inner .product-item-actions a, .onepage-category .category-detail .product-item-photo .product-item-inner .product-item-actions > .actions-primary .tocart {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 47px;
    font-size: 18px;
    margin: 0 1px
    }
.onepage-category .category-detail .product-item .tocart:before {
    font-size: 21px;
    display: inline-block
    }
.onepage-cat.category-list {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%
    }
body > .onepage-cat.category-list {
    display: none
    }
.onepage-category > .category-list > ul.fixed-top {
    position: fixed;
    left: 0;
    top: 70px
    }
.onepage-category > .category-list > ul.fixed-bottom {
    position: fixed;
    left: 0;
    bottom: 0
    }
.onepage-category > .category-list > ul.absolute-bottom {
    position: absolute;
    top: auto;
    bottom: 0
    }
.onepage-category .additional-content img {
    max-width: 100%
    }
.onepage-category .menu-popup a > span {
    position: relative
    }
.onepage-category .menu-popup a > span > span.cat-label {
    top: 3px;
    right: -35px;
    font: inherit;
    font-size: 9px;
    padding: 2px;
    z-index: 1;
    border-radius: 2px;
    line-height: 1;
    border: 1px solid #777;
    position: absolute
    }
#banner-slider-demo-19 .slide-content h2 {
    font-size: 80px;
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -6px;
    margin-left: -5px
    }
#banner-slider-demo-19 .slide-content p {
    font-size: 20px;
    margin-bottom: 50px;
    font-weight: 300
    }
#banner-slider-demo-19 .slide-content a.btn-line {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid #000;
    padding: 0 34px;
    height: 57px;
    display: inline-block;
    line-height: 53px;
    border-radius: 8px;
    text-decoration: none
    }
#banner-slider-demo-19 .slide-content a.btn-line:hover {
    color: #fff;
    background-color: #000
    }
.category-description img {
    max-width: 100%
    }
.category-detail .product-item-info:hover .product-item-inner {
    visibility: visible;
    opacity: 1
    }
#giftcard-form input#giftcard-code {
    border-radius: 3px 0 0 3px
    }
#giftcard-balance-lookup .giftcard.info {
    margin-bottom: 15px
    }
.gift-wrapping-item > span {
    background-color: #f2f2f2
    }
#giftcard-form button.action-add, #giftcard-form button.redeem {
    height: 32px;
    line-height: 1;
    font-size: 13px
    }
.account .table-wrapper.balance-history, .account .table-wrapper.reward-history, .account .table-wrapper.balance-history {
    margin-top: 0
    }
.form-addbysku .qty.field .control {
    display: block
    }
.column .block-addbysku .action.add {
    min-width: 32px
    }
.giftcard-account button.primary {
    height: 32px;
    line-height: 1
    }
.form-add-invitations .action.add:before, .column .block-addbysku .action.add:before {
    content: ""
    }
.form-add-invitations .fieldset .actions-toolbar > .secondary .action.add {
    min-width: 32px;
    margin: 20px 0
    }
.message.info {
    margin-bottom: 20px
    }
.form-giftregistry-edit .field.date input {
    vertical-align: middle
    }
.hasDatepicker + .ui-datepicker-trigger:before {
    content: ""
    }
.block-category-event {
    border-radius: 5px;
    text-align: left;
    padding: 10px 20px !important
    }
.block-category-event > div {
    display: inline-block;
    vertical-align: middle
    }
.block-category-event > div.event-title {
    padding-right: 50px;
    margin-right: 20px
    }
.block-category-event .event-title em {
    float: left;
    font-size: 30px;
    margin-right: 8px;
    color: #000
    }
.block-category-event .event-title p {
    margin: 0;
    text-transform: uppercase
    }
.block-category-event .event-title h4 {
    margin: 3px 0;
    color: #000;
    text-transform: uppercase;
    white-space: nowrap
    }
.block-category-event .dates .start:after {
    display: none
    }
.block-category-event .event-ticker .dates .start {
    padding: 0
    }
.block-category-event .event-ticker .dates > div > span {
    display: block
    }
.block-category-event > div.event-ticker {
    text-align: center
    }
.block-category-event > div.event-desc {
    float: right;
    color: #08c;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 101px;
    margin-right: 20px
    }
.block-category-event .event-ticker .dates > div > span.desc {
    color: #08c;
    text-transform: uppercase;
    font-style: italic;
    font-size: 13px
    }
.block-category-event .event-ticker .dates > div > span.date {
    font-size: 24px;
    font-weight: 600;
    color: #000
    }
.block-category-event .event-ticker .dates > div > span.year-month {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 3px
    }
.block-category-event .event-ticker .dates > div > span.time {
    padding: 3px 0
    }
.block-category-event .event-ticker .dates > div > span.date {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    padding: 0 0 3px
    }
.block-category-event .event-ticker .dates > div {
    margin: 0 10px;
    display: inline-block
    }
.block-category-event .event-ticker .ticker .value {
    font-size: 30px;
    font-weight: 600;
    color: #000
    }
.block-category-event .event-ticker .ticker .label {
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 3px;
    min-width: 70px
    }
.block-category-event .event-ticker .ticker li {
    margin: 0 7px
    }
.block-category-event.open > div.event-desc {
    line-height: 65px
    }
@media (max-width: 1199px) {
    #banner-slider-demo-19 .slide-content h2 {
        font-size: 40px;
        line-height: 0.9;
        letter-spacing: -3px;
        margin-left: -2.5px
        }
    #banner-slider-demo-19 .slide-content p {
        font-size: 12px;
        margin-bottom: 20px
        }
    #banner-slider-demo-19 .slide-content a.btn-line {
        font-size: 10px;
        padding: 0 16px;
        height: 30px;
        line-height: 26px;
        border-radius: 4px
        }
    .onepage-cat.category-list + .main.container {
        padding: 0 50px
        }
    .onepage-category .category-detail .menu-popup ul > li > a {
        font-size: 11px
        }
    .onepage-category .category-detail .menu-popup > ul.columns5 > li {
        padding: 10px 2%
        }
    .onepage-category .category-detail .title-menu > .menu-popup {
        padding: 10px 0
        }
    .onepage-category .category-detail .title-menu > a {
        margin-top: 46px
        }
    }
@media (max-width: 991px) {
    .block-category-event > div {
        display: block;
        float: none !important;
        text-align: left
        }
    .block-category-event > div.event-ticker {
        display: inline-block;
        margin: 0 -10px
        }
    .block-category-event .dates .start, .block-category-event .dates .end {
        display: inline-block !important
        }
    }
@media (max-width: 767px) {
    .onepage-category, .cms-index-index .onepage-category {
        display: block
        }
    .onepage-category > .category-list {
        width: auto;
        float: none;
        padding: 0;
        min-height: 0;
        position: static;
        margin-bottom: 20px
        }
    .onepage-category > .category-list > ul {
        padding: 0
        }
    .onepage-category > .category-list > ul > li {
        margin: 0;
        display: inline-block
        }
    .onepage-category > .category-list > ul > li > a:hover > span, .onepage-category > .category-list > ul > li > a:after {
        display: none
        }
    .onepage-cat.category-list + .main.container {
        float: none
        }
    .onepage-cat.category-list + .main.container {
        padding: 0 15px
        }
    .onepage-cat.category-list + .main.container {
        width: auto
        }
    .onepage-category > .category-details {
        float: none;
        width: auto;
        padding: 0 15px
        }
    .onepage-category > .category-list > ul {
        position: static !important
        }
    .onepage-category .category-detail .menu-popup > ul {
        display: block
        }
    .onepage-category .category-detail .menu-popup > ul.columns5 > li {
        width: 50%;
        padding: 10px 15px
        }
    .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(5n+1) {
        border-left: 1px solid #bebebe;
        clear: none
        }
    .onepage-category .category-detail .menu-popup > ul.columns5 > li:nth-child(2n+1) {
        border-left: 0;
        clear: left
        }
    .onepage-category .category-detail .menu-popup ul > li > a {
        font-size: 14px
        }
    }
.product.info.detailed.sticky .product.data.items > .item.content {
    margin: 0
    }
.product-tabs-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 3;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
    }
.product-tabs-container.has-sticky-header {
    top: 44px
    }
.product-tabs-container .data.item.title {
    display: inline-block;
    font-size: 13px;
    padding: 0 10px
    }
.product-tabs-container .data.item.title:first-child {
    padding-left: 0
    }
.product-tabs-container .data.item.title > a {
    color: #777;
    padding: 10px 0
    }
.authentication-wrapper {
    line-height: 50px;
    margin-top: 0 !important;
    margin-left: 20px
    }
.filter-options-content .ln_slider_container {
    width: 93%;
    width: calc(100% - 14px);
    margin: 15px 7px 0
    }
#ln_slider_price .ui-slider-handle {
    margin-top: -5px;
    background: #08c;
    height: 18px;
    width: 13px;
    border-radius: 5px;
    margin-left: -7px
    }
#ln_slider_price.ui-slider-horizontal {
    height: 7px;
    margin-bottom: 15px;
    background: #1ab2ff;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.38)
    }
#ln_price_attribute {
    padding: 10px 5px
    }
.block-category-list .block-content ol li.item, .sidebar > .block.filter ol li.item {
    margin: 0;
    padding: 7px 0
    }
.filter-options-content {
    padding: 15px
    }
.filter-options-content ol.items {
    margin: -9px 0
    }
.sidebar .product-items .product-item-info .product-item-photo img.hover_image {
    display: none
    }
.page-main .block.block-category-list {
    margin-bottom: 14px
    }
.block-category-list .block-title, .sidebar > .block.filter .options dt {
    padding: 10px 15px;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    position: relative;
    cursor: pointer;
    border-radius: 7px 7px 0 0;
    display: block;
    text-decoration: none
    }
.block-category-list .block-content, .sidebar > .block.filter .options dd {
    margin: 0;
    padding: 10px 15px;
    font-size: 13px;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 7px 7px;
    background-color: #fbfbfb
    }
.block-category-list .block-content .item a, .sidebar > .block.filter .item a {
    color: #777
    }
.block-header-customer-login {
    position: absolute;
    right: 0;
    min-width: 300px;
    background: #fff;
    z-index: 9;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-top: 4px solid #08c;
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s
    }
.block-header-customer-login:before {
    content: "";
    border: 5px solid transparent;
    border-bottom-color: #08c;
    position: absolute;
    top: -14px;
    right: 30px
    }
.block-header-customer-login.open {
    visibility: visible;
    opacity: 1
    }
.authorization-link {
    position: relative
    }
.filter-toggle {
    display: none
    }
.minicart-wrapper .action.showcart .counter.qty .loader > img {
    max-width: 18px;
    display: none
    }
.loading-mask .loader > img, .ln_overlay img {
    max-width: 32px
    }
.account-nav .nav > li {
    padding: 0;
    position: relative;
    line-height: 1.3;
    border-bottom: 1px solid #ddd
    }
.account-nav .nav > li > a {
    color: #777;
    padding: 8px 15px
    }
.account-nav .nav > li > a:hover, .account-nav .nav > li > a:focus {
    background: none
    }
.account-nav .nav > li > a:before, .account-nav .nav > li > strong:before {
    content: "";
    font-family: "porto-icons";
    position: absolute;
    left: 5px
    }
.account-nav .nav > li > strong {
    position: relative;
    display: block;
    padding: 8px 15px
    }
@media (min-width: 768px) {
    .filter-toggle {
        border: 1px solid #ccc;
        font-weight: 400;
        color: #777;
        text-align: center;
        width: auto;
        line-height: 26px;
        background-color: #fff;
        display: block;
        margin-left: 5px;
        border-radius: 3px;
        display: inline-block;
        text-decoration: none;
        padding: 0 10px;
        display: inline-block
        }
    .filter-toggle:hover {
        color: #777
        }
    .filter-toggle.active {
        color: #fff;
        background-color: #08c;
        border-color: #08c
        }
    .column.main {
        transition: all 0.5s
        }
    .column.main.toggle-close {
        width: 100% !important
        }
    .sidebar.sidebar-main {
        transition: all 0.5s;
        padding-right: 20px
        }
    .sidebar.sidebar-main.toggle-close {
        margin-left: -300px;
        opacity: 0;
        visibility: hidden
        }
    }
@media (max-width: 767px) {
    .product-tabs-container.has-sticky-header:not(.has-mobile-sticky-header) {
        top: 0
        }
    .product-tabs-container.has-sticky-header.has-mobile-sticky-header {
        top: 64px
        }
    .block-header-customer-login {
        display: none
        }
    }
.ajax-products {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 85px
    }
.ajax-products > .category-list {
    border-right: 1px solid #dcdcdc;
    padding: 70px 15px
    }
.ajax-products > .category-list > span {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: gray;
    margin-bottom: 10px
    }
.ajax-products > .category-list > ul {
    list-style: none;
    padding: 0
    }
.ajax-products > .category-list > ul > li {
    padding: 10px 0
    }
.ajax-products > .category-list > ul > li > a {
    display: block;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    font-size: 12px;
    position: relative;
    padding-left: 20px
    }
.ajax-products > .category-list > ul > li > a:before {
    content: "";
    font-family: "porto-icons";
    margin-right: 10px;
    display: inline-block;
    width: 11px;
    position: absolute;
    left: 0
    }
.ajax-products > .category-list > ul > li > a.active:before {
    content: ""
    }
.ajax-products > .category-list > ul > li > a > span {
    display: inline-block
    }
.ajax-products > .category-list > ul > li > a:hover {
    text-decoration: none
    }
.ajax-products > .category-detail {
    position: relative;
    min-height: 70vh;
    padding: 70px 15px
    }
.ajax-products > .category-detail > h2 {
    text-align: center;
    margin: 30px 0;
    font-size: 26px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 10px
    }
.ajax-products > .category-detail > .ajax_products_loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: rgba(255, 255, 255, 0.5)
    }
.load-more-area {
    text-align: center;
    margin: 30px 0
    }
.load-more-area > a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    background-color: #000;
    color: #fff;
    padding: 20px 45px;
    letter-spacing: 3px;
    transition: all 0.3s;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5)
    }
.load-more-area > a:hover {
    text-decoration: none;
    opacity: 0.85;
    color: #fff
    }
.full-width-image {
    text-align: center;
    padding: 200px 0;
    background-size: cover
    }
.full-width-image > h3 {
    font-size: 90px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -5px
    }
.full-width-image > a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    background-color: #fff;
    color: #000;
    padding: 20px 45px;
    letter-spacing: 3px;
    transition: all 0.3s;
    box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);
    margin: 20px 0
    }
.full-width-image > a:hover {
    text-decoration: none;
    opacity: 0.85
    }
#home-content-slider-demo-20 .item > div.content {
    max-width: 40%
    }
#home-content-slider-demo-20 .item > div.content > h3 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -4px;
    margin-bottom: 20px
    }
#home-content-slider-demo-20 .item > div.content > a {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    background-color: #fff;
    color: #000;
    padding: 20px 45px;
    letter-spacing: 3px;
    transition: all 0.3s;
    box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);
    margin: 20px 0;
    display: inline-block
    }
#home-content-slider-demo-20 .item > div.content > a:hover {
    text-decoration: none;
    opacity: 0.85
    }
.full-screen-slider {
    height: 100vh
    }
.full-screen-slider:after {
    content: "";
    font-family: "porto-icons";
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    margin-top: -18px;
    margin-left: -10px;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    color: #777;
    z-index: 1
    }
.owl-carousel.owl-loaded {
    position: relative;
    z-index: 2
    }
.full-screen-slider {
    position: relative
    }
.full-screen-slider #banner-slider-demo-20 .item > div.content {
    text-align: left;
    position: absolute
    }
.full-screen-slider #banner-slider-demo-20 .item > div.content > h2 {
    line-height: 0.9;
    font-size: 80px;
    font-weight: 600
    }
.full-screen-slider #banner-slider-demo-20 .item > div.content > a {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    background-color: #fff;
    color: #000;
    padding: 20px 45px;
    letter-spacing: 3px;
    transition: all 0.3s;
    box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);
    margin: 20px 0;
    display: inline-block
    }
.full-screen-slider #banner-slider-demo-20 .item > div.content > a:hover {
    text-decoration: none;
    opacity: 0.85
    }
#banner-slider-demo-20 + .owl-thumbs {
    position: absolute;
    right: 100px;
    bottom: 50px;
    width: 30%;
    z-index: 2
    }
#banner-slider-demo-20 + .owl-thumbs button {
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0;
    float: left;
    max-width: 33.33%;
    background: none
    }
#banner-slider-demo-20 + .owl-thumbs button img {
    border: 3px solid transparent
    }
#banner-slider-demo-20 + .owl-thumbs button.active img {
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.5)
    }
.page-header {
    z-index: 5
    }
.block-bundle-summary .moved-add-to-links {
    display: block;
    margin-top: 10px
    }
.block-bundle-summary .moved-add-to-links .product-addto-links .action {
    width: 40px;
    height: 40px;
    line-height: 38px;
    margin-right: 5px
    }
.block-bundle-summary .moved-add-to-links .action.mailto.friend {
    width: 40px;
    height: 40px;
    line-height: 38px
    }
@media (min-width: 768px) and (max-width: 991px) {
    .moved-add-to-links {
        display: block;
        margin-top: 15px
        }
    }
@media (max-width: 991px) {
    .full-screen-slider #banner-slider-demo-20 .item > div.content > h2 {
        font-size: 45px
        }
    .full-screen-slider #banner-slider-demo-20 .item > div.content > a {
        font-size: 10px;
        padding: 10px 20px;
        margin: 10px 0
        }
    #home-content-slider-demo-20 .item > div.content > h3 {
        letter-spacing: 0;
        font-size: 25px;
        margin-bottom: 10px
        }
    #home-content-slider-demo-20 .item > div.content > a {
        font-size: 10px;
        padding: 10px 20px;
        margin: 10px 0
        }
    }
@media (max-width: 767px) {
    #banner-slider-demo-20 + .owl-thumbs {
        width: 50%;
        right: 25%
        }
    #home-content-slider-demo-20 .item > div.content > p {
        display: none
        }
    #home-content-slider-demo-20 .item > div.content > a {
        display: none
        }
    .ajax-products {
        display: block
        }
    .ajax-products > .category-list {
        border-right: 0;
        padding: 30px 15px
        }
    .ajax-products > .category-list > ul > li {
        display: inline-block;
        margin-right: 30px
        }
    .ajax-products > .category-detail {
        padding-top: 0;
        min-height: 70vh
        }
    .load-more-area > a, .full-width-image > a {
        font-size: 8px;
        padding: 10px 20px;
        margin: 10px 0
        }
    .full-width-image {
        padding: 100px 0
        }
    .full-width-image > h3 {
        font-size: 35px;
        letter-spacing: -1px
        }
    }
ul.scene {
    width: 100%;
    height: 100%
    }
ul.scene > li.layer {
    width: 100%;
    height: 100%
    }
.animation-wave {
    -webkit-animation: wave 20s 0.1s infinite linear;
    -moz-animation: wave 20s 0.1s infinite linear;
    animation: wave 20s 0.1s infinite linear
    }
.animation-spin {
    -moz-animation: spin 20s infinite linear;
    -o-animation: spin 20s infinite linear;
    -webkit-animation: spin 20s infinite linear;
    animation: spin 20s infinite linear
    }
@-webkit-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        } 100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        }
    }
@-moz-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        } 100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        }
    }
@-ms-keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        } 100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        }
    }
@keyframes wave {
    0% {
        -webkit-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        -moz-transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        transform: rotateZ(0deg) translate3d(0, 10%, 0) rotateZ(0deg);
        } 100% {
        -webkit-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        -moz-transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        transform: rotateZ(360deg) translate3d(0, 10%, 0) rotateZ(-360deg);
        }
    }
.product-reviews-summary.empty .reviews-actions:before {
    content: "" "" "" "" "";
    display: inline-block;
    vertical-align: middle;
    font-family: "porto-icons";
    color: #c3c5c9;
    letter-spacing: 3px;
    font-size: 12px
    }
.product-labels {
    z-index: 4
    }
.product-item-photo:hover .product-image-photo.hover_image {
    z-index: 3
    }
.products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2 {
    z-index: 4
    }
.product-social-links .at-style-responsive .at-share-btn {
    padding: 0
    }
.product-social-links .at-resp-share-element .at-share-btn:focus, .product-social-links .at-resp-share-element .at-share-btn:hover {
    -webkit-transform: none;
    transform: none
    }
.product-social-links .at-resp-share-element .at-share-btn {
    margin: 0 4px
    }
.product-social-links .addthis_inline_share_toolbox {
    margin: 15px 0 15px -4px
    }
#at-expanded-menu-host .at-expanded-menu-load {
    line-height: 1;
    height: auto
    }
#at-expanded-menu-host .at-expanded-menu-service-list button {
    height: auto
    }
.gallery-placeholder .loader img {
    display: none
    }
.loader:before {
    content: "";
    font-family: "porto-icons";
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin-top: -15px;
    margin-left: -15px;
    color: #777
    }
.minicart-wrapper .action.showcart .counter.qty .loader:before {
    content: "";
    font-family: "porto-icons";
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 16px;
    margin-top: -12px;
    margin-left: -8px;
    color: #777
    }
.loading-mask {
    background: transparent
    }
.product-item-photo > a:not(.weltpixel-quickview):before {
    content: "";
    font-family: "porto-icons";
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 20px;
    margin-top: -14px;
    margin-left: -10px;
    color: #777;
    z-index: 1
    }
.product-image-photo.default_image {
    position: relative;
    z-index: 2
    }
.filter-content .ln_overlay {
    display: none !important
    }
.ln_overlay {
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
    display: none
    }
.ln_overlay .ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px
    }
.infinite-loader {
    text-align: center;
    margin: 20px 0
    }
.infinite-loader .loading {
    line-height: 30px;
    display: none
    }
.infinite-loader .loading i.ajax-loader {
    margin-right: 15px;
    width: 16px;
    height: 16px;
    border-width: 2.5px
    }
.infinite-loader .btn-load-more {
    display: none;
    color: #333;
    background-color: #fff;
    font-size: 13px;
    padding: 5px 20px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc
    }
.catalog-category-view .infinite-loader + .toolbar.toolbar-products .limiter {
    float: none
    }
.catalog-category-view .infinite-loader + .toolbar.toolbar-products .pages {
    display: none
    }
.owl-item.loading .product-item-photo {
    min-height: 100px
    }
@media (min-width: 768px) and (max-width: 991px) {
    .block-search {
        max-width: 240px
        }
    }
.owl-theme.owl-bottomright-narrow .owl-controls {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0
    }
.owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 25px;
    background: #000;
    border-radius: 0;
    margin: 1px 1px 1px 0;
    padding: 0;
    width: 90px;
    height: 90px;
    line-height: 90px;
    opacity: 1
    }
.column.main > .custom-block {
    display: none
    }
.weltpixel-quickview-catalog-product-view .column.main > .custom-block, .weltpixel-quickview-catalog-product-view .addthis-smartlayers {
    display: none
    }
.product-item-photo {
    min-height: 50px
    }
.form-find-area {
    border-top: solid 2px #1fc0a0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
    padding: 40px 40px 38px
    }
.form-find-area .form-title {
    font-family: "Oswald";
    font-size: 22px;
    line-height: 35px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #151515;
    margin: 0 0 5px
    }
.form-find-area form {
    width: 100%
    }
.form-find-area select {
    width: 100%;
    color: #747474;
    font-size: 13.5px;
    margin: 11px 0;
    border-radius: 5px;
    padding: 0 15px;
    height: 47px
    }
.list-category .group .content {
    position: relative;
    margin: 15px 0
    }
.list-category .group .content img {
    width: 100%
    }
.list-category .group .content h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    background-color: #242424;
    font-size: 22px;
    font-family: "Oswald";
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    padding: 5px 15px;
    margin: 0
    }
.offer-deal .item {
    position: relative
    }
.offer-deal .item img {
    max-width: 100%
    }
.offer-deal .item .content h3 {
    margin: 0 0 5px
    }
.offer-deal .item .content h3 a {
    font-family: "Oswald";
    font-size: 49px;
    font-weight: 600;
    line-height: 35px;
    text-transform: uppercase;
    color: #151515;
    text-decoration: none
    }
.offer-deal .item .content p {
    font-family: "Oswald";
    font-size: 26px;
    font-weight: 400;
    line-height: 35px;
    text-transform: uppercase;
    color: #4c4c4c
    }
.offer-deal .item .content .btn-default {
    font-family: "Oswald";
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 25px;
    margin-top: 15px
    }
.offer-deal .item .content .btn-default:hover {
    background-color: inherit
    }
.subscribe-form .content h3 {
    font-family: "Oswald";
    font-size: 35px;
    font-weight: 600;
    color: #151515;
    text-transform: uppercase;
    margin: 0 0 5px
    }
.subscribe-form .content p {
    font-family: "Oswald";
    font-size: 20px;
    font-weight: 400;
    color: #151515;
    text-transform: uppercase
    }
.subscribe-form .validation-advice {
    position: absolute
    }
.subscribe-form .block.newsletter {
    width: auto;
    max-width: 475px;
    display: inline-block;
    vertical-align: middle
    }
.subscribe-form .block.newsletter .control:before {
    line-height: 44px;
    margin-left: 20px
    }
.subscribe-form .block.newsletter .control {
    position: relative
    }
.subscribe-form .block.newsletter .control input {
    background-color: #fff;
    color: #686865;
    height: 44px;
    border: none;
    font-size: 14px;
    padding-left: 50px;
    float: left;
    max-width: 475px;
    width: 100%;
    border-radius: 5px 0 0 5px;
    padding-right: 0;
    margin-right: 0
    }
.subscribe-form .block.newsletter .control div.mage-error {
    position: absolute;
    bottom: -65px
    }
.subscribe-form .block.newsletter .actions .action.subscribe {
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    text-transform: uppercase;
    border-radius: 0 5px 5px 0;
    opacity: 1;
    background-color: #1fc0a0
    }
.filter-title strong {
    color: transparent !important;
    position: fixed;
    top: 22%;
    left: -1px;
    width: 51px;
    height: 47px;
    border: #dcdcda solid 1px !important;
    background-color: #f5f5f5;
    text-align: center;
    box-shadow: none;
    border-radius: 0;
    cursor: pointer;
    line-height: 26px;
    z-index: 9
    }
.filter-title strong:before {
    content: "";
    font-family: "porto-icons";
    font-size: 27px;
    color: #818181;
    line-height: 30px;
    display: block;
    -webkit-font-smoothing: antialiased
    }
@media (min-width: 768px) {
    .column.main > .custom-block {
        display: block;
        width: 25%;
        float: right;
        padding-left: 30px
        }
    body:not(.weltpixel-quickview-catalog-product-view).column.main > .custom-block + .product-info-main {
        width: 40.33%
        }
    .block-search {
        z-index: 7
        }
    .sw-megamenu.navigation li.level0.fullwidth > .submenu > .container, .sw-megamenu.navigation li.level0.staticwidth > .submenu > .container {
        padding: 0;
        max-width: 100%
        }
    }
@media (max-width: 1199px) and (min-width: 992px) {
    .form-find-area {
        padding: 18px 40px 16px
        }
    }
@media (min-width: 992px) {
    body.side-header .page-wrapper > .breadcrumbs.fixed-position {
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0
        }
    body.side-header .page-wrapper > .breadcrumbs .items {
        margin: 0;
        max-width: none
        }
    }
@media (max-width: 991px) and (min-width: 768px) {
    .offer-deal .item .content h3 a {
        font-size: 30px;
        line-height: 25px
        }
    .offer-deal .item .content p {
        font-size: 16px;
        line-height: 25px
        }
    .offer-deal .item .content .btn-default {
        font-size: 11px;
        padding: 8px 12px;
        margin-top: 5px
        }
    }
@media (max-width: 1679px) {
    .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
        width: 60px;
        height: 60px;
        line-height: 60px
        }
    }
@media (max-width: 991px) {
    .offer-deal .item img {
        width: 100%
        }
    }
@media (max-width: 767px) {
    .block-search input {
        color: #666
        }
    .owl-theme.owl-bottomright-narrow .owl-controls .owl-nav [class*=owl-] {
        width: 40px;
        height: 40px;
        line-height: 40px
        }
    .offer-deal .item .content h3 a {
        font-size: 30px;
        line-height: 25px
        }
    .offer-deal .item .content p {
        font-size: 16px;
        line-height: 25px
        }
    .offer-deal .item .content .btn-default {
        font-size: 11px;
        padding: 8px 12px;
        margin-top: 5px
        }
    }
@media (max-width: 640px) {
    #newsletter_popup {
        padding: 40px 10px 25px;
        width: 100% !important
        }
    }
@media only screen and (max-width: 767px) {
    .filter.active {
        width: 300px
        }
    .filter.active .filter-title strong {
        right: 10px;
        top: 0;
        border: none !important;
        position: absolute
        }
    .filter.active .filter-title strong:before {
        -webkit-font-smoothing: antialiased;
        font-size: 16px;
        line-height: inherit;
        color: #fff;
        content: "";
        font-family: "porto-icons";
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center
        }
    .filter.active .filter-title strong:after {
        display: none
        }
    .filter.active .filter-title {
        background-color: #666;
        margin: 0;
        height: 47px;
        border: none;
        width: 300px
        }
    .filter.active .filter-subtitle {
        color: #fff !important;
        text-transform: uppercase;
        font-size: 12.5px;
        font-weight: 400;
        font-family: "Oswald";
        letter-spacing: 0.025em;
        z-index: 3;
        padding: 8px 30px !important;
        height: 47px;
        pointer-events: none;
        width: 300px;
        right: auto;
        border: 0
        }
    .filter.active .filter-options {
        padding: 10px 30px !important;
        width: 300px;
        right: auto;
        top: 47px;
        overflow-y: scroll;
        overflow-x: hidden
        }
    .filter.active .block-category-list .block-title, .filter.active .filter-options-title, .filter.active .filter .filter-current-subtitle {
        padding-left: 0;
        padding-right: 0
        }
    .filter.active .block-category-list .block-content, .filter.active .filter-options-content {
        padding-left: 0;
        padding-right: 0
        }
    body.filter-active .page-wrapper {
        visibility: visible;
        height: auto;
        margin-top: 0
        }
    .filter:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: #000;
        position: fixed;
        left: 0;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s
        }
    .filter.active:before {
        opacity: 0.1;
        visibility: visible
        }
    }
.container:after {
    content: "";
    display: table;
    clear: both
    }
.hide {
    display: none !important
    }
.show {
    display: block !important
    }
.invisible {
    visibility: hidden
    }
.pull-right {
    float: right !important
    }
.pull-left {
    float: left !important
    }
.visible-xs, .visible-sm, .visible-md, .visible-lg {
    display: none !important
    }
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
    }
@media (max-width: 767px) {
    .visible-xs {
        display: block !important
        }
    table.visible-xs {
        display: table !important
        }
    tr.visible-xs {
        display: table-row !important
        }
    th.visible-xs, td.visible-xs {
        display: table-cell !important
        }
    }
@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
        }
    }
@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
        }
    }
@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
        }
    table.visible-sm {
        display: table !important
        }
    tr.visible-sm {
        display: table-row !important
        }
    th.visible-sm, td.visible-sm {
        display: table-cell !important
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
        }
    table.visible-md {
        display: table !important
        }
    tr.visible-md {
        display: table-row !important
        }
    th.visible-md, td.visible-md {
        display: table-cell !important
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
        }
    }
@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
        }
    table.visible-lg {
        display: table !important
        }
    tr.visible-lg {
        display: table-row !important
        }
    th.visible-lg, td.visible-lg {
        display: table-cell !important
        }
    }
@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
        }
    }
@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
        }
    }
@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
        }
    }
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
        }
    }
@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
        }
    }
@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
        }
    }
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
        }
    }
.gallery-placeholder {
    width: 100%
    }
table .col {
    width: auto
    }
.modal-header {
    border-bottom: 0
    }
.modal-content {
    border: 0
    }
.product-reviews-summary .reviews-actions a {
    color: #bdbdbd;
    padding: 0 15px;
    border-left: 1px solid #bdbdbd;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle
    }
.product-info-main .stock.available, .product-info-main .stock.unavailable {
    font-weight: 400;
    text-transform: none
    }
.swatch-option.color {
    min-width: 22px;
    height: 22px
    }
.weltpixel-quickview-catalog-product-view .product-info-main .product-add-form:after, .weltpixel-quickview-catalog-product-view .product-options-bottom:after {
    content: "";
    display: table;
    clear: both
    }
.weltpixel-quickview-catalog-product-view .product-info-main .product-add-form {
    padding-top: 0
    }
.weltpixel-quickview-catalog-product-view .product-options-wrapper {
    padding-bottom: 0
    }
.weltpixel-quickview-catalog-product-view .product-options-bottom {
    margin-top: 10px
    }
.weltpixel-quickview-catalog-product-view .product-info-main .box-tocart, .weltpixel-quickview-catalog-product-view .box-gotoproduct {
    float: left;
    margin-top: 10px;
    margin-bottom: 0
    }
#newsletter_popup {
    border-top: 0
    }
.modes-mode {
    margin-right: 7px
    }
.fotorama__nav__frame {
    box-sizing: border-box;
    padding-bottom: 0 !important;
    margin-right: 2px
    }
.product.description ul {
    list-style: none;
    padding-left: 3em;
    font-size: 13px;
    margin-bottom: 15px;
    line-height: 36px
    }
.product.description ul li {
    margin: 0
    }
.product.description ul li [class^="porto-icon-"] {
    margin-right: 12px;
    font-size: 12px;
    color: #333
    }
.product.description p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 27px;
    color: #6b7a83
    }
.catalog-category-view .column.main .products-grid {
    margin: 0 -10px
    }
.minicart-wrapper .action.close {
    color: #777
    }
.breadcrumbs a, .breadcrumbs .item:not(:last-child):after {
    display: inline-block;
    vertical-align: middle;
    padding: 0
    }
.owl-top-narrow .owl-theme .owl-controls .owl-nav [class*=owl-] em:before {
    margin: 0
    }
.products-upsell .product.name a {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis
    }
@media (max-width: 767px) {
    .filter-options-title:after {
        right: 0
        }
    }
.weltpixel-quickview-catalog-product-view .sidebar {
    display: none
    }
.weltpixel-quickview-catalog-product-view .page-main {
    max-width: 100%
    }
.weltpixel-quickview-catalog-product-view .column.main {
    width: 100%;
    padding: 0
    }
.weltpixel-quickview-catalog-product-view .product.media, .weltpixel-quickview-catalog-product-view .product-info-main {
    margin: 0
    }
.fieldset > .field.qty, .nested.options-list > .field.qty {
    margin-right: 7px
    }
.product-info-main .box-tocart .actions {
    margin-right: 10px
    }
@media (min-width: 768px) {
    .box-tocart .action.tocart {
        min-width: 135px;
        padding: 0 14px
        }
    }
.product-info-main .product.overview {
    padding-bottom: 20px
    }
.block-minicart .block-content > .actions > .secondary .action.viewcart {
    font-weight: 400
    }
.breadcrumbs .item[class*="category"] > a {
    line-height: 1
    }
.breadcrumbs strong {
    padding: 2px 0;
    display: inline-block
    }
.filter-options-title, .block-category-list .block-title strong {
    font-weight: 600
    }
.nav-toggle:before {
    font-size: 21px
    }
.product-info-main .swatch-option {
    margin-right: 5px
    }
.fotorama__arr {
    width: 50px;
    background-color: transparent
    }
.fotorama__arr:hover {
    background-color: transparent
    }
.fotorama__fullscreen-icon {
    width: 50px
    }
.product.description p {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 27px;
    color: #333
    }
.product.description ul {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.005em;
    line-height: 36px;
    color: #333
    }
@media (max-width: 767px) {
    .product.data.items > .item.title > .switch {
        height: auto
        }
    .product.data.items > .item.title.active > .switch {
        border-bottom: 1px solid #eee
        }
    .product.data.items {
        margin: 0
        }
    .product.data.items > .item.content {
        padding: 20px 9px
        }
    .catalog-category-view .column.main .products-grid {
        margin: 0 -5px
        }
    }
.weltpixel-quickview-catalog-product-view .product-info-main .custom-block {
    display: none
    }
.weltpixel-quickview-catalog-product-view .product-info-main .product.overview {
    margin-top: 10px;
    margin-bottom: 20px
    }
.weltpixel-quickview-catalog-product-view .product-info-main .product-reviews-summary {
    margin-bottom: 10px
    }
.products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-nav [class*=owl-] {
    font-size: 30px;
    margin: 0;
    padding: 0
    }
.products-upsell .owl-middle-narrow.owl-theme .owl-controls {
    margin: 0;
    top: 28%
    }
.products-upsell {
    margin-top: 30px
    }
.product-info-main .swatch-attribute-options {
    margin-top: 5px
    }
.swatch-option.text {
    height: 22px;
    line-height: 20px;
    padding: 0 4px;
    min-width: 22px
    }
.page-products .columns {
    padding-top: 0;
    z-index: auto
    }
.products.wrapper + .toolbar .modes, .products.wrapper + .toolbar .modes, .products.wrapper + .toolbar .sorter {
    display: none
    }
.sidebar > .block.filter .title {
    display: none
    }
.sidebar > .block.filter .item .count {
    font-size: 11px;
    margin-left: 10px
    }
.sidebar .product-items .product-item-name a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
    }
.column.main:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden
    }
.product.media {
    margin-bottom: 50px
    }
.toolbar .limiter {
    margin-right: 0;
    text-align: left
    }
.toolbar .limiter-options {
    margin-right: 0
    }
.toolbar .limiter .limiter-text {
    display: none
    }
.toolbar .limiter .label {
    display: inline-block
    }
.toolbar .sorter {
    margin-right: 15px;
    float: left
    }
.toolbar .modes {
    margin-right: 0
    }
.category-image {
    margin-bottom: 30px
    }
.products.wrapper ~ .toolbar .pages {
    float: right
    }
.products.wrapper ~ .toolbar .limiter {
    margin-right: 10px
    }
@media (max-width: 480px) {
    .toolbar .sorter {
        margin-bottom: 10px;
        margin-right: 0
        }
    .toolbar .limiter {
        clear: both;
        float: none
        }
    .toolbar .modes {
        float: right;
        margin-left: 0
        }
    .products.wrapper ~ .toolbar .limiter {
        clear: none;
        float: right;
        width: 100%;
        text-align: center
        }
    .products.wrapper ~ .toolbar .limiter .label {
        min-width: 0
        }
    .products.wrapper ~ .toolbar .pages {
        float: none;
        margin-bottom: 10px;
        width: 100%;
        text-align: center
        }
    }
.filter-options-content .item input[type="checkbox"] {
    margin: -2px 4.5px 0 0;
    display: inline-block;
    vertical-align: middle
    }
.filter-current .item {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
    }
.filter-current .item {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 30px
    }
@media (max-width: 767px) {
    .block-category-list .block-title, .block-category-list .block-content, .sidebar-title, .sidebar .custom-block, .sidebar-filterproducts.custom-block + h2, .sidebar-filterproducts.custom-block + h2 + h5, .sidebar-filterproducts.custom-block + h2 + h5 + p {
        padding-left: 0;
        padding-right: 0
        }
    .filter.active .filter-current ~ .filter-options {
        top: 186px
        }
    .filter .filter-current, .filter .filter-current + .block-actions {
        display: none
        }
    .filter.active .filter-current + .block-actions {
        position: fixed;
        left: 0;
        top: 150px;
        margin: 0;
        border: none;
        z-index: 10;
        display: block;
        width: 300px;
        line-height: 34px;
        background-color: #f4f4f4;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        text-align: right;
        padding: 0 30px
        }
    .filter.active .filter-current {
        position: fixed;
        left: 0;
        top: 47px;
        margin: 0;
        height: 103px;
        border: 0;
        width: 300px;
        z-index: 10;
        padding: 17px 0;
        display: block;
        background-color: #fff;
        overflow-y: scroll
        }
    .filter-current-subtitle {
        padding: 10px 15px;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        border: 1px solid #ddd;
        background-color: #f5f5f5;
        position: relative;
        cursor: pointer;
        border-radius: 7px;
        text-decoration: none
        }
    .filter.active .filter-current .filter-current-subtitle {
        display: none;
        padding: 15px 30px
        }
    .filter.active .filter-current .filter-current-subtitle:before, .filter.active .filter-current .filter-current-subtitle:after {
        display: none
        }
    .filter.active .filter-current .items {
        display: block;
        padding: 0
        }
    .filter.active .filter-current .item {
        padding: 0 30px
        }
    .product.media {
        margin-bottom: 0
        }
    .catalog-product-view:not(.weltpixel-quickview-catalog-product-view) .product.media {
        margin-bottom: 20px
        }
    .catalog-product-view:not(.weltpixel-quickview-catalog-product-view) .product.media {
        padding-right: 0
        }
    }
.product-info-main .prev-next-products ~ .page-title-wrapper h1 {
    padding-right: 50px
    }
.side-overlay, a.right-side-open {
    display: none
    }
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .side-overlay {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 998;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all 0.3s
    }
.catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) a.right-side-open {
    position: fixed;
    right: 0;
    top: 22%;
    font-size: 23px;
    color: #818181;
    line-height: 49px;
    z-index: 9;
    width: 51px;
    height: 49px;
    background-color: #f5f5f5;
    border: #dcdcda solid 1px;
    border-right: 0;
    text-align: center
    }
@media (max-width: 991px) {
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .column.main {
        width: 100%
        }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) a.right-side-open {
        display: block
        }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar {
        display: none
        }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional {
        display: block;
        position: fixed;
        background: #fff;
        z-index: 999;
        padding: 20px 5px;
        top: 0;
        height: 100vh;
        overflow-y: auto;
        right: 0;
        max-width: 100%;
        width: 280px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
        border: 1px solid #d2d2d2;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s
        }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open {
        opacity: 1;
        visibility: visible
        }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open + .side-overlay {
        opacity: 0.2;
        visibility: visible;
        filter: alpha(opacity=100)
        }
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar .custom-block {
        padding: 10px 20px
        }
    }
@media (max-width: 767px) {
    .nav-open a.right-side-open, .nav-open .sidebar.sidebar-additional.open + .side-overlay, .nav-open .sidebar.sidebar-additional {
        display: none !important
        }
    }
.sidebar .product-items .product-item .product-reviews-summary, .small-list.products-grid .product-item .product-reviews-summary {
    margin-top: 0
    }
.sidebar .product-items .product-item-details, .small-list .product-items .product-item-details {
    padding: 0
    }
.sidebar .product-items .product-item-name, .small-list.products-grid .product-item .product-item-name {
    margin-bottom: 2px
    }
.nav-open .block.filter {
    display: none
    }
.weltpixel-quickview-catalog-product-view .product-info-main .page-title-wrapper h1 {
    margin-bottom: 5px
    }
.products-grid .product-item-photo .product-item-inner {
    margin: 0
    }
.block-search .label:before, .block-search .action.search:before {
    padding-left: 1px
    }
.single-images .caption:after {
    content: "";
    display: table;
    clear: both
    }
@media (min-width: 1200px) {
    .layout-fullwidth.page-layout-2columns-left .sidebar-main, .layout-fullwidth.page-layout-2columns-right .sidebar-additional {
        width: 20%
        }
    .layout-fullwidth.page-layout-2columns-left .column.main, .layout-fullwidth.page-layout-2columns-right .column.main {
        width: 80%
        }
    .layout-fullwidth .main-upsell-product-detail .container {
        max-width: none;
        padding-left: 20px;
        padding-right: 20px
        }
    }
.sticky-logo .logo {
    max-width: none
    }
@media (max-width: 767px) {
    .catalog-product-view.page-layout-2columns-right:not(.weltpixel-quickview-catalog-product-view) .sidebar.sidebar-additional.open .sidebar-title {
        padding-left: 20px;
        padding-right: 20px
        }
    }
@media (max-width: 480px) {
    .onepage-category .category-detail .products-area .category-link {
        margin-top: 0;
        margin-left: 10px;
        float: none;
        display: inline-block
        }
    }
.block-search input {
    left: -9999px
    }
.sticky-product .product.attribute.sku .type {
    display: none
    }
.rating-summary .rating-result > span:before, .review-control-vote label:before {
    color: #575f68
    }
.product-reviews-summary .reviews-actions a:not(:last-child) {
    border-right: 0
    }
.product-reviews-summary .reviews-actions a.view {
    padding-right: 3px
    }