﻿body {
    font-family: "PT Sans", sans-serif;
    -webkit-transition: all 0.375s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.375s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
}
body.domready {
    opacity: 1;
}

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

.row-fit {
    margin: 0
}

html .row-fit [class*=col-] {
    padding: 0 !important
}

.row-fit-20 {
    margin: 0 -10px
}

html .row-fit-20 [class*=col-] {
    padding: 0 10px
}

.box.vc_row {
    margin-left: auto;
    margin-right: auto;
}

.row.no-spaces {
    margin: 0;
}

html .align-left {
    display: table;
    margin-right: auto
}

html .align-right {
    display: table;
    margin-left: auto
}

html .align-center {
    display: table;
    margin-left: auto;
    margin-right: auto
}

html .no-margin {
    margin: 0
}

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

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

html .text-center {
    text-align: center
}

input[type="number"],
input[type="search"],
input[type="email"],
input[type="text"],
input[type="url"],
input[type="password"],
input[type="submit"],
textarea {
    outline: none !important;
    -webkit-appearance: none;
    border-radius: 0;
}

select {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}

a,
a:hover {
    text-decoration: none;
}

.screen-reader-text,
.gallery-caption,
.bypostauthor {
    
}

.box {
    position: relative;
}

.box .row-bg-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.wpb_text_column.wpb_content_element {
    margin-bottom: 10px;
}

.bold {
    font-weight: 700;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.mobile-menu-visible {
    overflow: hidden;
    height: 100%;
    max-height: 100%;
    width: 100%
}

.mobile-menu-visible body {
    overflow: hidden;
    height: 100%;
    max-height: 100%;
    width: 100%
}

.section-header h1 {
    padding: 45px 0 30px 0;
    margin: 0;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase
}

.section-header h1:after {
    display: block;
    content: "";
    margin-top: 14px;
    width: 180px;
    height: 2px;
    background: #000
}

@media (max-width: 1200px) and (min-width: 991px) {
    .section-header h1:after {
        width: 140px
    }
}

.section-header.v2 h1 {
    padding-top: 0
}

.section-header.v2 h1:after {
    width: 95%
}

.btn {
    border-radius: 0
}

.theme-btn-1,
.theme-btn-2,
.custom-btn-wrapper button,
.widget_price_filter .price_slider_amount .button {
    display: inline-block !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1em !important;
    padding: 26px 60px !important;
    color: #fff !important;
    background: #f57c00 !important;
    -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) !important;
    -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) !important;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) !important
}

@media (max-width: 768px) {
    .theme-btn-1,
    .theme-btn-2,
    .custom-btn-wrapper button {
        padding: 20px 30px !important
    }
}

@media (max-width: 450px) {
    .theme-btn-1,
    .theme-btn-2,
    .custom-btn-wrapper button {
        padding: 15px 20px !important
    }
}

.theme-btn-1:hover,
.theme-btn-2:hover,
.custom-btn-wrapper button:hover, 
.widget_price_filter .price_slider_amount .button:hover {
    text-decoration: none !important;
    color: #fff !important;
    background: #263238 !important
}

.theme-btn-2 {
    padding: 17px 14px
}

.custom-btn-wrapper {
    padding: 25px 0 0;
}

.tt-bishop a.add-to-bag,
.tt-bishop .link .sign-up-btn {
    position: relative;
    display: inline-block;
    text-align: left;
    color: #fff;
    border: 0 !important;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    padding: 12px 14px;
    background: #f57c00;
    text-transform: uppercase;
    border-radius: 0 !important;
    -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1)
}

.tt-bishop a.add-to-bag:focus,
.tt-bishop a.add-to-bag:active {
    text-decoration: none !important;
}

.tt-bishop a.add-to-bag {
    padding-bottom: 15px !important;
    padding-top: 13px !important;
}

.tt-bishop a.add-to-bag span,
.tt-bishop .link .sign-up-btn span {
    position: relative;
    top: 5px
}

.tt-bishop a.add-to-bag:hover,
.tt-bishop .link .sign-up-btn:hover {
    text-decoration: none;
    color: #fff;
    background: #263238
}

.tt-bishop a.add-to-bag i,
.tt-bishop .link .sign-up-btn i {
    position: relative;
    font-size: 20px;
    top: 1px;
    margin-left: 7px;
    float: right
}
.link .sign-up-btn {
    text-align: center;
    padding: 14px 25px
}

.quick-view-btn {
    display: inline-block;
    text-align: left;
    min-width: 135px;
    color: #263238;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    padding: 12px 14px 14px 14px;
    border: 1px solid #263238;
    text-transform: uppercase;
    -webkit-transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1)
}


.quick-view-btn span {
    position: relative;
    top: 5px
}

.quick-view-btn i {
    position: relative;
    font-size: 20px;
    top: 1px;
    margin-left: 7px;
    float: right
}

.quick-view-btn:hover {
    text-decoration: none;
    border-color: #263238;
    background: #263238;
    color: #fff
}

.view-details-btn {
    display: inline-block;
    text-align: left;
    min-width: 135px;
    color: #263238;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    padding: 12px 14px 14px 14px;
    border: 1px solid #263238;
    text-transform: uppercase;
    -webkit-transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1)
}

.view-details-btn span {
    position: relative;
    top: 5px
}

.view-details-btn i {
    position: relative;
    font-size: 20px;
    top: 1px;
    margin-left: 7px;
    float: right
}

.view-details-btn:hover {
    text-decoration: none;
    border-color: #263238;
    background: #263238;
    color: #fff
}

body.bg {
    background: url(../img/body-pattern.png)
}

body.bg .page-wrapper {
    background: url(../img/body-background.png) no-repeat top center;
    background-size: contain;
    padding: 85px 0
}

@media (max-width: 991px) {
    body.bg .page-wrapper {
        padding: 50px 0
    }
}

@media (max-width: 768px) {
    body.bg .page-wrapper {
        padding: 25px 0
    }
}

body.bg .main-content {
    padding: 40px 0 85px 0
}

body.bg .main-content.no-padding {
    padding-top: 0
}

.content-wrapper.boxed {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

@media (max-width: 1200px) {
    .content-wrapper.boxed {
        max-width: 1000px
    }
}

@media (max-width: 991px) {
    .content-wrapper.boxed {
        max-width: 780px
    }
}

.alignleft {
    float: left;
    text-align: left;
    margin-bottom: 15px;
    margin-right: 15px
}

.alignright {
    float: right;
    text-align: right;
    margin-bottom: 15px;
    margin-left: 15px
}

.aligncenter {
    text-align: center
}

img.size-full,
img.size-large {
    max-width: 100%;
    width: auto;
    height: auto
}

.wp-caption {
    max-width: 100%;
    position: relative
}

.wp-caption-text {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400
}


.woocommerce #respond input#submit.added:after, .woocommerce a.button.added:after, .woocommerce button.button.added:after, .woocommerce input.button.added:after {
    position: relative;
    top: 4px;
}

.added_to_cart.wc-forward {
    color: #000;
    font-size: 14px;
    line-height: 1em;
    margin: 0 0 0 20px;
    display: inline-block;
    text-decoration: none;
    border: 1px solid transparent;
}

.added_to_cart.wc-forward:hover {
    border-bottom: 1px dotted;
}

.quick-view {
    position: fixed;
    color: #000;
    z-index: 2000;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.89);
    -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1)
}

.quick-view .quick-view-nav {
    position: absolute;
    display: inline-block;
    top: 28%;
    left: 0;
    z-index: 2
}

@media (max-width: 1300px) {
    .quick-view .quick-view-nav {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.quick-view .quick-view-nav.next {
    left: auto;
    right: 0
}

.quick-view .quick-view-nav i {
    display: inline-block;
    position: relative;
    text-align: center;
    font-size: 44px;
    height: 180px;
    width: 130px;
    color: #616161;
    padding-top: 68px;
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.quick-view .quick-view-nav i:hover {
    color: #fff;
    background: rgba(255, 255, 255, 0.3)
}

.quick-view .quick-view-nav i:hover span {
    opacity: 1
}

.quick-view .quick-view-nav i span {
    position: absolute;
    font-size: 12px;
    top: 18px;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.quick-view .close-box {
    position: absolute;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    top: 0;
    right: -82px;
    height: 82px;
    width: 82px;
    font-size: 42px;
    padding-top: 20px;
    color: #c4c4c4;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.quick-view .close-box:hover {
    background: #f5f5f5;
    color: #5c6569
}

.quick-view.closed {
    visibility: hidden;
    opacity: 0
}

.quick-view.open {
    visibility: visible;
    opacity: 1
}

.quick-view .quick-view-box {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.quick-view .quick-view-box .row-fit {
    -webkit-transition: all 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
}

@media (min-width: 991px) {
    .quick-view .quick-view-box .row-fit .col-md-5:last-of-type {
        position: absolute;
        bottom: 0;
        right: 0;
        top: 0;
    }
}

@media (min-width: 1200px) {
    .quick-view .quick-view-box .row-fit .col-md-5:last-of-type {
        right: 8.3333333%;
    }
}

.quick-view .quick-view-box ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.quick-view .quick-view-box.no-slider .photo-preview,
.quick-view .quick-view-box.no-slider .item-details {
    min-height: 0;
}

.quick-view .quick-view-box .photo-preview,
.quick-view .quick-view-box .item-details {
    min-height: 630px
}

@media (max-width: 1200px) {
    .quick-view .quick-view-box .photo-preview,
    .quick-view .quick-view-box .item-details {
        min-height: 539px
    }
}

.quick-view .quick-view-box .photo-preview {
    background: #fff;
}

.quick-view .quick-view-box .photo-preview img {
    width: 100%
}

.quick-view .quick-view-box .photo-preview .controls {
    position: relative;
    margin-top: -1px
}

.quick-view .quick-view-box .photo-preview .controls .flex-direction-nav {
    position: absolute;
    display: block;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.quick-view .quick-view-box .photo-preview .controls .flex-direction-nav li a {
    outline: none
}

.quick-view .quick-view-box .photo-preview .controls .flex-direction-nav li .icon {
    display: inline-block;
    color: rgba(255, 255, 255, 0.4);
    background: #000;
    font-size: 18px;
    text-align: center;
    width: 40px;
    height: 40px;
    padding-top: 11px;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.quick-view .quick-view-box .photo-preview .controls .flex-direction-nav li .icon:hover {
    background: #1a1a1a;
    color: #fff
}

.quick-view .quick-view-box .photo-preview .controls .slides li {
    position: relative;
    cursor: pointer
}

.quick-view .quick-view-box .photo-preview .controls .slides li:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.quick-view .quick-view-box .photo-preview .controls .slides li:hover:after,
.quick-view .quick-view-box .photo-preview .controls .slides li.flex-active-slide:after {
    opacity: 1
}

.quick-view .quick-view-box .item-details {
    position: relative;
    display: inline-block;
    height: 100%;
    background: #fff;
    padding: 0 60px
}

.quick-view .quick-view-box .item-details:hover .close-box {
    opacity: 1
}

.quick-view .quick-view-box .item-details .title {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 24px
}

.quick-view .quick-view-box .item-details .title h2 {
    color: #000;
    font-size: 42px;
    line-height: 1em;
    margin: 32px 0 12px 0
}

.quick-view .quick-view-box .item-details .title .price {
    font-size: 31px;
    color: #dc4040;
    margin-bottom: 12px
}

.quick-view .quick-view-box .item-details .title .rating {
    font-size: 12px;
    color: #000;
    padding-bottom: 28px
}

.quick-view .quick-view-box .item-details .title .rating .review-nr {
    margin-left: 20px
}

.quick-view .quick-view-box .item-details .title .rating i {
    cursor: pointer;
    font-size: 12px;
    color: #d8d8d8
}

.quick-view .quick-view-box .item-details .title .rating p {
    color: #aaa;
    font-size: 14px;
    line-height: 1.5em
}

.quick-view .quick-view-box .item-details .group {
    display: inline-block
}

.quick-view .quick-view-box .item-details .group-caption {
    color: #263238;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase
}

.quick-view .quick-view-box .item-details .color {
    padding-bottom: 10px
}

.quick-view .quick-view-box .item-details .color .input-group {
    display: inline-block;
    margin-right: 5px
}

.quick-view .quick-view-box .item-details .color .input-group.green .color-option {
    background: #26a69a
}

.quick-view .quick-view-box .item-details .color .input-group.pink .color-option {
    background: #ffcdd2
}

.quick-view .quick-view-box .item-details .color .input-group.blue .color-option {
    background: #2196f3
}

.quick-view .quick-view-box .item-details .color .input-group input {
    display: none
}

.quick-view .quick-view-box .item-details .color .input-group input:checked+.color-option i {
    display: block;
    -webkit-animation: zoomIn 0.15s;
    -moz-animation: zoomIn 0.15s;
    -ms-animation: zoomIn 0.15s;
    -o-animation: zoomIn 0.15s;
    animation: zoomIn 0.15s
}

.quick-view .quick-view-box .item-details .color .input-group .color-option {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    text-align: center;
    padding: 9px 0 0 9px
}

.quick-view .quick-view-box .item-details .color .input-group .color-option i {
    position: absolute;
    font-size: 10px;
    color: #263238;
    background: #fff;
    height: 24px;
    width: 24px;
    text-align: center;
    padding-top: 7px;
    border-radius: 50%;
    display: none
}

.quick-view .quick-view-box .item-details .size select {
    width: 180px;
    padding: 9px 16px;
    color: #000;
    background: transparent;
    border: 1px solid #eee
}

.quick-view .quick-view-box .item-details .size select:focus {
    outline: none
}

.quick-view .quick-view-box .item-details .quantity {
    margin-left: 25px
}

.quick-view .quick-view-box .item-details .quantity input {
    width: 80px;
    color: #000;
    padding: 9px 0 9px 16px;
    border: 1px solid #eee
}

.quick-view .quick-view-box .item-details .quantity input:focus {
    outline: none
}

.quick-view .quick-view-box .item-details .add-to-bag,
.quick-view .quick-view-box .item-details .sign-up-btn {
    margin-top: 80px
}

.quick-view .quick-view-box .item-details .view-details {
    position: absolute;
    bottom: 25px;
    right: 30px;
    color: #000;
    font-size: 19px;
    line-height: 1em;
    text-decoration: none;
    border: 1px solid transparent
}

.quick-view .quick-view-box .item-details .view-details:hover {
    border-bottom: 1px dotted
}

@media (max-width: 1200px) {
    .quick-view .quick-view-box .item-details {
        padding: 0 40px
    }
    .quick-view .quick-view-box .item-details .title {
        margin-bottom: 20px;
        padding-bottom: 20px
    }
    .quick-view .quick-view-box .item-details .title h2 {
        font-size: 36px;
        margin: 20px 0 0
    }
    .quick-view .quick-view-box .item-details .title .price {
        font-size: 28px
    }
    .quick-view .quick-view-box .item-details .add-to-bag,
    .quick-view .quick-view-box .item-details .sign-up-btn {
        margin-top: 45px
    }
}

@media (max-width: 991px) {
    .quick-view .quick-view-box .item-details .close-box {
        right: 0
    }
}

.quick-view .quick-view-mobile {
    text-align: center;
    position: relative;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80%;
    margin: 0 auto
}

.quick-view .quick-view-mobile p {
    color: #fff;
    font-size: 16px;
    margin: 0 0 25px
}

.quick-view .quick-view-mobile a {
    color: #fff;
    font-size: 19px;
    line-height: 1em;
    text-decoration: none
}

.quick-view .quick-view-mobile .close-mobile-quick-view {
    position: relative;
    cursor: pointer;
    display: block;
    margin: 40px auto 0;
    width: 32px;
    height: 32px
}

.quick-view .quick-view-mobile .close-mobile-quick-view:before,
.quick-view .quick-view-mobile .close-mobile-quick-view:after {
    position: absolute;
    left: 15px;
    content: "";
    height: 33px;
    width: 1px;
    background-color: #fff
}

.quick-view .quick-view-mobile .close-mobile-quick-view:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.quick-view .quick-view-mobile .close-mobile-quick-view:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}


.quick-view.loading .quick-view-box .row-fit {
    opacity: 0;
}

.quick-view.loading .loader-wrapper {
    opacity: 1;
}

/* Quick View Loader */

.quick-view .loader-wrapper {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    pointer-events: none;
    position: absolute;
    z-index: 14;
    right: 50%;
    top: 50%;
    opacity: 0;
    -webkit-transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.spinner {
  width: 60px;
  height: 60px;
  position: relative;
  display: inline-block;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/* End Quick View Loader */

.custom-select {
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.custom-select:hover {
    background: rgba(243, 243, 243, 0.7)
}

.custom-select .input {
    width: 120px;
    text-align: center
}

.custom-select .input span {
    position: relative;
    color: #636262;
    font-size: 13px;
    line-height: 1em;
    text-transform: uppercase
}

.custom-select .input span:after {
    position: absolute;
    font-family: FontAwesome;
    content: "";
    top: 2px;
    right: -20px;
    font-size: 13px;
    color: #000;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.custom-select .input span.open:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.custom-select .select-options {
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 333;
    top: 100%;
    width: 100%;
    background: #fff
}

.custom-select .select-options.visible {
    display: block
}

.custom-select .select-options li {
    width: 100%;
    color: #636262;
    font-size: 12px;
    line-height: 1em;
    padding: 10px 15px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(243, 243, 243, 0.5);
    -webkit-transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.custom-select .select-options li:first-of-type {
    border-top: 1px solid rgba(243, 243, 243, 0.5)
}

.custom-select .select-options li:last-of-type {
    border: 0
}

.custom-select .select-options li:hover {
    background: rgba(243, 243, 243, 0.5)
}

.header.style-1 {
    position: relative;
    z-index: 1001
}

.header.style-1 .upper-block {
    background: #f5f5f5
}

.header.style-1 .upper-block .login {
    text-align: right;
    padding-top: 11px
}

.header.style-1 .upper-block .login ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.header.style-1 .upper-block .login ul li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 8px
}

.header.style-1 .upper-block .login ul li:last-of-type {
    margin: 0
}

.header.style-1 .upper-block .login ul li a {
    font-size: 13px;
    color: #263238;
    text-decoration: none
}

.header.style-1 .upper-block .login ul li a i {
    font-size: 16px;
    margin-right: 5px
}

.header.style-1 .upper-block .currency {
    width: 180px
}

.header.style-1 .upper-block .currency .dd-select {
    border: 0;
    background: #fff !important;
    border-bottom: 1px solid #f5f5f5;
}

.header.style-1 .upper-block .currency .dd-select .dd-selected-image,
.header.style-1 .upper-block .currency .dd-select .dd-selected-description {
    display: none;
}

.header.style-1 .upper-block .currency .dd-options {
    border-color: #f5f5f5;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header.style-1 .upper-block .currency .dd-options .dd-option {
    -webkit-transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.header.style-1 .upper-block .currency .dd-options .dd-option:hover {
    background: #f5f5f5;
}

.header.style-1 .upper-block .currency .dd-select .dd-selected-text {
    margin: 0;
}

.header.style-1 .upper-block .currency .input {
    width: 100%;
    padding-left: 20px;
    background: #fff;
    line-height: 41px;
    border-bottom: 1px solid #f5f5f5;
    text-align: left
}

.header.style-1 .upper-block .currency .input span {
    position: initial
}

.header.style-1 .upper-block .currency .input span:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    border-left: 1px solid #f5f5f5;
    top: 0;
    right: 40px
}

.header.style-1 .upper-block .currency .input span:after {
    padding-top: 15px;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    text-align: center
}

@media (max-width: 768px) {
    .header.style-1 .upper-block .currency {
        width: 100%
    }
    .header.style-1 .upper-block .login {
        text-align: center;
        padding-bottom: 10px
    }
}

.header.style-1 .brand-wrapper {
    position: relative
}

.header.style-1 .brand-wrapper .brand {
    padding-top: 25px
}

.header.style-1 .brand-wrapper .search-form {
    float: right;
    position: relative;
    width: 280px
}

.header.style-1 .brand-wrapper .search-form .search-input {
    width: 100%;
    border: 0;
    background: #fafafa;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 35px 0 35px 30px;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.header.style-1 .brand-wrapper .search-form .search-input:focus {
    outline: none;
    color: #fff;
    background: #263238
}

.header.style-1 .brand-wrapper .search-form .search-input:focus+.icon {
    background: rgba(255, 255, 255, 0.1);
    color: #fff
}

.header.style-1 .brand-wrapper .search-form .search-submit,
.header.style-1 .brand-wrapper .search-form .icon {
    position: absolute;
    top: 0;
    right: 0
}

.header.style-1 .brand-wrapper .search-form .search-submit {
    height: 100%;
    width: 90px;
    background: transparent;
    z-index: 1;
    border: 0;
    outline: none
}

.header.style-1 .brand-wrapper .search-form .search-submit:focus {
    outline: none
}

.header.style-1 .brand-wrapper .search-form .icon {
    height: 100%;
    width: 90px;
    text-align: center;
    font-size: 18px;
    padding-top: 36px
}

@media (max-width: 768px) {
    .header.style-1 .brand-wrapper .brand {
        padding: 25px 0
    }
    .header.style-1 .brand-wrapper .search-form {
        float: none;
        width: 100%
    }
}

.header.style-1 .navigation {
    background: #f57c00;
    min-height: 90px
}

.header.style-1 .navigation .icon-menu {
    line-height: 90px;
    font-size: 24px;
    cursor: pointer
}

.header.style-1 .navigation ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.header.style-1 .navigation ul li {
    display: inline-block
}

.header.style-1 .navigation nav {
    display: inline-block
}

.header.style-1 .navigation nav li {
    margin-right: 30px;
    padding: 34px 0
}

.header.style-1 .navigation nav li:last-of-type {
    margin: 0
}

.header.style-1 .navigation nav li:hover a,
.header.style-1 .navigation nav li.current-menu-item a {
    color: #263238
}

.header.style-1 .navigation nav li a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: 0.2s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: 0.2s all cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.header.style-1 .navigation nav li {
    position: relative
}

@media (min-width: 991px) {
    .header.style-1 .navigation nav li:hover > ul {
        display: block;
        -webkit-animation: fadeIn 0.35s;
        -moz-animation: fadeIn 0.35s;
        -o-animation: fadeIn 0.35s;
        animation: fadeIn 0.35s
    }
}

.header.style-1 .navigation nav li ul {
    position: absolute;
    display: none;
    padding: 15px;
    width: 170px;
    top: 100%;
    left: 0;
    background: #f5f5f5;
    border-top: 2px solid #263238
}

.header.style-1 .navigation nav li ul li:hover ul {
    visibility: visible;
    opacity: 1;
}
.header.style-1 .navigation nav li ul li ul {
    display: none;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 100%;
}

.header.style-1 .navigation nav li ul li {
    padding: 6px 10px;
    display: block;
    width: 100%
}

.header.style-1 .navigation nav li ul li a {
    font-size: 13px;
    color: #263238
}

.header.style-1 .navigation nav li ul li a:hover {
    color: #000
}

.header.style-1 .navigation .right-block {
    display: inline-block;
    line-height: 1em;
    font-size: 0;
    float: right;
    height: 100%
}

.header.style-1 .navigation .right-block .social-block,
.header.style-1 .navigation .right-block .bag {
    display: inline-block
}

.header.style-1 .navigation .right-block .bag {
    position: relative;
    text-align: center;
    cursor: pointer;
    color: #fff;
    height: 90px;
    width: 90px;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.header.style-1 .navigation .right-block .bag:hover {
    background: #263238
}



.header.style-1 .navigation .right-block .bag:hover .bag-container .bag-counter .number {
    visibility: visible;
    opacity: 1
}


.header.style-1 .navigation .right-block .bag .bag-container .total {
    line-height: 1em;
}
.header.style-1 .navigation .right-block .bag:hover .bag-container .total {
    display: block;
    opacity: 1
}

.header.style-1 .navigation .right-block .bag .bag-container {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header.style-1 .navigation .right-block .bag .bag-container.active {
    padding: 20px 0;
    background: #263238
}

.header.style-1 .navigation .right-block .bag .bag-container.active .bag-counter .number {
    visibility: visible;
    opacity: 1
}

.header.style-1 .navigation .right-block .bag .bag-container.active .total {
    display: block;
    opacity: 1
}

.header.style-1 .navigation .right-block .bag .bag-container .bag-counter {
    position: relative;
    display: inline-block
}

.header.style-1 .navigation .right-block .bag .bag-container .bag-counter .icon {
    font-size: 22px !important;
    line-height: 1em !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
}

.header.style-1 .navigation .right-block .bag .bag-container .bag-counter .number {
    position: absolute;
    top: -12px;
    right: -7px;
    background: #f57c00;
    color: #263238;
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
    padding: 2px 3px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.header.style-1 .navigation .right-block .bag .bag-container .total {
    display: block;
    font-size: 15px;
    color: #686e71;
    margin-top: 12px;
    display: none;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.header.style-1 .navigation .right-block .bag .cart-items-wrapper {
    top: 90px
}

.header.style-1 .navigation .right-block .bag .cart-items-wrapper ul li {
    text-align: left
}

.header.style-1 .navigation .right-block .social-block {
    position: relative;
    line-height: 80px;
    padding-top: 10px;
    margin-right: 25px
}

.header.style-1 .navigation .right-block .social-block li {
    display: block;
    float: left;
    margin-left: 10px
}

.header.style-1 .navigation .right-block .social-block li:first-of-type {
    margin: 0
}

.header.style-1 .navigation .right-block .social-block li i {
    text-align: center;
    font-size: 13px;
    padding-top: 5px;
    width: 22px;
    height: 22px;
    color: #f57c00;
    background: rgba(0, 0, 0, 0.3)
}

.header.style-1 .navigation .right-block .social-block li i:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width: 991px) {
    .header.style-1 .navigation nav {
        position: fixed;
        z-index: 1006;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.92);
        -webkit-transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -moz-transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        overflow-y: auto;
        overflow-x: hidden
    }
    .header.style-1 .navigation nav.visible {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .header.style-1 .navigation nav.visible>ul>li {
        opacity: 1
    }
    .header.style-1 .navigation nav.visible>ul>li:first-of-type {
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s
    }
    .header.style-1 .navigation nav.visible>ul>li:nth-of-type(2) {
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        transition-delay: 0.3s
    }
    .header.style-1 .navigation nav.visible>ul>li:nth-of-type(3) {
        -webkit-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        transition-delay: 0.4s
    }
    .header.style-1 .navigation nav.visible>ul>li:nth-of-type(4) {
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        transition-delay: 0.5s
    }
    .header.style-1 .navigation nav.visible>ul>li:nth-of-type(5) {
        -webkit-transition-delay: 0.6s;
        -moz-transition-delay: 0.6s;
        transition-delay: 0.6s
    }
    .header.style-1 .navigation nav.visible>ul>li:nth-of-type(6) {
        -webkit-transition-delay: 0.7s;
        -moz-transition-delay: 0.7s;
        transition-delay: 0.7s
    }
    .header.style-1 .navigation nav.visible>ul>li:nth-of-type(7) {
        -webkit-transition-delay: 0.8s;
        -moz-transition-delay: 0.8s;
        transition-delay: 0.8s
    }
    .header.style-1 .navigation nav.visible>ul>li:nth-of-type(8) {
        -webkit-transition-delay: 0.9s;
        -moz-transition-delay: 0.9s;
        transition-delay: 0.9s
    }
    .header.style-1 .navigation nav.visible>ul>li:nth-of-type(9) {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        transition-delay: 1s
    }
    .header.style-1 .navigation nav .go-back-icon {
        position: absolute;
        font-size: 28px;
        top: 32px;
        left: 32px;
        color: #333;
        cursor: pointer;
        display: none
    }
    .header.style-1 .navigation nav .close-menu {
        position: absolute;
        cursor: pointer;
        right: 32px;
        top: 32px;
        width: 32px;
        height: 32px;
        z-index: 1010
    }
    .header.style-1 .navigation nav .close-menu:before,
    .header.style-1 .navigation nav .close-menu:after {
        position: absolute;
        left: 15px;
        content: "";
        height: 33px;
        width: 1px;
        background-color: #333
    }
    .header.style-1 .navigation nav .close-menu:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .header.style-1 .navigation nav .close-menu:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .header.style-1 .navigation nav>ul {
        position: absolute;
        top: 35%;
        left: 20%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    .header.style-1 .navigation nav>ul>li {
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }
    .header.style-1 .navigation nav>ul li {
        display: block;
        padding: 14px 0;
        margin: 0
    }
    .header.style-1 .navigation nav>ul li a {
        color: #263238;
        font-size: 18px;
        line-height: 1em
    }
    .header.style-1 .navigation nav>ul li.has-children {
        min-width: 151px
    }
    .header.style-1 .navigation nav>ul li.has-children .children {
        background: none;
        padding: 0;
        border: 0;
        padding: 14px 0 0;
        left: 150px;
        top: 0;
        transform: none
    }
    .header.style-1 .navigation nav>ul li.has-children .children.visible {
        display: block;
        -webkit-animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }
    .header.style-1 .navigation nav>ul li.has-children .children li {
        padding: 0;
        margin-bottom: 14px
    }
    .header.style-1 .navigation nav>ul li.has-children .children li a {
        font-size: 15px;
        line-height: 1em
    }
}

@media (max-width: 767px) {
    .header.style-1 .navigation nav>ul {
        width: 100%;
        top: 50%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-50%);
        -moz-transform: translateX(0) translateY(-50%);
        -ms-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%)
    }
    .header.style-1 .navigation nav>ul li.has-children .children {
        display: inline-block;
        width: 100%;
        left: 100%
    }
    .header.style-1 .navigation nav>ul li.has-children .children li {
        text-align: center
    }
}

header.style-2 {
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    z-index: 1200;
    padding: 10px 0 0;
    position: absolute;
    -webkit-transition: all 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -moz-transition: all 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: all 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335)
}

header.style-2.sticky {
    position: fixed;
    top: 0;
    padding: 0;
    background: #fff
}

header.style-2.sticky .open-mobile-nav {
    color: #130b08
}

header.style-2.sticky .brand {
    position: fixed;
    left: 30px
}

header.style-2.sticky .brand g * {
    fill: #000
}

@media (max-width: 991px) {
    header.style-2.sticky .open-mobile-nav {
        position: fixed;
        top: 20px;
        left: 15px
    }
    header.style-2.sticky .brand {
        left: 60px
    }
}

header.style-2.sticky .nav-wrapper .menu {
    position: fixed;
    right: 30px;
    top: 22px
}

header.style-2.sticky .nav-wrapper .menu .icon {
    color: #130b08
}

header.style-2.sticky .nav-wrapper .menu .icon:hover {
    color: #757575
}

header.style-2.sticky .nav-wrapper .navigation nav a {
    color: #212121
}

header.style-2.sticky .nav-wrapper .bag {
    margin-right: 100px;
    color: #e0e0e0
}

@media (max-width: 991px) {
    header.style-2.sticky .nav-wrapper .bag {
        margin-right: 50px;
        padding-top: 20px
    }
}

header.style-2.sticky .nav-wrapper .bag .bag-counter {
    border-color: #e0e0e0
}

header.style-2.sticky .nav-wrapper .bag .bag-counter:after {
    color: #e0e0e0
}

header.style-2 .container {
    height: 100%
}

header.style-2 .brand,
header.style-2 .navigation,
header.style-2 .shopping-bag,
header.style-2 .menu,
header.style-2 .open-mobile-nav {
    display: inline-block
}

header.style-2 .open-mobile-nav {
    margin-right: 25px;
    position: relative;
    font-size: 28px;
    cursor: pointer;
    color: #fff;    
    top: 13px;
}

header.style-2 .brand {
    position: relative;
}

header.style-2.sticky .brand {
    top: 10px
}

header.style-2 .brand g * {
    fill: #fff
}

header.style-2 .nav-wrapper {
    float: right
}

header.style-2 .nav-wrapper .navigation {
    margin-right: 60px;
    position: relative;
    padding-left: 30px;
    z-index: 2;
}

header.style-2 .nav-wrapper .navigation nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

header.style-2 .nav-wrapper .navigation nav ul li {
    display: inline-block;
    margin-right: 30px;
    padding: 22px 0
}

header.style-2 .nav-wrapper .navigation nav ul li:last-of-type {
    margin: 0
}

header.style-2 .nav-wrapper .navigation nav ul li:hover a,
header.style-2 .nav-wrapper .navigation nav ul li.current-menu-item a {
    color: #263238
}

header.style-2 .nav-wrapper .navigation nav ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.1s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.1s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.1s cubic-bezier(0.47, 0, 0.745, 0.715)
}

header.style-2 .nav-wrapper .navigation nav ul li {
    position: relative;
    cursor: pointer
}

@media (min-width: 991px) {
    header.style-2 .nav-wrapper .navigation nav ul li:hover > ul {
        display: block;
        -webkit-animation: fadeIn 0.35s;
        -moz-animation: fadeIn 0.35s;
        -o-animation: fadeIn 0.35s;
        animation: fadeIn 0.35s
    }
}

header.style-2 .nav-wrapper .navigation nav ul li ul {
    position: absolute;
    text-align: left;
    display: none;
    margin: 0;
    top: 100%;
}

header.style-2 .nav-wrapper .navigation nav ul li ul li {
    padding: 0;
    display: block;
    margin: 0;
    width: 150px;
    background: #fff;
    border-bottom: 1px solid #eee
}

header.style-2 .nav-wrapper .navigation nav ul li ul li ul {
    left: 100%;
    top: 0;
}

header.style-2 .nav-wrapper .navigation nav ul li ul li a {
    display: inline-block;
    width: 100%;
    padding: 8px 15px;
    color: #263238;
    font-size: 12px
}

header.style-2 .nav-wrapper .navigation nav ul li ul li:hover {
    background: #f3f3f3
}

header.style-2 .nav-wrapper .navigation nav ul li ul li:last-of-type {
    border: 0
}

header.style-2 .nav-wrapper .bag,
header.style-2 .nav-wrapper .menu {
    position: absolute !important;
    z-index: 3;
    right: 0;
    top: 7px;
}

header.style-2 .nav-wrapper .menu {
    top: 18px;
}

header.style-2 .nav-wrapper .bag {
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-top: 15px;
    color: #fff
}

header.style-2 .nav-wrapper .bag .bag-counter,
header.style-2 .nav-wrapper .bag .total {
    display: inline-block
}

header.style-2 .nav-wrapper .bag .bag-counter {
    position: relative
}

@media (min-width: 991px) {
    header.style-2 .nav-wrapper .bag .bag-counter {
        padding-right: 20px;
        border-right: 1px solid rgba(255, 255, 255, 0.2)
    }
}

@media (min-width: 991px) {
    header.style-2 .nav-wrapper .bag {
        margin-right: 45px;
    }

    header.style-2 .nav-wrapper .bag .bag-counter:after {
        position: absolute;
        font-family: FontAwesome;
        font-size: 10px;
        content: "";
        right: -5px;
        top: 50%;
        margin-top: -6px;
        color: rgba(255, 255, 255, 0.2)
    }
}

header.style-2 .nav-wrapper .bag .bag-counter .icon {
    font-size: 22px
}

header.style-2 .nav-wrapper .bag .bag-counter .number {
    position: absolute;
    top: -12px;
    left: 15px;
    background: #f57c00;
    color: #263238;
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
    padding: 2px 3px
}

header.style-2 .nav-wrapper .bag .total {
    position: relative;
    top: -2px;
    font-size: 14px;
    margin-left: 10px;
    text-transform: uppercase
}

@media (max-width: 991px) {
    header.style-2 .nav-wrapper .bag .total {
        display: none
    }
}

header.style-2 .nav-wrapper .bag .cart-items-wrapper {
    top: 50px
}

header.style-2 .nav-wrapper .menu {
    position: relative
}

@media (max-width: 992px) {
    header.style-2 .nav-wrapper .menu {
        display: none;
    }
}

header.style-2 .nav-wrapper .menu .icon {
    -webkit-transition: all 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    -moz-transition: all 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    transition: all 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335);
    line-height: 1em !important;
    height: auto !important;
    width: auto !important;
    margin: 0 !important;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
}

header.style-2 .nav-wrapper .menu .icon:hover {
    color: rgba(255, 255, 255, 0.2)
}

header.style-2 .nav-wrapper .menu:hover ul {
    display: block
}

header.style-2 .nav-wrapper .menu ul {
    list-style-type: none;
    padding: 20px 0 0 0;
    position: absolute;
    text-align: left;
    display: none;
    width: 240px;
    margin: 0;
    top: 100%;
    right: 0;
}

header.style-2 .nav-wrapper .menu ul li:not(.social-block) {
    background: #252525
}

header.style-2 .nav-wrapper .menu ul li:not(.social-block) a {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase;
    color: #656565;
    background: #191919;
    padding: 28px 30px;
    text-decoration: none
}

header.style-2 .nav-wrapper .menu ul li:not(.social-block) a:hover {
    background: #f57c00;
    color: #000
}

header.style-2 .nav-wrapper .menu ul li.social-block {
    font-size: 0;
    height: 68px;
    background: #191919;
    padding: 18px 0 0 30px
}

header.style-2 .nav-wrapper .menu ul li.social-block a {
    display: inline-block;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.1);
    margin-right: 10px
}

header.style-2 .nav-wrapper .menu ul li.social-block a:last-of-type {
    margin-right: 0
}

header.style-2 .nav-wrapper .menu ul li.social-block a:hover {
    color: rgba(255, 255, 255, 0.3)
}

header.style-2 .nav-wrapper .menu ul .search-form {
    position: relative;
    height: 60px
}

header.style-2 .nav-wrapper .menu ul .search-form .search-input {
    border: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 90px 0 30px;
    color: #fff;
    background: rgba(255, 255, 255, 0.05)
}

header.style-2 .nav-wrapper .menu ul .search-form .search-input::-webkit-input-placeholder {
    color: #656565
}

header.style-2 .nav-wrapper .menu ul .search-form .search-input:-moz-placeholder {
    color: #656565
}

header.style-2 .nav-wrapper .menu ul .search-form .search-input.placeholder {
    color: #656565
}

header.style-2 .nav-wrapper .menu ul .search-form .search-input:focus {
    outline: none
}

header.style-2 .nav-wrapper .menu ul .search-form .search-submit,
header.style-2 .nav-wrapper .menu ul .search-form .icon {
    position: absolute;
    top: 0;
    right: 0
}

header.style-2 .nav-wrapper .menu ul .search-form .icon {
    color: rgba(255, 255, 255, 0.05);
    line-height: 60px !important;
    height: 60px !important;
    width: 60px !important;
    text-align: center;
    font-size: 20px;
    z-index: 1;
}

header.style-2 .nav-wrapper .menu ul .search-form .search-submit {
    width: 60px;
    height: 60px;
    border: 0;
    z-index: 2;
    background: transparent
}

header.style-2 .nav-wrapper .menu ul .search-form .search-submit:focus {
    outline: none
}

header.style-2 .nav-wrapper .menu ul .search-form .search-submit:hover+.icon {
    color: #fff;
    background: rgba(255, 255, 255, 0.05)
}

@media (max-width: 1200px) {
    header.style-2 .nav-wrapper .navigation {
        margin-right: 30px
    }
    header.style-2 .nav-wrapper .shopping-bag {
        margin-right: 40px
    }
}

@media (max-width: 768px) {
    header .nav-wrapper .shopping-bag {
        margin-right: 5px
    }
}

@media (max-width: 991px) {
    header .nav-wrapper .navigation nav .go-back-icon {
        display: none !important;
    }
    header .nav-wrapper .navigation nav {
        position: fixed;
        z-index: 1006;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.92);
        -webkit-transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -moz-transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        overflow-y: auto;
        overflow-x: hidden
    }

    header .nav-wrapper .navigation nav.visible {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    header .nav-wrapper .navigation nav .close-menu {
        position: absolute;
        cursor: pointer;
        right: 32px;
        top: 32px;
        width: 32px;
        height: 32px;
        z-index: 1010
    }

    header .nav-wrapper .navigation nav .close-menu:before,
    header .nav-wrapper .navigation nav .close-menu:after {
        position: absolute;
        left: 15px;
        content: "";
        height: 33px;
        width: 1px;
        background-color: #333
    }
    header .nav-wrapper .navigation nav .close-menu:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    header .nav-wrapper .navigation nav .close-menu:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    header .navigation nav>ul {
        display: inline-block !important;
        position: absolute !important;
        top: 17.5% !important;
        left: 11% !important;
        width: auto !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }

    header.style-1 .navigation nav > ul > li,
    header.style-2 .nav-wrapper .navigation nav > ul > li {
        margin: 0 0 25px !important;
        display: block;
        padding: 0 !important;
    }

    header.style-1 .navigation nav > ul > li.menu-item-has-children > a,
    header.style-2 .nav-wrapper .navigation nav > ul > li.menu-item-has-children > a {
        position: relative;
    }

    header.style-1 .navigation nav > ul > li.menu-item-has-children > a:after,
    header.style-2 .nav-wrapper .navigation nav > ul > li.menu-item-has-children > a:after {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        font-family: FontAwesome;
        position: absolute;
        font-weight: 500;
        content: "\f107";
        line-height: 1em;
        font-size: 18px;
        right: -17.5px;
        top: 0;
    }

    header.style-1 .navigation nav > ul > li.menu-item-has-children > a.true:after,
    header.style-2 .nav-wrapper .navigation nav > ul > li.menu-item-has-children > a.true:after {
        -webkit-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }

    header.style-1 .navigation nav > ul > li > ul,
    header.style-2 .nav-wrapper .navigation nav > ul > li > ul {
        position: relative !important;
        padding: 10px 0 !important;
        border: 0 !important;
        left: 0 !important;
        top: 0 !important;
        display: none;
        width: auto !important;
        background: 0 !important;
    }

    header.style-1 .navigation nav > ul > li > ul li,
    header.style-2 .nav-wrapper .navigation nav > ul > li > ul li {
        background: 0 !important;
        margin: 0 0 10px !important;
        display: block;
        width: auto;
        border: 0;
        width: auto !important;
        padding: 0 !important;
    }

    header.style-1 .navigation nav > ul > li > ul li:last-of-type,
    header.style-2 .nav-wrapper .navigation nav > ul > li > ul li:last-of-type {
        margin: 0 !important;
    }

    header.style-1 .navigation nav > ul > li > ul li a,
    header.style-2 .nav-wrapper .navigation nav > ul > li > ul li a {
        padding: 0;
    }

   

    header.style-1 .navigation nav > ul > li:last-of-type,
    header.style-2 .nav-wrapper .navigation nav > ul > li:last-of-type {
        margin: 0;
    }

    header.style-1 .navigation nav > ul > li a,
    header.style-2 .nav-wrapper .navigation nav > ul > li a {
        color: #263238;
    }
}

@media (max-width: 767px) {
    header .nav-wrapper .navigation nav > ul {
        left: 35% !important;
        top: 40% !important;
    }
}

header.style-3 .upper-block {
    border-bottom: 1px solid #eee
}

header.style-3 .upper-block .currency,
header.style-3 .upper-block .phone,
header.style-3 .upper-block .login {
    display: inline-block
}

header.style-3 .upper-block .currency {
    margin-left: -30px;
    border-right: 1px solid #eee
}

header.style-3 .upper-block .currency .input {
    line-height: 54px
}

header.style-3 .upper-block .phone {
    padding-left: 20px;
    line-height: 50px;
    vertical-align: middle
}

header.style-3 .upper-block .phone i,
header.style-3 .upper-block .phone p {
    display: inline-block;
    font-size: 13px;
    color: #7e888d
}

header.style-3 .upper-block .phone i {
    position: relative;
    font-size: 16px;
    bottom: -2px;
    margin-right: 10px
}

header.style-3 .upper-block .phone p {
    margin: 0
}

header.style-3 .upper-block .login {
    float: right;
    line-height: 50px;
    vertical-align: middle
}

header.style-3 .upper-block .login a {
    font-size: 13px;
    color: #838d92;
    text-decoration: none;
    margin-right: 40px
}

header.style-3 .upper-block .login a:last-of-type {
    margin: 0
}

header.style-3 .upper-block .login a:hover {
    color: #263238
}

@media (max-width: 991px) {
    header.style-3 .upper-block .phone {
        padding-left: 0
    }
}

@media (max-width: 768px) {
    header.style-3 .upper-block .currency {
        border: 0;
        margin: 0;
        width: 100%
    }
    header.style-3 .upper-block .currency .custom-select .input {
        width: 100%
    }
}

header.style-3 .logo-banner {
    border-bottom: 1px solid #eee
}

header.style-3 .logo-banner .logo {
    padding-top: 10px
}

header.style-3 .logo-banner .bag-social {
    padding: 20px 0 0 20px
}

header.style-3 .logo-banner .bag-social .social,
header.style-3 .logo-banner .bag-social .shopping-bag {
    display: inline-block
}

header.style-3 .logo-banner .bag-social .social {
    font-size: 0
}

@media (max-width: 400px) {
    header.style-3 .logo-banner .bag-social .social {
        display: none
    }
}

header.style-3 .logo-banner .bag-social .social a {
    display: inline-block;
    margin-right: 7px;
    height: 22px;
    width: 22px;
    background: #b2b2b2;
    padding-top: 4px;
    text-align: center;
    overflow: hidden
}

header.style-3 .logo-banner .bag-social .social a:hover i {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

header.style-3 .logo-banner .bag-social .social a:last-of-type {
    margin: 0
}

header.style-3 .logo-banner .bag-social .social a i {
    color: #fff;
    font-size: 14px;
    -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

header.style-3 .logo-banner .bag-social .shopping-bag {
    position: relative;
    margin-left: 29px;
    color: #263238;
    cursor: pointer
}

header.style-3 .logo-banner .bag-social .shopping-bag .bag-container .bag-counter {
    cursor: pointer;
    position: relative;
    display: inline-block
}

header.style-3 .logo-banner .bag-social .shopping-bag .bag-container .bag-counter .icon {
    font-size: 20px
}

header.style-3 .logo-banner .bag-social .shopping-bag .bag-container .bag-counter .number {
    position: absolute;
    display: inline-block;
    bottom: -5px;
    right: -5px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #f57c00;
    width: 18px;
    height: 18px;
    padding: 0 0 0 1px;
    border-radius: 50%
}

header.style-3 .logo-banner .bag-social .shopping-bag .bag-container .total {
    font-size: 12px;
    margin-left: 12px;
    text-transform: uppercase
}

header.style-3 .logo-banner .bag-social .shopping-bag .bag-container .total:before {
    content: "$"
}

header.style-3 .logo-banner .bag-social .shopping-bag .cart-items-wrapper {
    top: 33px
}

@media (max-width: 1200px) {
    header.style-3 .logo-banner .logo {
        padding-top: 5px
    }
    header.style-3 .logo-banner .bag-social {
        text-align: right;
        padding: 14px 0 0
    }
    header.style-3 .logo-banner .bag-social .shopping-bag {
        text-align: left;
        margin-left: 10px
    }
}

header.style-3 .categories-nav .categories {
    position: relative;
    cursor: pointer;
    background: #263238;
    padding: 23px 0 24px 0;
    margin-left: -30px;
    padding-left: 30px;
    -webkit-transition: all 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

header.style-3 .categories-nav .categories p {
    position: relative;
    color: #fff;
    margin: 0;
    padding-left: 25px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase
}

header.style-3 .categories-nav .categories p:before {
    position: absolute;
    left: 0;
    top: -2px;
    font-family: "FontAwesome";
    content: "\a\a";
    white-space: pre;
    color: #93999c;
    font-size: 7px;
    line-height: 1em
}

header.style-3 .categories-nav .categories:hover {
    background: rgba(38, 50, 56, 0.9)
}

header.style-3 .categories-nav .categories:hover ul {
    visibility: visible;
    opacity: 1
}

header.style-3 .categories-nav .categories ul {
    visibility: hidden;
    opacity: 0;
    z-index: 2;
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    border: 1px solid red;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #eee
}

header.style-3 .categories-nav .categories ul li {
    width: 100%
}

header.style-3 .categories-nav .categories ul li a {
    display: inline-block;
    width: 100%;
    padding: 18px 30px;
    font-size: 12px;
    line-height: 1em;
    color: #424242;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

header.style-3 .categories-nav .categories ul li a:hover {
    background: #f3f3f3
}

header.style-3 .categories-nav .open-mobile-nav {
    position: relative;
    top: 20px;
    font-size: 22px;
    font-weight: 700;
    color: #263238;
    line-height: 1em;
    cursor: pointer;
    text-transform: uppercase
}

header.style-3 .categories-nav .open-mobile-nav:after {
    content: "menu";
    font-size: 19px;
    position: relative;
    top: -2px;
    left: 10px
}

header.style-3 .categories-nav nav ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #eee
}

header.style-3 .categories-nav nav ul li {
    display: inline-block;
    border-right: 1px solid #eee
}

header.style-3 .categories-nav nav ul li:last-of-type {
    border: 0
}

header.style-3 .categories-nav nav ul li.has-children {
    position: relative
}

@media (min-width: 991px) {
    header.style-3 .categories-nav nav ul li.has-children:hover .children {
        display: block;
        -webkit-animation: fadeIn 0.35s;
        -moz-animation: fadeIn 0.35s;
        -o-animation: fadeIn 0.35s;
        animation: fadeIn 0.35s
    }
}

header.style-3 .categories-nav nav ul li.has-children .children {
    position: absolute;
    display: none;
    z-index: 99;
    width: 209px;
    border: 1px solid #eee
}

header.style-3 .categories-nav nav ul li.has-children .children li {
    display: block;
    width: 100%;
    border: 0
}

header.style-3 .categories-nav nav ul li.has-children .children li a {
    width: 100%;
    color: #bdbdbd;
    font-size: 10px
}

header.style-3 .categories-nav nav ul li.has-children .children li a:hover {
    background: #f3f3f3
}

header.style-3 .categories-nav nav ul li a {
    display: inline-block;
    line-height: 1em;
    font-size: 14px;
    font-weight: 700;
    background: #fff;
    color: #263238;
    padding: 25px 21px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

header.style-3 .categories-nav nav ul li a:hover {
    background: rgba(243, 243, 243, 0.7)
}

header.style-3 .categories-nav .search-form {
    position: relative;
    border-left: 1px solid #eee
}

header.style-3 .categories-nav .search-form .search-input {
    border: 0;
    width: 100%;
    color: #263238;
    font-size: 14px;
    font-weight: 700;
    padding: 22px 82px 22px 21px;
    text-transform: uppercase
}

header.style-3 .categories-nav .search-form .search-input::-webkit-input-placeholder {
    color: #cfcfcf
}

header.style-3 .categories-nav .search-form .search-input:-moz-placeholder {
    color: #cfcfcf
}

header.style-3 .categories-nav .search-form .search-input.placeholder {
    color: #cfcfcf
}

header.style-3 .categories-nav .search-form .search-input:focus {
    outline: none
}

header.style-3 .categories-nav .search-form .search-submit,
header.style-3 .categories-nav .search-form .icon {
    position: absolute;
    top: 0;
    right: 0
}

header.style-3 .categories-nav .search-form .icon {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #263238;
    width: 64px;
    height: 100%;
    padding-top: 24px;
    z-index: 1;
    -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

header.style-3 .categories-nav .search-form .search-submit {
    display: inline-block;
    z-index: 2;
    border: 0;
    background: transparent;
    height: 100%;
    width: 64px
}

header.style-3 .categories-nav .search-form .search-submit:hover+.icon {
    background: rgba(243, 243, 243, 0.5)
}

@media (max-width: 1200px) {
    header.style-3 .categories-nav .categories {
        padding: 20px 0 18px 30px
    }
    header.style-3 .categories-nav nav ul li a {
        padding: 20px 12.7px
    }
}

@media (max-width: 991px) {
    header.style-3 .categories-nav nav {
        position: fixed;
        z-index: 1006;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.92);
        -webkit-transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -moz-transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: all 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        overflow-y: auto;
        overflow-x: hidden
    }
    header.style-3 .categories-nav nav.visible {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    header.style-3 .categories-nav nav.visible>ul>li {
        opacity: 1
    }
    header.style-3 .categories-nav nav.visible>ul>li:first-of-type {
        -webkit-transition-delay: 0.2s;
        -moz-transition-delay: 0.2s;
        transition-delay: 0.2s
    }
    header.style-3 .categories-nav nav.visible>ul>li:nth-of-type(2) {
        -webkit-transition-delay: 0.3s;
        -moz-transition-delay: 0.3s;
        transition-delay: 0.3s
    }
    header.style-3 .categories-nav nav.visible>ul>li:nth-of-type(3) {
        -webkit-transition-delay: 0.4s;
        -moz-transition-delay: 0.4s;
        transition-delay: 0.4s
    }
    header.style-3 .categories-nav nav.visible>ul>li:nth-of-type(4) {
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay: 0.5s;
        transition-delay: 0.5s
    }
    header.style-3 .categories-nav nav.visible>ul>li:nth-of-type(5) {
        -webkit-transition-delay: 0.6s;
        -moz-transition-delay: 0.6s;
        transition-delay: 0.6s
    }
    header.style-3 .categories-nav nav.visible>ul>li:nth-of-type(6) {
        -webkit-transition-delay: 0.7s;
        -moz-transition-delay: 0.7s;
        transition-delay: 0.7s
    }
    header.style-3 .categories-nav nav.visible>ul>li:nth-of-type(7) {
        -webkit-transition-delay: 0.8s;
        -moz-transition-delay: 0.8s;
        transition-delay: 0.8s
    }
    header.style-3 .categories-nav nav.visible>ul>li:nth-of-type(8) {
        -webkit-transition-delay: 0.9s;
        -moz-transition-delay: 0.9s;
        transition-delay: 0.9s
    }
    header.style-3 .categories-nav nav.visible>ul>li:nth-of-type(9) {
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        transition-delay: 1s
    }
    header.style-3 .categories-nav nav.visible>ul>li .children li {
        -webkit-transition-delay: 0;
        -moz-transition-delay: 0;
        transition-delay: 0
    }
    header.style-3 .categories-nav nav .go-back-icon {
        position: absolute;
        font-size: 28px;
        top: 32px;
        left: 32px;
        color: #333;
        cursor: pointer;
        display: none
    }
    header.style-3 .categories-nav nav .close-menu {
        position: absolute;
        cursor: pointer;
        right: 32px;
        top: 32px;
        width: 32px;
        height: 32px;
        z-index: 1010
    }
    header.style-3 .categories-nav nav .close-menu:before,
    header.style-3 .categories-nav nav .close-menu:after {
        position: absolute;
        left: 15px;
        content: "";
        height: 33px;
        width: 1px;
        background-color: #333
    }
    header.style-3 .categories-nav nav .close-menu:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    header.style-3 .categories-nav nav .close-menu:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    header.style-3 .categories-nav nav>ul {
        position: absolute;
        border: 0;
        top: 35%;
        left: 20%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
    header.style-3 .categories-nav nav>ul>li {
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }
    header.style-3 .categories-nav nav>ul li {
        display: block;
        padding: 14px 0;
        margin: 0
    }
    header.style-3 .categories-nav nav>ul li a {
        color: #263238;
        font-size: 18px;
        line-height: 1em;
        padding: 0
    }
    header.style-3 .categories-nav nav>ul li.has-children {
        min-width: 151px
    }
    header.style-3 .categories-nav nav>ul li.has-children .children {
        background: none;
        padding: 0;
        border: 0;
        padding: 14px 0 0;
        left: 150px;
        top: 0;
        transform: none
    }
    header.style-3 .categories-nav nav>ul li.has-children .children.visible {
        display: block;
        -webkit-animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -moz-animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        -o-animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation: fadeInLeft 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }
    header.style-3 .categories-nav nav>ul li.has-children .children li {
        padding: 0;
        margin-bottom: 14px;
        background: transparent
    }
    header.style-3 .categories-nav nav>ul li.has-children .children li:hover {
        background: transparent
    }
    header.style-3 .categories-nav nav>ul li.has-children .children li a {
        font-size: 15px;
        line-height: 1em;
        padding: 0;
        color: #263238
    }
    header.style-3 .categories-nav nav>ul li.has-children .children li a:hover {
        background: transparent
    }
}

@media (max-width: 767px) {
    header.style-3 .categories-nav nav>ul {
        width: 100%;
        top: 50%;
        left: 0;
        -webkit-transform: translateX(0) translateY(-50%);
        -moz-transform: translateX(0) translateY(-50%);
        -ms-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%)
    }
    header.style-3 .categories-nav nav>ul li {
        text-align: center;
        width: 100%
    }
    header.style-3 .categories-nav nav>ul li.has-children .children {
        display: inline-block;
        width: 100%;
        left: 100%
    }
    header.style-3 .categories-nav nav>ul li.has-children .children li {
        width: 100%;
        text-align: center
    }
}

.footer {
    background: #f57c00
}

.footer .container {
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px
}

.footer .container .scroll-up {
    position: absolute;
    top: 0;
    right: 0
}

.footer .container .scroll-up .icon {
    display: inline-block !important;
    cursor: pointer !important;
    width: 64px !important;
    height: 64px !important;
    font-size: 26px !important;
    color: rgba(255, 255, 255, 0.25) !important;
    background: rgba(0, 0, 0, 0.1) !important;
    line-height: 64px !important;
    vertical-align: top !important;
    text-align: center !important;
    -webkit-transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1) !important;
    -moz-transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1) !important;
    transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1) !important
}

.footer .container .scroll-up .icon:hover {
    background: #fff !important;
    color: #f57c00 !important
}

.footer .container .social-block {
    text-align: center
}

.footer .container .social-block ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.footer .container .social-block ul li {
    display: inline-block;
    margin-right: 15px
}

.footer .container .social-block ul li:last-of-type {
    margin-right: 0
}

.footer .container .social-block ul li i {
    font-size: 15px;
    color: #fff;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.footer .container .social-block ul li i:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.footer .container .footer-sections {
    padding: 50px 0
}

@media screen and (max-width: 991px) {
    .footer .container .footer-sections .footer-section {
        padding-bottom: 60px
    }
    .footer .container .footer-sections .footer-section.menu {
        text-align: center
    }
}

.footer .container .footer-sections .footer-section.menu ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0;
    vertical-align: top;
    display: inline-block;
    margin-right: 100px
}

@media screen and (max-width: 1200px) {
    .footer .container .footer-sections .footer-section.menu ul {
        margin-right: 75px
    }
}

@media screen and (max-width: 991px) {
    .footer .container .footer-sections .footer-section.menu ul {
        display: block
    }
    .footer .container .footer-sections .footer-section.menu ul li {
        display: inline-block;
        margin-right: 10px
    }
    .footer .container .footer-sections .footer-section.menu ul li:last-of-type {
        margin: 0
    }
}

.footer .container .footer-sections .footer-section.menu ul:last-of-type {
    margin-right: 0
}

.footer .container .footer-sections .footer-section.menu ul li {
    margin-bottom: 9px !important;
    padding: 0 !important;
    font-size: 0 !important;
}

.footer .container .footer-sections .footer-section.menu ul li:hover {
    padding: 0 !important;
}

.footer .container .footer-sections .footer-section.menu ul li a {
    font-size: 12px !important;
    line-height: 1em !important;
    color: #fff !important;
    padding: 0 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    -moz-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important
}

.footer .container .footer-sections .footer-section.menu ul li a:hover {
    color: #263238 !important;
    text-decoration: none !important
}

.footer .container .footer-sections .footer-section.tags {
    border: 0;
    margin: 0;
    padding: 0;
}

.footer .container .footer-sections .footer-section.tags ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.footer .container .footer-sections .footer-section.tags ul li {
    display: inline-block !important;
    margin: 0 10px 10px 0 !important;
    padding: 0 !important 
}

.footer .container .footer-sections .footer-section.tags ul li a {
    display: inline-block !important;
    font-size: 12px !important;
    line-height: 1em !important;
    color: #fff !important;
    padding: 9px 8px !important;
    background: transparent !important;
    border: 2px solid #fff !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    -moz-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important
}

.footer .container .footer-sections .footer-section.tags ul li a:hover {
    text-decoration: none !important;
    color: #f57c00 !important;
    background: #934a00 !important;
    border-color: #934a00 !important
}

.footer .container .footer-sections .footer-section.tags .subscribe-form {
    position: relative;
    width: 100%;
    margin-top: 40px
}

.footer .container .footer-sections .footer-section.tags .subscribe-form .subscribe-input {
    width: 100%;
    color: #aaa;
    background: #fff;
    font-size: 14px;
    border: 0;
    padding: 15px 200px 15px 20px
}

.footer .container .footer-sections .footer-section.tags .subscribe-form .subscribe-input:focus {
    outline: none
}

.footer .container .footer-sections .footer-section.tags .subscribe-form .subscribe-submit {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    color: #9e9e9e;
    background: #f5f5f5;
    padding: 0 15px;
    height: 100%;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.footer .container .footer-sections .footer-section.tags .subscribe-form .subscribe-submit:hover {
    color: #fff;
    background: #263238;
    -webkit-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.footer .container .footer-sections .footer-section.tags .subscribe-form .subscribe-submit:active,
.footer .container .footer-sections .footer-section.tags .subscribe-form .subscribe-submit:focus {
    outline: none
}

.footer .container .footer-sections .footer-section.contact {
    padding-left: 50px
}

@media screen and (max-width: 991px) {
    .footer .container .footer-sections .footer-section.contact {
        padding-left: 0
    }
}

.footer .container .footer-sections .footer-section.contact p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px
}

.footer .container .footer-sections .footer-section.contact p:last-of-type {
    margin: 0
}

.footer .container .footer-sections .footer-section.contact p a {
    color: #fff
}

.footer .container .footer-sections .footer-section.contact p a:hover {
    text-decoration: none;
    color: #263238
}

.footer .container .footer-sections .footer-section.contact .cards {
    padding-top: 50px;
    font-size: 0
}

.footer .container .footer-sections .footer-section.contact .cards img {
    margin-right: 5px
}

.footer .container .footer-sections .footer-section.contact .cards img:last-of-type {
    margin: 0
}

.footer .container .copyrights {
    text-align: center
}

.footer .container .copyrights p {
    margin: 0;
    font-size: 13px;
    color: #fff
}

.footer .container .copyrights p a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.footer .container .copyrights p a:hover {
    color: #263238
}

@media screen and (min-width: 992px) {
    .main-slider:not(.style-2) .slider-controls {
        display: none
    }
    .main-slider:not(.style-2):hover .slider-controls {
        display: block;
        -webkit-animation: zoomIn 0.3s;
        -moz-animation: zoomIn 0.3s;
        -ms-animation: zoomIn 0.3s;
        -o-animation: zoomIn 0.3s;
        animation: zoomIn 0.3s
    }
}

.main-slider .slider-wrapper {
    position: relative;
    width: 100%
}

.main-slider .slider-wrapper ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.main-slider .slider-wrapper ul li .product-info {
    position: relative;
    top: 42px;
    text-align: left
}

@media screen and (max-width: 1200px) {
    .main-slider .slider-wrapper ul li .product-info {
        top: 0
    }
}

@media screen and (max-width: 991px) {
    .main-slider .slider-wrapper ul li .product-info {
        padding-bottom: 50px
    }
}

@media screen and (max-width: 390px) {
    .main-slider .slider-wrapper ul li .product-info {
        padding-bottom: 90px
    }
}

.main-slider .slider-wrapper ul li .product-info h1 {
    color: #000;
    font-size: 43px;
    line-height: 0.93em;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0
}

.main-slider .slider-wrapper ul li .product-info p {
    color: #000;
    font-size: 15px;
    line-height: 2em;
    margin: 0;
    padding-top: 35px
}

.main-slider .slider-wrapper ul li .product-info .theme-btn-1,
.main-slider .slider-wrapper ul li .product-info .theme-btn-2 {
    margin-top: 35px
}

.main-slider .slider-wrapper ul li .product-image {
    text-align: left
}

.main-slider .slider-wrapper .bx-controls {
    position: absolute;
    top: 25px;
    right: 0
}

@media screen and (max-width: 991px) {
    .main-slider .slider-wrapper .bx-controls {
        top: 40%
    }
}

.main-slider .slider-wrapper .bx-controls a  {
    text-decoration: none;
    display: block
}

.main-slider .slider-wrapper .bx-controls a  i {
    display: inline-block;
    text-align: center;
    font-size: 24px;
    padding-top: 20.5px;
    height: 65px;
    width: 65px;
    background: #757575;
    color: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.15s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.15s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.15s cubic-bezier(0.86, 0, 0.07, 1)
}

.main-slider .slider-wrapper .bx-controls  a i:hover {
    color: #fff
}

.main-slider .slider-wrapper .bx-controls a i:first-of-type {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

@media (max-width: 450px) {
    .main-slider .slider-wrapper .bx-controls {
        top: 46.5%
    }
    .main-slider .slider-wrapper .bx-controls.tt-bishop a.add-to-bag  a i {
        font-size: 18px;
        height: 45px;
        width: 45px;
        padding-top: 13.5px
    }
}

.main-slider.style-2 {
    background: none;
    padding: 0
}

.main-slider.style-2 .slider-wrapper {
    overflow: hidden
}

.main-slider.style-2 .slider-wrapper ul li {
    height: 100vh;
    overflow: hidden
}

.main-slider.style-2 .slider-wrapper ul li .product-info {
    position: absolute;
    top: 50%;
    left: 50%
}

@media (max-width: 1200px) {
    .main-slider.style-2 .slider-wrapper ul li .product-info {
        left: 25%;
        top: 40%
    }
}

@media (max-width: 768px) {
    .main-slider.style-2 .slider-wrapper ul li .product-info {
        width: 80%;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%)
    }
}

@media (max-width: 450px) {
    .main-slider.style-2 .slider-wrapper ul li .product-info h1 {
        font-size: 28px
    }
}

.main-slider.style-2 .slider-wrapper ul li .product-info h1 {
    color: #fff
}

.main-slider.style-2 .slider-wrapper ul li .product-info p {
    color: #666
}

.main-slider.style-2 .slider-wrapper ul li:first-of-type {
    background: url(../img/slider-cover-1.jpg) top center;
    background-size: cover
}

.main-slider.style-2 .slider-wrapper ul li:nth-of-type(2) {
    background: url(../img/slider-cover-2.jpg) top center;
    background-size: cover
}

.main-slider.style-2 .slider-wrapper ul li:nth-of-type(3) {
    background: url(../img/slider-cover-3.jpg) top center;
    background-size: cover
}

.main-slider.style-2 .slider-wrapper .slider-controls {
    position: absolute;
    z-index: 99;
    top: 60%;
    right: 180px
}

@media (max-width: 991px) {
    .main-slider.style-2 .slider-wrapper .slider-controls {
        right: 85px;
        top: 75%
    }
}

@media (max-width: 450px) {
    .main-slider.style-2 .slider-wrapper .slider-controls {
        right: 30px
    }
    .main-slider.style-2 .slider-wrapper .slider-controls i {
        font-size: 18px;
        height: 45px;
        width: 45px;
        padding-top: 13.5px
    }
}

.main-slider.style-2 .slider-wrapper .slider-controls span a i {
    background: #191919;
    color: rgba(255, 255, 255, 0.2)
}

.main-slider.style-2 .slider-wrapper .slider-controls span a i:hover {
    background: #252525;
    color: #fff
}

.main-slider.style-2 .slider-wrapper .slider-controls span:last-of-type i {
    border-bottom: 0
}

.new-collection {
    padding-bottom: 70px
}

.shipping-banner {
    text-align: center;
    color: #fff
}

.shipping-banner .bg-wrapper {
    padding: 30px 0 40px 0;
    background: rgba(38, 50, 56, 0.8)
}

.shipping-banner .bg-wrapper h3 {
    margin: 0 0 7px 0;
    font-size: 43px;
    font-weight: 700;
    line-height: 1em
}

.shipping-banner .bg-wrapper h4 {
    margin: 0 0 35px 0;
    font-size: 31px;
    line-height: 1em;
    text-transform: uppercase
}

.shipping-banner .bg-wrapper p {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-style: italic
}

.shipping-banner.shipping-banner {
    background: url(../img/banner-1.jpg) top center;
    background-size: cover
}

.add-banner {
    text-align: center;
    background: #616161;
    padding: 22px 0;
    color: #fff
}

.add-banner p {
    font-size: 20px;
    margin: 0;
    vertical-align: middle
}

.add-banner p strong {
    vertical-align: middle;
    margin-left: 25px;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase
}

.add-banner p a {
    display: inline-block;
    margin-left: 25px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1em;
    padding: 15px 35px;
    border: 1px solid #fff;
    text-decoration: none;
    text-transform: uppercase
}

.add-banner p a:hover {
    background: #fff;
    color: #616161
}

.new-arrival-banner {
    position: relative;
    background: url(../img/new-arrival-banner.jpg) top center;
    background-size: cover;
    min-height: 175px;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 30px 80px 30px 80px
}

@media (max-width: 768px) {
    .new-arrival-banner {
        padding: 10px 40px 10px 15px
    }
}

.new-arrival-banner .text {
    color: #fff
}

.new-arrival-banner .text h4 {
    font-size: 30px;
    margin: 0 0 15px 0
}

.new-arrival-banner .text p {
    font-size: 14px;
    margin-bottom: 15px
}

.new-arrival-banner a {
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1em;
    padding: 14px 30px;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1)
}

.new-arrival-banner a:hover {
    background: #fff;
    border-color: #fff;
    color: #263238
}

.new-arrival-banner .price {
    position: absolute;
    text-align: center;
    right: 45px;
    top: 18px;
    display: inline-block;
    width: 62px;
    height: 67px;
    font-size: 14px;
    color: #000;
    padding-top: 22px;
    background: url(../images/banner-price.png) no-repeat
}

@media (max-width: 768px) {
    .new-arrival-banner .price {
        top: 10px;
        right: 15px
    }
}

.categories {
    background: #f5f5f5
}

.categories .col-sm-6:first-of-type {
    border-right: 1px solid rgba(38, 50, 56, 0.09)
}

.category-box {
    position: relative;
    background: #f5f5f5;
}
.categories .category {
    padding-top: 20px;
    position: relative;
}

.categories .category .category-info {
    position: absolute;
    top: 40px;
    right: 20px;
    color: #000
}

.categories .category .category-info h2 {
    margin: 0;
    font-size: 28px;
    line-height: 1em;
    font-weight: 700
}

.categories .category .category-info p {
    margin: 0;
    font-size: 15px;
    line-height: 1em
}

@media screen and (max-width: 1200px) {
    .categories .category .category-info {
        top: 45px;
        right: 0
    }
}

@media screen and (max-width: 991px) {
    .categories .category {
        text-align: center
    }
    .categories .category .category-info {
        top: 25px
    }
}

.categories .hover {
    position: absolute;
    padding: 0;
    margin: 0;
    font-size: 0;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    overflow: hidden;
    background: #263238;
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86)
}

.categories .hover:hover {
    opacity: 1
}

.categories .hover  a {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    display: inline-block;
    text-decoration: none
}

.categories .hover a .text {
    position: relative;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.categories .hover  a .text h2 {
    text-align: left;
    margin: 0;
    font-size: 28px;
    line-height: 1em;
    font-weight: 700
}

.categories .hover  a .text p {
    text-align: left;
    font-size: 15px
}

@media screen and (max-width: 767px) {
    .categories .hover li {
        display: block;
        width: 100%;
        height: 50%
    }
}

.categories-box {
    background-size: cover
}

.categories-box .bg-wrapper {
    padding-bottom: 80px
}

.categories-box .section-box {
    position: relative;
    padding-left: 100px;
    font-size: 0;
    vertical-align: top
}

.categories-box .section-box .vertical-text {
    position: absolute;
    top: 0;
    left: 46px;
    margin: 0;
    transform: rotate(90deg);
    transform-origin: left top 0;
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase
}

.categories-box .section-box .select-category-box {
    position: relative
}

.categories-box .section-box .select-category-box ul {
    list-style-type: none;
    display: inline-block;
    position: relative;
    font-size: 0;
    padding: 0;
    margin: 0
}

.categories-box .section-box .select-category-box ul.horizontal {
    width: 66.66667%
}

.categories-box .section-box .select-category-box ul.horizontal li {
    display: block;
    float: left;
    width: 50%
}

.categories-box .section-box .select-category-box ul.vertical {
    position: absolute;
    width: 33.33333%;
    top: 0;
    right: 0
}

.categories-box .section-box .select-category-box ul.vertical li {
    width: 100%;
    display: block
}

.categories-box .section-box .select-category-box ul li {
    position: relative
}

.categories-box .section-box .select-category-box ul li.caption {
    background: #fff
}

.categories-box .section-box .select-category-box ul li.caption .direction {
    color: #fff;
    position: absolute;
    z-index: 2;
    font-size: 32px
}

.categories-box .section-box .select-category-box ul li.caption.direction-left .direction {
    left: -10px;
    top: 50%;
    margin-top: -16px
}

.categories-box .section-box .select-category-box ul li.caption.direction-right .direction {
    right: -10px;
    top: 50%;
    margin-top: -16px
}

.categories-box .section-box .select-category-box ul li.caption.direction-bottom .direction {
    left: 50%;
    margin-left: -16px;
    bottom: -20px
}

@media screen and (max-width: 991px) {
    .categories-box .section-box .select-category-box ul li.caption.direction-bottom .direction {
        left: auto;
        margin-left: 0;
        bottom: initial;
        right: -14px;
        top: 50%;
        margin-top: -16px;
        transform: rotate(-90deg)
    }
}

.categories-box .section-box .select-category-box ul li.caption .box-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -39.5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.categories-box .section-box .select-category-box ul li.caption .box-caption p {
    text-align: left;
    font-size: 23px;
    font-weight: 700;
    line-height: 1em;
    text-transform: uppercase
}

.categories-box .section-box .select-category-box ul li.caption .box-caption p a {
    color: #616161;
    text-decoration: none;
    -webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.categories-box .section-box .select-category-box ul li.caption .box-caption p a:hover {
    color: #f57c00
}

.categories-box .section-box .select-category-box ul li.caption .box-caption span {
    margin-top: 10px;
    display: block;
    color: #616161;
    font-size: 13px;
    font-weight: 500;
    text-transform: initial;
    vertical-align: middle
}

.categories-box .section-box .select-category-box ul li.caption .box-caption span i {
    position: relative;
    top: 2px;
    margin: 0 7px;
    font-size: 16px
}

.categories-box .section-box .select-category-box ul li.thumb {
    overflow: hidden
}

.categories-box .section-box .select-category-box ul li.thumb .hover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f57c00;
    opacity: 0;
    -webkit-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.categories-box .section-box .select-category-box ul li.thumb:hover .hover {
    opacity: 0.9
}

.categories-box .section-box .select-category-box ul li p {
    font-size: 16px;
    color: red;
    margin: 0
}

@media screen and (max-width: 991px) {
    .categories-box .section-box .select-category-box ul {
        display: block
    }
    .categories-box .section-box .select-category-box ul.horizontal {
        width: 100%
    }
    .categories-box .section-box .select-category-box ul.horizontal li {
        float: none;
        display: inline-block
    }
    .categories-box .section-box .select-category-box ul.vertical {
        position: relative;
        width: 100%
    }
    .categories-box .section-box .select-category-box ul.vertical li {
        display: inline-block;
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .categories-box .section-box .select-category-box ul.horizontal,
    .categories-box .section-box .select-category-box ul.vertical {
        margin-bottom: 25px
    }
    .categories-box .section-box .select-category-box ul.horizontal li,
    .categories-box .section-box .select-category-box ul.vertical li {
        width: 66.66667%
    }
}

@media screen and (max-width: 767px) {
    .categories-box .section-box {
        padding-left: 0;
        text-align: center
    }
}

.tabs {
    padding: 35px 0
}

.tabs .heading {
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    border-top: 1px solid #c3c3c3
}

.tabs .heading li {
    display: inline-block;
    outline: none;
    text-align: center;
    margin-right: 30px
}

.tabs .heading li.ui-state-active a {
    border-color: #000;
    color: #000
}

.tabs .heading li:last-of-type {
    margin-right: 0
}

.tabs .heading li a {
    display: inline-block;
    outline: none;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: -2px;
    min-width: 110px;
    padding: 25px 15px 0 15px;
    border-top: 3px solid transparent;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1)
}

.tabs .heading li a:hover {
    border-color: #000
}

@media (max-width: 768px) {
    .tabs .heading li {
        margin-right: 15px
    }
    .tabs .heading li a {
        min-width: 70px;
        padding-top: 15px
    }
}

.tabs .tab-category {
    padding: 45px 0 0
}

.main-tabs {
    padding: 35px 0 0;
    line-height: 1.5em;
}
.main-tabs h5 {
    line-height: 1.5em;
}

.main-tabs+* {
    position: relative;
    margin-top: -85px;
    z-index: 100
}

.main-tabs.tabs-type_2 .owl-wrapper-outer {
    overflow-y: visible;
    padding: 0 0 150px;
}

.main-tabs .owl-wrapper-outer:hover {
    z-index: 120
}

.main-tabs .owl-wrapper-outer .owl-wrapper {
    padding-top: 50px
}

@media (max-width: 768px) {
    .main-tabs .owl-wrapper-outer .owl-wrapper {
        padding-top: 100px
    }
}

.main-tabs .owl-wrapper-outer .owl-wrapper .owl-item {
    padding: 0 10px
}

.main-tabs .owl-controls {
    position: absolute;
    display: inline-block;
    z-index: 140;
    top: -20px;
    right: 10px;
    margin: 0;
    border: 0
}

@media (max-width: 768px) {
    .main-tabs .owl-controls {
        top: 25px;
        display: block;
        width: 100%;
        text-align: center
    }
}

.main-tabs .owl-controls .owl-buttons {
    display: inline-block
}

.main-tabs .owl-controls .owl-buttons div {
    display: inline-block;
    margin-right: 10px
}

.main-tabs .owl-controls .owl-buttons div:last-of-type {
    margin-right: 0
}

.main-tabs .owl-controls .owl-buttons div .icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 44px !important;
    vertical-align: middle !important;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    border: 2px solid #c3c3c3;
    color: #c3c3c3;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1)
}

.main-tabs .owl-controls .owl-buttons div .icon:hover {
    border-color: #000;
    color: #000
}

.shop-items {
    padding: 0 15px
}

.shop-product {
    margin-bottom: 45px !important;
}

.shop-product h3 {
    margin: 0 0 7px 0;
    font-size: 14px;
    line-height: 1em;
    color: #030303;
}

.shop-product h3 a {
    color: inherit;
    text-decoration: none
}

.shop-product h3 a:hover {
    color: #263238
}

.shop-product .price {
    margin: 0 0 10px 0 !important;
    color: #dc4040 !important;
    font-size: 15px !important;
    font-weight: 700;
    line-height: 1em !important;
}

.shop-product .rating i {
    font-size: 13px;
    color: #d8d8d8
}

.shop-product .image {
    position: relative;
    margin-top: 20px;
    text-align: center
}

.shop-product .image.no-buttons .hover-details {
    display: none;
}

.shop-product .image.no-buttons img {
    cursor: pointer;
}

.shop-product .image .hover-details {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: all 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.shop-product .image .hover-details .actions {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.shop-product .image .hover-details .actions .action {
    position: relative;
    margin-bottom: 10px;
    -webkit-transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.25s cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.shop-product .image .hover-details .actions .action:first-of-type {
    top: -200px
}

.shop-product .image .hover-details .actions .action:nth-of-type(2) {
    opacity: 0
}

.shop-product .image .hover-details .actions .action:last-of-type {
    margin: 0;
    bottom: -200px
}

.shop-product:hover .image .hover-details {
    visibility: visible;
    opacity: 1
}

.shop-product:hover .image .hover-details .action:first-of-type {
    top: 0
}

.shop-product:hover .image .hover-details .action:nth-of-type(2) {
    opacity: 1
}

.shop-product:hover .image .hover-details .action:last-of-type {
    bottom: 0
}

.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
    margin: 0 !important;
}

.woocommerce-result-count {
    color: #333;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 12.5px 0 10px;
    float: none !important;
}

.shop-product-list {
    -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.09);
    margin-bottom: 65px !important;
}

.shop-product-list:last-of-type {
    margin: 0
}

.shop-product-list .description {
    padding-right: 20px;
    padding-top: 25px;
}

.shop-product-list .description .description-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 25px
}

.shop-product-list .description .description-header h3 {
    margin: 0 0 6px 0;
    font-size: 14px
}

.shop-product-list .description .description-header h3 a {
    color: #000;
    text-decoration: none
}

.shop-product-list .description .description-header h3 a:hover {
    color: #263238
}

.shop-product-list .description .description-header .price {
    margin: 0 0 6px 0;
    color: #dc4040;
    font-size: 15px;
    font-weight: 700
}

.shop-product-list .description .description-header .rating i {
    font-size: 14px;
    color: #d8d8d8
}

.shop-product-list .description .description-body p {
    color: #aaa;
    font-size: 14px;
    line-height: 1.5em
}

.shop-product-list .description .description-body .actions {
    padding-top: 35px;
    font-size: 0
}

.shop-product-list .description .description-body .actions .action {
    display: inline-block;
    margin-right: 10px
}

.shop-product-list .description .description-body .actions .action:last-of-type {
    margin: 0
}

.woocommerce span.onsale {
    vertical-align: middle;
    display: inline-block;
    background: #dc4040;
    text-align: center;
    line-height: 55px;
    font-size: 16px;
    height: 55px;
    width: 55px;
    padding: 0;
    z-index: 2;
}

@media (max-width: 768px) {
    .shop-product-list .description {
        padding: 0 20px
    }
}

@media (max-width: 600px) {
    .shop-product-list .description .description-body .actions .action {
        display: block;
        margin-bottom: 10px
    }
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) {
    position: relative;
    z-index: 999;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 10px 10px 40px 10px;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)
}

@media (max-width: 991px) {
    .product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) {
        margin-bottom: 55px
    }
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details {
    position: relative;
    text-align: center;
    margin: 0 -11px
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    margin: 20px 0 25px 0
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details h3 a {
    color: #000;
    text-decoration: none
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag {
    position: absolute;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 40px
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag .add-to-bag,
.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag .sign-up-btn {
    margin-right: 15px;
    display: none;
    opacity: 0
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag .price {
    position: relative;
    top: 4px;
    color: #000;
    font-size: 17px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag .price ins {
    text-decoration: none;
    color: #ce3a3a;
}
.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag .price del {
    -webkit-transform: translate(90%, -85%);
    -ms-transform: translate(90%, -85%);
    transform: translate(90%, -85%);
    display: inline-block;
    position: absolute;
    line-height: 1em;
    font-size: 12px;
    right: 0;
    top: 0;
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 30px 0 0 0;
    width: 100%;
    display: none;
    opacity: 0;
    padding: 0 10px;
    -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag ul.no-wishlist-button li {
    width: 90%;
    display: block;
    margin: 0 auto;
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag ul li {
    display: inline-block;
    width: 50%;
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag ul li:first-of-type {
    border: 1px solid #ececec;
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag ul li a {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 1em;
    color: #9e9e9e;
    background: #f5f5f5;
    padding: 18px 0;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .details .price-bag ul li a:hover {
    background: rgba(158, 158, 158, 0.2)
}
.new-collection .product:hover,
.main-tabs .product:hover {
    -webkit-transform: scale(1.075);
    -moz-transform: scale(1.075);
    -ms-transform: scale(1.075);
    transform: scale(1.075);
    z-index: 1000 !important;
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product):hover .price-bag {
    padding-bottom: 10px
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product):hover .price-bag .add-to-bag,
.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product):hover .price-bag .sign-up-btn {
    display: inline-block;
    opacity: 1
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product):hover .price-bag ul {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn 0.15s;
    -moz-animation: fadeIn 0.15s;
    -ms-animation: fadeIn 0.15s;
    -o-animation: fadeIn 0.15s;
    animation: fadeIn 0.15s
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product):hover .added_to_cart.wc-forward {
    display: block !important; 
}

.product:not(.shop-product):not(.product-category):not(.shop-product-list):not(.single-product) .added_to_cart.wc-forward {
    margin: 0 !important;
    display: none;
}

.collection-slider {
    position: relative;
    border: 1px solid #eee;
    display: block;
}

.collection-slider ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.collection-slider ul li {
    padding: 10px;
}

.collection-slider ul li .slide {
    position: relative;
    text-align: right;
    padding: 0 50px 0 0;
    background: #edece9;
    min-height: 400px;
}

.collection-slider ul li .slide .slide-content {
    position: absolute;
    top: 40px;
    left: 50px;
    text-align: left
}

.collection-slider ul li .slide .slide-content h2 {
    margin: 0 0 13px 0;
    color: #b7b5af;
    font-size: 29px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase
}

.collection-slider ul li .slide .slide-content p {
    font-size: 14px;
    color: #000;
    margin-bottom: 60px
}

.collection-slider .bx-controls {
    display: inline;
    position: absolute;
    z-index: 99;
    left: 60px;
    bottom: 35px;
    font-size: 0
}

.collection-slider .bx-controls a {
    margin-right: 10px
}

.collection-slider .bx-controls a:last-of-type {
    margin: 0
}

.collection-slider .bx-controls a i {
    text-align: center;
    padding-top: 11px;
    font-size: 24px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.15);
    border: 2px solid rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.collection-slider .bx-controls a i:hover {
    color: #000;
    border-color: #000
}

@media (max-width: 991px) {
    .collection-slider {
        margin: 0
    }
    .collection-slider ul li {
        border: 1px solid #eee
    }
}

@media (max-width: 767px) {
    .collection-slider ul li .slide .slide-content {
        top: 20px;
        left: 25px
    }
    .collection-slider ul li .slide .slide-content p {
        margin-bottom: 15px
    }
    .collection-slider .controls {
        left: auto;
        right: 15px;
        bottom: 15px
    }
}

.page-title {
    padding: 15px 0
}

.page-title h2 {
    margin: 0;
    font-size: 12px;
    line-height: 1em
}

.page-title h2 a {
    color: #263238;
    text-decoration: none
}

.page-title h2 a:hover {
    font-weight: 700
}

.shop-category {
    position: relative
}

.shop-category .shop-category-header {
    width: 100%;
    background: #fff;
    padding: 15px 20px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -o-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px
}

.shop-category .shop-category-header h4 {
    margin: 0;
    color: #757575;
    font-size: 17px;
    line-height: 1em
}

.shop-category .shop-category-body .owl-carousel,
.shop-category .shop-category-body .owl-wrapper-outer {
    position: inherit
}

.shop-category .shop-category-body .shop-category-slider .item {
    padding: 0 10px
}

.shop-category .shop-category-body .shop-category-slider .owl-controls {
    position: absolute;
    top: 8px;
    right: 8px
}

.shop-category .shop-category-body .shop-category-slider .owl-controls .owl-buttons {
    font-size: 0
}

.shop-category .shop-category-body .shop-category-slider .owl-controls .owl-buttons div {
    display: inline-block;
    margin-right: 4px
}

.shop-category .shop-category-body .shop-category-slider .owl-controls .owl-buttons div:last-of-type {
    margin: 0
}

.shop-category .shop-category-body .shop-category-slider .owl-controls .owl-buttons div i {
    text-align: center;
    font-size: 18px;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    color: #f3f3f3;
    border: 1px solid #eee;
    -webkit-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.shop-category .shop-category-body .shop-category-slider .owl-controls .owl-buttons div i:hover {
    color: #d3d3d3;
    border-color: #d3d3d3
}

.shop-page-filters {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.shop-page-filters .filter {
    display: inline-block;
    vertical-align: top;
}

.shop-page-filters .filter.grid-type span {
    color: #aaa;
    font-size: 12px;
    margin-right: 4px
}

.shop-page-filters .filter.grid-type a i {
    display: inline-block;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 1em;
    color: #f3f3f3;
    padding-top: 5px;
    border: 1px solid #eee;
    -webkit-transition: all 0.14s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.14s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.14s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.shop-page-filters .filter.grid-type a i:hover {
    border-color: #d3d3d3;
    color: #d3d3d3
}

.shop-page-filters .filter.grid-type a.active i {
    border-color: #d3d3d3;
    color: #d3d3d3
}

.shop-page-filters .filter.grid-type a.grid i {
    position: relative;
    font-size: 17px;
    top: 2px
}

.shop-page-filters .filter.grid-type a.list i {
    font-size: 15px;
    padding-top: 6px
}


.shop-page-filters .filter.sorting span {
    top: 7px;
    font-size: 12px;
    color: #263238;
    margin-right: 10px;
    position: relative;
}

.shop-page-filters .filter.sorting select {
    max-width: 125px;
    background: transparent;
    border: 1px solid #eee;
    padding: 9px;
    font-size: 12px;
    color: #263238;
    cursor: pointer;
    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.shop-page-filters .filter.sorting select:focus {
    outline: none;
    border-color: #263238
}

.shop-page-filters .filter.sorting select:first-of-type {
    margin-right: 20px
}


.shop-page-filters .filter.pagination {
    margin: 0;
}

.shop-page-filters .filter.pagination ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.shop-page-filters .filter.pagination ul li {
    display: inline-block;
    margin-right: 12px
}

.shop-page-filters .filter.pagination ul li:first-of-type {
    margin-right: 8px
}

.shop-page-filters .filter.pagination ul li:last-of-type {
    margin-left: 7px;
    margin-right: 0;
}

.shop-page-filters .filter.pagination ul li a {
    font-size: 13px;
    color: #263238;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.shop-page-filters .filter.pagination ul li span {
    font-size: 13px;
    color: #c5c5c5;
}

.shop-page-filters .filter.pagination ul li a i {
    display: inline-block;
    margin: 0 4.5px;
}

.shop-page-filters .filter.pagination ul li a:hover {
    font-weight: 700
}

.shop-page-filters .filter.pagination ul li.current a {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    color: #c5c5c5;
    background: #f3f3f3;
    text-align: center
}

.shop-page-filters .filter.pagination ul li:last-of-type a {
    font-size: 14px
}

@media (max-width: 1200px) {
    .shop-page-filters .filter.pagination {
        padding-right: 0
    }
}

@media (max-width: 768px) {
    .shop-page-filters .filter {
        display: block;
        margin-bottom: 25px
    }
    .shop-page-filters .filter.sorting {
        padding-left: 0
    }
    .shop-page-filters .filter.pagination {
        position: absolute;
        top: 15px;
        right: 15px
    }
}

@media (max-width: 991px) {
    .single-product {
        padding-top: 50px
    }
}

@media (max-width: 768px) {
    .single-product {
        padding-top: 25px
    }
}

.single-product .single-product-cover ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.single-product .single-product-cover .cover-slider ul li {
    text-align: center
}

.single-product .single-product-cover .controls {
    position: relative;
    margin-right: 1px;
    margin-top: 18px;
    overflow: hidden;
}

.single-product .single-product-cover .controls .flex-viewport li {
    cursor: pointer;
    border: 0
}

.single-product .single-product-cover .controls .flex-viewport li img {
    border: 0px solid #fff;
    -webkit-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1)
}

.single-product .single-product-cover .controls .flex-viewport li:hover img {
    border: 7px solid #fff
}

.single-product .single-product-cover .controls .flex-direction-nav {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0
}

.single-product .single-product-cover .controls .flex-direction-nav * {
    outline: none
}

.single-product .single-product-cover .controls .flex-direction-nav li i {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    width: 36px;
    height: 36px;
    color: #5e5e5e;
    background: #000;
    padding-top: 10px;
    -webkit-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1)
}

.single-product .single-product-cover .controls .flex-direction-nav li i:hover {
    color: #fff;
    background: #1a1a1a
}

@media (max-width: 768px) {
    .single-product .single-product-cover {
        padding-bottom: 30px
    }
}

.single-product .single-product-description .single-product-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

.single-product .single-product-description .single-product-header h2 {
    margin: 10px 0;
    color: #000;
    font-size: 28px;
    line-height: 1em
}

.single-product .single-product-description .single-product-header .price {
    color: #dc4040;
    font-size: 31px;
    line-height: 1em
}

.single-product .single-product-description .single-product-header .rating,
.single-product .single-product-description .single-product-header .review {
    display: inline-block;
    margin-bottom: 25px
}

.single-product .single-product-description .single-product-header .rating {
    color: #d8d8d8;
    font-size: 14px
}

.single-product .single-product-description .single-product-header .review {
    color: #000;
    font-size: 12px;
    text-decoration: none
}

.single-product .single-product-description .single-product-header .review:hover {
    color: #263238
}

.single-product .single-product-description .single-product-header p {
    color: #aaa;
    font-size: 14px;
    line-height: 1.5em
}

.single-product .single-product-description .single-product-header .product_meta a {
    color: #333;
}

.single-product .single-product-description .single-product-header .product_meta a:hover {
    color: #263238;
}

.single-product .single-product-description .single_add_to_cart_button {
    position: relative;
    display: inline-block;
    text-align: left;
    min-width: 135px;
    color: #fff;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    padding: 13px 14px !important;
    background: #f57c00 !important;
    text-transform: uppercase;
    border-radius: 0;
    text-align: center;
    outline: none !important;
    -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1);
}

.single-product .single-product-description .single_add_to_cart_button:hover {
    background: #263238 !important;
}


.single-product .add_to_wishlist {
    margin: 10px 0 0 !important;
    border-radius: 0 !important;
    padding: 12px 14px !important;
}

.woocommerce div.product form.cart div.quantity {
    margin-right: 15px !important;
}

.single-product .single-product-description .single-product-body {
    padding: 25px 0
}

.single-product .single-product-description .single-product-body .group {
    display: inline-block
}

.single-product .single-product-description .single-product-body .group-caption {
    color: #263238;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
    text-transform: uppercase
}

.single-product .single-product-description .single-product-body .color {
    padding-bottom: 10px
}

.single-product .single-product-description .single-product-body .color .input-group {
    display: inline-block;
    margin-right: 5px
}

.single-product .single-product-description .single-product-body .color .input-group.green .color-option {
    background: #26a69a
}

.single-product .single-product-description .single-product-body .color .input-group.pink .color-option {
    background: #ffcdd2
}

.single-product .single-product-description .single-product-body .color .input-group.blue .color-option {
    background: #2196f3
}

.single-product .single-product-description .single-product-body .color .input-group input {
    display: none
}

.single-product .single-product-description .single-product-body .color .input-group input:checked+.color-option i {
    display: block;
    -webkit-animation: zoomIn 0.15s;
    -moz-animation: zoomIn 0.15s;
    -ms-animation: zoomIn 0.15s;
    -o-animation: zoomIn 0.15s;
    animation: zoomIn 0.15s
}

.single-product .single-product-description .single-product-body .color .input-group .color-option {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    text-align: center;
    padding: 9px 0 0 9px
}

.single-product .single-product-description .single-product-body .color .input-group .color-option i {
    position: absolute;
    font-size: 10px;
    color: #263238;
    background: #fff;
    height: 24px;
    width: 24px;
    text-align: center;
    padding-top: 7px;
    border-radius: 50%;
    display: none
}

.single-product .single-product-description .single-product-body .size select {
    width: 180px;
    padding: 9px 16px;
    color: #000;
    background: transparent;
    border: 1px solid #eee
}

.single-product .single-product-description .single-product-body .size select:focus {
    outline: none
}

.single-product .single-product-description .single-product-body .quantity {
    margin-left: 25px
}

.single-product .single-product-description .single-product-body .quantity input {
    width: 80px;
    color: #000;
    padding: 9px 0 9px 16px;
    border: 1px solid #eee
}

.single-product .single-product-description .single-product-body .quantity input:focus {
    outline: none
}

.single-product .single-product-description .single-product-body .add-to-bag {
    margin-top: 0;
}

.single-product .single-product-description .single-product-body .sign-up-btn {
    margin-top: 45px
}

.single-product .description-box,
.single-product .review-box {
    padding: 20px 0 0;
}

.single-product .description-box h2,
.single-product .review-box h2 {
    margin: 0 0 20px;
}

.single-product .description-box p {
    color: #9e9e9e;
    font-size: 13px;
    line-height: 1.615em
}

.single-product .description-box blockquote {
    padding: 0;
    border: 0;
}

.product-category {
    border: 1px solid #f3f3f3;
    padding: 10px 10px 35px;
    text-align: center;
}

.product-category h3,
.product-category h4 {
    line-height: 1em;
    color: #000;
    margin: 0;
}

.product-category h3 {
    text-transform: uppercase;
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 16px;
}

.product-category h4 {
    font-weight: 500;
    font-size: 17px;
}

.product-category .image-wrapper {
    position: relative;
    margin: 0 0 20px;
}

.product-category .image-wrapper:after {
    -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    background: rgba(245, 124, 0, .25);
    pointer-events: none;
    position: absolute;
    opacity: 0;
    content: "";
    z-index: 2;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
}

.product-category .image-wrapper:hover:after {
    opacity: 1;
}

.product-category .image-wrapper img {
    border: 1px solid #f2f2f3;
    height: auto;
    width: 100%;
}

.user-reviews {
    list-style-type: none;
    margin: 0 0 25px;
    padding: 0;
}

.user-reviews .user-review .user {
    min-height: 117px;
    padding: 30px;
    border-left: 1px solid #c3c3c3;
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3
}

.user-reviews .user-review .user .user-details {
    position: relative;
    padding-left: 75px;
    min-height: 55px
}

.user-reviews .user-review .user .user-details .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 55px
}

.user-reviews .user-review .user .user-details .image img {
    border-radius: 5px
}

.user-reviews .user-review .user .user-details h4 {
    margin: 0;
    color: #000;
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 15px
}

.user-reviews .user-review .user .user-details .rating i {
    color: #d8d8d8;
    font-size: 12px
}

.user-reviews .user-review .review-body {
    min-height: 117px;
    padding: 15px 40px;
    border: 1px solid #c3c3c3
}

.user-reviews .user-review .review-body .date {
    color: #c3c3c3;
    font-size: 13px
}

.user-reviews .user-review .review-body p {
    color: #9e9e9e;
    font-size: 13px;
    line-height: 1.615em
}

.user-reviews .user-review:not(:last-of-type) .user,
.user-reviews .user-review:not(:last-of-type) .review-body {
    border-bottom: 0
}

@media (max-width: 768px) {
    .user-reviews .user-review:last-of-type .review-body {
        border-top: 0
    }
}

@media (max-width: 768px) {
    .user-reviews .user-review .user {
        border-right: 1px solid #c3c3c3;
        border-top: 1px solid #c3c3c3;
        border-left: 1px solid #c3c3c3
    }
}

.review-form-wrapper {
    padding: 20px 30px;
    margin-bottom: 40px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1)
}

@media (max-width: 768px) {
    .review-form-wrapper {
        padding: 15px 20px
    }
}

.review-form-wrapper .comment-reply-title {
    margin: 0;
    color: #000;
    font-size: 27px;
    line-height: 1em;
    font-weight: 500;
}

.review-form-wrapper p {
    margin: 0;
    color: #000;
    font-size: 14px
}

.review-form-wrapper #review-form {
    padding: 20px 70px
}

.review-form-wrapper #submit {
    margin: 20px 0 0 0 !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    line-height: 1em !important;
    font-weight: 700 !important;
    color: #263238 !important;
    background: #fff !important;
    border-radius: 0 !important;
    border: 3px solid #263238 !important;
    text-transform: uppercase !important;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) !important;
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) !important;
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) !important;
}

.review-form-wrapper .comment-form-rating label {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 10px;
}

.review-form-wrapper .comment-form-rating .stars {
    padding: 0 0 20px;
}

.review-form-wrapper .comment-form-rating .stars a {
    color: #d8d8d8;
}

.review-form-wrapper .comment-form-rating .stars a:hover {
    color: #fbc02d;
}

.review-form-wrapper #submit:hover {
    background: #263238 !important;
    color: #fff !important;
}

.review-form-wrapper #review-form input,
.review-form-wrapper #review-form textarea {
    display: block;
    margin-bottom: 6px
}

.review-form-wrapper #review-form input:focus,
.review-form-wrapper #review-form textarea:focus {
    outline: none
}

.review-form-wrapper #review-form input:not([type='submit']) {
    min-width: 280px
}

.review-form-wrapper #review-form input:not([type='submit']),
.review-form-wrapper #review-form textarea {
    padding: 10px;
    color: #9e9e9e;
    font-size: 13px;
    border: 1px solid #f8f8f8;
    background: #f8f8f8;
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.review-form-wrapper #review-form input:not([type='submit']):focus,
.review-form-wrapper #review-form input:not([type='submit']).has-value,
.review-form-wrapper #review-form textarea:focus,
.review-form-wrapper #review-form textarea.has-value {
    border-color: #f5f5f5;
    background: transparent
}

.review-form-wrapper #review-form textarea {
    width: 100%;
    min-height: 100px;
    resize: none
}

.review-form-wrapper #review-form input[type='submit'] {
    margin: 20px 0 0 0;
    padding: 12px 18px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    color: #263238;
    background: #fff;
    border: 3px solid #263238;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.review-form-wrapper #review-form input[type='submit']:hover {
    background: #263238;
    color: #fff
}

@media (max-width: 768px) {
    .review-form-wrapper #review-form {
        padding: 15px 5px
    }
    .review-form-wrapper #review-form input:not([type='submit']) {
        min-width: 0;
        width: 100%
    }
}

.shop-page-items {
    padding: 35px 0
}
.sidebar {
    padding-bottom: 60px;
}

.sidebar .color-filters-wrap {
    margin: 0 -5px !important;
}

.sidebar .widget:before,
.sidebar .widget:after {
    display: table;
    content: " ";
}

.sidebar .widget:after {
    clear: both;
}

.sidebar .widget_product_tag_cloud li a:before {
    display: none !important;
    padding-left: 0 !important;
}

.sidebar .color-filters-wrap .color-item .rcorners {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
}

.sidebar .color-filters-wrap .color-item .rcorners a {
    display: inline-block !important;
    border-radius: 50% !important;
    height: 42px !important;
    width: 42px !important;
    float: none !important;
}

.sidebar .banner.promo a {
    position: relative;
    display: block;
    overflow: hidden
}

.sidebar .banner.promo a .text {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff
}

.sidebar .banner.promo a .text h4 {
    position: relative;
    margin: 0 0 15px 0;
    font-size: 22px;
    line-height: 1em;
    text-transform: uppercase;
    top: -150px;
    -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1)
}

.sidebar .banner.promo a .text p {
    position: relative;
    font-size: 14px;
    margin-bottom: 40px;
    top: -150px;
    -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1)
}

@media (min-width: 991px) and (max-width: 1200px) {
    .sidebar .banner.promo a .text p {
        margin-bottom: 20px
    }
}

.sidebar .banner.promo a .text .price {
    position: relative;
    font-size: 43px;
    line-height: 1em;
    font-weight: 700;
    left: -125px;
    -webkit-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.sidebar .banner.promo a:hover .text h4,
.sidebar .banner.promo a:hover .text p {
    top: 0
}

.sidebar .banner.promo a:hover .text .price {
    left: 0
}

.sidebar .banner {
    text-align: left
}

.sidebar .banner img {
    width: 100%
}

.widget.best-seller .best-seller-wrapper {
    padding: 25px 25px 20px 25px;
    border: 1px solid #eee
}

.widget.best-seller .best-seller-wrapper .best-sellers .col-md-12:last-of-type .best-seller-product {
    margin: 0
}

.widget.best-seller .best-seller-wrapper .best-sellers .best-seller-product {
    position: relative;
    padding-left: 80px;
    margin-bottom: 35px
}

.widget.best-seller .best-seller-wrapper .best-sellers .best-seller-product .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px
}

.widget.best-seller .best-seller-wrapper .best-sellers .best-seller-product h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 10px 0
}

.widget.best-seller .best-seller-wrapper .best-sellers .best-seller-product h3 a {
    color: #000;
    text-decoration: none
}

.widget.best-seller .best-seller-wrapper .best-sellers .best-seller-product h3 a:hover {
    color: #263238
}

.widget.best-seller .best-seller-wrapper .best-sellers .best-seller-product .price {
    font-size: 13px;
    margin-bottom: 8px;
    line-height: 1em;
    color: #b1b1b1
}

.widget.best-seller .best-seller-wrapper .best-sellers .best-seller-product .rating i {
    color: #fbc02d;
    font-size: 12px
}

.widget.new-arrival .new-arrivals-slider {
    position: relative
}

.widget.new-arrival .new-arrivals-slider .new-arrival-boxes {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.widget.new-arrival .new-arrivals-slider .new-arrival-boxes .new-arrival-box {
    padding: 30px 25px 10px 25px;
    border: 1px solid #eee
}

.widget.new-arrival .new-arrivals-slider .new-arrival-boxes .new-arrival-box ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.widget.new-arrival .new-arrivals-slider .new-arrival-boxes .new-arrival-box ul .new-arrival-product {
    position: relative;
    padding-left: 80px;
    min-height: 80px
}

.widget.new-arrival .new-arrivals-slider .new-arrival-boxes .new-arrival-box ul .new-arrival-product .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px
}

.widget.new-arrival .new-arrivals-slider .new-arrival-boxes .new-arrival-box ul h3 {
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 1em
}

.widget.new-arrival .new-arrivals-slider .new-arrival-boxes .new-arrival-box ul h3 a {
    text-decoration: none;
    color: #263238
}

.widget.new-arrival .new-arrivals-slider .new-arrival-boxes .new-arrival-box ul h3 a:hover {
    color: #000
}

.widget.new-arrival .new-arrivals-slider .new-arrival-boxes .new-arrival-box ul .price {
    font-size: 13px;
    color: #aaa;
    margin: 0
}

.widget.new-arrival .new-arrivals-slider .controls {
    position: absolute;
    top: -60px;
    right: 0
}

.widget.new-arrival .new-arrivals-slider .controls a i {
    border: 1px solid #eee;
    text-align: center;
    font-size: 18px;
    padding-top: 5px;
    color: #f3f3f3;
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.widget.new-arrival .new-arrivals-slider .controls a i:hover {
    color: #d3d3d3;
    border-color: #d3d3d3
}

.widget.special-offer .special-product:hover .special-product-body .image .count-down {
    bottom: 10px
}

.widget.special-offer .special-product .special-product-body {
    padding: 10px 10px 20px 10px;
    border: 1px solid #eee
}

.widget.special-offer .special-product .special-product-body .image {
    position: relative;
    text-align: center;
    overflow: hidden
}

.widget.special-offer .special-product .special-product-body .image .icon {
    position: absolute;
    text-align: center;
    top: 10px;
    right: 10px;
    font-size: 22px;
    color: #fff;
    background: #dc4040;
    width: 42px;
    height: 42px;
    padding-top: 9px;
    border-radius: 50%;
    pointer-events: none
}

.widget.special-offer .special-product .special-product-body .image .count-down {
    position: absolute;
    bottom: -300px;
    width: 94%;
    background: #fff;
    padding: 25px 0 23px 0;
    left: 50%;
    -webkit-transform: translateX(-50.5%);
    -moz-transform: translateX(-50.5%);
    -ms-transform: translateX(-50.5%);
    transform: translateX(-50.5%);
    background: #fff;
    pointer-events: none;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.widget.special-offer .special-product .special-product-body .image .count-down ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.widget.special-offer .special-product .special-product-body .image .count-down ul li {
    display: inline-block;
    text-align: center;
    width: 25%;
    color: #000
}

.widget.special-offer .special-product .special-product-body .image .count-down ul li .count-nr {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 10px
}

.widget.special-offer .special-product .special-product-body .image .count-down ul li .caption {
    margin: 0;
    font-size: 11px;
    text-transform: uppercase
}

.widget.special-offer .special-product .special-product-body .details {
    padding-top: 20px
}

.widget.special-offer .special-product .special-product-body .details h3 {
    margin: 0 0 2.5px;
    font-size: 12px;
    line-height: 1em
}

.widget.special-offer .special-product .special-product-body .details h3 a {
    color: #000;
    text-decoration: none
}

.widget.special-offer .special-product .special-product-body .details h3 a:hover {
    color: #263238
}

.widget.special-offer .special-product .special-product-body .details .rating {
    margin: 0;
}

.widget.special-offer .special-product .special-product-body .details .rating i {
    font-size: 12px;
    color: #fbc02d
}

.widget.special-offer .special-product .special-product-body .details .price {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 7.5px;
}

.widget.special-offer .special-product .special-product-body .details .btn {
    float: right;
    margin-top: -50px
}

.widget.top-seller .top-seller-slider {
    position: relative
}

.widget.top-seller .top-seller-boxes {
    list-style-type: none;
    padding: 0;
    margin: 0
}


.top-seller-slider {
    position: relative;
}

.top-seller-boxes .top-seller-box {
    border: 1px solid #eee;
    margin-right: 1px;
}

.top-seller-boxes .top-seller-box ul {
    list-style-type: none;
    padding: 0 0 10px;
    margin: 0
}

.top-seller-boxes .top-seller-box ul li {
    position: relative;
    padding: 30px 30px 30px 105px;
    border-bottom: 1px solid #eee
}

.slider-style-2 .top-seller-boxes .top-seller-box ul li {
    border: 0;
    padding-top: 20px;
    padding-bottom: 15px;
}

.top-seller-boxes .top-seller-box ul li:last-of-type {
    border: 0
}

.top-seller-boxes .top-seller-box ul li .image {
    position: absolute;
    width: 50px;
    top: 30px;
    left: 30px
}

.top-seller-boxes .top-seller-box ul li h4 {
    font-size: 14px;
    line-height: 1em;
    margin: 0 0 4.5px;
}

.top-seller-boxes .top-seller-box ul li h4 a {
    -webkit-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    text-decoration: none;
    color: #aaa;
}

.top-seller-boxes .top-seller-box ul li h4 a:hover {
    color: #000
}

.top-seller-boxes .top-seller-box ul li .price {
    margin: 0;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    line-height: 1em;
    position: relative;
}

.top-seller-boxes .top-seller-box ul li .price del {
    top: 0;
    right: -2px;
    font-size: 12px;
    position: absolute;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.top-seller-boxes .top-seller-box ul li .price ins {
    text-decoration: none;
}

.widget  .bx-controls {
    padding-left: 20px;
    position: absolute;
    background: #fff;
    top: -60px;
    right: 0
}

.widget  .bx-controls a i {
    border: 1px solid #eee;
    text-align: center;
    font-size: 18px;
    padding-top: 5px;
    color: #f3f3f3;
    width: 30px;
    height: 30px;
    -webkit-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.widget .bx-controls a i:hover {
    color: #d3d3d3;
    border-color: #d3d3d3
}

/* Recently Viewed Products */

.widget_recently_viewed_products .product_list_widget li {
    position: relative;
    padding: 0 0 0 65px;
}

.widget_recently_viewed_products .product_list_widget li .image {
    display: inline-block;
    position: absolute;
    width: 50px;
    left: 0;
    top: 0;
}

.widget.widget_product_categories {
    padding-bottom: 30px
}

.widget.widget_product_categories .heading {
    position: relative;
    color: #263238;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 35px
}

.widget.widget_product_categories .heading i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 8px;
    width: 16px;
    height: 16px;
    text-align: center;
    padding-top: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5)
}

.widget.widget_product_categories ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.widget.widget_product_categories ul li {
    margin-bottom: 22.5px
}

.widget.widget_product_categories ul li a {
    color: #263238;
    font-size: 13px;
    line-height: 1em;
    text-decoration: none
}

.widget.widget_product_categories ul li a:hover {
    font-weight: 700
}

.widget.widget_product_categories ul li:last-of-type {
    margin: 0
}

.widget.widget_layered_nav {
    padding-bottom: 30px
}

.widget.widget_layered_nav .heading {
    position: relative;
    color: #263238;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 35px
}

.widget.widget_layered_nav .heading i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 8px;
    width: 16px;
    height: 16px;
    text-align: center;
    padding-top: 4px;
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5)
}

.widget.widget_layered_nav ul {
    list-style-type: none;
    font-size: 0;
    padding: 30px 0 0 35px;
    margin: 0
}

.widget.widget_layered_nav ul li {
    margin-bottom: 30px
}

.widget.widget_layered_nav ul li a {
    color: #263238;
    font-size: 13px;
    line-height: 1em;
    text-decoration: none
}

.widget.widget_layered_nav ul li a:hover {
    font-weight: 700
}

.widget.widget_layered_nav ul li:last-of-type {
    margin: 0
}

.widget.filter-price {
    border-top: 1px solid #f5f5f5;
    padding-bottom: 25px
}

.widget.filter-price .widget-body {
    padding: 0 20px
}

.widget.filter-price .widget-body .price-slider {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    height: 15px;
    border-top: 1px solid #e7e7e7;
    background: #f5f5f5;
    height: 3px
}

.widget.filter-price .widget-body .price-slider .noUi-connect {
    background: #c5c5c5;
    border-bottom: 1px solid #b5b5b5;
    border-radius: 0
}

.widget.filter-price .widget-body .price-slider .noUi-handle {
    background: url(../img/range-slider.png) no-repeat;
    background-color: transparent;
    border: 0;
    width: 12px;
    height: 18px;
    cursor: pointer;
    left: 0
}

.widget_price_filter .price_slider_amount .price_label {
    border: 1px solid #f5f5f5;
    display: inline-block;
    font-size: 12px;
    color: #263238;
    padding: 3px 12.5px;
}

.widget_price_filter .price_slider_amount .button {
    letter-spacing: .086em !important;
    padding: 9px 16px !important;
    font-size: 13px !important;
    outline: none !important;
    border-radius: 0;
}

.widget.filter-price .widget-body .price-slider .noUi-handle:before,
.widget.filter-price .widget-body .price-slider .noUi-handle:after {
    display: none
}

.widget.filter-price .widget-body .price-slider * {
    box-shadow: none !important
}

.widget.filter-price .widget-body .price-box {
    display: inline-block;
    margin-top: 20px;
    font-size: 12px;
    color: #263238;
    padding: 10px;
    border: 1px solid #f5f5f5
}

.widget.filter-price .widget-body .price-box .max:before,
.widget.filter-price .widget-body .price-box .min:before {
    content: "$"
}

.widget.filter-size {
    border-top: 1px solid #f5f5f5;
    padding-bottom: 25px
}

.widget.filter-size .widget-body {
    padding: 0 10px 0 20px
}

.widget.filter-size .widget-body .size-select {
    font-size: 0
}

.widget.filter-size .widget-body .size-select .input-group {
    display: inline-block;
    margin-right: 5px
}

.widget.filter-size .widget-body .size-select .input-group input {
    display: none
}

.widget.filter-size .widget-body .size-select .input-group input:checked+.size-option {
    background: transparent;
    border-color: #263238
}

.widget.filter-size .widget-body .size-select .input-group .size-option {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    line-height: 1em;
    color: #263238;
    background: #fafafa;
    width: 30px;
    height: 30px;
    padding-top: 10px;
    border: 2px solid transparent;
    text-transform: uppercase;
    -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1)
}

.widget.filter-size .widget-body .size-select .input-group .size-option:hover {
    background: rgba(209, 209, 209, 0.24)
}

.widget.filter-size .widget-body .size-select .input-group:last-of-type {
    margin: 0
}

.widget.filter-color {
    border-top: 1px solid #f5f5f5;
    padding-bottom: 25px
}

.widget.filter-color .widget-body .color-select {
    font-size: 0
}

.widget.filter-color .widget-body .color-select .input-group {
    display: inline-block;
    margin-right: 5px
}

.widget.filter-color .widget-body .color-select .input-group.green .color-option {
    background: #26a69a
}

.widget.filter-color .widget-body .color-select .input-group.pink .color-option {
    background: #e91e63
}

.widget.filter-color .widget-body .color-select .input-group.blue .color-option {
    background: #2196f3
}

.widget.filter-color .widget-body .color-select .input-group.cream .color-option {
    background: #ffcdd2
}

.widget.filter-color .widget-body .color-select .input-group.yellow .color-option {
    background: #ffeb3b
}

.widget.filter-color .widget-body .color-select .input-group.green .color-option {
    background: #26a69a
}

.widget.filter-color .widget-body .color-select .input-group.orange .color-option {
    background: #e65100
}

.widget.filter-color .widget-body .color-select .input-group.brown .color-option {
    background: #a1887f
}

.widget.filter-color .widget-body .color-select .input-group.black .color-option {
    background: #212121
}

.widget.filter-color .widget-body .color-select .input-group.grey .color-option {
    background: #bdbdbd
}

.widget.filter-color .widget-body .color-select .input-group.white .color-option {
    background: #fff;
    box-shadow: inset 0 0 0 1px #e7e7e7
}

.widget.filter-color .widget-body .color-select .input-group.white .color-option i {
    background: rgba(189, 189, 189, 0.3)
}

.widget.filter-color .widget-body .color-select .input-group.red .color-option {
    background: #e53935
}

.widget.filter-color .widget-body .color-select .input-group input {
    display: none
}

.widget.filter-color .widget-body .color-select .input-group input:checked+.color-option i {
    display: block;
    -webkit-animation: zoomIn 0.15s;
    -moz-animation: zoomIn 0.15s;
    -ms-animation: zoomIn 0.15s;
    -o-animation: zoomIn 0.15s;
    animation: zoomIn 0.15s
}

.widget.filter-color .widget-body .color-select .input-group .color-option {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    text-align: center;
    padding: 9px 0 0 9px
}

.widget.filter-color .widget-body .color-select .input-group .color-option i {
    position: absolute;
    font-size: 10px;
    color: #263238;
    background: #fff;
    height: 24px;
    width: 24px;
    text-align: center;
    padding-top: 7px;
    border-radius: 50%;
    display: none
}

/* Twitter Widget */

.tesla-twitter-widget .twitter li {
    position: relative;
    padding-left: 30px;
}

.tesla-twitter-widget .twitter li:before {
    font-family: fontawesome;
    position: absolute;
    content: "\f099";
    left: 0;
    top: 0;
}

.widget.tags {
    border-top: 1px solid #f5f5f5;
    padding-bottom: 20px
}

.widget_product_tag_cloud .wp-tag-cloud li,
.widget.tags .widget-body ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.widget_product_tag_cloud .wp-tag-cloud li,
.widget.tags .widget-body ul li {
    display: inline-block;
    margin: 0 10px 10px 0
}

.widget_product_tag_cloud .wp-tag-cloud li a,
.widget.tags .widget-body ul li a {
    display: inline-block;
    color: #9e9e9e;
    background: #f5f5f5;
    font-size: 12px;
    line-height: 1em;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.widget_product_tag_cloud .wp-tag-cloud li a:hover,
.widget.tags .widget-body ul li a:hover {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15)
}

.widget.widget_product_tag_cloud {
    border-top: 1px solid #f5f5f5;
    padding-bottom: 20px
}

.widget.widget_product_tag_cloud .widget-body ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.widget.widget_product_tag_cloud .widget-body ul li,
.widget_tag_cloud ul li {
    display: inline-block;
    margin: 0 10px 10px 0
}

.widget.widget_product_tag_cloud .widget-body ul li a,
.widget_tag_cloud ul li a {
    display: inline-block;
    color: #9e9e9e;
    background: #f5f5f5;
    font-size: 12px;
    line-height: 1em;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.widget.widget_product_tag_cloud .widget-body ul li a:hover,
.widget_tag_cloud ul li a:hover {
    background: #fff;
    color: #9e9e9e !important;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15)
}

.widget.top-rated {
    border-top: 1px solid #f5f5f5;
    padding-bottom: 30px
}

/* Price Filter */

.widget_price_filter .price_slider_wrapper .price_slider {
    border-top: 1px solid #e7e7e7 !important;
    background: #f5f5f5 !important;
    border-radius: 0 !important;
    height: 3px !important;
    margin: 0 0 25px !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background: #c5c5c5 !important;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-image: url(../images/range-slider.png) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    height: 18px !important;
    width: 12px !important;
    top: -6px !important;
}

.widget.top-rated .widget-body .top-rated-box {
    border: 1px solid #eee;
    padding: 30px 0
}

.widget.top-rated .widget-body .top-rated-box ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.widget.top-rated .widget-body .top-rated-box ul li {
    position: relative;
    padding: 8px 30px 8px 100px;
    min-height: 65px;
    border-bottom: 1px solid #eee
}

.widget.top-rated .widget-body .top-rated-box ul li:last-of-type {
    border: 0
}

.widget.top-rated .widget-body .top-rated-box ul li .image {
    position: absolute;
    left: 25px;
    top: 8px;
    width: 48px
}

.widget.top-rated .widget-body .top-rated-box ul li h4 {
    margin: 0;
    font-size: 14px;
    line-height: 1em
}

.widget.top-rated .widget-body .top-rated-box ul li h4 a {
    color: #aaa;
    text-decoration: none
}

.widget.top-rated .widget-body .top-rated-box ul li h4 a:hover {
    color: #000
}

.widget.top-rated .widget-body .top-rated-box ul li .price {
    margin: 0;
    font-size: 18px;
    font-weight: 700
}

.widget.widget_products {
    padding-bottom: 35px;
    border-top: 1px solid #f5f5f5
}

.widget.widget_products .widget-body .simple-products-box {
    padding: 30px 25px;
    border: 1px solid #eee
}

.widget.widget_products .widget-body .simple-products-box ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.widget.widget_products .widget-body .simple-products-box ul li {
    position: relative;
    padding-left: 70px;
    padding-bottom: 10px;
    min-height: 60px
}

.widget.widget_products .widget-body .simple-products-box ul li:last-of-type {
    padding-bottom: 0
}

.widget.widget_products .widget-body .simple-products-box ul li .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px
}

.widget.widget_products .widget-body .simple-products-box ul li h4 {
    margin: 0;
    font-size: 14px;
    line-height: 1em;
    margin-bottom: 7px
}

.widget.widget_products .widget-body .simple-products-box ul li h4 a {
    text-decoration: none;
    color: #263238
}

.widget.widget_products .widget-body .simple-products-box ul li h4 a:hover {
    color: #000
}

.widget.widget_products .widget-body .simple-products-box ul li .price {
    font-size: 13px;
    color: #aaa
}


.widget.sidebar-header {
    padding: 0;
    margin: 0;
}

.widget.search .search-form {
    position: relative;
    width: 100%
}

.widget_product_search {
    margin: 0 !important;
}

.widget.search .search-form .search-input {
    width: 100%;
    border: 5px solid #f5f5f5;
    background: transparent;
    padding: 10px 40px 10px 10px;
    font-size: 14px;
    color: #d6d6d6
}

.widget.search .search-form .search-input::-webkit-input-placeholder {
    color: #d6d6d6
}

.widget.search .search-form .search-input:-moz-placeholder {
    color: #d6d6d6
}

.widget.search .search-form .search-input.placeholder {
    color: #d6d6d6
}

.widget.search .search-form .search-input:focus {
    outline: none
}

.widget.search .search-form .search-submit,
.widget.search .search-form .icon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px
}

.widget.search .search-form .icon {
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
    color: #d3d3d3;
    background: #f5f5f5;
    z-index: 1
}

.widget.search .search-form .search-submit {
    z-index: 2;
    border: 0;
    background: transparent
}

.widget.search .search-form .search-submit:focus {
    outline: none
}

.widget.search .search-form .search-submit:hover+.icon {
    background: rgba(207, 207, 207, 0.29)
}

.widget {
    margin-bottom: 45px
}

.widget .section-header h1 {
    padding-top: 0
}

.no-margin-widgets .widget {
    margin-bottom: 0
}

.widget-header {
    color: #333;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    margin: 15px 0 20px 0;
    text-transform: uppercase
}

.widget-header a {
    text-decoration: none;
    color: inherit;
}

.sidebar-header {
    padding-bottom: 30px
}

.sidebar-header h2 {
    margin: 0;
    font-size: 25px;
    line-height: 1em;
    text-transform: uppercase;
    padding-bottom: 7px;
    color: #263238;
    border-bottom: 2px solid #263238
}

.from-blog {
    padding-bottom: 65px
}

.from-blog .blogpost {
    margin-bottom: 20px
}

.from-blog .blogpost:hover .image {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}

.from-blog .blogpost .image {
    position: relative;
    display: inline-block;
    min-height: 180px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.from-blog .blogpost .image iframe {
    max-width: 100% !important;
    height: auto !important;
}

.from-blog .blogpost .image:hover .hover {
    visibility: visible;
    opacity: 1
}

.from-blog .blogpost .image:hover .hover a {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.from-blog .blogpost .image .hover {
    position: absolute;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.24s ease-in-out;
    -moz-transition: all 0.24s ease-in-out;
    -o-transition: all 0.24s ease-in-out;
    transition: all 0.24s ease-in-out
}

.from-blog .blogpost .image .hover a {
    position: relative;
    display: inline-block;
    top: calc(50% - 25px);
    color: #fff;
    background: #f57c00;
    font-size: 12px;
    line-height: 1em;
    padding: 18px 20px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.from-blog .blogpost h3 {
    margin: 30px 0 20px 0;
    font-size: 14px;
    line-height: 1.5em;
    text-transform: uppercase
}

.from-blog .blogpost h3 a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.from-blog .blogpost h3 a:hover {
    color: #f57c00
}

.from-blog .blogpost p {
    color: #aaa;
    font-size: 13px;
    line-height: 1.615em
}

.from-blog .blogpost p a {
    display: block;
    margin-top: 10px;
    color: #aaa;
    text-decoration: none
}

.from-blog .blogpost p a:hover {
    color: #f57c00
}

.preview-cards {
    background: #f5f5f5;
    padding: 50px 0 40px 0
}

@media (max-width: 991px) {
    .preview-cards .preview-card {
        padding-bottom: 60px
    }
}

.preview-cards .preview-card .preview-card-header h2 {
    text-transform: uppercase;
    margin: 0;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 1em;
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.preview-cards .preview-card .preview-card-body {
    padding-top: 30px;
    margin-bottom: 20px;
}

.preview-cards .preview-card .preview-card-body ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.preview-cards .preview-card .preview-card-body ul li {
    position: relative;
    padding-left: 90px;
    margin-bottom: 40px;
    min-height: 60px;
}

.preview-cards .preview-card .preview-card-body ul li:last-of-type {
    margin-bottom: 0;
}

.preview-cards .preview-card .preview-card-body ul li .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
}

.preview-cards .preview-card .preview-card-body ul li h5 {
    margin: 5px 0 10px 0;
    font-size: 14px;
    line-height: 1em
}

.preview-cards .preview-card .preview-card-body ul li h5 a {
    color: #aaa;
    text-decoration: none;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.preview-cards .preview-card .preview-card-body ul li h5 a:hover {
    color: #8d8d8d
}

.preview-cards .preview-card .preview-card-body ul li .rating {
    margin-bottom: 5px
}

.preview-cards .preview-card .preview-card-body ul li .rating .fa {
    font-size: 13px;
    color: #fbc02d
}

.preview-cards .preview-card .preview-card-body ul li .price {
    color: #000;
    font-size: 14px;
    text-transform: uppercase
}

.preview-cards.v2 .preview-card .preview-card-body ul li {
    padding-left: 60px
}

.preview-cards.v2 .preview-card .preview-card-body ul li .image {
    width: 45px
}

.preview-cards.v2 .preview-card .preview-card-body ul li h5 {
    margin-bottom: 0;
    font-size: 12px
}

.preview-cards.v2 .preview-card .preview-card-body ul li .price {
    font-size: 12px
}

.clear-header {
    margin-bottom: 40px;
}
.clear-footer {
    margin-top: 40px;
}

.features {
    padding: 16px 0;
    color: #263238;
    background: #fcfcfc;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}

.features .feature i,
.features .feature p {
    display: inline-block;
    margin: 0
}

.features .feature p {
    font-size: 12px;
    vertical-align: top;
    padding-top: 8px;
    text-transform: uppercase
}

.features .feature i {
    font-size: 32px;
    margin-right: 30px
}

@media (max-width: 991px) {
    .features .feature {
        padding: 15px 0
    }
}

@media (max-width: 768px) {
    .features .feature {
        text-align: center
    }
}

.error-404 .page-header {
    border: 0;
    margin: 0;
    color: #333;
}

.error-404 .page-header h1 {
    margin: 0;
    font-size: 43px;
    font-weight: 700;
    line-height: 1em
}
.error-404 {
    padding: 0 0 35px;
}
.error-404 .page-header h1 span {
    position: relative;
    top: -6px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase
}

.error-404 .page-body {
    padding: 25px 0;
}

.error-404 .page-body p {
    color: #aaa;
    font-size: 14px;
    line-height: 2.571em
}

.error-404 .page-body .search-social {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid #f5f5f5
}

.error-404 .page-body .search-social .search-form,
.error-404 .page-body .search-social .social-block {
    display: inline-block
}

.error-404 .page-body .search-social .social-block {
    margin-left: 20px
}

.error-404 .page-body .search-social .social-block span {
    display: inline-block;
    color: #9e9e9e;
    font-size: 11px;
    line-height: 1em;
    margin-bottom: 5px
}

.error-404 .page-body .search-social .social-block ul {
    padding: 0;
    margin: 0
}

.error-404 .page-body .search-social .social-block ul li {
    display: inline-block;
    margin: 0 3px 0 0
}

.error-404 .page-body .search-social .social-block ul li:last-of-type {
    margin: 0
}

.error-404 .page-body .search-social .social-block ul li a {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: none
}

.error-404 .page-body .search-social .social-block ul li a i {
    text-align: center;
    font-size: 12px;
    width: 32px;
    height: 32px;
    color: #fff;
    border-radius: 3px;
    padding-top: 10px;
    opacity: 0.9;
    -webkit-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.error-404 .page-body .search-social .social-block ul li a i:hover {
    opacity: 1;
    border-radius: 0
}

.error-404 .page-body .search-social .social-block ul li.facebook a i {
    background: #0277bd
}

.error-404 .page-body .search-social .social-block ul li.twitter a i {
    background: #80deea
}

.error-404 .page-body .search-social .social-block ul li.pinterest a i {
    background: #ef5350
}

.error-404 .page-body .search-social .social-block ul li.vk a i {
    background: #45668e
}

.error-404 .page-body .search-social .social-block ul li.instagram a i {
    background: #517fa4
}

.error-404 .page-body .search-social .social-block ul li.google a i {
    background: #dd4b39
}

.error-404 .page-body .search-social .social-block ul li.youtube a i {
    background: #b00
}

.error-404 .page-body .search-social .social-block ul li.flickr a i {
    background: #ff0084
}

.error-404 .page-body .search-social .social-block ul li.linkedin a i {
    background: #007bb6
}

.error-404 .page-body .search-social .social-block ul li.tumblr a i {
    background: #32506d
}

.error-404 .page-body .search-social .search-form {
    position: relative;
    width: 280px
}

.error-404 .page-body .search-social .search-form .search-input {
    width: 100%;
    border: 5px solid #f5f5f5;
    background: transparent;
    padding: 8px 40px 8px 10px;
    font-size: 14px;
    color: #d6d6d6
}

.error-404 .page-body .search-social .search-form .search-input::-webkit-input-placeholder {
    color: #d6d6d6
}

.error-404 .page-body .search-social .search-form .search-input:-moz-placeholder {
    color: #d6d6d6
}

.error-404 .page-body .search-social .search-form .search-input.placeholder {
    color: #d6d6d6
}

.error-404 .page-body .search-social .search-form .search-input:focus {
    outline: none
}

.error-404 .page-body .search-social .search-form .search-submit,
.error-404 .page-body .search-social .search-form .icon {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 30px;
    height: 30px
}

.error-404 .page-body .search-social .search-form .icon {
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
    color: #d3d3d3;
    background: #f5f5f5;
    z-index: 1
}

.error-404 .page-body .search-social .search-form .search-submit {
    z-index: 2;
    border: 0;
    background: transparent
}

.error-404 .page-body .search-social .search-form .search-submit:focus {
    outline: none
}

.error-404 .page-body .search-social .search-form .search-submit:hover+.icon {
    background: rgba(207, 207, 207, 0.29)
}

@media (max-width: 600px) {
    .error-404 .page-header h1 {
        font-size: 36px
    }
    .error-404 .page-header h1 span {
        display: block;
        top: 5px;
        margin-left: 0
    }
    .error-404 .page-body .search-social .social-block {
        display: block;
        margin: 15px 0 0
    }
}

.woocommerce .woocommerce-info,
.woocommerce-message {
    padding: 30px 25px 25px 45px !important;
    border-color: #263238 !important;
}

.woocommerce .woocommerce-info:before, 
.woocommerce-message:before {
    color: #263238;
    top: 2.1em;
}

.woocommerce .woocommerce-info a,
.woocommerce-message a {
    color: #263238 !important;
}
.woocommerce .woocommerce-info a:hover,
.woocommerce-message a:hover {
    color: #f57c00 !important;
}

.info-boxes .box-heading {
    margin: 0 0 20px 0;
    font-size: 32px;
    font-weight: 700;
    line-height: 1em
}

.box-additional-info {
    padding: 35px 0 0;
}

.box-additional-info label {
    font-size: 18px;
    margin: 0 0 5px;
}

.box-additional-info textarea {
    padding: 12px 10px;
}

.info-boxes .box-heading .input-group {
    display: inline-block;
    margin-left: 30px;
    line-height: 1em;
    font-size: 0;
}

.info-boxes .box-heading .input-group input {
    display: none
}

.info-boxes .box-heading .input-group input:checked+span i {
    display: block;
    -webkit-animation: zoomIn 0.15s;
    -moz-animation: zoomIn 0.15s;
    -ms-animation: zoomIn 0.15s;
    -o-animation: zoomIn 0.15s;
    animation: zoomIn 0.15s
}
.info-boxes .box-heading .input-group label {
    margin: 0 !important;
    line-height: 1em;
}
.info-boxes .box-heading .input-group span {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 18px;
    height: 18px;
    border: 1px solid #263238
}

.info-boxes .box-heading .input-group span i {
    display: none;
    position: absolute;
    font-size: 12px;
    padding: 2px 0 0 2px
}

.info-boxes .box-heading .form-row {
    display: inline-block;
    margin-left: 30px
}

.info-boxes .box-heading .form-row input {
    display: none
}

.info-boxes .box-heading .form-row input:checked+span i {
    display: block;
    -webkit-animation: zoomIn 0.15s;
    -moz-animation: zoomIn 0.15s;
    -ms-animation: zoomIn 0.15s;
    -o-animation: zoomIn 0.15s;
    animation: zoomIn 0.15s
}

.info-boxes .box-heading .form-row span {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 18px;
    height: 18px;
    border: 1px solid #263238
}

.info-boxes .box-heading .form-row span i {
    display: none;
    position: absolute;
    font-size: 12px;
    padding: 2px 0 0 2px
}

.info-boxes .shipping-address .box {
    display: none
}

.info-boxes .box {
    border: 1px solid #eee;
    padding: 25px 45px 45px;
}

.info-boxes .box .form-row {
    display: inherit
}

.info-boxes .box .form-row h4 {
    color: #263238;
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase
}

.info-boxes .box .form-row input,
.info-boxes .box .form-row select {
    width: 100%;
    font-size: 14px;
    border-radius: 0;
    padding: 12px 10px;
    margin-bottom: 15px;
    color: #263238;
    border: 1px solid #eee;
    background: transparent
}

.info-boxes .box .form-row input:focus,
.info-boxes .box .form-row select:focus {
    outline: none
}

.info-boxes .box .link {
    padding-top: 10px
}

.info-boxes .box .link .forgot-password {
    display: inline-block;
    position: relative;
    float: right;
    top: 16px;
    font-size: 13px;
    line-height: 1em;
    color: #9e9e9e;
    text-decoration: none;
    -webkit-transition: all 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.1s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.info-boxes .box .link .forgot-password:hover {
    color: #263238
}

@media (max-width: 991px) {
    .info-boxes .box {
        margin-bottom: 45px
    }
}

@media (max-width: 768px) {
    .info-boxes .box {
        padding: 15px 30px 25px 30px
    }
}

.info-boxes .order .order-details .order-details-header {
    margin: 30px 0 10px 0;
    background: #fff;
    padding: 15px 20px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1)
}

.info-boxes .order .order-details .order-details-header p {
    margin: 0;
    color: #757575;
    font-size: 17px;
    line-height: 1em
}

.info-boxes .order .order-details table {
    width: 100%
}

.info-boxes .order .order-details table td {
    font-size: 13px;
    padding: 20px 30px;
    color: #263238;
    border: 1px solid #f0f0f0
}

.info-boxes .order .order-details table td:first-of-type {
    width: 80%
}

.info-boxes .order .order-details table td span {
    text-transform: uppercase
}

.info-boxes .order .order-details table thead td {
    color: #9e9e9e;
    background: #f0f0f0;
    text-transform: uppercase
}

.info-boxes .order .order-details #payment.payment-block {
    margin-top: 25px;
    padding: 25px 30px 21px 30px;
    background: #263238;
    border-radius: 0 !important;
}

.info-boxes .order .order-details #payment.payment-block .payment-type {
    margin-bottom: 10px
}

.info-boxes .order .order-details #payment.payment-block .payment-type .type-header {
    margin-bottom: 12px
}

.info-boxes .order .order-details #payment.payment-block .payment-type .type-header label {
    position: relative;
    cursor: pointer;
    padding-left: 30px
}

.info-boxes .order .order-details #payment.payment-block .payment-type .type-header label img,
.info-boxes .order .order-details #payment.payment-block .payment-type .type-header label a {
    display: none !important;
}

.info-boxes .order .order-details #payment.payment-block .payment-type .type-header label input {
    position: absolute;
    top: 0;
    left: 0
}

.info-boxes .order .order-details #payment.payment-block .payment-type .type-header label span {
    margin: 0;
    color: #fff;
    font-size: 13px;
    line-height: 1em;
    font-weight: normal
}

.info-boxes .order .order-details #payment.payment-block .payment-type .type-body {
    display: none;
    padding: 14px 20px;
    background: rgba(255, 255, 255, 0.05)
}

.info-boxes .order .order-details #payment.payment-block .payment-type .type-body p {
    margin: 0;
    color: #78858b
}

.info-boxes .order .order-details #payment.payment-block .link {
    text-align: right;
    padding-top: 20px
}

.info-boxes .order .order-details #payment.payment-block .link #place_order {
    display: inline-block;
    padding: 14px;
    color: #adadad;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    background: 0;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #adadad;
    -webkit-transition: all 0.24s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: all 0.24s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: all 0.24s cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

.info-boxes .order .order-details #payment.payment-block .link #place_order:hover {
    color: #fff;
    background: #adadad
}

.woocommerce table.shop_table {
    border-radius: 0 !important;
}

.woocommerce table.shop_table thead {
    text-transform: uppercase !important;
    background: #f0f0f0 !important;
    color: #9e9e9e !important;
    font-size: 13px !important;
}

.woocommerce table.shop_table thead th {
    padding: 17px 25px !important;
    font-weight: 500 !important;
}

.info-boxes .order .order-details table td,
.woocommerce table.shop_table th {
    padding: 17px 25px !important;
}

/* Blog Unit Testing */

.blog .section-title {
    margin: 0 0 30px;
}

.blog table {
    table-layout: fixed;
    width: 100%;
}
.blog table a {
    color: #263238;
}
.blog table th,
.blog table td,
.blog table {
    border: 1px solid #eee;
}

.blog table th,
.blog table td {
    padding: 10px 20px;
}

.blog dl dt {
    margin: 12.5px 0 0;
}
.blog dl dd {
    padding-left: 15px;
}

.blog blockquote {
    border-color: #263238;
    line-height: 1.35em;
    font-size: 18px;
}

.blog .post-body a {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-weight: 600;
    color: #aaa;
}
.blog .post-body a:hover {
    color: #263238;
}

.blog address {
    display: inline-block;
    border: 4px dashed #263238;
    padding: 20px 65px 20px 35px;
    line-height: 1.2em;
    font-size: 19px;
    color: #263238;
    font-style: italic;
}

.blog .post-body .page-numbers {
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 0 !important;
    list-style-type: none;
    margin: 0;
}

.blog .post-body .container {
    max-width: 100%;
    display: block;
    padding: 0;
}

.blog .post-body .page-numbers li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.blog .blog-content .post {
    border: 1px solid #eee;
    margin-bottom: 40px
}

.blog .blog-content .post.sticky .post-meta ul li.post-type a i:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    content: "\f0c6";
}

.blog .blog-content .post .post-meta {
    padding-top: 14px
}

.blog .blog-content .post .post-meta ul {
    list-style-type: none;
    text-align: center;
    padding: 0;
    margin: 0
}

.blog .blog-content .post .post-meta ul li {
    display: block;
    margin: 0 auto 9px
}

.blog .blog-content .post .post-meta ul li a {
    text-decoration: none;
    display: inline-block;
    width: 50px;
    height: 50px;
    color: #b8b8b8;
    background: transparent;
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    -webkit-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.blog .blog-content .post .post-meta ul li a:hover {
    background: #263238;
    border-color: #263238;
    color: #fff
}

.blog .blog-content .post .post-meta ul li a .date {
    font-size: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog .blog-content .post .post-meta ul li a .date span {
    display: block;
    font-size: 12px;
    line-height: 1em
}

.blog .blog-content .post .post-meta ul li a .comments {
    font-size: 0;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog .blog-content .post .post-meta ul li a .comments span,
.blog .blog-content .post .post-meta ul li a .comments i {
    display: block;
    font-size: 12px;
    line-height: 1em
}

.blog .blog-content .post .post-meta ul li a .comments i {
    font-size: 14px;
    line-height: 1.1em
}

.blog .blog-content .post .post-meta ul li:last-of-type {
    margin-bottom: 0
}

.blog .blog-content .post .post-meta ul li.post-type a {
    background: #f57c00;
    border-color: #f57c00;
    color: #fff
}

.blog .blog-content .post .post-meta ul li.post-type a:hover {
    background: #263238;
    border-color: #263238;
    color: #fff
}

.blog .blog-content .post .post-meta ul li.post-type a i {
    position: relative;
    font-size: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%
}

@media (max-width: 768px) {
    .blog .blog-content .post .post-meta {
        padding: 14px 30px;
        border-bottom: 1px solid #eee
    }
    .blog .blog-content .post .post-meta ul li {
        float: left;
        margin: 0 10px 0 0
    }
    .blog .blog-content .post .post-meta ul li:last-of-type {
        margin: 0
    }
}

.blog .blog-content .post .post-content {
    border-left: 1px solid #eee
}

.blog .blog-content .post .post-content .post-header {
    padding: 35px 90px
}

.blog .blog-content .post .post-content .post-cover blockquote {
    margin: 0 45px;
}

.blog .blog-content .post .post-content .post-header .author {
    color: #000;
    font-size: 13px;
    margin: 0 0 7px;
    line-height: 1em
}

.blog .blog-content .post .post-content .post-header .author a {
    text-decoration: none;
    color: #000;
    -webkit-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.blog .blog-content .post .post-content .post-header .author a:hover {
    color: #263238
}

.blog .blog-content .post .post-content .post-header .post-title {
    color: #000;
    margin: 0 0 13px;
    font-size: 30px;
    line-height: 1.333em
}

.blog .blog-content .post .post-content .post-header .post-title a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.blog .blog-content .post .post-content .post-header .post-title a:hover {
    color: #263238
}

.blog .blog-content .post .post-content .post-header .post-title .post-type {
    display: none;
    position: relative;
    bottom: 4px;
    font-size: 13px;
    line-height: 1em;
    margin-left: 20px
}

.blog .blog-content .post .post-content .post-header .preview {
    color: #aaa;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0
}

.blog .blog-content .post .post-content .post-header .preview a {
    color: #263238;
    text-decoration: none;
    -webkit-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.blog .blog-content .post .post-content .post-header .preview a:hover {
    color: #000
}

.blog .blog-content .post .post-content .post-header .preview.categories {
    background: 0;
    margin: 10px 0 0;
}

@media (max-width: 768px) {
    .blog .blog-content .post .post-content {
        border-left: 0
    }
    .blog .blog-content .post .post-content .post-header {
        padding: 30px
    }
}

.blog .blog-content .post.audio .post-content .post-title .post-type {
    display: inline-block
}

.blog .blog-content .post.audio .post-content .post-cover {
    padding: 0 9px 9px
}

.blog .blog-content .post.testimonial-post .post-content .post-header .author {
    text-transform: uppercase
}

.blog-post .blog-content .post .post-header {
    padding: 25px 15px 30px
}

.blog-post .blog-content .post .post-header .post-meta {
    padding: 0
}

.blog-post .blog-content .post .post-header .post-meta .post-description {
    text-align: left;
    display: inline-block
}

.blog-post .blog-content .post .post-header .post-meta .post-description li {
    text-align: center;
    float: left;
    margin: 0 10px 0 0
}

.blog-post .blog-content .post .post-header .post-meta .post-description li:last-of-type {
    margin: 0
}

.blog-post .blog-content .post .post-header .post-meta .post-author,
.blog-post .blog-content .post .post-header .post-meta .social-block {
    display: inline-block
}

.blog-post .blog-content .post .post-header .post-meta .post-author {
    position: relative;
    top: -18px;
    margin: 0 0 0 30px;
    color: #000;
    font-size: 13px;
    line-height: 1em
}

.blog-post .blog-content .post .post-header .post-meta .post-author a {
    color: #000;
    text-decoration: none
}

.blog-post .blog-content .post .post-header .post-meta .social-block {
    float: right
}

.blog-post .blog-content .post .post-header .post-meta .social-block span {
    display: inline-block;
    color: #9e9e9e;
    font-size: 11px;
    line-height: 1em;
    margin-bottom: 5px
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li {
    display: inline-block;
    margin: 0 3px 0 0
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li:last-of-type {
    margin: 0
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li a {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: none
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li a i {
    font-size: 12px;
    width: 32px;
    height: 32px;
    color: #fff;
    border-radius: 3px;
    padding-top: 10px;
    opacity: 0.9;
    -webkit-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li a i:hover {
    opacity: 1;
    border-radius: 0
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.facebook a i {
    background: #0277bd
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.twitter a i {
    background: #80deea
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.pinterest a i {
    background: #ef5350
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.vk a i {
    background: #45668e
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.instagram a i {
    background: #517fa4
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.google-plus a i {
    background: #dd4b39
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.youtube a i {
    background: #b00
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.flickr a i {
    background: #ff0084
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.linkedin a i {
    background: #007bb6
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.tumblr a i {
    background: #32506d
}

.blog-post .blog-content .post .post-header .post-meta .social-block ul li.dribbble a i {
    background: #ea4c89;
}

@media (max-width: 768px) {
    .blog-post .blog-content .post .post-header .post-meta {
        padding: 0 15px 15px 15px;
        margin: 0 -15px
    }
}

@media (max-width: 600px) {
    .blog-post .blog-content .post .post-header .post-meta .social-block {
        float: none;
        display: block;
        padding-bottom: 30px
    }
    .blog-post .blog-content .post .post-header .post-meta .post-author {
        display: block;
        top: 10px;
        margin: 0;
        padding-bottom: 10px
    }
}

.blog-post .blog-content .post .post-header .post-title {
    margin: 10px 0 0;
    color: #000;
    font-size: 30px;
    line-height: 1.333em;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

@media (max-width: 768px) {
    .blog-post .blog-content .post .post-header {
        padding: 15px 15px 20px
    }
}

.blog-post .blog-content .post .post-body {
    padding: 40px 30px 45px
}

.blog-post .blog-content .post .post-body p {
    color: #aaa;
    font-size: 14px;
    line-height: 2.571em
}

.blog-post .blog-content .post .post-body ul,
.blog-post .blog-content .post .post-body ol {
    padding: 0 75px 0;
    margin: 0 0 25px;
}

.blog-post .blog-content .post .post-body ul li,
.blog-post .blog-content .post .post-body ul h3,
.blog-post .blog-content .post .post-body ol li,
.blog-post .blog-content .post .post-body ol h3 {
    font-size: 23px;
    font-weight: 700;
    color: #263238
}

.blog-post .blog-content .post .post-body ul li p,
.blog-post .blog-content .post .post-body ul h3 p,
.blog-post .blog-content .post .post-body ol li p,
.blog-post .blog-content .post .post-body ol h3 p {
    font-weight: normal
}

.blog-post .blog-content .post .post-body .image-slider {
    padding-bottom: 25px
}

.blog-post .blog-content .post .post-body .image-slider ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.blog-post .blog-content .post .post-body .image-slider .bx-wrapper {
    position: relative
}

.blog-post .blog-content .post .post-body .image-slider .bx-wrapper .bx-controls {
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 99;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.blog-post .blog-content .post .post-body .image-slider .bx-wrapper .bx-controls a {
    display: inline-block;
    -webkit-transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
    -moz-transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1)
}

.blog-post .blog-content .post .post-body .image-slider .bx-wrapper .bx-controls a i {
    display: inline-block;
    text-align: center;
    padding-top: 42px;
    font-size: 36px;
    line-height: 1em;
    color: #a5a5a5;
    height: 120px;
    width: 70px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1)
}

.blog-post .blog-content .post .post-body .image-slider .bx-wrapper .bx-controls a i:hover {
    color: #263238;
    background: #fff
}

.blog-post .blog-content .post .post-body .image-slider .bx-wrapper .bx-controls a:first-of-type {
    margin-left: -80px
}

.blog-post .blog-content .post .post-body .image-slider .bx-wrapper .bx-controls a:nth-of-type(2) {
    margin-right: -80px
}

.blog-post .blog-content .post .post-body .image-slider .bx-wrapper .bx-controls .bx-next {
    float: right
}

.blog-post .blog-content .post .post-body .image-slider .bx-wrapper:hover .bx-controls a {
    margin: 0
}

@media (max-width: 768px) {
    .blog-post .blog-content .post .post-body {
        padding: 30px 25px 35px
    }
    .blog-post .blog-content .post .post-body ul,
    .blog-post .blog-content .post .post-body ol {
        padding: 0 30px 0
    }
    .blog-post .blog-content .post .post-body ul li,
    .blog-post .blog-content .post .post-body ul h3,
    .blog-post .blog-content .post .post-body ol li,
    .blog-post .blog-content .post .post-body ol h3 {
        font-size: 18px
    }
    .blog-post .blog-content .post .post-body p {
        line-height: 1.8em
    }
}

.blog-post .blog-content .post .tag-cloud {
    padding: 0 30px;
}

.blog-post .blog-content .post .tag-cloud ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}
.blog-post .blog-content .post {
    padding-bottom: 30px;
}
.blog-post .blog-content .post .tag-cloud ul li {
    display: inline-block;
    margin: 0 10px 10px 0
}

.blog-post .blog-content .post .tag-cloud ul li a {
    display: inline-block;
    color: #9e9e9e;
    background: #f5f5f5;
    font-size: 12px;
    line-height: 1em;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.blog-post .blog-content .post .tag-cloud ul li a:hover {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15)
}

.blog-post .blog-content .post .from-blog {
    padding: 0 30px 40px
}

.blog-post .blog-content .post .comment-respond,
.blog-post .blog-content .post .comments-area {
    padding: 18px 30px 50px;
    border-top: 1px solid #eee
}

@media (max-width: 991px) {
    .blog-content {
        padding-bottom: 35px
    }
}

.blog .blog-content .pagination {
    padding: 40px 90px 60px 0px;
    text-align: right;
    display: block;
    margin: 0
}

.blog .blog-content .pagination ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.blog .blog-content .pagination ul li {
    display: inline-block;
    margin-left: 9px;
    font-size: 13px;
    color: #aaa;
}

.blog .blog-content .pagination ul li.current a {
    color: #cdcdcd
}

.blog .blog-content .pagination ul li:last-of-type {
    margin-left: 25px
}

.blog .blog-content .pagination ul li a {
    font-size: 13px;
    line-height: 1em;
    color: #263238;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.12s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -moz-transition: all 0.12s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 0.12s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.blog .blog-content .pagination ul li a .fa {
    margin: 0 7px;
}

.blog .blog-content .pagination ul li a:hover {
    color: #cdcdcd
}

.widget {
    margin-bottom: 25px
}

.widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.widget:not(.widget_recent_comments):not(.widget_rss):not(.widget_recent_posts):not(.widget_filters):not(.widget_product_tag_cloud):not(.widget_recent_reviews):not(.wc-products-slider):not(.tesla-twitter-widget):not(.widget_top_rated_products):not(.widget_recently_viewed_products):not(.tesla-instagram-widget):not(.widget_products):not(.widget-woocommerce-currency-switcher):not(.widget_shopping_cart):not(.special-offer):not(.widget_product_categories):not(.widget_tag_cloud) ul li {
    display: block;
    padding-bottom: 20px
}

.widget:not(.widget_recent_comments):not(.widget_rss):not(.widget_recent_posts):not(.widget_filters):not(.widget_product_tag_cloud):not(.widget_recent_reviews):not(.wc-products-slider):not(.tesla-twitter-widget):not(.widget_top_rated_products):not(.widget_recently_viewed_products):not(.tesla-instagram-widget):not(.widget_products):not(.widget-woocommerce-currency-switcher):not(.widget_shopping_cart):not(.special-offer):not(.widget_product_categories):not(.widget_tag_cloud) ul li ul {
    padding-left: 15px;
    padding-top: 10px;
}

.widget:not(.widget_recent_comments):not(.widget_rss):not(.widget_recent_posts):not(.widget_filters):not(.widget_product_tag_cloud):not(.widget_recent_reviews):not(.wc-products-slider):not(.tesla-twitter-widget):not(.widget_top_rated_products):not(.widget_recently_viewed_products):not(.tesla-instagram-widget):not(.widget_products):not(.widget-woocommerce-currency-switcher):not(.widget_shopping_cart):not(.special-offer):not(.widget_product_categories):not(.widget_tag_cloud) ul li:last-of-type {
    padding: 0
}

.widget:not(.widget_recent_comments):not(.widget_rss):not(.widget_recent_posts):not(.widget_filters):not(.widget_product_tag_cloud):not(.widget_recent_reviews):not(.wc-products-slider):not(.tesla-twitter-widget):not(.widget_top_rated_products):not(.widget_recently_viewed_products):not(.tesla-instagram-widget):not(.widget_products):not(.widget-woocommerce-currency-switcher):not(.widget_shopping_cart):not(.special-offer):not(.widget_product_categories):not(.widget_tag_cloud) ul li a {
    position: relative;
    padding-left: 15px;
    font-size: 13px;
    line-height: 1em;
    color: #263238;
    text-decoration: none;
    -webkit-transition: 0.1s all ease-in-out;
    -moz-transition: 0.1s all ease-in-out;
    -ms-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out
}

.widget:not(.widget_recent_comments):not(.widget_rss):not(.widget_recent_posts):not(.widget_filters):not(.widget_product_tag_cloud):not(.widget_recent_reviews):not(.wc-products-slider):not(.tesla-twitter-widget):not(.widget_top_rated_products):not(.widget_recently_viewed_products):not(.tesla-instagram-widget):not(.widget_products):not(.widget-woocommerce-currency-switcher):not(.widget_shopping_cart):not(.special-offer):not(.widget_product_categories):not(.widget_tag_cloud) ul li a:hover {
    padding-left: 19px
}

.widget:not(.widget_recent_comments):not(.widget_rss):not(.widget_recent_posts):not(.widget_filters):not(.widget_product_tag_cloud):not(.widget_recent_reviews):not(.wc-products-slider):not(.tesla-twitter-widget):not(.widget_top_rated_products):not(.widget_recently_viewed_products):not(.tesla-instagram-widget):not(.widget_products):not(.widget-woocommerce-currency-switcher):not(.widget_shopping_cart):not(.special-offer):not(.widget_product_categories):not(.widget_tag_cloud) ul li a:hover:before {
    color: #263238
}

.widget:not(.widget_recent_comments):not(.widget_rss):not(.widget_recent_posts):not(.widget_filters):not(.widget_product_tag_cloud):not(.widget_recent_reviews):not(.wc-products-slider):not(.tesla-twitter-widget):not(.widget_top_rated_products):not(.widget_recently_viewed_products):not(.tesla-instagram-widget):not(.widget_products):not(.widget-woocommerce-currency-switcher):not(.widget_shopping_cart):not(.special-offer):not(.widget_product_categories):not(.widget_tag_cloud) ul li a:before {
    position: absolute;
    top: 1px;
    left: 0;
    color: #d3d3d3;
    font-size: 17px;
    content: "";
    font-family: FontAwesome;
    -webkit-transition: 0.1s all ease-in-out;
    -moz-transition: 0.1s all ease-in-out;
    -ms-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out
}

.widget .widget-title {
    margin: 0 0 25px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    padding-left: 20px;
    text-transform: uppercase
}

.widget_search .search-form {
    position: relative;
    width: 100%
}

.widget_search .search-form .search-input {
    width: 100%;
    border: 5px solid #f5f5f5;
    background: transparent;
    padding: 10px 40px 10px 10px;
    font-size: 14px;
    color: #d6d6d6
}

.widget_search .search-form .search-input::-webkit-input-placeholder {
    color: #d6d6d6
}

.widget_search .search-form .search-input:-moz-placeholder {
    color: #d6d6d6
}

.widget_search .search-form .search-input.placeholder {
    color: #d6d6d6
}

.widget_search .search-form .search-input:focus {
    outline: none
}

.widget_search .search-form .search-submit,
.widget_search .search-form .icon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    height: 30px
}

.widget_search .search-form .icon {
    text-align: center;
    font-size: 14px;
    padding-top: 8px;
    color: #d3d3d3;
    background: #f5f5f5;
    z-index: 1
}

.widget_search .search-form .search-submit {
    z-index: 2;
    border: 0;
    background: transparent
}

.widget_search .search-form .search-submit:focus {
    outline: none
}

.widget_search .search-form .search-submit:hover+.icon {
    background: rgba(207, 207, 207, 0.29)
}

.widget_tag_cloud .widget-content ul {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.widget_tag_cloud .tagcloud {
    font-size: 0;
}
.widget_tag_cloud .tagcloud a {
    display: inline-block;
    margin: 0 10px 10px 0;
    color: #9e9e9e;
    background: #f5f5f5;
    font-size: 12px !important;
    line-height: 1em;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.widget_tag_cloud .tagcloud a:before {
    content: none
}

.widget_tag_cloud .tagcloud a:hover {
    background: #fff;
    color: inherit;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15)
}

.widget_recent_posts .widget-content {
    border: 1px solid #eee
}

.widget_recent_posts .widget-content ul li {
    margin: 0;
    padding: 25px;
    border-bottom: 1px solid #eee
}

.widget_recent_posts .widget-content ul li:last-of-type {
    border: 0
}

.widget_recent_posts .widget-content ul li a {
    padding: 0
}

.widget_recent_posts .widget-content ul li a:before {
    content: none
}

.widget_recent_posts .widget-content ul li .post {
    position: relative;
    padding-left: 76px
}

.widget_recent_posts .widget-content ul li .post.no-image {
    padding-left: 0;
}

.widget_recent_posts .widget-content ul li .post .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px
}

.widget_recent_posts .widget-content ul li .post .title {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.133em
}

.widget_recent_posts .widget-content ul li .post .title a {
    font-size: 15px;
    line-height: 1.133em
}

.widget_recent_posts .widget-content ul li .post .title a:hover {
    color: #e7e7e7
}

.widget_recent_posts .widget-content ul li .post .date {
    color: #cfcfcf;
    font-size: 11px;
    text-transform: uppercase
}

.widget_filters .widget-content .tabs-2 {
    padding: 15px 0 0
}

.widget_filters .widget-content .heading li {
    display: inline-block;
    margin-right: 3px
}

.widget_filters .widget-content .heading li.ui-state-active a {
    color: #000
}

.widget_filters .widget-content .heading li a {
    min-width: 45px;
    padding-top: 15px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 12px;
    color: #9e9e9e
}

.widget_filters .widget-content .heading li a:hover {
    padding-left: auto
}

.widget_filters .widget-content .heading li a:before {
    content: none
}

.widget_filters .widget-content .posts ul li {
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #eee
}

.widget_filters .widget-content .posts ul li a {
    padding: 0
}

.widget_filters .widget-content .posts ul li a:before {
    content: none
}

.widget_filters .widget-content .posts ul li .post {
    position: relative;
    padding-left: 76px
}

.widget_filters .widget-content .posts ul li .post .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px
}

.widget_filters .widget-content .posts ul li .post .title {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.133em
}

.widget_filters .widget-content .posts ul li .post .title a {
    font-size: 15px;
    line-height: 1.133em
}

.widget_filters .widget-content .posts ul li .post .title a:hover {
    color: #e7e7e7
}

.widget_filters .widget-content .posts ul li .post .date {
    color: #cfcfcf;
    font-size: 11px;
    text-transform: uppercase
}

.widget.widget_rss ul li {
    margin: 0 0 15px;
}
.widget.widget_rss ul li:last-of-type {
    margin: 0;
}

/* Recent Views Widget */

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
    margin: 0 0 20px;
    min-height: 75px;
    position: relative;
    padding: 0 0 0 75px;
}

.woocommerce ul.cart_list li:last-of-type,
.woocommerce ul.product_list_widget li:last-of-type {
    margin: 0;
}

.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
    position: absolute;
    width: 60px;
    float: none;
    margin: 0;
    left: 0;
    top: 0;
}

.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
    color: #263238;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 10px 0;
}

.woocommerce ul.cart_list li .rating,
.woocommerce ul.product_list_widget li .rating {
    font-size: 0;
}

.woocommerce ul.cart_list li .rating i,
.woocommerce ul.product_list_widget li .rating i {
    color: #fbc02d;
    font-size: 12px;
    margin: 0 2.5px 0 0;
}

.widget select {
    cursor: pointer;
    display: block;
    width: 100%;
    max-width: 100%;
    border: 3px solid #ddd;
    background: transparent;
    padding: 10px;
    font-size: 14px;
    color: #797979;
    -webkit-transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
}

.widget select:focus {
    border-color: #263238;
    color: #263238;
    outline: none;
}

.widget table {
    width: 100%;
    table-layout: fixed;
}

/* Currency Convertor */

.woocs_converter_shortcode select {
    display: inline-block;
    max-width: 75px;
}

.woocs_converter_shortcode input {
    width: 100%;    
    height: 35px;
    display: block;
    color: #797979;
    max-width: 100%;
    font-size: 14px;
    padding: 0 10px;
    border: 3px solid #ddd;
    background: transparent;
    vertical-align: middle;
    outline: none !important;
    -webkit-transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
    transition: all 0.2s cubic-bezier(0.86, 0, 0.07, 1);
}

.woocs_converter_shortcode input:focus {
    border-color: #263238;
}

.woocs_converter_shortcode input.woocs_converter_shortcode_results {
    margin: 20px 0 0 !important;
}

.woocs_converter_shortcode .woocs_converter_shortcode_from {
    margin: 0 5px 0 0;
}

.woocs_converter_shortcode .woocs_converter_shortcode_to {
    margin: 0 0 0 5px;
}

.woocs_converter_shortcode .woocs_converter_shortcode_button {
    display: inline-block !important;
    text-align: left !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1em !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    padding: 12px 14px !important;
    background: #f57c00 !important;
    outline: none !important;
    text-transform: uppercase !important;
    -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) !important; 
    -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) !important;
    transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) !important;
}

.woocs_converter_shortcode .woocs_converter_shortcode_button:hover {
    text-decoration: none !important;
    background: #263238 !important;
    color: #fff !important;
}

.widget table,
.widget table th,
.widget table td {
    text-align: center;
    padding: 5px;
    border: 1px solid #e3e3e3;
}

.widget table a {
    color: #000;
    text-decoration: none;
}
.widget table a:hover {
    color: #aaa;
}

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

.widget img,
.widget .wp-caption {
    margin: 0 0 15px;
}
.widget .widget-header img,
.widget .wp-caption img {
    margin: 0;
}

.widget_rss li a {
    font-size: 15px;
    font-weight: 700;
}
.widget_rss li .rss-date {
    margin: 0 0 3.5px;
    font-size: 13px;
    display: block;
    color: #b2b2b2;
}

/* Footer Widgets */

footer .footer-widget-title,
footer .widget .widget-header {
    text-transform: uppercase;
    margin: 0 0 18.5px;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

footer .widget {
    color: #fff;
}

footer .widget a {
    color: #fff;
}
footer .widget a:hover {
    color: #263238;
}

footer .widget:not(.widget_recent_comments):not(.widget_rss) ul li {
    padding-bottom: 9px;
    font-size: 12px;
    color: #fff;
}
footer .widget:not(.widget_recent_comments):not(.widget_rss) ul li a {
    color: #fff;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
}

footer .widget:not(.widget_recent_comments):not(.widget_rss) ul li a:before {
    display: none;
}
footer .widget:not(.widget_recent_comments):not(.widget_rss) ul li a:hover {
    padding: 0;
    color: #263238;
}

footer .widget_tag_cloud .tagcloud a {
    display: inline-block;
    font-size: 12px;
    line-height: 1em;
    color: #fff;
    padding: 9px 8px;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

footer .widget_tag_cloud .tagcloud a:hover {
    text-decoration: none;
    color: #f57c00;
    background: #934a00;
    border-color: #934a00;
    -webkit-box-shadow: none;
    box-shadow: none;
}

footer .widget_rss .rss-date {
    color: #f5f5f5;
}

footer .widget select:focus {
    border-color: #fff;
    color: #fff;
}

.comments-area .area-title,
.comment-respond .area-title,
.comment-reply-title {
    margin: 0;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1em
}

.comments-area .area-subtitle,
.comment-respond .area-subtitle {
    margin: 0 0 20px;
    color: #000;
    font-size: 15px
}

.comments-area .ul-comments {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.comments-area .ul-comments li {
    list-style-type: none;
}

.comments-area .ul-comments .comment {
    margin: 0 0 15px;
    position: relative;
    padding: 15px 0 0 70px;
    border-top: 1px solid #ebebeb
}

.comments-area .ul-comments .comment.first {
    border: 0
}

.comments-area .ul-comments .comment .comment-avatar {
    position: absolute;
    width: 55px;
    top: 7px;
    left: 0
}

.comments-area .ul-comments .comment .comment-avatar img {
    border-radius: 50%
}

.comments-area .ul-comments .comment .comment-body h3 {
    margin: 0 0 7px;
    font-size: 14px;
    color: #263238
}

.comments-area .ul-comments .comment .comment-body h3 a {
    color: inherit;
    text-decoration: none;
}

.comments-area .ul-comments .comment .comment-body .message {
    margin: 0 0 7px;
    color: #aaa;
    font-size: 13px;
    line-height: 1.3em
}

.comments-area .ul-comments .comment .comment-body .date,
.comments-area .ul-comments .comment .comment-body .comment-reply-link,
.comments-area .ul-comments .comment .comment-body .comment-edit-link {
    font-size: 11px;
    display: inline-block;
    text-transform: uppercase
}

.comments-area .ul-comments .comment .comment-body .date {
    margin: 0;
    color: #d0cfcf
}

.comments-area .ul-comments .comment .comment-body .comment-reply-link,
.comments-area .ul-comments .comment .comment-body .comment-edit-link,
.respond-form .logged-in-as a  {
    margin-left: 20px;
    color: #263238;
    text-decoration: none;
    -webkit-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.respond-form .logged-in-as {
    padding: 7px 0 0;
}
.respond-form .logged-in-as a {
    margin: 0;
}

.comments-area .ul-comments .comment .comment-body .comment-reply-link:hover,
.comments-area .ul-comments .comment .comment-body .comment-edit-link:hover,
.respond-form .logged-in-as a:hover {
    color: #f57c00
}

.comments-area .ul-comments .comment .ul-comments {
    margin-top: 15px
}

.comment-respond .input-group {
    display: inline-block;
    width: 100%
}

.comment-respond .input-group p {
    color: #263238;
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase
}

.comment-respond .input-group input,
.comment-respond .input-group textarea {
    width: 100%;
    font-size: 14px;
    border-radius: 0;
    padding: 12px 10px;
    margin-bottom: 15px;
    color: #263238;
    border: 1px solid #eee;
    background: transparent
}

.comment-respond .input-group input:focus,
.comment-respond .input-group textarea:focus {
    outline: none
}

.comment-respond .input-group textarea {
    resize: none;
    min-height: 135px
}

.comment-respond .submit {
    text-align: right
}

.comment-respond .submit .submit-btn {
    border: 0;
    color: #fff;
    font-size: 12px;
    line-height: 1em;
    padding: 18px 30px;
    text-transform: uppercase;
    background: #f57c00
}

.comment-respond .submit .submit-btn:focus,
.comment-respond .submit .submit-btn:active {
    outline: none
}

.comment-respond .submit .submit-btn:hover {
    background: #f9b066;
    -webkit-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.contact-us p {
    color: #aaa;
    font-size: 14px;
    line-height: 1.5em
}

.contact-us.section-header h1 {
    padding: 0 0 25px
}

.contact-us .contact-block {
    margin-bottom: 30px
}

.contact-us .contact-block h4 {
    color: #000;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase
}

.contact-us .contact-block p {
    margin: 0;
    color: #000;
    font-size: 13px;
    line-height: 1.615em
}

.contact-us .contact-block p a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.contact-us .contact-block p a:hover {
    color: #263238
}

.contact-us .contact-form h3 {
    color: #000;
    margin: 40px 0 0;
    font-size: 28px;
    font-weight: 700
}

.contact-us .contact-form p {
    color: #000;
    font-size: 15px;
    margin: 0 0 30px
}

.contact-us .contact-form .input-group {
    display: inherit
}

.contact-us .contact-form .input-group p {
    color: #263238;
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase
}

.contact-us .contact-form .input-group p span {
    color: #e4334c;
    opacity: 0
}

.contact-us .contact-form .input-group input,
.contact-us .contact-form .input-group textarea {
    width: 100%;
    font-size: 14px;
    border-radius: 0;
    padding: 12px 10px;
    margin-bottom: 15px;
    color: #263238;
    border: 1px solid #eee;
    background: transparent
}

.contact-us .contact-form .input-group input:focus,
.contact-us .contact-form .input-group textarea:focus {
    outline: none
}

.contact-us .contact-form .input-group textarea {
    height: 130px;
    resize: none
}

.contact-us .contact-form .submit-block {
    text-align: right;
    padding-top: 15px
}

.contact-us .contact-form .submit-block input {
    display: inline-block;
    border-radius: 0;
    border: 0;
    padding: 15px 30px;
    font-size: 14px;
    line-height: 1em;
    color: #fff;
    background: #f57c00;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.contact-us .contact-form .submit-block input:hover,
.contact-us .contact-form .submit-block input:active {
    outline: none;
    background: #f9b066
}

#google-map-canvas {
    width: 100%;
    height: 340px
}

.faq {
    color: #263238
}

.faq h1 {
    margin: 0 0 15px;
    font-size: 43px;
    font-weight: 700;
    text-transform: uppercase
}

.faq p {
    font-size: 14px;
    line-height: 1.429em
}
.faq-wrapper {
    margin-bottom: 60px;
}
.faq-wrapper .panel-group {
    padding-top: 30px
}

.faq-wrapper .panel-group .panel {
    box-shadow: none;
    margin-bottom: 25px
}

.faq-wrapper .panel-group .panel .panel-heading {
    padding: 0
}

.faq-wrapper .panel-group .panel .panel-heading h4 {
    margin: 0;
    font-size: 23px;
    font-weight: 700;
    line-height: 1em
}

.faq-wrapper .panel-group .panel .panel-heading h4 a {
    text-decoration: none;
    position: relative;
    padding-left: 35px;
    display: block
}

.faq-wrapper .panel-group .panel .panel-heading h4 a i {
    display: inline-block;
    position: absolute;
    text-align: center;
    font-size: 10px;
    top: 2px;
    left: 0;
    width: 26px;
    height: 26px;
    padding: 8px 0 0 1px;
    box-shadow: inset 0 0 0 4px #f3f3f3;
    border-radius: 50%;
    -webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(1, 0, 0, 1);
    transition: all 0.3s cubic-bezier(1, 0, 0, 1)
}

.faq-wrapper .panel-group .panel .panel-heading h4 a i.open {
    box-shadow: inset 0 0 0 1px #263238
}

.faq-wrapper .panel-group .panel .panel-body {
    border: 0;
    padding-left: 35px
}

.faq-wrapper .panel-group .panel .panel-body p {
    color: #aaa;
    font-size: 14px;
    line-height: 2.571em
}

@media (max-width: 768px) {
    .faq-wrapper .panel-group .panel .panel-heading h4 {
        font-size: 18px
    }
    .faq-wrapper .panel-group .panel .panel-body p {
        line-height: 1.8em
    }
}

.woocommerce-account .page-header {
    background: #b2b2b2;
    color: #fff;
    padding: 15px 30px 20px 30px
}

.woocommerce-account .page-header a {
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    color: #ce3a3a;
}
.woocommerce-account .page-header a:hover {
    color: #263238;
}

.woocommerce-account .page-header h2,
.woocommerce-account .page-header span {
    display: inline-block
}

.woocommerce-account .page-header h2 {
    margin: 0 0 7px;
    font-size: 26px;
    text-transform: uppercase
}

.woocommerce-account .page-header span {
    padding: 12.5px 0 0;
    font-size: 13px;
}

.woocommerce-account .page-header span a {
    color: #ce3a3a;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.woocommerce-account .page-header span a:hover {
    color: #263238
}

.woocommerce-account .page-header p {
    font-size: 13px;
    line-height: 1.615em
}

.woocommerce-account .page-header p span {
    text-transform: uppercase
}

.woocommerce-account .orders table {
    width: 100%
}

.woocommerce-account .orders table thead {
    background: #f0f0f0;
    color: #adadad;
    font-size: 13px;
    text-transform: uppercase
}

.woocommerce-account .orders table thead td {
    padding: 15px 20px;
    line-height: 1em
}

.woocommerce-account .orders table tbody {
    background: #f6f6f6
}

.woocommerce-account .orders table tbody tr {
    border-bottom: 1px solid #fff
}

.woocommerce-account .orders table tbody tr td {
    padding: 25px 20px;
    font-size: 13px;
    line-height: 1em;
    color: #263238;
    border-right: 1px solid #f0f0f0
}

.woocommerce-account .orders table tbody tr td:last-of-type {
    width: 85px;
    border: 0;
    position: relative
}

.woocommerce-account .orders table tbody tr td:last-of-type a {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #adadad;
    font-size: 14px;
    font-weight: 700;
    padding-top: 26px;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.woocommerce-account .orders table tbody tr td:last-of-type a:hover {
    background: #adadad;
    color: #fff
}

@media (max-width: 768px) {
    .woocommerce-account .orders table thead td {
        padding: 7px 10px
    }
    .woocommerce-account .orders table tbody tr td {
        padding: 7px 10px
    }
}

.woocommerce-account .personal-info p {
    color: #000;
    font-size: 12px
}

.woocommerce-account .personal-info .edit {
    display: inline-block;
    margin: 20px 0 0;
    color: #000;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.woocommerce-account .personal-info .edit:hover {
    color: #263238
}
.woocommerce-cart .shopping-cart-items {
    margin-bottom: 40px;
}
.woocommerce-cart .shopping-cart-items .caption {
    color: #000;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase
}

.woocommerce-cart .shopping-cart-items .cart-items table {
    width: 100%
}

.woocommerce-cart .shopping-cart-items .cart-items table thead {
    background: #f0f0f0
}

.woocommerce-cart .shopping-cart-items .cart-items table thead td {
    color: #adadad;
    font-size: 13px;
    line-height: 1em;
    padding: 15px 20px;
    text-transform: uppercase
}

.woocommerce-cart .shopping-cart-items .cart-items table thead td:first-of-type {
    text-align: center
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody {
    background: #f6f6f6
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody tr {
    border-bottom: 1px solid #fff
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody tr td {
    padding: 25px 20px;
    font-size: 13px;
    line-height: 1em;
    color: #263238
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody tr td .cart-product {
    position: relative;
    padding-left: 80px
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody tr td .cart-product .delete-product {
    position: absolute;
    top: -2px;
    left: 0;
    text-decoration: none
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody tr td .cart-product .delete-product i {
    display: inline-block;
    text-align: center;
    font-size: 9px;
    line-height: 1em;
    padding-top: 2px;
    height: 14px;
    width: 14px;
    color: #bababa;
    border: 1px solid #ddd;
    -webkit-transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1)
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody tr td .cart-product .delete-product i:hover {
    color: #263238;
    border-color: #263238
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody tr td .cart-product .image {
    position: absolute;
    top: -15px;
    left: 23px;
    height: 45px;
    width: 45px
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody tr td .cart-product h4 {
    font-size: 13px;
    line-height: 1em
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody tr td .cart-product h4 a {
    text-decoration: none;
    color: #263238
}

.woocommerce-cart .shopping-cart-items .cart-items table tbody tr td .cart-product h4 a:hover {
    color: #000
}

.woocommerce-cart .shopping-cart-items .cart-items .coupon {
    padding: 10px;
    background: #fcfcfc
}

.woocommerce-cart .shopping-cart-items .cart-items .coupon .enter-coupon,
.woocommerce-cart .shopping-cart-items .cart-items .coupon .update-cart {
    display: inline-block
}

.woocommerce-cart .shopping-cart-items .cart-items .coupon .enter-coupon input {
    min-width: 190px;
    padding: 13px 10px;
    color: #adadad;
    font-size: 13px;
    border: 1px solid #f6f6f6
}

.woocommerce-cart .shopping-cart-items .cart-items .coupon .enter-coupon input:focus {
    outline: none
}

.woocommerce-cart .shopping-cart-items .cart-items .coupon .enter-coupon .apply {
    display: inline-block;
    padding: 14px 20px 15px 20px;
    font-size: 13px;
    color: #adadad;
    background: #fcfcfc;
    line-height: 1em;
    text-decoration: none;
    margin-left: -5px;
    border: 2px solid #f6f6f6;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    -moz-transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.2s cubic-bezier(0.39, 0.575, 0.565, 1)
}

.woocommerce-cart .shopping-cart-items .cart-items .coupon .enter-coupon .apply:hover {
    background: #f6f6f6;
    color: #263238;
    border-color: #f6f6f6
}

.woocommerce-cart .shopping-cart-items .cart-items .coupon .update-cart {
    color: #adadad;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    padding: 15px 24px;
    border: 1px solid #adadad;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.woocommerce-cart .shopping-cart-items .cart-items .coupon .update-cart:hover {
    border-color: #263238;
    background: #263238;
    color: #fff
}

.woocommerce-cart .shopping-cart-items .cart-items .coupon .update-cart {
    float: right
}

.woocommerce-cart .shopping-cart-items .cart-totals {
    margin-top: 30px;
    padding-bottom: 20px;
    text-align: right;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.woocommerce-cart .shopping-cart-items .cart-totals table {
    table-layout: fixed;
    text-align: right;
    width: 100%;
}

.woocommerce-cart .shopping-cart-items .cart-totals table a {
    color: #263238;
}

.woocommerce-cart .shopping-cart-items .cart-totals table a:hover {
    color: #f57c00;
}

.woocommerce-cart .shopping-cart-items .cart-totals h4 {
    font-size: 17px;
    line-height: 1em;
    margin: 14px 0 12px;
    color: #f57c00;
    text-transform: uppercase
}

.woocommerce-cart .shopping-cart-items .cart-totals p {
    margin: 0;
    font-size: 13px;
    color: #263238;
    line-height: 1.692em
}

.woocommerce-cart .shopping-cart-items .cart-totals .checkout {
    display: inline-block;
    margin: 20px 10px 0 0;
    color: #adadad;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    padding: 15px 11px;
    border: 1px solid #adadad;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715)
}

.woocommerce-cart .shopping-cart-items .cart-totals .checkout:hover {
    border-color: #263238;
    background: #263238;
    color: #fff
}

.woocommerce-account .info-boxes .box .checkout {
    -webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    -moz-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
    text-transform: uppercase;
    outline: none !important;
    border: 1px solid #ddd;
    text-decoration: none;
    display: inline-block;
    margin: 20px 10px 0 0;
    padding: 15px 11px;
    background: #ddd;
    line-height: 1em;
    font-weight: 700;
    font-size: 14px;
    color: #adadad;
}

.woocommerce-account .info-boxes .box .checkout:hover {
    border-color: #263238;
    background: #263238;
    color: #fff
}

.woocommerce form .form-row .select2-container {
    line-height: 3em !important;
}

.woocommerce form .form-row .select2-container .select2-choice {
    border-radius: 0 !important;
}

@media (max-width: 768px) {
    .woocommerce-cart .shopping-cart-items .cart-items table thead td {
        padding: 7px 10px
    }
    .woocommerce-cart .shopping-cart-items .cart-items table tbody tr td {
        padding: 15px 10px
    }
    .woocommerce-cart .shopping-cart-items .cart-items table tbody tr td .cart-product .delete-product {
        top: 3px
    }
    .woocommerce-cart .shopping-cart-items .cart-items table tbody tr td .cart-product .image {
        top: -10px
    }
    .woocommerce-cart .shopping-cart-items .cart-items .coupon {
        text-align: right
    }
    .woocommerce-cart .shopping-cart-items .cart-items .coupon .enter-coupon {
        display: block;
        padding-bottom: 20px
    }
    .woocommerce-cart .shopping-cart-items .cart-items .coupon .update-cart {
        float: none
    }
}

.cart-items-wrapper {
    position: absolute;
    visibility: hidden;
    z-index: 9999;
    opacity: 0;
    top: 22px;
    padding-top: 3px;
    right: 0;
    cursor: default
}

.cart-items-wrapper.visible {
    visibility: visible;
    opacity: 1;
}

.cart-items-wrapper .cart-items {
    width: 280px;
    padding: 24px 30px 35px;
    border: 1px solid #eee;
    background: #fff;
}

.cart-items-wrapper .cart-items h4 {
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1em;
    text-align: center;
    color: #263238;
    text-transform: uppercase
}

.cart-items-wrapper .cart-items ul {
    list-style-type: none;
    padding: 0;
    margin: 25px 0 15px
}

.cart-items-wrapper .cart-items ul li {
    width: 100%;
    min-height: 60px;
    position: relative;
    margin-bottom: 10px;
    padding: 0 35px 6px 70px;
    border-bottom: 1px solid #eee
}

.cart-items-wrapper .cart-items ul li.empty {
    padding: 15px 10px 0;
    font-size: 17px;
    color: #263238;
}

.cart-items-wrapper .cart-items ul li .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px
}

.cart-items-wrapper .cart-items ul li p {
    color: #263238;
    margin: 0;
    font-size: 12px;
    line-height: 1.25em
}

.cart-items-wrapper .cart-items ul li p a {
    color: #263238;
    text-decoration: none
}

.cart-items-wrapper .cart-items ul li p a:hover {
    color: #000
}

.cart-items-wrapper .cart-items ul li p.color {
    text-transform: uppercase
}

.cart-items-wrapper .cart-items ul li .remove {
    position: absolute;
    right: 0;
    top: 0
}

.cart-items-wrapper .cart-items ul li .remove .price,
.cart-items-wrapper .cart-items ul li .remove .remove-item {
    display: block
}

.cart-items-wrapper .cart-items ul li .remove .remove-item {
    text-decoration: none;
    display: inline-block;
}

.cart-items-wrapper .cart-items ul li .remove .remove-item i {
    display: inline-block;
    color: #000;
    width: 22px;
    height: 22px;
    font-size: 11px;
    padding-top: 6px;
    text-align: center;
    background: #f2f2f2;
    -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

.cart-items-wrapper .cart-items ul li .remove .remove-item i:hover {
    background: #f05463
}

.cart-items-wrapper .cart-items ul li .price {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 30px;
    margin: 0;
    font-size: 13px;
    line-height: 1em;
    font-weight: 700
}

.cart-items-wrapper .cart-items ul li .remove .price:before {
    content: "$"
}

.cart-items-wrapper .sub-total {
    color: #000;
    font-size: 21px;
    line-height: 1em
}

.cart-items-wrapper .view-bag {
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #fff;
    padding: 16px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 700;
    text-decoration: none;
    background: #263238;
    text-transform: uppercase;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.cart-items-wrapper .view-checkout {
    margin: 10px 0 0;
    float: right;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    line-height: 1em;
    text-decoration: none;
    display: inline-block;
    border: 1px solid transparent;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

.cart-items-wrapper .view-checkout:hover {
    border-bottom: 1px dotted;
}

.order {
    padding: 0 0 45px;
}

.cart-items-wrapper .view-bag:hover {
    background: #515b60
}

.tt-audio-player .songs {
    display: none !important
}

.tt-audio-player .row {
    margin: 0
}

.tt-audio-player .row [class*=col-] {
    padding: 0 !important
}

.tt-audio-player .main-controls {
    background: #263238
}

.tt-audio-player .main-controls .play {
    text-align: center;
    padding: 40px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.tt-audio-player .main-controls .play i {
    text-align: center;
    cursor: pointer;
    padding: 8px 0 0 1px;
    width: 40px;
    height: 40px;
    font-size: 16px;
    border-radius: 50%;
    background: transparent;
    color: rgba(255, 255, 255, 0.19);
    border: 4px solid rgba(255, 255, 255, 0.19);
    -webkit-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.tt-audio-player .main-controls .play i:hover {
    color: #fff;
    background: #687074;
    border-color: #687074
}

.tt-audio-player .main-controls .queue-preferences {
    font-size: 0;
    width: 100%
}

.tt-audio-player .main-controls .queue-preferences .repeat,
.tt-audio-player .main-controls .queue-preferences .random {
    display: inline-block;
    width: 50%
}

.tt-audio-player .main-controls .queue-preferences .repeat i,
.tt-audio-player .main-controls .queue-preferences .random i {
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    line-height: 1em;
    padding: 15px 0;
    width: 100%;
    color: rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.tt-audio-player .main-controls .queue-preferences .repeat i:hover,
.tt-audio-player .main-controls .queue-preferences .random i:hover {
    color: #fff;
    background: #687074;
    border-color: #687074
}

.tt-audio-player .main-controls .queue-preferences .repeat.active i,
.tt-audio-player .main-controls .queue-preferences .random.active i {
    color: #fff;
    background: #687074;
    border-color: #687074
}

.tt-audio-player .main-controls .queue-preferences .repeat i {
    border-right: 1px solid rgba(255, 255, 255, 0.1)
}

.tt-audio-player .player-body {
    background: #394449;
    padding: 25px 25px 13px 25px
}

.tt-audio-player .player-body .song-info {
    position: relative;
    padding: 0 0 0 90px;
    min-height: 70px;
    margin-bottom: 25px
}

.tt-audio-player .player-body .song-info .image {
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 9px
}

.tt-audio-player .player-body .song-info .image img {
    opacity: 0;
    width: 100%
}

.tt-audio-player .player-body .song-info p {
    color: #fff;
    font-family: "Roboto", sans-serif
}

.tt-audio-player .player-body .song-info p.artist {
    margin: 0;
    font-size: 15px;
    line-height: 1em;
    padding: 12px 0 5px
}

.tt-audio-player .player-body .song-info p.song-name {
    font-size: 33px;
    line-height: 1em;
    font-weight: 100;
    margin: 0
}

.tt-audio-player .player-body .song-controls .progress-bar {
    position: relative;
    width: 100%;
    height: 6px;
    border-radius: 2px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1)
}

.tt-audio-player .player-body .song-controls .progress-bar .current-time {
    position: absolute;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    color: #fff;
    top: -20px;
    right: 0
}

.tt-audio-player .player-body .song-controls .progress-bar .actual-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 2px;
    background: #fff;
    width: 23%
}

.tt-audio-player .player-body .song-controls .queue-controls {
    padding: 12px 0 0
}

.tt-audio-player .player-body .song-controls .queue-controls .list,
.tt-audio-player .player-body .song-controls .queue-controls .volume {
    display: inline-block
}

.tt-audio-player .player-body .song-controls .queue-controls .list {
    list-style-type: none;
    font-size: 0;
    padding: 0;
    margin: 0
}

.tt-audio-player .player-body .song-controls .queue-controls .list li {
    display: inline-block;
    margin-right: 20px
}

.tt-audio-player .player-body .song-controls .queue-controls .list li i {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.tt-audio-player .player-body .song-controls .queue-controls .list li i:hover {
    color: #fff
}

.tt-audio-player .player-body .song-controls .queue-controls .list li:last-of-type {
    margin: 0
}

.tt-audio-player .player-body .song-controls .queue-controls .list li.play-pause i {
    position: relative;
    top: 2px;
    font-size: 16px
}

.tt-audio-player .player-body .song-controls .queue-controls .list li:not(.play-pause) i {
    font-size: 11px
}

.tt-audio-player .player-body .song-controls .queue-controls .volume {
    float: right;
    font-size: 0
}

.tt-audio-player .player-body .song-controls .queue-controls .volume .volume-icon,
.tt-audio-player .player-body .song-controls .queue-controls .volume .volume-controls {
    display: inline-block
}

.tt-audio-player .player-body .song-controls .queue-controls .volume .volume-icon {
    font-size: 17px;
    margin-right: 8px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.tt-audio-player .player-body .song-controls .queue-controls .volume .volume-icon:hover,
.tt-audio-player .player-body .song-controls .queue-controls .volume .volume-icon.active {
    color: rgba(255, 255, 255, 0.2)
}

.tt-audio-player .player-body .song-controls .queue-controls .volume .volume-controls {
    font-size: 0
}

.tt-audio-player .player-body .song-controls .queue-controls .volume .volume-controls span {
    display: inline-block;
    width: 3px;
    height: 12px;
    margin-right: 2px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.15s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.tt-audio-player .player-body .song-controls .queue-controls .volume .volume-controls span.active {
    background: #fff
}

.tt-audio-player .player-body .song-controls .queue-controls .volume .volume-controls span:last-of-type {
    margin: 0
}

/*Woocommerce*/
.shop-product.product:hover,
.product:hover {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}
.no-product {
    -moz-animation: 0.6s shake forwards;
    -webkit-animation: 0.6s shake forwards;
    animation: 0.6s shake forwards;
}

/* Accordions */

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading {
    background: 0 !important;
    border: 0 !important;
    text-align: left;
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a {
    padding-left: 65px !important;
    line-height: 1em !important;
    font-weight: 700 !important;
    font-size: 23px !important;
    color: #263238 !important;    
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_active .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon {
    border-color: #263238 !important;
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon {
    border: 2px solid #f3f3f3;
    display: inline-block;
    border-radius: 50%;
    height: 26px;
    width: 26px;
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:after {
    bottom: 5px;
    top: 5px;
}

.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-heading .vc_tta-panel-title a .vc_tta-controls-icon:before {
    left: 5px;
    right: 5px;
}

.vc_tta.vc_general .vc_tta-panel-body {
    padding: 5px 65px !important;
}

.vc_tta.vc_general .vc_tta-panel-body p {
    color: #aaa !important;
    font-size: 14px !important;
    line-height: 2.571em !important;
}
.clear-header-2 {
    background-color: #f57c00;
    margin-bottom: 40px;
}