/* -------------------------------------------
[Table of contents]

[Color codes]
    Background: #ffffff
    Body Color : #72797e;
    Accent color: #72797e
[Typography]
    Body:   16/28px 'Maison Neue', sans-serif;
    Input:  14/40px
    Textarea:   14/26px
[Component module]
1.0 RESET BROWSER
	1.1 CUSTOM COLUMN
	1.2 VISUAL COMPOSER
	1.3 WORDPRESS DATA SAMPLE
    1.4 LOADING AJAX
    1.5 BANNER EFFECT
2.0 DEFAULT SETTING
    2.1 FORM THEME
    2.2 TABLE THEME
    2.3 CONTAINER THEME
    2.4 SLICK SLIDER
3.0 HEADER THEME
	3.1 HEADER TOPBAR
    3.2 HEADER MIDDLE
    3.3 HEADER NAV
    3.4 MOBILE MENU
    3.5 HEADER STYLE
4.0 FOOTER THEME
5.0 BLOG THEME
	5.1 POST ITEM
	5.2 BLOG COMMENT
6.0 SHOP THEME
    6.1 SHOP CONTROL
    6.2 SUMI PRODUCTS
    6.3 PRODUCT ITEM
    6.4 SINGLE PRODUCT
7.0 OTHER PAGE
	7.1 CART PAGE
	7.2 CHECKOUT PAGE
	7.3 MY ACCOUNT PAGE
	7.4 WISHLIST PAGE
8.0 BREADCRUMBS + WDGET +PAGINATION + LOADMORE
	8.1 BANNER AND TITLE PAGE
	8.2 BREADCRUMBS THEME
	8.3 WIDGET THEME
	8.4 PAGINATION THEME
	8.5 LOADMORE THEME
9.0 SHORTCODE
	9.1 SUMI TABS
	9.2 SUMI ICONBOX
	9.3 SUMI HEADING
	9.4 SUMI CUSTOMMENU
	9.5 SUMI SOCIAL
	9.6 SUMI NEWSLETTER
	9.7 SUMI MEMBER
	9.8 SUMI CATEGORY
	9.9 SUMI POPUP NEWSLETTER
/*==========================================================================
1.0 DEFAUL SETTING
========================================================================== */
body {
    max-width: 100%;
    overflow-x: hidden;
}

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

ul, ol {
    margin: 0;
    padding-left: 19px;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    margin-bottom: 20px;
}

.mfp-iframe-holder .mfp-close:hover {
    background-color: transparent !important;
}

.mejs-button > button {
    background: none !important;
    border-radius: 0 !important;
}

.mejs-button > button:hover,
.mejs-button > button:focus {
    background: transparent !important;
}

.mejs-button > button::before {
    font-family: 'FontAwesome', sans-serif;
    font-size: 20px;
    vertical-align: middle;
}

.mejs-button.mejs-pause > button::before {
    content: "\f04c";
}

.mejs-button.mejs-play > button::before {
    content: "\f04b";
}

.mejs-button.mejs-mute > button::before {
    content: "\f028";
}

.mejs-button.mejs-unmute > button::before {
    content: "\f026";
}

.page-links {
    margin-top: 10px;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.page-links > span.page-links-title {
    line-height: 39px;
    float: left;
}

.page-links > a,
.page-links > span:not(.page-links-title) {
    color: #999999;
    display: inline-block;
    min-width: 52px;
    height: 39px;
    line-height: 39px;
    padding: 0 3px;
    vertical-align: top;
    text-align: center;
    float: left;
}

.page-links > span:not(.page-links-title),
.page-links > a:hover {
    color: #333;
}

.more-link::after {
    content: "\f178";
    font-family: 'FontAwesome', sans-serif;
    margin-left: 5px;
    vertical-align: middle;
}

.page-links span.screen-reader-text {
    min-width: inherit;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 2em;
    margin: 0 0 30px;
    position: relative;
    background-color: #fafafa;
    color: #292e32;
    border-top: 3px solid #4CAF50;
    list-style: none !important;
    width: auto;
    word-wrap: break-word;
}

.woocommerce-info .showcoupon {
    font-weight: bold;
    text-decoration: underline;
}

.woocommerce-error:after, .woocommerce-error:before, .woocommerce-info:after, .woocommerce-info:before, .woocommerce-message:after, .woocommerce-message:before {
    content: " ";
    display: table;
}

.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
    float: right;
    font-size: 14px;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    line-height: 26px;
    margin: 0;
    border: 1px solid #eee;
    transition: all .5s ease-out;
}

.woocommerce-error .button:hover, .woocommerce-info .button:hover, .woocommerce-message .button:hover {
    color: #fff;
}

.woocommerce-error {
    border-color: #f44336;
}

.woocommerce-info {
    border-color: #2196F3;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus, select:focus {
    outline: none;
}

:focus {
    outline: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

:-moz-placeholder { /* Firefox 18- */
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

::-moz-placeholder { /* Firefox 19+ */
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
    filter: alpha(opacity=100);
}

.return-message {
    line-height: 20px;
    padding: 10px;
    margin-top: 15px;
}

.home .site-main {
    padding-top: 90px;
}

/*----------------------------
1.1 CUSTOM COLUMN
--------------------------------*/
@media (min-width: 1200px) {
    .row {
        margin-left: -20px;
        margin-right: -20px
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 20px;
        padding-right: 20px
    }
}

/*----------------------------
AUTO CLEAR
--------------------------------*/

@media (min-width: 1200px) {

    .auto-clear .vc_col-lg-1:nth-child(12n+1), .auto-clear .vc_col-lg-2:nth-child(6n+1), .auto-clear .vc_col-lg-15:nth-child(5n+1), .auto-clear .vc_col-lg-3:nth-child(4n+1), .auto-clear .vc_col-lg-4:nth-child(3n+1), .auto-clear .vc_col-lg-6:nth-child(odd) {
        clear: both;
    }

}

@media (min-width: 1500px) {

    .auto-clear .col-bg-1:nth-child(12n+1), .auto-clear .col-bg-2:nth-child(6n+1), .auto-clear .col-bg-15:nth-child(5n+1), .auto-clear .col-bg-3:nth-child(4n+1), .auto-clear .col-bg-4:nth-child(3n+1), .auto-clear .col-bg-6:nth-child(odd) {
        clear: both;
    }

}

@media (min-width: 1200px) and (max-width: 1499px) {

    .auto-clear .col-lg-1:nth-child(12n+1), .auto-clear .col-lg-2:nth-child(6n+1), .auto-clear .col-lg-15:nth-child(5n+1), .auto-clear .col-lg-3:nth-child(4n+1), .auto-clear .col-lg-4:nth-child(3n+1), .auto-clear .col-lg-6:nth-child(odd) {
        clear: both;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .auto-clear .vc_col-md-1:nth-child(12n+1), .auto-clear .vc_col-md-2:nth-child(6n+1), .auto-clear .vc_col-md-15:nth-child(5n+1), .auto-clear .vc_col-md-3:nth-child(4n+1), .auto-clear .vc_col-md-4:nth-child(3n+1), .auto-clear .vc_col-md-6:nth-child(odd), .auto-clear .col-md-1:nth-child(12n+1), .auto-clear .col-md-2:nth-child(6n+1), .auto-clear .col-md-15:nth-child(5n+1), .auto-clear .col-md-3:nth-child(4n+1), .auto-clear .col-md-4:nth-child(3n+1), .auto-clear .col-md-6:nth-child(odd) {
        clear: both;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .auto-clear .vc_col-sm-1:nth-child(12n+1), .auto-clear .vc_col-sm-2:nth-child(6n+1), .auto-clear .vc_col-sm-15:nth-child(5n+1), .auto-clear .vc_col-sm-3:nth-child(4n+1), .auto-clear .vc_col-sm-4:nth-child(3n+1), .auto-clear .vc_col-sm-6:nth-child(odd), .auto-clear .col-sm-1:nth-child(12n+1), .auto-clear .col-sm-2:nth-child(6n+1), .auto-clear .col-sm-15:nth-child(5n+1), .auto-clear .col-sm-3:nth-child(4n+1), .auto-clear .col-sm-4:nth-child(3n+1), .auto-clear .col-sm-6:nth-child(odd) {
        clear: both;
    }

}

@media (min-width: 480px) and (max-width: 767px) {
    .auto-clear .col-xs-1:nth-child(12n+1), .auto-clear .col-xs-2:nth-child(6n+1), .auto-clear .col-xs-15:nth-child(5n+1), .auto-clear .col-xs-3:nth-child(4n+1), .auto-clear .col-xs-4:nth-child(3n+1), .auto-clear .col-xs-6:nth-child(odd) {
        clear: both;
    }
}

@media (max-width: 479px) {
    .auto-clear .col-ts-1:nth-child(12n+1), .auto-clear .col-ts-2:nth-child(6n+1), .auto-clear .col-ts-15:nth-child(5n+1), .auto-clear .col-ts-3:nth-child(4n+1), .auto-clear .col-ts-4:nth-child(3n+1), .auto-clear .col-ts-6:nth-child(odd) {
        clear: both;
    }
}

@media (max-width: 767px) {
    .auto-clear .vc_col-xs-1:nth-child(12n+1), .auto-clear .vc_col-xs-2:nth-child(6n+1), .auto-clear .vc_col-xs-15:nth-child(5n+1), .auto-clear .vc_col-xs-3:nth-child(4n+1), .auto-clear .vc_col-xs-4:nth-child(3n+1), .auto-clear .vc_col-xs-6:nth-child(odd) {
        clear: both;
    }
}

/*-----------------------CUSTOM 5 COLUMNS---------------------------*/

.col-bg-15,
.col-bg-25,
.col-bg-35,
.col-bg-45,
.col-lg-15,
.col-lg-25,
.col-lg-35,
.col-lg-45,
.col-md-15,
.col-md-25,
.col-md-35,
.col-md-45,
.col-sm-15,
.col-sm-25,
.col-sm-35,
.col-sm-45,
.col-xs-15,
.col-xs-25,
.col-xs-35,
.col-xs-45,
.col-ts-15,
.col-ts-25,
.col-ts-35,
.col-ts-45 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (max-width: 479px) {

    .col-ts-15,
    .col-ts-25,
    .col-ts-35,
    .col-ts-45 {
        float: left;
    }

    .col-ts-15 {
        width: 20%;
    }

    .col-ts-25 {
        width: 40%;
    }

    .col-ts-35 {
        width: 60%;
    }

    .col-ts-45 {
        width: 80%;
    }

}

@media (min-width: 480px) and (max-width: 767px) {

    .col-xs-15,
    .col-xs-25,
    .col-xs-35,
    .col-xs-45 {
        float: left;
    }

    .col-xs-15 {
        width: 20%;
    }

    .col-xs-25 {
        width: 40%;
    }

    .col-xs-35 {
        width: 60%;
    }

    .col-xs-45 {
        width: 80%;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .col-sm-15,
    .col-sm-25,
    .col-sm-35,
    .col-sm-45 {
        float: left;
    }

    .col-sm-15 {
        width: 20%;
    }

    .col-sm-25 {
        width: 40%;
    }

    .col-sm-35 {
        width: 60%;
    }

    .col-sm-45 {
        width: 80%;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .col-md-15,
    .col-md-25,
    .col-md-35,
    .col-md-45 {
        float: left;
    }

    .col-md-15 {
        width: 20%;
    }

    .col-md-25 {
        width: 40%;
    }

    .col-md-35 {
        width: 60%;
    }

    .col-md-45 {
        width: 80%;
    }

}

@media (min-width: 1200px) and (max-width: 1499px) {

    .col-lg-15,
    .col-lg-25,
    .col-lg-35,
    .col-lg-45 {
        float: left;
    }

    .col-lg-15 {
        width: 20%;
    }

    .col-lg-25 {
        width: 40%;
    }

    .col-lg-35 {
        width: 60%;
    }

    .col-lg-45 {
        width: 80%;
    }

}

@media (min-width: 1500px) {

    .col-bg-15,
    .col-bg-25,
    .col-bg-35,
    .col-bg-45 {
        float: left;
    }

    .col-bg-15 {
        width: 20%;
    }

    .col-bg-25 {
        width: 40%;
    }

    .col-bg-35 {
        width: 60%;
    }

    .col-bg-45 {
        width: 80%;
    }

}

/*-----------------------
CUSTOM COL > 1500
---------------------------*/

@media (min-width: 1500px) {

    .col-bg-1, .col-bg-10, .col-bg-11, .col-bg-12, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9 {
        position: relative;
        min-height: 1px;
        padding-right: 20px;
        padding-left: 20px
    }

    .col-bg-1, .col-bg-2, .col-bg-3, .col-bg-4, .col-bg-5, .col-bg-6, .col-bg-7, .col-bg-8, .col-bg-9, .col-bg-10, .col-bg-11 {
        float: left;
    }

    .col-bg-12 {
        width: 100%;
    }

    .col-bg-11 {
        width: 91.66666667%;
    }

    .col-bg-10 {
        width: 83.33333333%;
    }

    .col-bg-9 {
        width: 75%;
    }

    .col-bg-8 {
        width: 66.66666667%;
    }

    .col-bg-7 {
        width: 58.33333333%;
    }

    .col-bg-6 {
        width: 50%;
    }

    .col-bg-5 {
        width: 41.66666667%;
    }

    .col-bg-4 {
        width: 33.33333333%;
    }

    .col-bg-3 {
        width: 25%;
    }

    .col-bg-2 {
        width: 16.66666667%;
    }

    .col-bg-1 {
        width: 8.33333333%;
    }

}

/*-----------------------
CUSTOM COL < 480
---------------------------*/
@media (max-width: 479px) {
    .col-ts-1, .col-ts-10, .col-ts-11, .col-ts-12, .col-ts-2, .col-ts-3, .col-ts-4, .col-ts-5, .col-ts-6, .col-ts-7, .col-ts-8, .col-ts-9 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col-ts-1, .col-ts-2, .col-ts-3, .col-ts-4, .col-ts-5, .col-ts-6, .col-ts-7, .col-ts-8, .col-ts-9, .col-ts-10, .col-ts-11 {
        float: left;
    }

    .col-ts-12 {
        width: 100%;
    }

    .col-ts-11 {
        width: 91.66666667%;
    }

    .col-ts-10 {
        width: 83.33333333%;
    }

    .col-ts-9 {
        width: 75%;
    }

    .col-ts-8 {
        width: 66.66666667%;
    }

    .col-ts-7 {
        width: 58.33333333%;
    }

    .col-ts-6 {
        width: 50%;
    }

    .col-ts-5 {
        width: 41.66666667%;
    }

    .col-ts-4 {
        width: 33.33333333%;
    }

    .col-ts-3 {
        width: 25%;
    }

    .col-ts-2 {
        width: 16.66666667%;
    }

    .col-ts-1 {
        width: 8.33333333%;
    }
}

/*-------------------------
ROWS SPACE
-----------------------------*/
.rows-space-0 {
    margin-bottom: 0;
}

.rows-space-10 {
    margin-bottom: 10px;
}

.rows-space-15 {
    margin-bottom: 15px;
}

.rows-space-20 {
    margin-bottom: 20px;
}

.rows-space-25 {
    margin-bottom: 25px;
}

.rows-space-30 {
    margin-bottom: 30px;
}

.rows-space-35 {
    margin-bottom: 35px;
}

.rows-space-40 {
    margin-bottom: 40px;
}

.rows-space-45 {
    margin-bottom: 45px;
}

.rows-space-50 {
    margin-bottom: 50px;
}

.rows-space-55 {
    margin-bottom: 55px;
}

.rows-space-60 {
    margin-bottom: 60px;
}

.rows-space-70 {
    margin-bottom: 70px;
}

.rows-space-80 {
    margin-bottom: 80px;
}

.rows-space-90 {
    margin-bottom: 90px;
}

.rows-space-100 {
    margin-bottom: 100px;
}

.owl-slick .row-item:last-child [class^="rows-space-"],
.owl-slick .row-item:last-child [class*=" rows-space-"] {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .product-item[class^="rows-space-"],
    .product-item[class*=" rows-space-"],
    .owl-slick .row-item [class^="rows-space-"],
    .owl-slick .row-item [class*=" rows-space-"] {
        margin-bottom: 15px;
    }
}

/*---------------------------
1.2 VISUAL COMPOSER
-----------------------------*/
.vc_col-has-fill > div.vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner,
section.vc_section.vc_section-has-fill,
section.vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
section.vc_section.vc_section-has-fill + .vc_section {
    padding-top: 0;
}

body .wpb_button, body .wpb_content_element,
body ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0;
}

.vc_row-no-padding .vc_inner {
    margin-left: -15px;
    margin-right: -15px;
}

div.vc_row.vc_row-no-padding .vc_inner {
    margin-left: -15px;
    margin-right: -15px;
}

div.vc_row.vc_row-no-padding .vc_inner .vc_column-inner {
    padding-left: 15px;
    padding-right: 15px;
}

.vc_separator * {
    display: block;
}

div.vc_separator .vc_sep_holder {
    height: auto;
}

div.vc_separator .vc_sep_holder .vc_sep_line {
    height: auto;
    top: auto;
}

/*----------------------------
1.3 WORDPRESS DATA SAMPLE
--------------------------------*/
.alignnone {
    margin: 5px 20px 20px 0;
}

img.alignnone {
    margin: 0;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #ffffff;
    max-width: 100%; /* Image does not overflow the content area */
    padding: 5px 0;
    text-align: center;
    margin: 0;
}

.wp-caption.alignnone {
    margin: 0 20px 20px 0;
    clear: both;
}

.wp-caption.alignleft {
    margin: 0 20px 20px 0;
}

.wp-caption.alignright {
    margin: 0 0 20px 20px;
}

.wp-caption.aligncenter {
    margin: 0 auto;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    padding: 10px 4px 5px;
    margin: 0 !important;
}

.wp-caption figcaption.wp-caption-text {
    font-size: 13px;
    font-style: italic;
}

iframe {
    max-width: 100% !important;
}

.alignright {
    float: right;
    margin: 5px 0 20px 30px;
}

.alignleft {
    float: left;
    margin: 5px 30px 20px 0;
}

#wp-calendar caption {
    padding-left: 15px;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 20px 15px;
}

/*----------------------------
GALLERY
------------------------------*/
.gallery {
    margin-left: -5px;
    margin-right: -5px;
}

.gallery:after {
    display: table;
    content: "";
    clear: both;
}

.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-size: 12px;
    line-height: 1.5;
    padding: 0.5em 0;
}

.gallery-item {
    margin: 0;
    float: left;
    padding: 5px;
    font-style: italic;
    color: #666;
}

.gallery-columns-1 .gallery-item {
    width: 100%;
    float: none;
}

.gallery-columns-2 .gallery-item {
    width: 50%;
}

.gallery-columns-3 .gallery-item {
    width: 33.3333%;
}

.gallery-columns-4 .gallery-item {
    width: 25%;
}

.gallery-columns-5 .gallery-item {
    width: 20%;
}

.gallery-columns-6 .gallery-item {
    width: 16.6667%;
}

.gallery-columns-7 .gallery-item {
    width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    width: 11.1111%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

@media (min-width: 1200px) {

    .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) {
        clear: both;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .main-container:not(.no-sidebar) .gallery .gallery-item {
        min-width: 25%;
    }

    .main-container.no-sidebar .gallery-columns-2 .gallery-item:nth-child(2n+1), .main-container.no-sidebar .gallery-columns-3 .gallery-item:nth-child(3n+1), .main-container.no-sidebar .gallery-columns-4 .gallery-item:nth-child(4n+1), .main-container.no-sidebar .gallery-columns-5 .gallery-item:nth-child(5n+1), .main-container.no-sidebar .gallery-columns-6 .gallery-item:nth-child(6n+1), .main-container.no-sidebar .gallery-columns-7 .gallery-item:nth-child(7n+1), .main-container.no-sidebar .gallery-columns-8 .gallery-item:nth-child(8n+1), .main-container.no-sidebar .gallery-columns-9 .gallery-item:nth-child(9n+1), .main-container:not(.no-sidebar) .gallery-columns-2 .gallery-item:nth-child(2n+1), .main-container:not(.no-sidebar) .gallery-columns-3 .gallery-item:nth-child(3n+1), .main-container:not(.no-sidebar) .gallery:not(.gallery-columns-2):not(.gallery-columns-3) .gallery-item:nth-child(4n+1) {
        clear: both;
    }
}

@media (max-width: 991px) {
    .gallery .gallery-item {
        min-width: 25%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {

    .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery:not(.gallery-columns-2):not(.gallery-columns-3) .gallery-item:nth-child(4n+1) {
        clear: both;
    }

}

@media (max-width: 767px) {
    .gallery .gallery-item {
        min-width: 33.33%;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery:not(.gallery-columns-2) .gallery-item:nth-child(3n+1) {
        clear: both;
    }
}

@media (max-width: 479px) {
    .gallery .gallery-item {
        min-width: 50%;
    }

    .gallery .gallery-item:nth-child(2n+1) {
        clear: both;
    }
}

@media (max-width: 320px) {
    .gallery-columns-1 .gallery-caption,
    .gallery-columns-2 .gallery-caption,
    .gallery-columns-3 .gallery-caption,
    .gallery-columns-4 .gallery-caption,
    .gallery-columns-5 .gallery-caption {
        display: none;
    }
}

.bypostauthor {
    color: inherit;
}

.sticky {
    color: inherit;
}

article.sticky .post-title a::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f097";
    font-size: 30px;
    padding-right: 10px;
}

.post-title,
.widget {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.widget select {
    width: 100%;
}

.widget > select {

}

.widget_rss .rss-date {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #ababab;
}

.widget_calendar .calendar_wrap tr,
.widget_calendar .calendar_wrap td {
    padding: 0;
    text-align: center;
}

.widget_calendar .calendar_wrap #today {
    color: red;
}

/*widget_shopping_cart*/

.widget_shopping_cart .woocommerce-mini-cart__total {
    padding: 0 25px;
    padding-top: 20px;
    font-size: 16px;
}

.widget_shopping_cart .woocommerce-mini-cart__total strong {
    font-weight: normal;
    color: #2e353b;
    padding-right: 20px;
}

/*widget_product_search*/

.widget_product_search .woocommerce-product-search {
    position: relative;
    margin: 8px;
}

.widget_product_search .woocommerce-product-search .search-field {
    width: 100%;
    padding-right: 90px;
    padding-top: 4px;
}

.widget_product_search .woocommerce-product-search button[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
}

.widget.woocommerce-widget-layered-nav > ul {
    padding: 15px 0;
}

/*---------------------------
1.4 LOADING AJAX
--------------------------------*/

.loading-lazy {
    position: relative;
    display: block;
}

.sumi-accordion.loading, .tab-container.loading {
    position: relative;
}

.loading-lazy::after, .sumi-accordion.loading::before, .sumi-accordion.loading::after, .tab-container.loading::before, .tab-container.loading::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 8;
}

.sumi-accordion.loading::before, .tab-container.loading::before {
    background: rgba(255, 255, 255, 0.8);
}

.loading-lazy::after, .sumi-accordion::after, .tab-container.loading::after {
    width: 40px;
    height: 40px;
    margin: auto;
    border: 3px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    -webkit-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

@-webkit-keyframes sk-rotateplane {

    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }

}

@keyframes sk-rotateplane {

    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }

}

/*--------------------------
1.5 BANNER EFFECT
------------------------------*/
.effect {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

/* NORMAL */
.normal-effect::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

.normal-effect:hover::after {
    opacity: 0.3;
}

.normal-effect.dark-bg::after {
    background-color: #000;
}

.normal-effect.light-bg::after {
    background-color: #fff;
}

/* BOX SHADOW */
.box-shadow:hover {
    box-shadow: 0 0px 25px rgba(0, 0, 0, 0.2) !important;
    transition: all .5s ease-out;
}

/* PLUS ZOOM */
.plus-zoom::before,
.plus-zoom::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    z-index: 1;
}

.plus-zoom:hover::before {
    right: 50%;
    left: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.plus-zoom:hover::after {
    top: 50%;
    bottom: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

/* BOUNCE IN */

.bounce-in:hover img {
    -webkit-animation: bounceIn 0.5s ease-out;
    -o-animation: bounceIn 0.5s ease-out;
    animation: bounceIn 0.5s ease-out;
}

/* BORDER ZOOM */

.border-zoom::before,
.border-zoom::after {
    position: absolute;
    content: '';
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
}

.border-zoom::before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
}

.border-zoom::after {
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border: 2px solid #fff;
}

.border-zoom:hover::before,
.border-zoom:hover::after {
    opacity: 1;
}

.border-zoom:hover::after {
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

/* BORDER SCALE */

.border-scale {
    background-color: #000;
}

.border-scale::before,
.border-scale::after {
    content: '';
    position: absolute;
    z-index: 1;
    border-color: #fff;
    border-style: solid;
}

.border-scale::before,
.border-scale::after,
.border-scale img {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.border-scale::before {
    left: 50%;
    right: 50%;
    top: 10px;
    bottom: 10px;
    border-width: 2px 0 2px 0;
}

.border-scale::after {
    top: 50%;
    bottom: 50%;
    left: 10px;
    right: 10px;
    border-width: 0 2px 0 2px;
}

.border-scale:hover::before {
    left: 10px;
    right: 10px;
}

.border-scale:hover::after {
    top: 10px;
    bottom: 10px;
}

.border-scale:hover img {
    opacity: 0.7;
}

/* ==========================================================================
2.0 DEFAULT SETTING
========================================================================== */
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-size: inherit;
    margin-left: 0;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-MediumItalic.woff2') format('woff2'),
    url('../fonts/MaisonNeue-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-BoldItalic.woff2') format('woff2'),
    url('../fonts/MaisonNeue-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-Medium.woff2') format('woff2'),
    url('../fonts/MaisonNeue-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-Light.woff2') format('woff2'),
    url('../fonts/MaisonNeue-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-LightItalic.woff2') format('woff2'),
    url('../fonts/MaisonNeue-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-DemiItalic.woff2') format('woff2'),
    url('../fonts/MaisonNeue-DemiItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-BookItalic.woff2') format('woff2'),
    url('../fonts/MaisonNeue-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-Bold.woff2') format('woff2'),
    url('../fonts/MaisonNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-Demi.woff2') format('woff2'),
    url('../fonts/MaisonNeue-Demi.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Maison Neue';
    src: url('../fonts/MaisonNeue-Book.woff2') format('woff2'),
    url('../fonts/MaisonNeue-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 27px;
    color: #1b1a1a;
}

label {
    font-weight: normal;
    color: #333333;
}

a {
    color: inherit;
    text-decoration: none;
    transition: all .5s ease-out;
}

a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
    color: #e5534c;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    color: #292e32;
    margin-top: 0;
	    font-weight: 600;
}

blockquote, q {
    font-size: 14px;
    font-style: italic;
    padding: 10px 20px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-left: 4px solid #e5534c;
}

/* =========================================================================
2.1 FORM THEME
============================================================================ */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="url"], textarea, select {
    max-width: 100%;
    border-radius: 0;
    background-color: transparent;
    font-size: 14px;
    color: #72797e;
    border: 1px solid #e4e9ef;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
}

textarea {
    display: block;
    height: auto;
    width: 100%;
    padding: 15px 20px;
    line-height: 26px;
}

select {
    padding: 0 33px 0 20px;
    border: 2px solid #e4e9ef;
    background: url(../images/select-arrow.png) center right no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select::-ms-expand {
    display: none;
}

button, input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    border: none;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    padding: 0 15px;
    background: #333333;
    border-radius: 0;
    -webkit-transition: background 0.4s ease 0s;
    -moz-transition: background 0.4s ease 0s;
    -o-transition: background 0.4s ease 0s;
    transition: background 0.4s ease 0s;
}

button:not(.pswp__button):hover,
input[type="submit"]:hover,
button:not(.pswp__button):focus,
input[type="submit"]:focus {
    color: #ffffff;

}

/* ==========================================================================

2.2 TABLE THEME

============================================================================ */

table {
    border: 1px solid #eaeaea;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: auto;
    width: 100%;
    margin-bottom: 20px;
}

table thead {
    background-color: #f8f8f8;
}

th, td {
    border: 1px solid #eaeaea;
    padding: 10px;
}

@media (max-width: 991px) {

    th, td {
        padding: 5px;
    }

}

/* ==========================================================================
2.3 CONTAINER THEME
============================================================================ */
@media (min-width: 1200px) {
    .container {
        width: 1440px;
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    [class^="col-bg-"],
    [class*=" col-bg-"],
    [class^="col-lg-"],
    [class*=" col-lg-"],
    [class^="col-md-"],
    [class*=" col-md-"],
    [class^="col-sm-"],
    [class*=" col-sm-"],
    [class^="col-xs-"],
    [class*=" col-xs-"],
    [class^="col-ts-"],
    [class*=" col-ts-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 767px) {
    .row {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

    [class^="col-bg-"],
    [class*=" col-bg-"],
    [class^="col-lg-"],
    [class*=" col-lg-"],
    [class^="col-md-"],
    [class*=" col-md-"],
    [class^="col-sm-"],
    [class*=" col-sm-"],
    [class^="col-xs-"],
    [class*=" col-xs-"],
    [class^="col-ts-"],
    [class*=" col-ts-"] {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
}

@media (min-width: 1500px) {
    .none-hidden {
        overflow: inherit !important;
    }
}

/* ==========================================================================
2.4 SLICK SLIDER
============================================================================ */
/*slick-arrow*/
.tab-link > .slick-arrow,
.owl-slick .slick-arrow {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    text-align: center;
    font-size: 17px;
    color: #e6e6e6;
    background-color: #fff;
    z-index: 9;
    cursor: pointer;
    top: calc(50% - 114px);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease-out;
}

.sumi-products.style-4 .owl-slick .slick-arrow,
.owl-slick:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}

.sumi-tabs.style1 .owl-slick .slick-arrow {
    top: calc(50% - 18px);
}

/*color*/

.tab-link > .slick-arrow:hover,
.owl-slick .slick-arrow:hover {
    color: #333333;
    border-color: #333333;
    opacity: 1;
    visibility: visible;
}

/*position*/

.tab-link > .slick-arrow.prev,
.owl-slick .slick-arrow.prev {
    left: -30px;
}

.tab-link > .slick-arrow.next,
.owl-slick .slick-arrow.next {
    right: -30px;
}

.sumi-products.style-4 .owl-slick .slick-arrow {
    width: 33px;
    height: 20px;
    line-height: 20px;
    border: none;
    top: -67px;
    background-color: #fff;
    border-radius: 0;
    color: #292e32;
    font-weight: bold;
}

.sumi-products.style-4 .owl-slick .slick-arrow.next {
    right: -11px;
}

.sumi-products.style-4 .owl-slick .slick-arrow.prev {
    left: auto;
    right: 8px;
}

.sumi-slide.default .owl-slick .slick-arrow {
    border: none;
    background-color: transparent;
    color: #fff;
    top: calc(50% - 22px);
    right: 10px;
    font-size: 22px;
}

.sumi-slide.default .owl-slick .slick-arrow.prev {
    left: 10px;
    right: auto;
}

.sumi-products > .slick-slider, .product-grid > .slick-slider {
    display: inline-block;
    width: 100%;
}

.sumi-slide.style1 .owl-slick .slick-arrow {
    top: calc(50% - 15px);
}

@media (max-width: 1199px) {
    .tab-link > .slick-arrow,
    .owl-slick .slick-arrow {
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 28px;
    }

    .tab-link > .slick-arrow.prev,
    .owl-slick .slick-arrow.prev {
        left: -14px;
    }

    .tab-link > .slick-arrow.next,
    .owl-slick .slick-arrow.next {
        right: -14px;
        left: auto;
    }
}

@media (max-width: 1024px) {
    .owl-slick .slick-arrow {
        display: none !important;
    }
}

@media (max-width: 640px) {
    .sumi-tabs.style1 .owl-slick .slick-arrow {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .tab-link > .slick-arrow.prev,
    .owl-slick .slick-arrow.prev {
        left: 0;
    }

    .tab-link > .slick-arrow.next,
    .owl-slick .slick-arrow.next {
        right: 0;
        left: auto;
    }
}

/*slick-dots*/
.owl-slick .slick-dots {
    padding: 0;
    list-style: none;
    display: table;
    margin: 0 auto;
    line-height: 100%;
    margin-top: 45px;
}

.owl-slick .slick-dots[style="display: table;"] {
    display: table !important;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    margin-top: 45px;
    line-height: 100%;
}

.sumi-tabs.style2 .owl-slick .slick-dots[style="display: table;"] {
    margin-top: 96px;
}

.sumi-tabs.style5 .owl-slick .slick-dots[style="display: table;"] {
    /*margin-top: 73px;*/
}

.owl-slick .slick-dots li {
    display: inline-block;
    line-height: 100%;
}

.owl-slick .slick-dots li button {
    font-size: 0;
    width: 5px;
    height: 5px;
    padding: 0;
    margin: 0 4px;
    opacity: 0.3;
    transition: all .5s ease-out;
}

.owl-slick .slick-dots li button:hover,
.owl-slick .slick-dots li.slick-active button {
    opacity: 1;
}

.owl-slick .slick-dots li.slick-active button {
    width: 24px;
}

.owl-slick .slick-list {
    padding: 5px;
    margin: -5px;
    padding-top: 10px;
}

.post-thumb .owl-slick .slick-list {
    padding-top: 0;
}

.post-thumb .owl-slick .slick-dots[style="display: table;"] {
    margin-top: -19px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 1199px) {
    .owl-slick .slick-dots[style="display: table;"],
    .sumi-tabs.style5 .owl-slick .slick-dots[style="display: table;"],
    .sumi-tabs.style2 .owl-slick .slick-dots[style="display: table;"] {
        margin-top: 0;
    }

    .products.product-grid .owl-slick .slick-dots {
        margin-top: 20px;
    }
}

@media (max-width: 1024px) {

}

@media (max-width: 767px) {
    .sumi-tabs.style2 .owl-slick .slick-dots[style="display: table;"] {
        margin-top: 10px;
    }

    .owl-slick .slick-dots[style="display: table;"],
    .sumi-tabs.style5 .owl-slick .slick-dots[style="display: table;"] {
        margin-top: 0;
    }

    .sumi-blog.style-1 .owl-slick .slick-dots {
        margin-top: 10px;
    }
}

/* ==========================================================================
3.0 HEADER THEME
============================================================================ */
.header > a > img {
    min-height: 50px;
    object-fit: cover;
}

/* ==========================================================================
3.1 HEADER TOP
============================================================================ */
.header-top {
    border-bottom: 1px solid #e8edf2;
    padding: 8px 0 4px;
}

.header-top-inner {
    /*margin-left: -15px;
	margin-right: -15px;*/
}

.header-top-inner::before,
.header-top-inner::after {
    content: '';
    display: table;
}

.header-top-inner::after {
    clear: both;
}

.header-top-inner ul {
    padding-left: 0;
    list-style: none;
}

.header-top-inner .top-bar-menu {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.header-top-inner .top-bar-menu.right {
    float: right;
}

.header-top-inner .top-bar-menu > .menu-item {
    display: inline-block;
    position: relative;
    text-align: left;
    color: #72797e;
}

.header-top-inner .top-bar-menu > .menu-item::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
}

.header-top-inner .top-bar-menu > .menu-item.block-language:hover::after,
.header-top-inner .top-bar-menu > .menu-item:last-child:hover::after {
    display: block;
}

.header-top-inner .top-bar-menu > .menu-item:not(:first-child) {
    padding-left: 11px;
}

.header-top-inner .top-bar-menu > .menu-item:not(:last-child) {
    padding-right: 16px;
}

.header-top-inner .top-bar-menu > .menu-item:not(:last-child)::before {
    content: '';
    display: block;
    border-left: 1px solid #dae1e7;
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
    height: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.header-top-inner .top-bar-menu > .menu-item a {
    display: block;
    font-size: 14px;
    line-height: 39px;
    /*letter-spacing: 0.025em;*/
}

.header-top-inner .top-bar-menu > .menu-item > a > span {
    font-size: 15px;
    color: #333;
    padding-right: 10px;
    float: left;
    line-height: 39px;
    -webkit-transition: color 0.4s ease 0s;
    -moz-transition: color 0.4s ease 0s;
    -o-transition: color 0.4s ease 0s;
    transition: color 0.4s ease 0s;
}

.header-top-inner .top-bar-menu > .menu-item:hover > a > span,
.header-top-inner .top-bar-menu > .menu-item:hover > a {
    color: #e5534c;
}

/* DROPDOWN */

.block-language {
    position: relative;
}

.block-language > .sub-menu,
.wcml-dropdown .wcml-cs-submenu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    min-width: 150px;
    background-color: #fff;
    color: #777777;
    z-index: 10;
    border: none;
    list-style: none;
    padding: 0;
    -webkit-transition: margin 0.4s ease 0s;
    -moz-transition: margin 0.4s ease 0s;
    -o-transition: margin 0.4s ease 0s;
    transition: margin 0.4s ease 0s;
    text-align: left;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    opacity: 0;
    visibility: hidden;
    margin-top: 20px !important;
}

.block-language:hover > .sub-menu, .menu-item:hover .wcml-dropdown .wcml-cs-submenu {
    opacity: 1;
    visibility: visible;
    margin-top: 10px !important;
}

.block-language > .sub-menu .menu-item, .wcml-dropdown .wcml-cs-submenu li {
    padding: 0 12px;
}

/* LANGUAGE */

.block-language a > img {
    vertical-align: middle;
    margin: -2px 3px 0 0;
}

.block-language > a::after {
    display: inline-block;
    vertical-align: top;
    font-family: 'FontAwesome', sans-serif;
    content: "\f0d7";
    margin-left: 7px;
    color: #2e353b;
}

/* CURENCY */

.wcml-dropdown {
    width: auto;
}

.wcml-dropdown li {
    border: none;
    background-color: transparent;
}

.wcml-dropdown > ul {
    position: static;
}

.wcml-dropdown a {
    padding: 0;
    line-height: inherit;
}

.wcml-dropdown a.wcml-cs-item-toggle {
    padding: 0;
}

.wcml-dropdown a.wcml-cs-item-toggle:after {
    vertical-align: top;
    position: static;
    font-family: FontAwesome, sans-serif;
    content: "\f0d7";
    border: none;
    margin-left: 10px;
    color: #2e353b;
}

.wcml-dropdown .wcml-cs-submenu li {
    border: none;
}

.wcml-dropdown .wcml-cs-submenu li:hover > a {
    color: #e5534c;
}

.wcml-dropdown li:hover, .wcml-dropdown li:focus {
    background-color: transparent;
}

.woocommerce .wcml-dropdown.product {
    margin: 0;
}

@media (max-width: 991px) {
    .header-top-inner #menu-top-left-menu,
    .header-top-inner #menu-top-right-menu {
        width: 100%;
        text-align: center;
    }

    .header-top-inner .top-bar-menu > .menu-item:not(:first-child),
    .header-top-inner .top-bar-menu > .menu-item:first-child {
        padding-left: 8px;
    }

    .header-top-inner .top-bar-menu > .menu-item:not(:last-child),
    .header-top-inner .top-bar-menu > .menu-item:last-child {
        padding-right: 12px;
    }
}

@media (max-width: 767px) {
    .header-top-inner .top-bar-menu > .menu-item a {
        line-height: 30px;
    }

    .header-top-inner .top-bar-menu {
        padding: 0;
    }
}

@media (max-width: 640px) {
    .hidden-top-left #menu-top-left-menu,
    .hidden-top-right #menu-top-right-menu {
        display: none !important;
    }

    .hidden-top-right.hidden-top-left .header-top {
        border: none;
        padding: 0;
    }
}

@media (max-width: 480px) {
    .header-top-inner .top-bar-menu > .menu-item a {
        line-height: 25px;
        font-size: 12px;
    }
}

/* ==========================================================================
3.2 HEADER MIDDLE
============================================================================ */
.header-middle-inner::before,
.header-middle-inner::after {
    content: '';
    display: table;
}

.header-middle-inner::after {
    clear: both;
}

.header-middle-inner {
    display: table;
    width: 100%;
    margin-top: 54px;
    margin-bottom: 40px;
}

.header.style3 .header-middle-inner {
    margin-bottom: 8px;
}

.header-middle-inner > * {
    display: table-cell;
    vertical-align: middle;
}

/*.header-middle-inner .logo {
    padding-right: 70px;
}*/

/*.header-middle-inner .logo img {
    max-width: 280px;
}*/

.header-control {
    padding-top: 5px;
}

@media (max-width: 1024px) {
    .header-middle-inner {
        margin-top: 20px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .header-middle-inner > * {
        display: block;
        text-align: center;
    }

    .header-middle-inner .logo {
        margin-bottom: 10px;
    }

    .header-middle-inner {
        margin-top: 10px;
    }

    .header-middle-inner .block-search,
    .header-control {

    }

    .header-control {
        padding-top: 0;
    }

    .header > a,
    .phone-header {
        display: none;
    }
}

@media (max-width: 479px) {
    .header-middle-inner {
        display: inline-block;
        width: 100%;
    }
}

/*menu mobile*/

.block-menu-bar {
    vertical-align: middle;
    display: none;
    font-size: 0;
    padding-right: 28px;
}

.block-menu-bar .menu-bar {
    width: 24px;
    display: inline-block;
    color: #6c7177;
    vertical-align: middle;
}

.block-menu-bar .menu-bar span {
    background-color: #333;
    display: block;
    margin-bottom: 4px;
    height: 3px;
}

.block-menu-bar .menu-bar:hover span {
    background-color: #e5534c;
}

@media (max-width: 1024px) {
    .block-menu-bar {
        display: inline-block;
        padding-right: 0;
        margin-left: 8px;
    }
}

/*block search*/
.block-search .form-search {
    display: table;
    border: 2px solid #e8edf2;
    width: 100%;
    position: relative;
    max-width: 720px;
    margin: 0 auto;
}

.block-search .form-search .btn-submit {
    width: 62px;
    height: 47px;
    line-height: 47px;
    position: absolute;
    top: -2px;
    right: -2px;
    font-size: 21px;
    color: #fff;
}

.block-search .form-search .btn-submit:hover {
    opacity: 0.5;
}

.block-search .form-search .form-content,
.block-search .form-search .category {
    display: table-cell;
    vertical-align: top;
    white-space: normal;
}

.sumi-live-search-form {
    position: relative;
}

.sumi-live-search-form .search-box {
    position: relative;
}

.sumi-live-search-form.loading .search-box::before {
    content: '';
    width: 25px;
    height: 25px;
    margin: auto;
    border: 3px solid #ccc;
    border-top-color: #e5534c;
    border-radius: 50%;
    -webkit-animation: fa-spin 2s infinite linear;
    -o-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
    position: absolute;
    top: 13px;
    right: 5px;
}

.sumi-live-search-form .not-results-search,
.sumi-live-search-form .products-search {
    position: absolute;
    top: 100%;
    left: -3px;
    right: 1px;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    z-index: 100;
    border: 1px solid #e4e9ef;
    margin-top: 17px;
}

.sumi-live-search-form .not-results-search {
    padding: 14px 17px;
}

.sumi-live-search-form .not-results-search::before,
.sumi-live-search-form .products-search::before {
    content: '';
    border-style: solid;
    border-width: 10px 8px;
    border-color: transparent transparent #e4e9ef transparent;
    position: absolute;
    top: -20px;
    left: 30px;
}

.sumi-live-search-form .not-results-search::after,
.sumi-live-search-form .products-search::after {
    content: '';
    border-style: solid;
    border-width: 8px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -16px;
    left: 31px;
}

.sumi-live-search-form .suggestion-search {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    padding: 10px 20px;
    color: #ccc;
    line-height: 20px;
    display: none;
}

.sumi-live-search-form .product-search-item {
    overflow: hidden;
    padding: 14px 17px;
    border-bottom: 1px solid #eaeaea;
}

.sumi-live-search-form .view-all {
    padding: 10px 17px;
    text-align: center;
    width: 100%;
}

.sumi-live-search-form .product-image {
    width: 45px;
    float: left;
}

.sumi-live-search-form .product-image img {
    border-radius: 3px;
    border: 1px solid #f0f0f0;
}

.sumi-live-search-form .product-title-price {
    overflow: hidden;
    padding-left: 10px;
}

.sumi-live-search-form .mask-link {
    display: block;
}

.sumi-live-search-form .txt-livesearch {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    border: none;
    min-width: 200px;
}

.sumi-live-search-form .keyword-current {
    display: inline-block;
}

.live-search-widget .sumi-live-search-form .txt-livesearch {
    border: 2px solid #eaeaea;
    border-radius: 51px;
}

.live-search-widget .sumi-live-search-form .products-search {
    left: 0;
    right: 0;
}

/* CHOSEN */

.chosen-container {
    vertical-align: top;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
    width: auto !important;
    max-width: 100%;
}

.block-search .category select {
    border: none;
    height: 58px;
    line-height: 62px;
    width: 165px;
}

.chosen-container-single .chosen-single {
    padding: 0 35px;
    border: none;
    border-left: 1px solid #eaeaea;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    color: #72797e;
}

.chosen-container-single .chosen-single::after {
    display: inline-block;
    vertical-align: top;
    font-family: FontAwesome, sans-serif;
    content: "\f0d7";
    font-size: 15px;
    color: #333333;
}

.chosen-container-single .chosen-single span {
    display: inline-block;
    vertical-align: top;
    margin-right: 7px;
    width: calc(100% - 10px);
}

.chosen-container-single .chosen-single div {
    display: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
    border-left: 1px solid #eaeaea;
    background: transparent;
    box-shadow: none;
}

.chosen-container-single .chosen-drop {
    top: calc(100% + 5px);
    left: 0;
    clip: auto;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    width: auto;
    min-width: 100%;
    white-space: nowrap;
    margin: 0;
    padding: 13px 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.chosen-container:not(.chosen-with-drop) .chosen-drop {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}

.chosen-container-single .chosen-drop .chosen-search {
    display: none;
}

.chosen-container-single .chosen-results {
    color: #666;
    padding: 0;
    margin: 0;
}

.chosen-container .chosen-results li {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chosen-container .chosen-results li[class^="level-"]::before,
.chosen-container .chosen-results li[class*=" level-"]::before {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 1px;
    margin-right: 6px;
    content: '';
}

.chosen-container .chosen-results li.level-0::before {
    background-color: #000;
}

.chosen-container .chosen-results li.result-selected {
    background-color: #f0f2f5;
    color: #333;
}

.chosen-container .chosen-results li.highlighted {
    background-image: none;
    background-color: #f0f2f5;
    color: #333;
}

.key-word-search {
    text-align: center;
    font-size: 13px;
    color: #72797e;
    margin-top: 19px;
}

.key-word-search > * {
    display: inline-block;
    vertical-align: top;
}

.key-word-search .title-key {
    font-weight: 600;
    color: #72797e;
}

.key-word-search .key-item {
    margin-left: 10px;
}

@media (min-width: 1025px) {
    .close-block-search {
        display: none;
    }
}

@media (max-width: 1440px) {
    .sumi-live-search-form .txt-livesearch {
        min-width: inherit;
    }
}

@media (max-width: 1199px) {
    .header-middle-inner .logo {
        padding-right: 0;
    }

    .block-search .form-search .category {
        display: none;
    }
}

@media (max-width: 1024px) {
    .key-word-search {
        display: none;
    }

    .header-middle-inner > .block-search {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background-color: rgba(0, 0, 0, 0.8);
        height: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: height 0.6s ease;
        -moz-transition: height 0.6s ease;
        -o-transition: height 0.6s ease;
        transition: height 0.6s ease;
    }

    .header-bock-search-open .header-middle-inner > .block-search {
        opacity: 1;
        visibility: visible;
        height: 100vh;
    }

    .sumi-live-search-form .txt-livesearch {
        min-width: 350px;
    }

    .close-block-search {
        position: absolute;
        top: -50px;
        color: #fff;
        font-size: 15px;
        width: 40px;
        height: 40px;
        text-align: center;
        margin: 0 auto;
        left: 0;
        right: 0;
        line-height: 40px;
    }

    .close-block-search:hover {
        color: #fff !important;
    }

    .header-middle-inner .form-search {
        max-width: 290px;
        margin: 0 auto;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .block-search .form-search .btn-submit {
        top: -2px;
        right: -2px;
    }

}

/*header-control*/
.meta-woo {
    text-align: right;
}

.meta-woo > div:not(.block-menu-bar),
.search-mobile {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 24px;
    color: #292e32;
    padding-right: 28px;
    margin-left: 8px;
}

.block-wishlist .woo-wishlist-link {
    font-size: 25px;
    font-weight: 600;
}

.text-control {
    display: block;
    color: #292e32;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

/*block-user*/
.block-user {
    position: relative;
}

.block-user .sub-menu {
    text-align: left;
    list-style: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 160px;
    border: 2px solid #e8edf3;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    margin-top: 35px;
    -webkit-transition: margin-top 0.4s ease 0s;
    -moz-transition: margin-top 0.4s ease 0s;
    -o-transition: margin-top 0.4s ease 0s;
    transition: margin-top 0.4s ease 0s;
    padding: 5px;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
}

.block-user:hover .sub-menu {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
}

.block-user .sub-menu li {
    padding: 0 12px;
    color: #72797e;
}

.block-user .sub-menu li a {
    display: block;
    font-size: 12px;
    line-height: 34px;
    letter-spacing: 0.025em;
}

/*MINICART*/
.block-minicart {
    position: relative;
}

.block-minicart .link-dropdown span {
    position: relative;
}

.block-minicart .link-dropdown .count {
    position: absolute;
    top: -11px;
    left: 100%;
    display: inline-block;
    min-width: 30px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    padding: 0 3px;
    border-radius: 30px;
    background-color: #ff5050;
    font-size: 12px;
    color: #fff;
}

.canvas-content .woocommerce.widget_shopping_cart {
    height: calc(100vh - 210px);
    overflow-y: scroll;
}

.block-minicart .widget_shopping_cart {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 347px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    z-index: 99;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    margin-top: 35px;
    -webkit-transition: margin-top 0.4s ease 0s;
    -moz-transition: margin-top 0.4s ease 0s;
    -o-transition: margin-top 0.4s ease 0s;
    transition: margin-top 0.4s ease 0s;
    padding: 30px 25px 35px 25px;
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
}

.block-minicart .widget_shopping_cart::before {
    content: '';
    border-style: solid;
    border-width: 10px 8px;
    border-color: transparent transparent #ebebeb transparent;
    position: absolute;
    top: -20px;
    right: 30px;
}

.block-minicart .widget_shopping_cart::after {
    content: '';
    border-style: solid;
    border-width: 8px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: -16px;
    right: 31px;
}

.block-minicart .cart_list {
    overflow-y: auto;
    max-height: 187px;
    padding-right: 8px;
}

.woocommerce-mini-cart__empty-message {
    margin-bottom: 0;
    text-align: center;
    font-size: 15px;
    padding: 15px;
}

.product_list_widget {
    padding-left: 0;
    list-style: none;
}

.product_list_widget li {
    position: relative;
    padding-bottom: 15px !important;
    padding-top: 0 !important;
}

.product_list_widget li.mini_cart_item {
    padding-right: 15px;
    overflow: hidden;
    padding: 28px 25px 28px !important;
    margin-bottom: 0;
}

.product_list_widget li.mini_cart_item:not(:last-child) {
    border-bottom: 1px solid #dee5e8;
}

.product_list_widget li.mini_cart_item.woosb-cart-child {
    margin-left: 15px;
}

.product_list_widget li {
    margin-bottom: 16px;
}

.product_list_widget img {
    float: left;
    max-width: 87px;
    margin-right: 20px;
}

.product_list_widget li > a {
    display: block;
}

.product_list_widget li a:nth-child(2) {
    font-size: 16px;
    line-height: 21px;
}

.product_list_widget li a:nth-child(2):not(:hover) {
    color: #292e32;
}

.product_list_widget li .quantity {
    font-size: 16px;
    color: #292e32;
}

.product_list_widget li .remove_from_cart_button {
    position: absolute;
    top: 27px;
    right: 25px;
    font-size: 16px;
    width: auto !important;
}

.product_list_widget li .remove_from_cart_button:not(:hover) {
    color: #bfbfbf;
}

.widget_recent_reviews .product_list_widget,
.widget_top_rated_products .product_list_widget,
.widget_products .product_list_widget {
    padding: 20px 0;
}

.widget_recent_reviews .product_list_widget li,
.widget_top_rated_products .product_list_widget li,
.widget_products .product_list_widget li {
    margin-bottom: 20px;
    padding-bottom: 0 !important;
}

.widget_recent_reviews .product_list_widget li:last-child,
.widget_top_rated_products .product_list_widget li:last-child,
.widget_products .product_list_widget li:last-child {
    margin-bottom: 0;
}

.woocommerce-mini-cart__total {
    color: #2e353b;
    overflow: hidden;
    padding-top: 20px;
    border-top: 1px solid #dee5e8;
    margin-bottom: 27px;
}

.woocommerce-mini-cart__total strong {
    font-weight: normal;
    font-size: 16px;
}

.woocommerce-mini-cart__total .woocommerce-Price-amount {
    font-size: 18px;
    float: right;
}

.woocommerce-mini-cart__buttons {
    overflow: hidden;
    margin-bottom: 0;
}

.woocommerce-mini-cart__buttons .button {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    width: calc(50% - 2px);
    width: 50%;
    height: 58px;
    line-height: 60px;
    position: relative;
    text-align: center;
    padding: 0 15px;
    letter-spacing: 2px;
    background-color: #2e353b;
    text-transform: uppercase;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.woocommerce-mini-cart__buttons .button.checkout,
.woocommerce-mini-cart__buttons .button:not(.checkout):hover {
    color: #fff;
}

.woocommerce-mini-cart__buttons .button.checkout {
    float: right;
}

.woocommerce-mini-cart__buttons .button:not(.checkout):hover::before {
    display: none;
}

.woocommerce-mini-cart__buttons .button.checkout:hover {
    opacity: 0.8;
}

.woocommerce.widget_products .product_list_widget img {
    border: 1px solid #e4e9ef;
}

.woocommerce.widget_products ul {
    padding: 23px 0;
}

.woocommerce.widget_products ul li {
    padding: 15px 23px 13px;
}

.woocommerce.widget_products ul li ins {
    text-decoration: none;
}

.woocommerce.widget_products ul li:not(:last-child) {
    border-bottom: 1px solid #e4e9ef;
    margin-bottom: 23px;
    padding-bottom: 23px !important;
}

.woocommerce.widget_products {

}

@media (min-width: 1025px) {
    .search-mobile {
        display: none;
    }
}

@media (max-width: 1024px) {
    .block-minicart.open .widget_shopping_cart {
        margin-top: 15px;
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 767px) {
    .block-minicart .widget_shopping_cart {
        right: -50px;
        min-width: 300px;
    }

    .block-minicart .widget_shopping_cart::before {
        right: 80px;
    }

    .block-minicart .widget_shopping_cart::after {
        right: 81px;
    }

    .block-user .sub-menu {
        display: none;
    }

    .meta-woo {
        text-align: center;
    }

    .meta-woo > div:not(.block-menu-bar), .search-mobile {
        padding-right: 15px;
        margin-left: 0;
        font-size: 21px;
    }

    .block-wishlist .woo-wishlist-link {
        font-size: 22px;
    }

    .text-control {
        margin-top: -6px;
    }

    .block-menu-bar .menu-bar span {
        height: 2px;
    }
}

@media (max-width: 360px) {
    .meta-woo > div:not(.block-menu-bar), .search-mobile {
        padding-right: 12px;
    }

    .text-control {
        font-size: 10px;
    }
}

/* HEADER STICKY */
.header-sticky-menu {
    position: fixed;
    top: -51px;
    left: 0;
    right: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    z-index: 10;
    background-color: #fff;
}

.header-sticky-menu.active {
    top: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
3.3 HEADER NAV
========================================================================== */
/* ==========================================================================
MAIN MENU
========================================================================== */

.block-nav-category ~ .box-header-nav {
    padding-left: 14px;
}

.box-header-nav .main-menu {
    padding: 0;
    list-style: none;
}

.box-header-nav .main-menu .menu-item {
    list-style: none;
    position: relative;
}

.box-header-nav .main-menu > .menu-item > a {
    font-weight: 500;
    font-size: 14px;
    line-height: 66px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 0px;
    padding-top: 0px;
    display: inline-block;
    color: #fff;
}

.box-header-nav .main-menu .menu-item > a .image {
    position: absolute;
    right: -32px;
    top: -33px;
    z-index: 1;
}

.box-header-nav .main-menu .menu-item > a > span {
    font-size: 16px;
    margin-left: 5px;
}

.box-header-nav .main-menu .menu-item > a > span.glyphicon {
    margin-left: -2px;
}

/*sub menu*/
.box-header-nav .main-menu .menu-item .submenu {
    padding-left: 0;
    text-align: left;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    z-index: 10;
    /*border: 2px solid #e8edf3;*/
    -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.08);
}

.box-header-nav .main-menu > .menu-item .submenu:not(.megamenu) {
    padding-top: 18px;
    padding-bottom: 20px;
}

.box-header-nav .main-menu > .menu-item .submenu:not(.megamenu) .menu-item {
    padding: 0 25px 0;
    color: #2f2f2f;
    line-height: 26px;
}

.box-header-nav .main-menu > .menu-item .submenu.megamenu p {
    margin: 0;
}

.box-header-nav .main-menu > .menu-item .submenu .menu-item::before {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: -webkit-calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: calc(100% + 10px);
    height: 100%;
    z-index: -1;
}

.box-header-nav .main-menu > .menu-item .submenu .menu-item:hover::before {
    display: block;
}

.box-header-nav .main-menu > .menu-item .submenu a {
    font-size: 16px;
    display: block;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box-header-nav .main-menu .menu-item .submenu .menu-item a > span {
    position: relative;
    bottom: 4px;
}

.box-header-nav .main-menu .toggle-submenu {
    display: none;

    /*display: block;*/
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 19px;
    cursor: pointer;
    color: #000;
}

.box-header-nav .main-menu .menu-item:hover > .toggle-submenu {
    color: #e5534c;
}

/*horizon menu*/
/*sup menu*/
.box-header-nav .main-menu > .menu-item {
    padding: 0 30px 0 0;
    display: inline-block;
    color: #fff;
}

.box-header-nav .main-menu > .menu-item > a {
    position: relative;
    cursor: pointer;
}

.box-header-nav .main-menu > .menu-item > a:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    transition: transform 0.5s cubic-bezier(0.8, 0, 0.2, 1);
    transform: scale3d(0, 1, 1);
    transform-origin: 100% 50%;
}

.box-header-nav .main-menu > .menu-item > a:hover:after,
.box-header-nav .main-menu > .current_page_parent > a:after {
    transform: scale3d(1, 1, 1);
    transform-origin: 0% 50%;
}

.box-header-nav .main-menu > .menu-item:first-child {
    padding-left: 35px;
}

.disable-vertical-menu .box-header-nav .main-menu > .menu-item:first-child {
    padding-left: 0;
}

/*sub menu*/
.box-header-nav .main-menu .menu-item .submenu {
    position: absolute;
    min-width: 320px;
    background-color: #ffffff;
    opacity: 0;
    visibility: hidden;
    margin-top: 20px;
}

.box-header-nav .main-menu .menu-item:hover > .submenu {
    opacity: 1;
    visibility: visible;
}

.box-header-nav .main-menu > .menu-item > .submenu {
    top: 100%;
    left: 0;
}

.box-header-nav .main-menu > .menu-item:hover > .submenu {
    margin-top: 0;
}

.box-header-nav .main-menu > .menu-item > .submenu .submenu {
    top: -19px;
    left: 100%;
}

.box-header-nav .main-menu .submenu .menu-item:hover > .submenu {
    margin-top: 1px;
}

/*.toggle-submenu*/

.box-header-nav .main-menu .toggle-submenu::before {
    display: block;
    content: '\f107';
    font-family: 'FontAwesome', sans-serif;
    height: 57px;
    line-height: 57px;
    width: 25px;
    text-align: center;
    font-size: 18px;
    z-index: 10;
}

.box-header-nav .main-menu .submenu .toggle-submenu {
    display: block;
}

.box-header-nav .main-menu .submenu .toggle-submenu::before {
    height: 30px;
    line-height: 30px;
    width: 30px;
    font-size: 14px;
    content: '\f105';
}

.box-header-nav .main-menu > .menu-item.menu-item-right {
    float: right;
    padding-left: 35px;
}

.box-header-nav .main-menu > .menu-item.menu-item-right > a {
    font-family: inherit;
    color: #999999;
}

.box-header-nav .main-menu > .menu-item.menu-item-right:hover > a {
    color: #e5534c;
}

.box-header-nav .main-menu .menu-item.menu-item-right > a > span {
    font-size: 24px;
    position: absolute;
    left: -35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.box-header-nav .main-menu .submenu .submenu .toggle-submenu::before {
    display: none;
}

/* ==========================================================================
VERTICAL MENU
========================================================================== */
.header-nav-inner {
    display: table;
    width: 100%;
}

.header-nav-inner > * {
    display: table-cell;
    vertical-align: middle;
}

.block-nav-category {
    position: relative;
    width: 320px;
}

.block-nav-category .block-title {
    padding: 0 30px;
    cursor: pointer;
    color: #fff;
    overflow: hidden;
    position: relative;
    max-width: 320px;
    font-weight: 500;
    height: 70px;
    line-height: 70px;
}

.block-nav-category .block-title .before {
    display: inline-block;
    margin-right: 17px;
}

.block-nav-category .block-title .before span {
    height: 2px;
    background-color: #fff;
    content: '';
    width: 6px;
    display: block;
}

.block-nav-category .block-title .before span:nth-child(1) {
    width: 18px;
}

.block-nav-category .block-title .before span:nth-child(2) {
    width: 12px;
    margin: 3px 0;
}

.block-nav-category .block-title .text-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

.block-nav-category:not(.has-open) .block-content {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}

.block-nav-category .block-content {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: 320px;
    background-color: #fff;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-align: left;
    border: 2px solid #e8edf3;
    z-index: 99;
}

.block-nav-category .vertical-menu {
    position: relative;
    list-style: none;
    padding: 0;
}

.block-nav-category .vertical-menu .menu-item {
    position: relative;
    color: #72797e;
}

.block-nav-category .vertical-menu .menu-item.link-other {
    display: none;
}

.block-nav-category .vertical-menu .menu-item > a .image {
    display: inline-block;
    vertical-align: top;
    margin-left: 12px;
}

.block-nav-category .vertical-menu .menu-item > a .icon {
    margin-left: 5px;
    font-size: 16px;
    vertical-align: middle;
}

.block-nav-category .vertical-menu .menu-item:not(.show-submenu) > a .icon {
    color: #888;
}

.block-nav-category .vertical-menu > .menu-item > a {
    font-size: 14px;
    display: block;
    padding: 10px 18px 6.5px 25px;
}

.block-nav-category .vertical-menu > .menu-item:not(:first-child) > a {
    border-top: 1px solid #e8edf3;
}

.block-nav-category .vertical-menu > .menu-item.show-submenu > a,
.block-nav-category .vertical-menu > .menu-item:hover > a {
    color: #333333;
}

.block-nav-category .vertical-menu .submenu {
    list-style: none;
}

.block-nav-category .vertical-menu .submenu:not(.megamenu) .menu-item a {
    font-size: 14px;
    display: block;
    padding: 3px 10px 3px 30px;
}

.box-header-nav .main-menu > .menu-item .submenu.megamenu > div,
.block-nav-category .vertical-menu .submenu.megamenu > div {
    padding: 30px 15px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.box-header-nav .main-menu > .menu-item .submenu.megamenu > div {
    padding: 30px 20px;
}

.block-nav-category .view-all-category a {
    display: block;
    font-size: 14px;
    background-color: #eff3f7;
    color: #72797e;
    padding: 11px 18px 7px 25px;
}

.block-nav-category .view-all-category a::after {
    font-size: 18px;
    content: '\f105';
    font-family: 'FontAwesome', sans-serif;
    display: inline-block;
    float: right;
}

@media (max-width: 1366px) {
    .block-nav-category {
        width: 305px;
    }
}

@media (max-width: 1280px) {
    .block-nav-category {
        width: 285px;
    }
}

@media (min-width: 1200px) {
    .block-nav-category.always-open .block-content {
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@media (min-width: 1025px) {
    .block-nav-category .vertical-menu .menu-item.parent-megamenu {
        position: static;
    }

    .block-nav-category .vertical-menu .menu-item:not(:hover) > .submenu {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(15px);
        -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
        -o-transform: translateX(15px);
        transform: translateX(15px);
    }

    .block-nav-category .vertical-menu .submenu {
        position: absolute;
        top: -2px;
        left: calc(100% + 8px);
        background-color: #fff;
        z-index: 9;
        min-width: 257px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .block-nav-category .vertical-menu .submenu:before {
        position: absolute;
        top: 0;
        right: calc(100% + 2px);
        height: 100%;
        width: 8px;
        content: '';
        display: inline-block;
        background-color: transparent;
    }

    .block-nav-category .vertical-menu .submenu .submenu {
        top: -2px;
    }

    .block-nav-category .vertical-menu .submenu {
        border: 2px solid #eaeaea;
        padding: 0;
    }

    .block-nav-category .vertical-menu .submenu:not(.megamenu) {
        padding: 28px 0;
    }

    .block-nav-category .vertical-menu .submenu p {
        margin: 0;
    }

    .block-nav-category .vertical-menu .menu-item.parent > a::after {
        color: #bcbcbc;
        font-size: 18px;
        content: '\f105';
        font-family: FontAwesome, sans-serif;
        display: inline-block;
        float: right;
    }

    .block-nav-category .vertical-menu .menu-item.parent:hover > a::after {
        color: #333333;
    }
}

@media (max-width: 1024px) {
    .box-header-menu .gradient-menu,
    .header-sticky-menu,
    .box-header-nav {
        display: none;
    }

    .block-nav-category .vertical-menu > .menu-item > a {
        padding-left: 15px;
        padding-right: 15px;
    }

    .block-nav-category .vertical-menu [class^="vc_col-"],
    .block-nav-category .vertical-menu [class*=" vc_col-"] {
        width: 100% !important;
        float: none;
    }

    .block-nav-category .vertical-menu .megamenu {
        width: auto !important;
        max-width: inherit !important;
    }

    .block-nav-category .vertical-menu .submenu.megamenu > div {
        background: none !important;
        padding: 15px 0 !important;
    }

    .block-nav-category .vertical-menu {
    }

    .block-nav-category .vertical-menu .menu-item > .toggle-submenu {
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        padding: 11px 20px;
        -webkit-transition: transform 0.3s, color 0.4s ease 0s;
        -moz-transition: transform 0.3s, color 0.4s ease 0s;
        -o-transition: transform 0.3s, color 0.4s ease 0s;
        transition: transform 0.3s, color 0.4s ease 0s;
        cursor: pointer;
    }

    .block-nav-category .vertical-menu .menu-item > .toggle-submenu::before {
        display: block;
        font-family: 'FontAwesome', sans-serif;
        content: "\f107";
    }

    .block-nav-category .vertical-menu .menu-item.show-submenu > .toggle-submenu {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .block-nav-category .vertical-menu .submenu {
        display: none;
        position: static;
        margin-bottom: 15px;
    }

    .block-nav-category .vertical-menu .submenu:not(.megamenu) .menu-item a {
        padding-left: 10px;
    }

    .block-nav-category .sumi-custommenu {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }

    .block-nav-category .vertical-menu [class*=" vc_col-"] .sumi-custommenu {
        padding-top: 0;
        margin-top: 20px;
    }

    .block-nav-category .vertical-menu [class*=" vc_col-"]:first-child .sumi-custommenu:first-child {
        padding-top: 0px;
        margin-top: 0px;
    }

    .block-nav-category .block-title,
    .block-nav-category .block-content {
        max-width: inherit;
    }

    .block-nav-category .sumi-heading.style7:not(:first-child) {
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    .block-nav-category .block-title {
        height: 50px;
        line-height: 52px;
    }

    .block-nav-category .block-title,
    .block-nav-category .block-content {
        max-width: 100%;
    }

    .block-nav-category .block-title .text-title {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }

    .header .sumi-live-search-form .txt-livesearch {
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
    }

    .header div.block-search .form-search {
        display: table;
        padding: 0 57px 0 0;
    }

    .header div.block-search .form-search .btn-submit {
        width: 44px;
        height: 47px;
        line-height: 47px;
        padding: 0;
    }

    .header .sumi-live-search-form.loading .search-box::before {
        top: 3px;
    }

    .header div.block-search .form-search {
        display: inline-block;
        float: none;
    }

    .header div.block-search .form-search .form-content {
        display: block;
    }
}

@media (max-width: 479px) {
    .block-nav-category {
        width: 100%;
        display: block;
    }
}

/*==========================================================================
3.4 MOBILE MENU
========================================================================== */
.menu-mobile-open {
    /*overflow: hidden;*/
}

.sumi-menu-clone-wrap .vc_column-inner {
    padding: 0 15px !important;
}

.sumi-menu-clone-wrap .vc_row {
    padding: 0 0 15px 0 !important;
}

.sumi-menu-clone-wrap [class^="vc_col-"],
.sumi-menu-clone-wrap [class*=" vc_col-"] {
    width: 100% !important;
    float: none;
    margin-bottom: 30px;
}

.sumi-menu-clone-wrap .wpb_single_image {
    margin-bottom: 10px;
}

@media (max-width: 1024px) {
    .sumi-menu-clone-wrap .vc_row {
        background-image: none !important;
    }

    .sumi-menu-clone-wrap .sumi-custommenu .widgettitle {
        text-transform: uppercase;
        font-size: 17px;
        font-weight: 600;
    }

    .sumi-menu-clone-wrap .sumi-custommenu {
        margin-bottom: 30px !important;
    }

    .sumi-menu-clone-wrap .sumi-custommenu:last-child {
        margin-bottom: 0px !important;
    }
}

/* ==========================================================================
3.5 HEADER STYLE
========================================================================== */
.header.style1 .header-nav {
    background-color: #3a3a3a;
}

.header.style1 .box-header-nav .main-menu > .menu-item.menu-item-right {
    padding-right: 0;
}

.header.style2 .header-nav {
    background-color: #f4f7f9;
}

.header.style2 .box-header-nav .main-menu > .menu-item > a {
    color: #292e32;
}

.header.style2 .phone-number {
    color: #292e32;
}

.header.style3 {
    background-color: #f4f7f9;
    position: relative;
    /*margin-bottom: -35px;*/
    z-index: 10;
}

.header.style3 .sumi-live-search-form .txt-livesearch,
.header.style3 .block-search .form-search .category {
    background-color: #fff;
}

.header.style3 .header-nav-inner {
    background-color: #2e353b;
    position: relative;
    top: 35px;
}

.header.style3 .box-header-nav .main-menu {
    text-align: center;
}

body.canvas-open .overlay-body,
.sumi-menu-clone-wrap.open + div + .overlay-body {
    visibility: visible;
    opacity: 1;
}

body.canvas-open .canvas-content {
    right: 0;
}

.text-canvas {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #292e32;
    padding: 0 40px;
    margin-bottom: 20px;
    margin-top: 54px;
    letter-spacing: 1px;
}

.canvas-content {
    position: fixed;
    top: 0;
    right: -380px;
    width: 380px;
    min-height: 100vh;
    max-width: 100%;
    background-color: #f1f4f6;
    z-index: 100001;
    padding: 0 0 0 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    text-align: left;
}

.canvas-close {
    position: absolute;
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    top: 15px;
    right: 15px;
    border: 2px solid #acb5bb;
    color: #acb5bb;
    font-size: 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.canvas-content .product_list_widget li.mini_cart_item,
.canvas-content .widget_shopping_cart .woocommerce-mini-cart__total {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.canvas-content .product_list_widget li.mini_cart_item:first-child {
    border-top: 1px solid #dee5e8;
}

.canvas-content .widget_shopping_cart .woocommerce-mini-cart__total {
    background-color: #fff;
    margin-bottom: 0;
    padding: 19px 40px 13px;
    border-top: none;
}

.canvas-content .widget_shopping_cart .woocommerce-mini-cart__total,
.canvas-content .woocommerce-mini-cart__buttons {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.canvas-content .widget_shopping_cart .woocommerce-mini-cart__total {
    bottom: 58px;
}

.overlay-body {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.phone-header {
    text-align: right;
    width: 230px;
}

.header.style3 .phone-header {
    padding-right: 33px;
    width: 263px;
}

.phone-header > * {
    display: inline-block;
    vertical-align: middle;
    color: #782b38;
    text-align: left;
}

.phone-header > span {
    height: 52px;
    width: 52px;
    line-height: 49px;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    border: 2px solid #782b38;
    font-size: 24px;
    margin-right: 6px;
}

.phone-number > * {
    margin: 0;
}

.phone-number .text-1 {
    font-size: 14px;
    margin-bottom: 5px;
}

.phone-number .text-2 {
    font-size: 20px;
}

@media (max-width: 1199px) {
    .phone-header {
        display: none;
    }
}

@media (max-width: 767px) {
    .header.style3 .header-nav-inner {
        top: 0;
    }

    .canvas-content {
        width: 320px;
    }

    .canvas-content .product_list_widget li.mini_cart_item,
    .canvas-content .widget_shopping_cart .woocommerce-mini-cart__total {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .text-canvas {
        padding: 0 20px;
    }

    .canvas-close {
        border-width: 1px;
        height: 30px;
        width: 30px;
        line-height: 28px;
    }

    .header.style1 .header-nav {
        background-color: #e52e06;
    }
}

/* ==========================================================================
4.0 FOOTER THEME
========================================================================== */
.footer {
    background-color: #383838;
}

a.backtotop {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    position: fixed;
    bottom: 25px;
    right: 25px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    z-index: 999;
    overflow: hidden;
}

a.backtotop:not(.active) {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

a.backtotop i {
    color: #fff;
}

a.backtotop::before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
}

a.backtotop:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {

    100% {
        left: 125%;
    }

}

@keyframes shine {

    100% {
        left: 125%;
    }

}

.footer-hotline h3 {
    padding-top: 5px;
    font-size: 16px;
    color: #333333;
    padding-bottom: 24px;
}

.footer-hotline p {
    line-height: 35px;
    margin-bottom: 10px;
}

.footer-hotline h6 {
    font-size: 24px;
    padding-bottom: 25px;
}

.wpb_single_image > h2 {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 26px;
}

/* ==========================================================================
5.0 BLOG THEME
========================================================================== */
.blog-banner img {
    margin-bottom: 75px;
}

/* ==========================================================================
5.1 POST ITEM
========================================================================== */
.content-post .post-item {
    margin-top: 32px;
    padding-top: 55px;
    border-top: 1px solid #e8edf2;
    overflow: hidden;
}

.content-post:not(.blog-grid) .post-item:first-child {
    margin: 0;
    padding: 0;
    border: none;
}

.post-thumb img {
    position: relative;
    z-index: 1;
}

.post-thumb .quote {
    margin-bottom: 0;
    padding: 100px 160px 85px 160px;
    position: relative;
    font-size: 30px;
    line-height: 40px;
    color: #ffffff;
    background-color: #292929;
}

.post-thumb .quote::before {
    content: '\f10e';
    font-family: 'FontAwesome', sans-serif;
    position: absolute;
    font-size: 50px;
    color: #4e4e4e;
    line-height: 1;
    top: 60px;
    left: 60px;
}

.post-item .post-thumb {
    margin-bottom: 50px;
    position: relative;
}

.post-item .post-thumb .post-date {
    font-weight: 500;
    position: absolute;
    top: -12px;
    left: 84px;
    z-index: 1;
    font-size: 14px;
    color: #fff;
    padding: 12px 20px 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: left top;
    -moz-transform-origin: left top;
    -webkit-transform-origin: left top;
    -o-transform-origin: left top;
    -ms-transform-origin: left top;
}

.post-item .post-thumb .post-date:before {
    content: "";
    height: 0;
    width: 0;
    left: 0px;
    bottom: -6px;
    position: absolute;
    border-top: 6px solid #222629;
    border-left: 12px solid transparent;
    border-right: 0 solid transparent;
}

.post-title {
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    position: relative;
    color: #292e32;
    padding-bottom: 29px;
    margin-bottom: 30px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.post-title::after {
    content: '';
    width: 78px;
    height: 1px;
    background-color: #e62e05;
    position: absolute;
    bottom: 0;
    left: 0;
}

.post-title.no-title,
.post-title.no-title::after,
.post-single .read-more {
    display: none;
}

.post-title a:not(:hover) {
    color: inherit;
}

.post-content {
    margin-bottom: 40px;
    -moz-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.page-main-content h1,
.page-main-content h2,
.page-main-content h3,
.page-main-content h4,
.page-main-content h5,
.page-main-content h6,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    margin-top: 10px;
}

.post-content::before,
.post-content::after {
    content: '';
    display: table;
}

.post-content::after {
    clear: both;
}

.post-content p:last-child {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}

.page-main-content::before,
.page-main-content::after {
    content: '';
    display: table;
}

.page-main-content::after {
    clear: both;
}

.tags {
    color: #72797e;
    font-size: 14px;
    float: left;
    padding-top: 14px;
    padding-bottom: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.tags a {
    border: 1px solid #72797e;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 7px 10px;
    display: inline-block;
    line-height: 20px;
}

.info-meta-left .category {
    color: #72797e;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.single-meta-post {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 13px 0;
    border-top: 1px solid #e8edf2;
    border-bottom: 1px solid #e8edf2;
}

.single-meta-post .category {
    font-size: 12px;
    color: #72797e;
    float: left;
    padding-top: 14px;
    padding-bottom: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 600;
}

.post-categories {
    padding-left: 0;
    list-style: none;
}

.post-categories li {
    display: inline-block;
}

.sumi-share-socials {
    float: right;
}

.sumi-share-socials a {
    display: inline-block;
    width: 41px;
    height: 41px;
    line-height: 43px;
    border: 1px solid #abb7c1;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    color: #abb7c1;
    margin-bottom: 5px;
    margin-top: 6px;
}

.sumi-share-socials a:not(:first-child) {
    margin-left: 8px;
}

.sumi-share-socials a:hover {
    border-color: #e5534c;
    color: #e5534c;
}

.post-single-author {
    border: 2px solid #f0f0f0;
    border-radius: 8px;
    padding: 30px 40px 30px 40px;
    overflow: hidden;
    margin-top: 40px;
}

.post-single-author .avatar {
    float: left;
    max-width: 110px;
    border-radius: 50%;
}

.post-single-author .author-info {
    padding-left: 34px;
    overflow: hidden;
}

.post-single-author .author-info .name {
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 11px;
}

.post-single-author .author-info .desc {
    margin-bottom: 27px;
}

.post-single-author .author-info a {
    display: inline-block;
    min-width: 179px;
    height: 42px;
    line-height: 42px;
    border-radius: 42px;
    padding: 0 15px;
    color: #fff;
    font-size: 14px;
    background: #333333;
    text-align: center;
}

.post-single-author .author-info a:hover {
}

.post-single-author .author-info a span {
    margin-left: 9px;
}

.post-meta {
    display: inline-block;
    width: 100%;
    position: relative;
}

.post-meta > * {
    padding-left: 0;
    list-style: none;
}

.info-meta-left {
    float: left;
}

.info-meta-right {
    float: right;
}

.info-meta-right > * {
    display: inline-block;
    vertical-align: middle;
}

.post-meta .info-meta .date {
    display: inline-block;
    color: #b0b0b0;
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
}

.post-meta .info-meta li:not(:last-child)::before {
    content: '';
    height: 20px;
    border-left: 1px solid #d6d6d6;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post-meta .info-meta .category {
    display: inline-block;
}

.post-meta .comment {
    color: #292e32;
    font-size: 12px;
    font-weight: 600;
}

.post-meta .comment span {
    color: #2e353b;
    font-size: 21px;
    margin-left: 6px;
}

.post-meta .author {
    font-size: 12px;
    color: #72797e;
    text-transform: uppercase;
    font-weight: 600;
    border-right: 1px solid #dae3ea;
    padding-right: 27px;
    margin-right: 15px;
}

.post-meta .author span {
    color: #292e32;
}

/*blog-grid*/
.content-post.blog-grid + .pagination {
    margin-top: 0;
}

.content-post.blog-grid .post-item {
    margin-bottom: 50px;
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.content-post.blog-grid .post-item .post-thumb {
    margin-bottom: 25px;
}

.content-post.blog-grid .post-item .post-meta {
    margin-bottom: 5px;
}

.content-post.blog-grid .post-title {
    font-size: 22px;
    padding-bottom: 22px;
    margin-bottom: 21px;
}

.content-post.blog-grid .post-item .post-content {
    margin-bottom: 22px;
}

.content-post.blog-grid .post-meta .author {
    float: left;
    padding-right: 0;
    margin-right: 0;
    border: none;
}

.content-post.blog-grid .post-meta .comment {
    float: right;
}

/*shortcode*/
.sumi-blog.style-1 .post-item .post-thumb {
    margin-bottom: 37px;
}

.post-thumb .thumb-img {
    display: block;
    overflow: hidden;
}

.post-thumb .thumb-img > a {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: block;
    max-width: 100%;
}

.sumi-blog.style-1 .post-title {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
    margin-bottom: 17px;
}

.sumi-blog.style-1 .post-title::after {
    display: none;
}

.sumi-blog.style-1 .post-content {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .post-thumb .thumb-img:hover > a {
    }
}

@media (max-width: 767px) {
    .content-post .post-item {
        margin-top: 10px;
        padding-top: 30px;
    }

    .post-item .post-thumb {
        margin-bottom: 20px;
    }

    .post-title {
        font-size: 18px;
        line-height: 22px;
        padding-bottom: 7px;
        margin-bottom: 15px;
    }
}

@media (max-width: 640px) {
    .sumi-blog.style-1 .post-item .post-thumb {
        margin-bottom: 20px;
    }

    .sumi-blog.style-1 .post-title {
        font-size: 18px;
    }

    .sumi-blog.style-1 .post-title {
        margin-bottom: 7px;
    }

    .info-meta-right {
        float: none;
        display: inline-block;
    }
}

@media (max-width: 479px) {
    .sumi-blog.style-1 .post-content {
        display: none;
    }
}

/*==========*/
.post-pagination-single {
    margin-top: 55px;
    border-bottom: 1px solid #e4e9ef;
    padding-bottom: 55px;
    margin-bottom: 48px;
}

.post-pagination-single .image {
    width: 120px;
}

.post-pagination-single .content {
    overflow: hidden;
}

.post-pagination-single .content > h2 {
    font-size: 12px;
    letter-spacing: 2px;
    color: #72797e;
    font-weight: 600;
    margin-bottom: 13px;
}

.post-pagination-single .content > h5 {
    font-size: 20px;
    line-height: 28px;
    color: #292e32;
}

.post-pagination-single > * {
    overflow: hidden;
    width: 50%;
    display: inline-block;
}

.post-pagination-single > *:nth-child(1) .image {
    float: left;
    margin-right: 27px;
}

.post-pagination-single > *:nth-child(1) {
    padding-right: 20px;
}

.post-pagination-single > *:nth-child(2) {
    text-align: right;
    float: right;
    border-left: 1px solid #e4e9ef;
    padding-left: 20px;
}

.post-pagination-single > *:nth-child(2) .image {
    float: right;
    margin-left: 27px;
}

.post-pagination-single > *:nth-child(2) .image a {

}

@media (max-width: 1199px) {
    .post-pagination-single .content > h5 {
        display: none;
    }

    .post-pagination-single .post-date {
        margin-left: 0;
    }

    .post-item .post-thumb .post-date {
        left: 60px;
    }
}

@media (max-width: 767px) {
    .post-content {
        margin-bottom: 20px;
    }

    .blog-banner img {
        margin-bottom: 25px;
    }

    .post-item .post-thumb .post-date {
        left: 40px;
        padding: 6px 13px 2px;
        font-size: 12px;
    }

    .single-meta-post {
        padding: 0;
    }

    .post-pagination-single {
        margin-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 640px) {
    .sumi-share-socials {
        float: none;
        display: inline-block;
        width: 100%;
    }

    .post-pagination-single .image {
        width: 100px;
    }

    .post-pagination-single .content {
        display: inline-block;
        width: 100%;
        margin-top: 10px;
    }

    .post-pagination-single .content > h2 {
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .sumi-blog.style-1 .post-item .post-thumb {
        margin-bottom: 20px;
    }
}

/* ==========================================================================
5.2 BLOG COMMENT
========================================================================== */
/*.comments-area*/
.comments-area {
    display: inline-block;
    width: 100%;
}

.comments-area .comments-title {
    color: #292e32;
    font-size: 24px;
}

.comments-area .commentlist,
.comments-area .commentlist .children {
    list-style: none;
}

.comments-area .commentlist .children {
    padding-left: 100px;
}

.comments-area .no-comments {
    margin-top: 20px;
}

/*.commentlist*/
.commentlist {
    list-style: none;
    padding-left: 0;
    padding-top: 32px;
}

.commentlist > .comment {
}

.comments-area .comment:not(:first-child) {
    border-bottom: 1px solid #e8edf2;
    padding-top: 53px;
}

.comments-area .children .comment:last-child {
    border-bottom: none;
}

.comment_container {
    overflow: hidden;
    margin-bottom: 40px;
}

.comment_container .avatar {
    float: left;
    max-width: 120px;
}

.comment-text {
    overflow: hidden;
    padding-left: 38px;
    position: relative;
}

.pingback .comment-text {
    padding-left: 0;
}

.comment-text .comment-author {
    font-weight: normal;
    font-size: 18px;
    color: #333333;
    text-transform: capitalize;
    margin-bottom: 6px;
    padding-right: 45px;
    line-height: 100%;
}

.comment-text .comment-date {
    font-weight: normal;
    font-size: 14px;
    display: block;
    color: #9da8b0;
    margin-bottom: 4px;
}

.comment-text .comment-edit-link,
.comment-text .comment-reply-link {
    position: absolute;
    top: 0;
    font-size: 0;
    top: -6px;
}

.comment-text .comment-edit-link:not(:hover),
.comment-text .comment-reply-link:not(:hover) {
    color: #abb7c1;
}

.comment-text .comment-edit-link {
    right: 25px;
}

.comment-text .comment-reply-link {
    right: 0;
}

.comment-text .comment-edit-link::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f044";
    font-size: 16px;
}

.comment-text .comment-reply-link::before {
    font-family: 'FontAwesome', sans-serif;
    content: '\f112';
    font-size: 16px;
}

.comment-text .comment-content {
    color: #72797e;
}

.comment-text p:last-child {
    margin-bottom: 0;
}

.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
    margin-top: 10px;
}

.comment-reply-title {
    color: #292e32;
}

/*.pingback*/

.pingback {
    padding-bottom: 20px;
}

.pingback > p > a {
    padding-left: 5px;
}

.pingback .edit-link {
    display: inline-block;
}

.pingback .edit-link:before {
    content: "\002f";
    display: inline-block;
    padding: 0 5px;
}

/*.comment-respond*/

.commentlist ~ .comment-respond,
.commentlist .comment-respond {
    margin-top: 40px;
}

.comment-form p {
    margin-bottom: 20px;
}

.comment-form input[type="text"],
.comment-form input[type="email"] {
    width: 100%;
    height: 61px;
    line-height: 60px;
    border: 1px solid #e4e9ef;
    font-size: 17px;
}

.comment-form .comment-reply-content {
    float: left;
    margin-bottom: 30px;
    width: calc(50% - 15px);
}

.comment-form .comment-reply-content:nth-child(2) {
    float: right;
}

.comment-form .comment-form-comment {
    display: inline-block;
    width: 100%;
    margin-bottom: 19px;
}

.comment-form .comment-form-comment textarea {
    height: 235px;
    border: 1px solid #e4e9ef;
    color: #72797e;
    font-size: 17px;
}

.comment-form .form-submit {
    margin-top: 20px;
}

.comment-form .form-submit #submit {
    height: 59px;
    line-height: 61px;
    text-align: center;
    background-color: #2e353b;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0 65px;
    font-weight: 500;
}

.comment-form .form-submit #submit:hover {
    opacity: 0.8;
}

.woocommerce-Reviews .commentlist {
    padding-top: 50px;
}

.woocommerce-Reviews .comment-form {
    padding-top: 50px;
}

.woocommerce-Reviews-title {
    display: none;
}

#review_form_wrapper {
    margin-top: 69px;
}

.woocommerce-Reviews #review_form_wrapper {
    margin-top: 25px;
}

.comment-form .comment-form-rating > label,
.comment-form .comment-form-comment > label {
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.required {
    color: red;
}

ol.commentlist > li > .children > li > .comment_container,
ol.commentlist > li > .children > li > .children > li > .comment_container,
ol.commentlist > li > .children > li > .children > li > .children > li > .comment_container,
ol.commentlist > li > .children > li > .children > li > .children > li > .children > li:first-child > .comment_container {
    border-top: 1px solid #e8edf2;
    padding-top: 40px;
}

ol.commentlist > li > .children > li > .children > li > .children > li > .children > li:first-child > .comment_container {
    margin-bottom: 0;
    border-bottom: 1px solid #e8edf2;
    padding-bottom: 30px;
}

@media (max-width: 1199px) {

    .post-date {
        margin-left: 15px;
    }

    .post-thumb .quote {
        padding: 30px 40px;
        font-size: 20px;
        line-height: 1.2;
    }

    .post-thumb .quote::before {
        font-size: 20px;
        line-height: 1;
        top: 10px;
        left: 12px;
    }

    .post-single-author {
        padding: 20px 15px;
    }

    .commentlist .children {
        padding-left: 40px;
    }

    .comments-area .commentlist .children {
        padding-left: 20px;
    }
}

@media (max-width: 991px) {
    .comment-form .comment-reply-content {
        width: 100%;
        float: none !important;
    }

    .comment-respond .comment-reply-title {
        margin: 0 0 15px 0;
        padding: 0;
        border: none;
        height: auto;
        line-height: 1.2;
    }

    .comment_container {
        margin-bottom: 20px;
    }

    .comments-area .comment:not(:first-child) {
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .post-single-author .avatar,
    .comment_container .avatar {
        float: none;
    }

    .post-single-author .author-info,
    .comment-text {
        margin-top: 15px;
        padding-left: 0;
    }

    .comments-area .comment:not(:first-child) {
        padding-top: 20px;
    }

    .comment_container {
        margin-bottom: 10px;
    }

}

@media (max-width: 640px) {
    .commentlist .children {
        padding-left: 20px;
        padding-top: 20px;
        margin-top: 20px;
    }

    .comment:not(:last-child) {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

/* ==========================================================================
6.0 SHOP THEME
========================================================================== */
.categories-product-woo {
    margin-bottom: 0px;
}

.categories-product-woo .product-grid.col-sm-12 .slick-slide > a {
    display: block;
    background-color: #fff;
    border: 1px solid #e4e9ef;
}

.categories-product-woo .product-grid.col-sm-12 .slick-slide > .name {
    font-size: 20px;
    color: #292e32;
    margin-top: 22px;
    display: block;
}

.categories-product-woo .product-grid.col-sm-12 .slick-slide > .name:before {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background-color: #90badc;
    margin-right: 13px;
    margin-bottom: 4px;
    content: '';
}

.categories-product-woo .product-grid.col-sm-12 .slick-slide > .count {
    font-size: 16px;
    color: #72797e;
    display: block;
    margin-left: 30px;
}

.categories-product-woo .owl-slick .slick-dots[style="display: table;"] {
    margin-top: 25px;
}

.recent-product-woo {
    margin-top: 45px;
    margin-bottom: 50px;
    padding-top: 69px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.recent-product-woo:before {
    position: absolute;
    display: inline-block;
    content: '';
    height: 1px;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    top: 0;
    background-color: #e4e9ef;
}

.recent-product-woo:not(.row) {

}

.recent-product-woo:last-child {
    margin-bottom: 15px;
}

ul.products li.product-category {
    float: left;
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
    text-align: center;
}

ul.products li.product-category .woocommerce-loop-category__title {
    margin-top: 10px;
    font-size: 18px;
}

ul.products li.product-category .woocommerce-loop-category__title .count {
    background: none;
}

ul.products li.product-category:nth-child(4n+1) {
    clear: left;
}

@media (max-width: 1366px) {

    body.tax-product_cat .product-grid.col-sm-12 .slick-slide > a {
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media (max-width: 1199px) {

    ul.products li.product-category {
        width: 33.3333333%;
        padding-left: 15px;
        padding-right: 15px;
    }

    ul.products li.product-category:nth-child(4n+1) {
        clear: none;
    }

    ul.products li.product-category:nth-child(3n+1) {
        clear: left;
    }

    body.tax-product_cat .product-grid.col-sm-12 .slick-slide > a img {
        width: 100%;
    }

}

@media (max-width: 767px) {
    .recent-product-woo {
        width: auto;
    }

    ul.products li.product-category {
        width: 50%;
    }

    ul.products li.product-category:nth-child(3n+1) {
        clear: none;
    }

    ul.products li.product-category:nth-child(2n+1) {
        clear: left;
    }
}

/* ==========================================================================
6.1 SHOP CONTROL
========================================================================== */
.banner-shop img {
    object-fit: cover;
    min-height: 200px;
}

/*woocommerce-products-header*/

.woocommerce-products-header {
    overflow: hidden;
    padding-bottom: 31px;
}

.woocommerce-products-header .woocommerce-result-count {
    margin-bottom: 0;
    float: right;
    font-size: 14px;
}

/*shop-control*/

.shop-control::before, .shop-control::after {
    content: '';
    display: table;
}

.shop-control::after {
    clear: both;
}

.grid-view-mode {
    margin-bottom: 10px;
    display: inline-block;
    height: 43px;
    border: 2px solid #292e32;
    padding: 0 13px;
    float: right;
}

.grid-view-mode > form {
    display: inline-block;
}

.grid-view-mode .modes-mode {
    background: none;
}

.grid-view-mode .modes-mode {
    color: #bfbfbf;
    padding: 0 13px;
    background: none;
}

.grid-view-mode .modes-mode:hover,
.grid-view-mode .modes-mode:focus,
.grid-view-mode .modes-mode:active,
.grid-view-mode .modes-mode.active {
    color: #333333;
    background: none;
}

.grid-view-mode .modes-mode .button-inner {
    font-size: 0;
    position: relative;
}

/*mode-grid*/

.grid-view-mode .modes-mode.mode-grid .button-inner,
.grid-view-mode .modes-mode.mode-grid-v2 .button-inner {
    width: 16px;
    height: 16px;
    display: block;
}

.grid-view-mode .modes-mode.mode-grid .button-inner span {
    display: block;
    position: absolute;
    left: 6px;
    width: 4px;
    border-bottom: 4px solid;
}

.grid-view-mode .modes-mode.mode-grid .button-inner span:first-child {
    top: 0;
}

.grid-view-mode .modes-mode.mode-grid .button-inner span:nth-child(2) {
    top: 6px;
}

.grid-view-mode .modes-mode.mode-grid .button-inner span:nth-child(3) {
    bottom: 0;
}

.grid-view-mode .modes-mode.mode-grid .button-inner span::before {
    content: '';
    position: absolute;
    left: -6px;
    top: 0;
    width: 4px;
    border-bottom: 4px solid;
    display: block;
}

.grid-view-mode .modes-mode.mode-grid .button-inner span::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 0;
    width: 4px;
    border-bottom: 4px solid;
    display: block;
}

/*mode-grid-v2*/

.grid-view-mode .modes-mode.mode-grid-v2 .button-inner span:first-child {
    display: block;
    position: absolute;
    top: 0;
    left: 6px;
    width: 4px;
    border-bottom: 4px solid;
}

.grid-view-mode .modes-mode.mode-grid-v2 .button-inner span:first-child::before {
    content: '';
    display: block;
    position: absolute;
    left: -6px;
    top: 0;
    width: 4px;
    border-bottom: 4px solid;
}

.grid-view-mode .modes-mode.mode-grid-v2 .button-inner span:first-child::after {
    content: '';
    position: absolute;
    display: block;
    right: -6px;
    top: 0;
    width: 4px;
    border-bottom: 4px solid;
}

.grid-view-mode .modes-mode.mode-grid-v2 .button-inner span:nth-child(2),
.grid-view-mode .modes-mode.mode-grid-v2 .button-inner span:nth-child(2)::before,
.grid-view-mode .modes-mode.mode-grid-v2 .button-inner span:nth-child(2)::after {
    display: block;
    width: 16px;
    border-bottom: 2px solid;
    position: absolute;
    left: 0;
}

.grid-view-mode .modes-mode.mode-grid-v2 .button-inner span:nth-child(2) {
    top: 10px;
}

.grid-view-mode .modes-mode.mode-grid-v2 .button-inner span:nth-child(2)::before {
    content: '';
    top: -4px;
}

.grid-view-mode .modes-mode.mode-grid-v2 .button-inner span:nth-child(2)::after {
    content: '';
    bottom: -6px;
}

/*mode-list*/

.grid-view-mode .modes-mode.mode-list .button-inner {
    width: 22px;
    height: 16px;
    display: block;
}

.grid-view-mode .modes-mode.mode-list .button-inner span {
    display: block;
    position: absolute;
    left: 0;
    width: 4px;
    border-bottom: 4px solid;
}

.grid-view-mode .modes-mode.mode-list .button-inner span:first-child {
    top: 0;
}

.grid-view-mode .modes-mode.mode-list .button-inner span:nth-child(2) {
    top: 6px;
}

.grid-view-mode .modes-mode.mode-list .button-inner span:nth-child(3) {
    top: 12px;
}

.grid-view-mode .modes-mode.mode-list .button-inner span::before {
    content: '';
    position: absolute;
    top: 1px;
    right: -18px;
    width: 15px;
    border-bottom: 2px solid;
}

.woocommerce-ordering,
.per-page-form {
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;
    padding-right: 5px;
}

.woocommerce-ordering select,
.per-page-form select {
    border: 2px solid #292e32;
    height: 43px;
    line-height: 41px;
}

.per-page-form label {
    margin-bottom: 0;
}

.shop-before-control {
    margin-bottom: 42px;
}

.shop-after-control {
    width: 100%;
    text-align: right;
    /*margin-top: 20px;*/
    margin-bottom: 7px;
}

.shop-after-control .woocommerce-pagination {
    float: left;
    padding-top: 0;
    display: inline-block;
    width: auto;
    margin: 0;
}

.shop-after-control .per-page-form {
    padding-right: 0;
}

@media (max-width: 767px) {
    .woocommerce-products-header {
        padding-bottom: 10px;
    }

    .shop-before-control {
        margin-bottom: 22px;
    }
}

@media (max-width: 640px) {
    .shop-after-control {
        text-align: left;
    }

    .grid-view-mode {
        display: none;
    }

    .shop-after-control .woocommerce-pagination {
        margin-bottom: 10px;
        margin-right: 10px;
    }
}

@media (max-width: 320px) {

    .shop-before-control {
        text-align: center;
        margin-bottom: 0;
    }

    .shop-before-control .grid-view-mode {
        float: none;
    }

    .grid-view-mode,
    .woocommerce-ordering,
    .per-page-form {
        padding-left: 0 !important;
        width: 100%;
    }

    .per-page-form label,
    .woocommerce-ordering select,
    .per-page-form select {
        width: 100%;
    }

}

/*===============================================================
6.2 SUMI PRODUCTS
===============================================================*/

.sumi-products ul.products {
    padding-left: 0;
    list-style: none;
}

.sumi-products ul.products::before,
.sumi-products ul.products::after {
    content: '';
    display: table;
}

.sumi-products ul.products::after {
    clear: both;
}

.sumi-products ul.products .product-item {
    margin-bottom: 58px;
}

.sumi-products ul.products .product-item.list {
    margin-bottom: 45px;
}

.sumi-products ul.products .product-item .product-thumb img {
    width: 100%;
    height: auto;
}

.sumi-products.loading .product-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

.sumi-products.style-4 {
    position: relative;
}

/*.sumi-products.style-5*/

@media (max-width: 1366px) {
    .sumi-products.style-7 {
        padding: 30px 30px 128px 30px;
    }
}

@media (max-width: 1199px) {
    .sumi-products ul.products .product-item,
    .sumi-products ul.products .product-item.list {
        margin-bottom: 30px;
    }

    .sumi-products.style-6 .owl-slick .slick-dots[style="display: table;"] {
        bottom: -60px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

}

@media (max-width: 640px) {
    .sumi-products ul.products .product-item {
        margin-bottom: 20px;
    }
}

/* ==========================================================================
6.3 PRODUCT ITEM
========================================================================== */
a.compare .blockUI.blockOverlay {
    z-index: 8 !important;
    cursor: wait !important;
    background: none !important;
    opacity: 1 !important;
    height: 30px !important;
    margin: auto !important;
    top: 0 !important;
    bottom: 0 !important;
}

a.yith-wcqv-button .blockUI.blockOverlay {
    z-index: 8 !important;
    cursor: wait !important;
    background: none !important;
    opacity: 1 !important;
    text-align: center;
    height: 30px !important;
    margin: auto !important;
    top: 0 !important;
    bottom: 0 !important;
}

a.compare .blockUI.blockOverlay::before,
a.yith-wcqv-button .blockUI.blockOverlay::before {
    margin-top: -5px;
    display: block;
    font-family: "FontAwesome", sans-serif;
    content: "\f110";
    font-size: 30px;
    line-height: 40px;
    -webkit-animation: fa-spin 1.5s infinite linear;
    -o-animation: fa-spin 1.5s infinite linear;
    animation: fa-spin 1.5s infinite linear;
}

.add-to-cart > a.added {
    display: none !important;
}

.button.loading::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    font-size: 30px;
    line-height: 40px;
    margin: auto;
    font-family: "FontAwesome", sans-serif;
    content: "\f110";
    font-weight: 400;
    -webkit-animation: fa-spin 1.5s infinite linear;
    -o-animation: fa-spin 1.5s infinite linear;
    animation: fa-spin 1.5s infinite linear;
}

.cat-list {
    font-size: 12px;
    color: #999999;
}

.cat-list a:not(:hover) {
    color: inherit;
}

.onnew, .onsale {
    font-weight: 500;
    font-size: 12px;
    display: block;
    height: 23px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 1;
    letter-spacing: 2px;
    padding: 0 7px;
    top: 20px;
    text-transform: uppercase;
}

.onnew {
    left: 15px;
    background-color: #21dd71;
}

.onsale {
    right: 0;
    background-color: #e62e05;
    padding: 0 15px;
}

.onsale:after {
    content: "";
    height: 0;
    width: 0;
    right: 100%;
    top: 0;
    position: absolute;
    border-bottom: 23px solid #e62e05;
    border-left: 17px solid transparent !important;
    border-right: 0 solid transparent !important;
}

.product-name {
    font-size: 22px;
    line-height: 28px;
}

.price {
    display: inline-block;
    color: #000;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 500;
}

.price del {
    color: #aaaaaa;
    font-size: 14px;
}

.price ins {
    float: left;
    margin-right: 5px;
    color: #ff2929;
    text-decoration: none;
}

.product-inner,
.product-thumb,
.thumb-link {
    position: relative;
}

.product-inner .second-image {
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
}

.product-inner .product-thumb:hover .second-image {
    opacity: 1;
    visibility: visible;
}

.product-info {
    overflow: hidden;
}

.product-item .product-thumb {
    border: 1px solid #e4e9ef;
    margin-bottom: 27px;
}

.product-item .product-thumb img {
    margin: 0 auto;
}

.product-item .compare-button a:after,
.product-item .add-to-cart a:after,
.product-item .yith-wcqv-button:after,
.yith-wcwl-add-to-wishlist a::before,
.entry-summary .compare.button:after {
    font-family: 'Flaticon', sans-serif;
    content: "\f10c";
    font-size: 21px;
    color: #000;
    transition: all .5s ease-out;
}

.product-item .compare-button a:after,
.product-item .yith-wcwl-add-to-wishlist a::before,
.product-item .add-to-cart a:after,
.product-item .yith-wcqv-button:after {
    color: #000 !important;
}

.product-item .add-to-cart a:not(.product_type_simple):not(.added_to_cart):after {
    content: '\f1de';
    font-family: 'FontAwesome';
    font-size: 17px;
}

.product-item .yith-wcqv-button:after {
    content: "\f10b";
}

.product-item .compare-button a:after,
.entry-summary .compare.button:after {
    content: "\f107";
}

.yith-wcwl-add-to-wishlist {
    margin-top: 0;
}

.yith-wcwl-add-to-wishlist a {
    display: block;
}

.yith-wcwl-add-to-wishlist a::before {
    content: "\f10d";
}

.yith-wcwl-add-to-wishlist .feedback {
    display: none;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-add-button {
    position: relative;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.add_to_wishlist {
    max-height: 38px;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-add-button > img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 20px !important;
    height: 20px !important;
}

.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a::before,
.yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a::before,
.product-item .group-button .add-to-cart .added_to_cart:after {
    content: "\f11b";
    font-family: 'Flaticon';
}

/*-----product-style-2-----*/
.sumi-products.style-2 .sumi-title {
    font-size: 16px;
    color: #333333;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid #e4e9ef;
    padding-bottom: 23px;
    margin-bottom: 38px;
}

.product-item.style-2 .product-thumb {
    float: left;
    width: 90px;
    margin-right: 18px;
    margin-bottom: 0;
}

.product-item.style-2 .product-name {
    margin: 0;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 2px;
}

.product-item.style-2 .price {
    margin-bottom: 4px;
}

/*-----product-style-3-----*/
.list-attribute {
    padding-left: 0;
    list-style: none;
    margin-bottom: 24px;
}

.list-attribute li {
    font-size: 14px;
    color: #72797e;
}

.list-attribute li:not(.photo) a:before {
    display: inline-block;
    font-family: 'FontAwesome', sans-serif;
    content: "\f105";
    margin-right: 14px;
    font-size: 17px;
}

/*-----product-style-4-----*/
.product-item.style-4 .product-thumb {
    margin-bottom: 30px;
}

.product-item.style-4 .variations_form {
    position: absolute;
    bottom: -7px;
}

.product-item.style-4 .variations .data-val[data-attributetype="box_style"] {
    margin-bottom: -5px;
}

.product-item.style-4 .price {
    margin-bottom: 3px;
}

.product-item.style-4 .price ins {
    color: #292e32;
    margin-right: 14px;
}

.product-item.style-4 .price del {
    color: #8f969b;
}

.product-item.style-4 .group-shipping .shiping-class:before {
    font-weight: normal;
    display: inline-block;
    content: '';
    background-color: #ced7df;
    width: 22px;
    height: 1px;
    margin-right: 12px;
    vertical-align: middle;
}

.product-item.style-4 .group-shipping .shiping-class {
    color: #8f969b;
    font-size: 14px;
    margin-bottom: 9px;
    display: inline-block;
}

.product-item.style-4 .product-name {
    margin-bottom: 24px;
}

.product-item.style-4 .add-to-cart {
    text-align: center;
    display: block;
}

.product-item.style-4 .add-to-cart a {
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    height: 66px;
    line-height: 64px;
    background-color: #2e353b;
    font-weight: 600;
}

.product-item.style-4 .add-to-cart a:after {
    content: "\f105" !important;
    margin-left: 15px;
    color: #fff !important;
    font-family: "FontAwesome", sans-serif !important;
    font-size: 17px;
}

.product-item.style-4 .add-to-cart:hover a:after {
    color: #fff !important;
}

/*-----product-style-4-----*/
.sumi-products.style-4 .sumi-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 43px;
    position: relative;
}

.sumi-products.style-4 .sumi-title span {
    position: relative;
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-right: 15px;
}

.sumi-products.style-4 .sumi-title:after {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #e4e9ef;
    content: '';
    left: 0;
    top: 10px;
}

/*-----product-style-5-----*/
.product-item.style-5 .product-thumb {
    margin-bottom: 0;
}

.product-item.style-5 .product-info {
    text-align: center;
    border: 1px solid #e4e9ef;
    border-top: none;
    padding: 57px 80px 60px;
    background-color: #fff;
}

.product-item.style-5 .price {
    font-size: 26px;
}

.product-item.style-5 .product-name {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 29px;
}

/*-----product-style-list-----*/
.product-item.list .product-inner > * {
    display: inline-block;
    vertical-align: top;
}

.product-item.list .product-thumb {
    width: 320px;
    margin-right: 40px;
    margin-bottom: 0;
}

.product-item.list .product-info {
    max-width: 300px;
    margin-top: -5px;
}

.product-item.list .list-attribute li:first-child {
    margin-top: -10px;
}

.product-item.list .rating-wapper {
    margin-bottom: 27px;
}

.product-item.list .group-button {
    position: static;
}

.product-item.list .group-button > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-bottom: 5px;
    margin-right: 8px;
}

.product-item.list .group-button > *:last-child {
    margin-right: 0;
}

.product-item.list .list-attribute {
    float: right;
    padding-left: 35px;
    border-left: 1px solid #e8edf2;
    margin-left: 15px;
    max-width: 320px;
    margin-bottom: 0;
}

@media (min-width: 1025px) {
    .product-item:not(.style-5) .product-inner:hover .product-thumb {
        box-shadow: 0 0px 25px rgba(0, 0, 0, 0.1);
        transition: all .5s ease-out;
    }
}

@media (min-width: 1367px) {
    .product-item.list .list-attribute {
        min-height: 295px;
    }
}

@media (min-width: 1500px) {
    .product-item.list .list-attribute {
        min-height: 316px;
    }
}

@media (max-width: 1500px) and (min-width: 992px ) {
    .product-item.list .product-thumb {
        width: 300px;
        margin-right: 30px;
    }
}

@media (max-width: 1366px) and (min-width: 1200px ) {
    .product-item.list .product-thumb {
        width: 250px;
        margin-right: 20px;
    }

    .product-item.list .product-info {
        max-width: 257px;
    }
}

@media (max-width: 1199px) {
    .sumi-products.style-4 .sumi-title {
        margin-bottom: 10px;
    }

    .product-item.list .product-info {
        margin-top: 0;
    }
}

@media (max-width: 1024px) {
    .product-item.style-5 .product-info {
        padding: 57px 40px 60px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .product-item.style-2 .product-thumb {
        float: none;
        margin-bottom: 10px;
        width: 200px;
    }

    .recent-product-woo .product-item.style-2 .product-thumb {
        float: left;
        margin-bottom: 0px;
        width: 90px;
    }
}

@media (max-width: 991px) {
    .product-item.style-5 .product-info {
        padding: 20px 10px 20px;
    }

    .product-item.style-5 .product-name {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .product-item.style-4 .product-thumb {
        margin-bottom: 10px;
    }

    .product-item.style-4 .product-name {
        margin-bottom: 15px;
    }

    .product-item.style-5 .product-name,
    .product-name {
        font-size: 14px;
        line-height: 18px;
    }

    .product-item.style-4 .add-to-cart a {
        font-size: 13px;
        height: 35px;
        line-height: 32px;
    }

    .product-item.style-5 .price {
        font-size: 17px;
        margin-bottom: 0;
    }

    .sumi-products.style-4 .sumi-title {
        margin-bottom: 4px;
    }

    .product-item[class^="rows-space-"]:not(:last-child),
    .product-item[class*="rows-space-"]:not(:last-child) {
        margin-bottom: 15px;
    }

    .sumi-products.style-2 .product-item[class^="rows-space-"]:not(:last-child),
    .sumi-products.style-2 .product-item[class*="rows-space-"]:not(:last-child) {
        margin-bottom: 15px;
    }
}

@media (max-width: 640px) {
    .product-item.style-4 .add-to-cart a:after,
    .product-item.style-4 .group-shipping .shiping-class,
    .list-attribute {
        display: none;
    }

    .product-item.style-4 .price {
        margin-bottom: 0;
    }

    .price {
        font-size: 17px;
        margin-bottom: 0;
        max-height: 28px;
        display: table;
    }

    .product-item.style-5 .price {
        margin: 0 auto;
    }

    .product-item.style-4 .product-thumb {
        margin-bottom: 5px;
    }

    .product-item.style-4 .product-name {
        margin-bottom: 10px;
    }

    .product-item.style-4 .add-to-cart a {
        line-height: 37px;
    }

    .product-name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 3px;
    }

    .sumi-products.style-4 .sumi-title {
        font-size: 17px;
    }

    .onnew, .onsale {
        top: 10px;
    }

    .sumi-products.style-2 .sumi-title {
        padding-bottom: 8px;
        margin-bottom: 15px;
    }
}

@media (max-width: 480px) {
}

/*----- STAR RATING -----*/
.star-rating {
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
}
.star-rating.no-rate {
    display: none; 
}
.star-rating > span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
    background-color: #fff;
}

.star-rating::before,
.star-rating > span::before {
    display: inline-block;
    float: left;
    font-family: FontAwesome, sans-serif;
    content: "\f005\f005\f005\f005\f005";
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.5em;
    color: #222;
}

.star-rating > span::before {
    color: #ed8a19;
}

.rating-wapper {
    font-size: 14px;
    line-height: 14px;
    padding: 3px 0;
}

.rating-wapper .review {
    display: inline-block;
    vertical-align: top;
    color: #878f96;
    margin-left: 7px;
    margin-top: 2px;
}

/*quickview*/
#yith-quick-view-close {
    line-height: 22px;
}

html.yith-quick-view-is-open,
html.yith-quick-view-is-open body {
    overflow: hidden;
}

#yith-quick-view-modal {
    position: fixed;
    visibility: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1400;
    opacity: 0;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

#yith-quick-view-modal:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

#yith-quick-view-modal .yith-quick-view-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
}

#yith-quick-view-modal .yith-wcqv-wrapper {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: left;
    width: calc(100% - 30px) !important;
    height: auto !important;
    max-width: 900px;
    max-height: calc(100% - 30px);
    overflow-y: auto;
}

#yith-quick-view-modal.open .yith-wcqv-main {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    height: 100%;
    position: relative;
    box-shadow: none;
    overflow: hidden;
}

#yith-quick-view-modal .yith-wcqv-main {
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    height: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
    background-color: transparent;
    padding: 10px;
}

#yith-quick-view-modal.open,
#yith-quick-view-modal.open .yith-wcqv-wrapper {
    visibility: visible;
    opacity: 1;
}

#yith-quick-view-modal #yith-quick-view-content {
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    padding: 30px;
}

#yith-quick-view-modal #yith-quick-view-content:after,
#yith-quick-view-modal #yith-quick-view-content:before {
    content: '';
    display: table;
    clear: both;
}

#yith-quick-view-modal #yith-quick-view-content > .product {
    position: relative;
    overflow: hidden;
}

#yith-quick-view-modal .woocommerce-product-gallery {
    float: none !important;
    margin-bottom: 0;
}

#yith-quick-view-modal .woocommerce-product-gallery a {
    pointer-events: none;
}

#yith-quick-view-close {
    position: absolute;
    z-index: 2;
    top: 2px;
    left: auto;
    right: 2px;
    margin: 0;
    width: 24px;
    height: 24px;
    font-size: 0;
    line-height: 0;
    color: #888895;
    opacity: 1;
    border: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    background-color: #fff;
}

#yith-quick-view-close::before,
#yith-quick-view-close::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 12px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto;
    background-color: #666;
    border-radius: 3px;
}

#yith-quick-view-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#yith-quick-view-content div.images {
    width: calc(50% - 20px);
    float: left !important;
    opacity: 1 !important;
    margin-right: 20px;
}

#yith-quick-view-content div.summary {
    margin: 0;
    padding: 15px;
    width: 50%;
    float: left;
}

#yith-quick-view-modal div.entry-summary {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    height: auto;
    overflow-y: auto;
}

#yith-quick-view-content div.woocommerce-product-rating {
    padding-bottom: 18px;
    border-bottom: 1px solid #e6e6e6;
}

#yith-quick-view-content div.woocommerce-product-rating:after,
#yith-quick-view-content div.woocommerce-product-rating:before {
    content: '';
    display: table;
    clear: both;
}

#yith-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link {
    display: none;
}

#yith-quick-view-content .entry-summary .woocommerce-product-details__short-description {
    margin-bottom: 10px;
}

#yith-quick-view-content .onsale,
#yith-quick-view-content .onnew {
    left: 0;
}

#yith-quick-view-content .onsale:after {
    content: "";
    height: 0;
    width: 0;
    left: 100%;
    top: 0;
    position: absolute;
    border-bottom: 23px solid #e62e05;
    border-right: 17px solid transparent !important;
    border-left: 0 solid transparent !important;
}

#yith-quick-view-content .entry-summary .entry-title {
    margin-top: 2px;
}

body.admin-bar #yith-quick-view-modal {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar #yith-quick-view-modal {
        top: 46px;
    }
}

@media (max-width: 600px) {
    body.admin-bar #yith-quick-view-modal {
        top: 0;
    }

    #yith-quick-view-modal #yith-quick-view-content {
        padding: 15px;
    }
}

@media (max-width: 479px) {
    #yith-quick-view-modal #yith-quick-view-content label {
        color: inherit;
    }

    #yith-quick-view-content div.images,
    #yith-quick-view-content div.summary {
        margin: 0 auto;
        width: 100%;
        float: none !important;
    }

    #yith-quick-view-modal .yith-wcqv-wrapper {
        height: 60vh !important;
    }

    #yith-quick-view-modal #yith-quick-view-content {
        overflow-y: auto;
    }

    #yith-quick-view-modal #yith-quick-view-content > .product,
    #yith-quick-view-modal #yith-quick-view-content > * > .product {
        position: relative;
    }

    #yith-quick-view-modal div.entry-summary {
        z-index: 1;
        position: static;
    }
}

/*group-button*/
.group-button {
    position: absolute;
    bottom: 17px;
    right: 13px;
    font-size: 0;
    z-index: 2;
}

.group-button > * {
    display: block;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #ffffff;
    margin-bottom: 6px;
    border: 1px solid #000;
}

.group-button > *:hover {
    border-color: #333;
    transition: all 0s ease-out !important;
    transition-delay: 0s !important;
}

.product-item .compare-button:hover a:after,
.product-item .add-to-cart:hover a:after,
.product-item .yith-wcqv-button:hover:after,
.yith-wcwl-add-to-wishlist:hover a::before {
    color: #333 !important;
    transition: all 0s ease-out;
}

.group-button .add-to-cart a,
.product-item .compare-button a,
.product-item.style-4 .group-button .add-to-cart a {
    display: block;
    max-height: 38px;
    position: relative;
}

.product-item.style-4 .group-button .add-to-cart a {
    font-size: 0;
    background-color: transparent !important;
    height: 38px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: normal;
}

.product-item.style-4 .group-button .add-to-cart a:after {
    content: "\f10c" !important;
    font-family: 'Flaticon' !important;
    font-size: 21px;
    margin-left: 0;
    color: #939ea6 !important
}

.product-item.style-4 .group-button .add-to-cart a:not(.product_type_simple):not(.added_to_cart):after {
    content: '\f1de' !important;
    font-family: 'FontAwesome' !important;
    font-size: 17px;
}

.product-item.style-4 .group-button .add-to-cart .added_to_cart:after {
    content: "\f11b" !important;
    font-family: 'Flaticon';
}

.product-item.style-4 .group-button .add-to-cart a:hover:after {
    color: #333 !important;
}
.sumi-products.style-4 .view-cat a {
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    height: 66px;
    line-height: 64px;
    background-color: #1c1d1e;
    font-weight: 600;
    text-align: center;
    
}
.sumi-products.style-4 .view-cat a::after {
    content: "\f105" !important;
    margin-left: 15px;
    color: #fff !important;
    font-family: "FontAwesome", sans-serif !important;
    font-size: 17px;
}
.group-button > *:last-child {
    margin-bottom: 0;
}

.product-item .clear {
    display: none !important;
}

.variations .data-val[data-attributetype="box_style"] {
    margin: 0 0 -5px 15px;
    display: block;
}

.product-item:not(.style-4) .variations_form {
    bottom: -7px;
}

.variations .data-val a:not(.photo) {
    width: 11px;
    height: 11px;
    border: none;
    line-height: 11px;
    min-width: 11px;
    margin: 4px;
}

.variations .reset_variations {
    font-size: 14px;
    margin-left: 20px;
}

/*addtocart*/
@media (min-width: 1025px) {
    .product-item:not(.list) .group-button > * {
        transform: translateY(10px);
        opacity: 0;
        visibility: hidden;
        transition: all .5s ease-out;
    }

    .product-item:not(.list) .group-button > *:nth-child(1) {
        transition-delay: .1s;
    }

    .product-item:not(.list) .group-button > *:nth-child(2) {
        transition-delay: .2s;
    }

    .product-item:not(.list) .group-button > *:nth-child(3) {
        transition-delay: .3s;
    }

    .product-item:not(.list) .group-button > *:nth-child(4) {
        transition-delay: .4s;
    }

    .product-item:not(.list) .group-button > *:nth-child(5) {
        transition-delay: .5s;
    }

    .product-item:not(.list) .product-inner:hover .group-button > * {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    .product-item.list .product-thumb {
        margin-bottom: 20px;
        width: 300px;
        margin-right: 12px;
    }

    .product-item.list .list-attribute {
        float: none;
        padding-left: 0;
        border: none;
        display: block;
        margin-left: 0;
        max-width: inherit;
    }

    .product-item.list .list-attribute li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .product-item.list .list-attribute li:first-child {
        margin-top: 0;
    }

    .product-item.list .list-attribute li a:before {
        content: "\f142";
        content: '|';
        font-weight: normal;
    }
}

@media (max-width: 767px) and (min-width: 641px) {
    .product-item.list .product-thumb {
        width: 270px;
    }
}

@media (max-width: 767px) {
    .product-item.list .product-thumb {
        margin-right: 20px;
        margin-bottom: 0;
    }

    .product-item.list .list-attribute {
        display: none;
    }

    .product-item.list .list-attribute li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .product-item.list .list-attribute li:first-child {
        margin-top: 0;
    }

    .product-item.list .list-attribute li a:before {
        content: "\f142";
        content: '|';
        font-weight: normal;
    }
}

@media (max-width: 640px) {
    .product-item.list .product-thumb {
        width: 200px;
    }

    .product-item.list .product-info {
        width: calc(100% - 225px);
        max-width: inherit;
        display: inline-block;
        margin-top: 0;
    }

    .product-item.list .group-button,
    .product-item.list .list-attribute {
        display: none;
    }

    .group-button {
        right: 10px;
        bottom: 10px;
    }

    .group-button > * {
        display: inline-block;
        margin: 0 3px;
    }

    .group-button > *:last-child {
        margin-right: 0;
    }

    .group-button > *:first-child {
        margin-left: 0;
    }

    .variations .data-val[data-attributetype="box_style"] {
        margin: 0 0px -20px 10px;
    }

    .group-button {
        display: none;
    }

    .product-item .product-thumb {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .product-item.list .product-thumb {
        width: 100px;
    }

    .product-item.list .flash {
        display: none;
    }

    .product-item.list .product-info {
        width: calc(100% - 125px);
    }
}

/* ==========================================================================
6.4 SINGLE PRODUCT
========================================================================== */
/* .sticky-info-right  */
.sticky-info-right .price{
    display: none;
}
.sticky-info-right .star-rating.no-rate{
    display: block;
}
.sticky_info_single_product .second-image {
    display: none;
}

/* .sticky_info_single_product  */
.sticky_info_single_product {
    position: fixed;
    left: 0;
    right: 0;
    padding: 10px 0;
    top: 0px;
    transition: transform 0.5s ease 0s;
    -o-transition: transform 0.5s ease 0s;
    -webkit-transition: transform 0.5s ease 0s;
    background: #fff;
    z-index: 99;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);
}

.show-sticky_info_single .sticky_info_single_product {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.admin-bar .sticky_info_single_product {
    top: 32px;
}

.sticky_info_single_product img.fami-img {
    max-width: 50px;
}
.sticky-thumb-left {
    float: left;
    max-width: 50px;
    margin-right: 20px;
    border: 2px solid #e5e5e5;
}
.sticky_info_single_product .entry-title {
    font-size: 18px;
    color: #000;
    margin-bottom: 5px;
    display: block;
}

.sticky_info_single_product a.woocommerce-review-link {
    float: left;
    line-height: 10px;
    font-size: 12px;
    margin: 0 10px;
}

.sticky_info_single_product .star-rating {
    float: left;
}
.sticky-info-right {
    overflow: hidden;
    position: relative;
    top: 3px;
    min-height: 54px;
}
.sticky_info_single_product button.sumi-single-add-to-cart-btn.btn.button {
    float: right;
    background: #e52e06;
    font-size: 12px;
    line-height: 42px;
    height: 42px;
    top: 50%;
    color: #fff;
    padding: 0 40px;
    letter-spacing: 2px;
    white-space: nowrap;
    position: absolute;
    border-radius: 50px;
    outline: none;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    border: none;
}

.sticky_info_single_product button.sumi-single-add-to-cart-btn.btn.button:hover {
    background-color: #333;
    color: #fff;
}
.star-rating.no-rate {
    width: auto;
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 12px;
}
.sticky_info_single_product .star-rating.no-rate a.woocommerce-review-link, .star-rating.no-rate a.woocommerce-review-link {
    float: none;
    letter-spacing: 0;
    margin: 0;
}

.wrapper_menu-sticky .sticky_info_single_product {
    top: auto;
    bottom: 0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
}

.wrapper_menu-sticky .show-sticky_info_single .sticky_info_single_product {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.main-contain-summary > *,
.contain-left > * {
    display: inline-block;
    vertical-align: top;
}

.main-contain-summary {
    margin-bottom: 80px;
}

.main-contain-summary #widget-area {
    width: 265px;
}

.main-contain-summary .contain-left {
    width: calc(100% - 271px);
    position: relative;
    padding-right: 20px;
}

.main-contain-summary #widget-area .widget {
    border: none;
    border-radius: 0;
    padding: 0;
}

.contain-left .single-left {
    width: calc(100% - 457px);
    margin-right: 40px;
    position: relative;
    float: left;
}

.contain-left .entry-summary {
    width: 413px;
}

/*threed 360deg*/

.product-360-view-wrapper {
    margin: 100px auto;
    max-width: 800px;
    position: relative;
}

.spinner {
    color: #ffffff;
    font-size: 30px;
    font-weight: 100;
    text-align: center;
}

.sumi-threed-view::after {
    border-color: rgba(175, 175, 175, 0.05) rgba(175, 175, 175, 0.1) rgba(175, 175, 175, 0.15);
    border-radius: 50%;
    border-style: solid;
    border-width: 2px 2px 5px;
    bottom: 15px;
    content: "";
    height: 50%;
    left: 15px;
    position: absolute;
    right: 15px;
    z-index: 10;
}

.sumi-threed-view {
    cursor: ew-resize;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.sumi-threed-view .previous-image {
    opacity: 0;
    visibility: hidden;
}

.sumi-threed-view .threed-view-images {
    display: none;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.sumi-threed-view .threed-view-images img.current-image {
    visibility: visible;
    z-index: 9;
}

.sumi-threed-view .threed-view-images img {
    height: auto;
    position: absolute;
    top: 0;
    width: 100%;
}

.sumi-threed-view .nav_bar {
    bottom: 40px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    left: 50%;
    background: #fff;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 11;
}

.sumi-threed-view .nav_bar a {
    display: inline-block;
    text-decoration: none;
    width: 45px;
    font-size: 0;
    text-align: center;
}

.sumi-threed-view .nav_bar a:hover {
    background-color: #f9f9f9;
}

.sumi-threed-view .nav_bar a::after {
    font-family: "FontAwesome", sans-serif;
    font-size: 18px;
    position: relative;
    top: 4px;
}

.sumi-threed-view .nav_bar a.nav_bar_play::after {
    content: "\f04b";
}

.sumi-threed-view .nav_bar a.nav_bar_stop::after {
    content: "\f04d";
}

.sumi-threed-view .nav_bar a.nav_bar_previous::after {
    content: "\f048";
}

.sumi-threed-view .nav_bar a.nav_bar_next::after {
    content: "\f051";
}

.sumi-dark .sumi-threed-view .nav_bar a {
    color: black;
}

.mfp-iframe-holder .mfp-close:hover {
    background: none;
}

.product-360-button,
.product-video-button {
    position: absolute;
    z-index: 9;
    left: 17px;
    bottom: 17px;
}

.product-360-button a,
.product-video-button a {
    border: 2px solid #ccd3da;
    border-radius: 50%;
    display: inline-block;
    min-width: 66px;
    height: 66px;
    line-height: 66px;
    color: #e62e05;
    text-align: center;
    background-color: #ffffff;
    font-size: 0;
    transition: all .5s ease-out;
}

.product-360-button a:hover,
.product-video-button a:hover {
    color: #e5534c;
    border-color: #e5534c;
}

.product-360-button a::before {
    content: '360';
    font-size: 16px;
    font-weight: 600;
}

.product-360-button a::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 2px solid;
    position: absolute;
    top: 21px;
    right: 11px;
    font-weight: 600;
}

.product-video-button a::before {
    content: "\F0da";
    font-family: 'FontAwesome', sans-serif;
    font-size: 24px;
    padding-left: 4px;
    line-height: 63px;
}

.contain-left .flash {
    position: absolute;
    top: 0;
    left: 18px;
    z-index: 9;
}

.contain-left.has-gallery .product-360-button,
.contain-left.has-gallery .product-video-button {
    left: 130px;
}

.contain-left.has-gallery .flash {
    left: 93px;
}

.contain-left.no-gallery .flash {
    left: 0;
}

.main-contain-summary .contain-left.no-gallery .flash > * {
    left: 0;
}

.contain-left .flash > *:nth-child(1) {
    top: 20px;
}

.contain-left .flash > *:nth-child(2) {
    top: 50px;
}

.main-contain-summary .onsale {
    right: auto;
    left: 15px;
}

.main-contain-summary .onsale:after {
    content: "";
    height: 0;
    width: 0;
    left: 100%;
    top: 0;
    position: absolute;
    border-bottom: 23px solid #e62e05;
    border-left: 0 solid transparent !important;
    border-right: 17px solid transparent !important;
}

/*.woocommerce-product-gallery*/

.woocommerce-product-gallery {
    position: relative;
    text-align: center;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger {

    /*display: block;*/
    display: none;
    font-size: 0;
    position: absolute;
    top: 10px;
    right: 20px;
    height: 40px;
    width: 40px;
    line-height: 38px;
    border-radius: 50%;
    background-color: #ff5050;
    text-align: center;
    z-index: 1;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
    opacity: 0.8;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    content: "\f00e";
    font-size: 16px;
    color: #fff;
}

.woocommerce-product-gallery .flex-viewport {
    cursor: zoom-in;
    border: 1px solid #e4e9ef;
}

.woocommerce-product-gallery .flex-viewport {
    float: right;
    width: calc(100% - 108px);
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    width: 108px;
    float: left;
    padding: 0 11px 0 0;
}

.woocommerce-product-gallery .woocommerce-product-gallery__trigger img.emoji {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

/*.woocommerce-product-gallery__image > a > img {
    width: 100%;
}*/

.contain-left.no-gallery .woocommerce-product-gallery .woocommerce-product-gallery__image {
    border: 1px solid #e4e9ef;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
    width: 100%;
    border: 1px solid #e4e9ef;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-list {
    margin-top: -6px;
    margin-bottom: -6px;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
    list-style: none;
    border: none;
    position: relative;
    padding-top: 6px;
    padding-bottom: 6px;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active {
    border-color: #e5534c;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    color: #bcbcbc;
    border: 1px solid transparent;
    background-color: #fff;
    font-size: 17px;
    position: absolute;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow:hover {
    color: #333333;
    border-color: #333333;
}

/*position*/

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow {
    left: calc(50% - 6px);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.prev {
    top: 0;
}

.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.next {
    bottom: 0;
}

/*.entry-summary*/
.entry-summary .clear {
    display: none !important;
}

.entry-summary .woocommerce-product-rating {
    margin-bottom: 24px;
}

.entry-summary .rating-wapper {
    padding: 0;
}

.entry-summary .entry-title {
    font-size: 26px;
    line-height: 36px;
    margin-top: -4px;
    margin-bottom: 14px;
}

.entry-summary .woocommerce-product-rating .woocommerce-review-link {
    display: none;
}

.entry-summary .price {
    display: inline-block;
    font-size: 24px;
    line-height: 24px;
    color: #000;
    font-weight: normal;
    margin-bottom: 16px;
}

.entry-summary .price ins {
    margin-right: 10px;
}

.entry-summary .price del {
    font-size: 22px;
}

.entry-summary .in-stock {
    color: #72797e;
    margin-bottom: 23px;
}

.entry-summary .in-stock span {
    color: #31d16a;
}

.entry-summary .out-of-stock {
    background-color: #e6edf3;
    color: #292e32;
    letter-spacing: 1px;
    text-transform: uppercase;
    min-width: 220px;
    display: inline-block;
    height: 55px;
    line-height: 59px;
    float: left;
    margin-right: 12px;
    text-align: center;
    margin-bottom: 10px;
}

.entry-summary .brand-product {
    margin-top: -10px;
}

.entry-summary .brand-product .title-brand {
    color: #292e32;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    margin-bottom: 10px;
}

.entry-summary .brand-product .list-attribute {
    margin-bottom: 14px;
}

.entry-summary .product-sku {
    color: #292e32;
    margin-bottom: 19px;
}

.entry-summary .product-sku .sku {
    color: #72797e;
}

.entry-summary .woocommerce-product-details__short-description {
    font-size: 16px;
    line-height: 28px;
    color: #72797e;
    margin-bottom: 40px;
}

.type-product.outofstock .entry-summary .woocommerce-product-details__short-description {
    margin-bottom: 40px;
}

.entry-summary .woocommerce-product-details__short-description p:last-child {
    margin-bottom: 0;
}

.entry-summary .cart .single_add_to_cart_button.loading::after {
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    content: "\f110";
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

.entry-summary .cart .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button {
    opacity: 0.5;
    text-decoration: line-through;
    cursor: not-allowed;
    pointer-events: none;
}

.entry-summary div.quantity {
    border: none;
    background-color: transparent;
}

div.quantity {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    border: 2px solid #e4e9ef;
    width: 65px;
    background: #ffffff;
    text-align: left;
}

div.quantity .qty-label {
    display: none;
}

div.quantity .input-qty {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: none;
    font-size: 16px;
    padding: 4px 3px 0 5px;
    text-align: right;
    color: #292e32;
}

div.quantity .btn-number {
    width: 23px;
    height: 17px;
    line-height: 17px;
    font-size: 14px;
    color: #bdc6d0;
    display: block;
    text-align: left;
    position: absolute;
    right: 0;
}

div.quantity .btn-number:hover {
    color: #333;
}

div.quantity .btn-number.quantity-plus {
    top: 6px;
}

div.quantity .btn-number.quantity-minus {
    bottom: 4px;
}

.entry-summary .cart,
.entry-summary .woocommerce-variation-add-to-cart {
    display: inline-block;
    height: 55px;
    padding: 8px 0;
    background-color: #e62e05;
    float: left;
    margin-right: 12px;
    margin-bottom: 10px;
}

.entry-summary .woocommerce-variation-add-to-cart {
    margin-right: 8px;
}

.entry-summary p.cart {
    margin-bottom: 0;
}

.entry-summary .cart .control {
    margin-top: 3px;
}
.entry-summary .single_add_to_cart_button {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    background-color: transparent;
    padding: 0 18px;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.entry-summary .single_add_to_cart_button:hover {
    opacity: 0.5;
}

.entry-summary div.quantity .btn-number {
    color: #fff;
    text-align: center;
}

.entry-summary div.quantity .btn-number.quantity-minus {
    bottom: 3px;
}

.entry-summary div.quantity .btn-number.quantity-plus {
    top: 5px;
}

.entry-summary div.quantity .input-qty {
    font-weight: 600;
    color: #fff;
    padding: 4px 0 0 0;
}

.entry-summary .product-tags {
    color: #292e32;
    display: block;
    display: inline-block;
    width: 100%;
    margin-top: 25px;
}

.entry-summary .product-tags .tags-list {
    display: inline-block;
    color: #72797e;
}

.entry-summary .product-tags .tags-list a:after {
    content: ',';
    display: inline-block;
}

.entry-summary .product-tags .tags-list a:last-child:after {
    display: none;
}

.entry-summary .yith-wcwl-add-to-wishlist,
.entry-summary .compare.button {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 52px;
    border: 1px solid #ccd3da;
    margin: 0;
    margin-bottom: 10px;
    float: left;
    transition: all .5s ease-out;
}

.product-type-variable .entry-summary .yith-wcwl-add-to-wishlist,
.product-type-variable .entry-summary .compare.button {
    float: none;
}

.product-type-variable .single_variation_wrap {
    margin-right: 0;
}

.entry-summary .yith-wcwl-add-to-wishlist {
    margin-right: 8px;
}

.single_variation_wrap {
    margin-right: 20px;
}

.entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button > img {
    top: 11px;
}

/*.product-type-simple*/

/*.product-type-variable*/

/*.product-type-woosb = bundle*/

body.single-product .product-type-variable .variations {
    padding-bottom: 17px;
}

.product-type-variable .variations label {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.variations .label {
    vertical-align: top;
}

.product-type-variable .woocommerce-variation-price {
    display: none;
}

.product-type-woosb #woosb_wrap {
    padding-bottom: 20px;
}

.entry-summary .variations .label::after {
    content: ':';
    margin-left: 5px;
    color: #333;
}

.entry-summary .variations .data-val[data-attributetype="box_style"] {
    margin-top: -2px;
    margin-bottom: -8px;
}

.entry-summary .variations .data-val a:not(.photo) {
    height: 14px;
    border-radius: 0;
    width: 14px;
    min-width: 14px;
    border: 1px solid #f0f0f0;
    margin: 5px;
}

.entry-summary .variations .data-val a:not(.photo):hover,
.entry-summary .variations .data-val a:not(.photo).active {
    border: 1px solid #e62e05;
}

.entry-summary .variations .data-val a:not(.photo):hover::before,
.entry-summary .variations .data-val a.active:not(.photo)::before {
    display: none;
}

.product-type-variable .entry-summary .woocommerce-product-details__short-description {
    margin-bottom: 29px;
}

/*.product-type-external*/

/*.product-type-grouped*/

.product-type-external .entry-summary .cart .single_add_to_cart_button,
.product-type-grouped .entry-summary .cart .single_add_to_cart_button {
    display: inline-block;
    padding: 0 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #e62e05;
    height: 55px;
    line-height: 58px;
    border: none;
}

.product-type-external .entry-summary .cart .single_add_to_cart_button::after {
    display: none;
}

.product-type-grouped .entry-summary .cart,
.product-type-grouped .entry-summary .cart .group_table {
    width: 100%;
}

.product-type-external .entry-summary .cart,
.product-type-grouped .entry-summary .cart,
.product-type-variable .entry-summary .cart {
    float: none;
    height: auto;
    background-color: transparent;
    width: auto;
    padding: 0;
    margin: 0;
    margin-bottom: 14px;
}

.product-type-external .entry-summary .cart {
    float: left;
    margin-right: 12px;
}

.product-type-variable .entry-summary .cart {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0;
}

.product-type-grouped .entry-summary .cart .group_table,
.product-type-grouped .entry-summary .cart .group_table td {
    border: none;
}

.product-type-grouped .entry-summary .cart .group_table td:first-child {
    padding-left: 0;
}

.product-type-grouped .entry-summary .cart .group_table td:last-child {
    padding-right: 0;
}

.product-type-grouped .entry-summary .cart .group_table td.label,
.product-type-grouped .entry-summary .cart .group_table td.price {
    text-align: inherit;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
    white-space: normal;
}

.product-type-grouped .entry-summary .cart .group_table label {
    margin-bottom: 0;
    color: #292e32;
    line-height: 22px;
    margin-top: 1px;
}

.product-type-grouped .entry-summary .cart .group_table .button {
    font-size: 15px;
    line-height: 26px;
}

.product-type-grouped .entry-summary .cart .group_table .price ins {
    padding-left: 0;
}

.product-type-grouped .entry-summary .cart .group_table .stock {
    display: none;
}

.product-type-grouped .entry-summary .cart .group_table .quantity {
    border: 2px solid #e4e9ef;
    width: 80px;
}

.product-type-grouped .entry-summary div.quantity .input-qty,
.product-type-grouped .entry-summary div.quantity .btn-number {
    color: #41474d;
    font-size: 16px;
}

.product-type-grouped .entry-summary .cart .control {
    margin: 0;
}

.product-type-grouped div.quantity .btn-number {
    right: 15px;
}

.product-type-grouped .entry-summary div.quantity .btn-number.quantity-plus {
    top: 3px;
}

.product-type-grouped .entry-summary div.quantity .input-qty {
    padding-top: 5px;
}

.product-type-grouped .entry-summary .cart .group_table ins {
    text-decoration: none;
}

.product-type-grouped .entry-summary .cart .group_table del .amount {
    color: #aaa !important;
}

.product-type-grouped .entry-summary .woocommerce-product-details__short-description {
    margin-bottom: 30px;
}

.product-type-grouped .entry-summary .cart .group_table {
    margin-bottom: 40px;
}

/*Buy Together*/
.famibt-wrap {
    border: 2px solid #e8e8e8;
    overflow: hidden;
    width: 100%;
    padding: 40px 10px 40px 30px;
    margin: 0 0 40px;
    display: inline-block;
}

.famibt-product.out-of-stock {
    display: block;
    opacity: 0.4;
}

h3.famibt-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
}

.famibt-right-part::after {
    content: "";
    border-left: 1px solid #e5e5e5;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 99999em;
}

.famibt-right-part::before {
    content: "";
    border-left: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    left: 0;
    height: 99999em;
}

.famibt-right-part {
    text-align: center;
}

.total-price-html {
    font-size: 30px;
    color: #e52e06;
}

span.for-items-text {
    margin-bottom: 15px;
    font-size: 14px;
    color: #999;
    display: inline-block;
    margin-top: 10px;
    line-height: 26px;
}

.total-price-html {
    font-size: 30px;
    color: #e52e06;
    font-weight: 300;
}
button.famibt-add-all-to-cart {
    line-height: 42px;
    height: 46px;
    padding: 0 40px;
    background: transparent;
    border: 2px solid #333;
    border-radius: 0;
    color: #333;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

button.famibt-add-all-to-cart:hover {
    border-color: #333;
    background: #333;
    color: #fff;
}
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-thumb-wrap::before {
    margin-left: -21px;
}

div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-product-title {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    min-height: inherit;
    margin: 10px 0 5px;
}

div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-price {
    color: #333;
    font-weight: 500;
    font-size: 16px;
}
div.famibt-wrap .famibt-item {
    color: #000;
}

.famibt-wrap .famibt-item label {
    font-weight: 400;
}

div.famibt-wrap .famibt-item .famibt-price {
    color: #e52e06;
    font-size: 16px;
}

.famibt-wrap ins {
    color: #e52e06;
}

.famibt-wrap .woocommerce-error, .famibt-wrap .woocommerce-info, .famibt-wrap .woocommerce-message {
    padding: 10px 0 12px;
    margin: 0 0 30px;
    background: transparent;
    border: none;
    z-index: 1;
}
.famibt-error-message.woocommerce-error {
    margin-top: -50px;
    color: #ff5400;
    font-size: 14px;
}
.famibt-messages-wrap {
    margin-top: -40px;
    position: relative;
    min-height: 50px;
}

.famibt-messages-wrap::before {
    content: "";
    border-bottom: 2px solid #e5e5e5;
    width: 9999999em;
    left: -50%;
    position: absolute;
    bottom: 0;
    z-index: 2;
}

.famibt-messages-wrap a.button.wc-forward {
    background: #333;
    color: #fff;
    line-height: 28px;
    height: 28px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 300;
    border: none;
}

.famibt-messages-wrap a.button.wc-forward:hover {
    background: #e52e06;
    color: #fff;
}
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-thumb-wrap::before {
    z-index: 9;
}
.famibt-wrap .famibt-products-wrap div.famibt-product img{
    width: 100%;
}
@media (min-width: 1200px) {

}

@media (min-width: 992px) {
    .has-sidebar .main-contain-summary .contain-left {
        width: 100%;
    }

    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.prev::before {
        content: "\f106";
    }

    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.next::before {
        content: "\f107";
    }
}

@media (max-width: 1366px) and (min-width: 1200px) {
    .has-sidebar .contain-left .single-left {
        width: calc(100% - 404px);
    }

    .has-sidebar .contain-left .entry-summary {
        width: 380px;
    }
}

@media (max-width: 1366px) {
    .contain-left .single-left {
        margin-right: 20px;
        width: calc(100% - 424px);
    }

    .contain-left .entry-summary {
        width: 400px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .contain-left .single-left,
    .contain-left .entry-summary,
    .has-sidebar .contain-left .single-left,
    .has-sidebar .contain-left .entry-summary {
        width: 100%;
    }

    .has-sidebar .contain-left .single-left {
        margin: 0;
    }

    .contain-left .entry-summary {
        margin-top: 25px;
    }

    .woocommerce-product-gallery .flex-viewport {
        width: calc(100% - 128px);
        margin-right: 20px;
    }

    .product-type-grouped .entry-summary .cart {
        display: block;
    }
}

@media (max-width: 991px) {
    .main-contain-summary .contain-left {
        padding-right: 0;
    }

    .main-contain-summary,
    .main-contain-summary .contain-left,
    .main-contain-summary #widget-area,
    .contain-left .single-left,
    .contain-left .entry-summary {
        width: 100%;
        display: inline-block;
        margin: 0;
    }

    .main-contain-summary .contain-left,
    .no-gallery .woocommerce-product-gallery {
        margin-bottom: 30px;
    }

    .main-contain-summary #widget-area {
        padding-left: 0;
        padding-top: 0;
    }

    .woocommerce-product-gallery .flex-viewport,
    .no-gallery .woocommerce-product-gallery {
        width: 100%;
        text-align: center;
    }

    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
        width: 100%;
        padding: 0;
        margin-top: 12px;
        margin-bottom: 30px;
    }

    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.prev {
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.next {
        right: 0;
        top: 50%;
        left: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .contain-left.has-gallery .flash,
    .contain-left.has-gallery .product-360-button,
    .contain-left.has-gallery .product-video-button {
        left: 18px;
    }

    .contain-left.has-gallery .flash,
    .contain-left.has-gallery .flash > * {
        left: 0;
    }

    .product-360-button,
    .product-video-button {
        top: 9px;
        bottom: auto;
    }

    .entry-summary .woocommerce-product-details__short-description {
        margin-bottom: 20px;
    }

    .entry-summary .product-tags {
        margin-top: 15px;
    }

    .product-type-grouped .entry-summary .cart {
        display: block;
    }

}

@media (max-width: 767px) {
    .entry-summary .entry-title {
        font-size: 24px;
        line-height: 30px;
    }

    .entry-summary .price {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .entry-summary .in-stock,
    .entry-summary .product-sku {
        margin-bottom: 8px;
    }
}

/*woocommerce-tabs*/

.woocommerce-tabs {
    position: relative;
    display: inline-block;
    width: 100%;
}

.has-sidebar .woocommerce-tabs:after {
    display: none;
}

/*.wc-tabs*/

.wc-tabs {
    text-align: center;
    border-bottom: 1px solid #e8edf2;
    padding-left: 0;
}

.wc-tabs li {
    list-style: none;
    display: inline-block;
    position: relative;
    padding: 8px 0px;
    margin: 0 30px;
}

.wc-tabs li:after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 3px;
    bottom: -1px;
    left: 0;
    width: 0;
    background-color: #e62e05;
}

.wc-tabs li.active:after {
    width: 100%;
}

.wc-tabs li a {
    display: inline-block;
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.wc-tabs li.active a {
    color: #333333;
}

/*.woocommerce-Tabs-panel*/

.woocommerce-Tabs-panel {
    /*max-width: 1010px;*/
    padding: 67px 0px 57px;
    margin: 0 auto;
    overflow: hidden;
}

.woocommerce-Tabs-panel > h2 {
    display: none;
}

.woocommerce-Tabs-panel table p {
    margin-bottom: 0;
}

#tab-description {
    max-height: 9999px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#tab-description.active {
    max-height: 1545px;
}

#tab-description.active::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 744px;
    opacity: 0.7;
    z-index: 1;
}

.woocommerce-Tabs-panel .show-all {
    position: absolute;
    left: 50%;
    bottom: -16px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    min-width: 112px;
    height: 32px;
    line-height: 30px;
    border-radius: 32px;
    border: 1px solid #ececec;
    text-align: center;
    font-size: 12px;
    background-color: #fff;
    color: #999999;
    z-index: 2;
}

.woocommerce-Tabs-panel .show-all .text {
    font-style: normal;
}

.woocommerce-Tabs-panel .show-all span {
    margin-left: 7px;
    color: inherit;
    font-size: 14px;
}

.woocommerce-Tabs-panel .show-all.active span::before {
    content: "\f106";
}

@media (min-width: 1025px) {
    .wc-tabs li:hover:after {
        width: 100%;
    }

    .wc-tabs li a:hover {
        color: #333333;
    }
}

@media (max-width: 991px) {

    .wc-tabs {
        margin: 20px auto 0 auto;
        border: none;
    }

    .wc-tabs li {
        display: block;
        margin: 0;
    }

    .wc-tabs li a {
        line-height: 40px;
    }

    .woocommerce-Tabs-panel {
        padding: 30px 0;
    }

}

/*comment star*/

p.stars {
    margin-top: 5px;
    line-height: 18px;
    display: inline-block;
}

p.stars span {
    display: block;
    height: 18px;
}

p.stars, p.stars a {
    display: inline-block
}

p.stars a {
    font-weight: 400;
    height: 1em
}

p.stars a:before, p.stars a:hover ~ a:before {
    content: "\f005";
    color: #adadad;
}

p.stars a {
    font-size: 18px;
    position: relative;
    width: 1em;
    text-indent: -999em;
    margin-right: 2px
}

p.stars a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    text-indent: 0;
}

p.stars:hover a:before, p.stars.selected:not(:hover) a:before {
    content: '\f005';
    color: #ffb933;
}

p.stars a:hover ~ a:before, p.stars.selected:not(:hover) a.active ~ a:before {
    content: "\f005";
    color: #adadad;
}

.categories-product-woo .product-grid.col-sm-12:not(:last-child) {
    margin-bottom: 40px;
}

.categories-product-woo .product-grid > .slick-slider {
    margin-bottom: -24px;
    padding-bottom: 60px;
    border-bottom: 1px solid #e8edf2;
}

.categories-product-woo .product-grid > .sumi-products {
    padding-bottom: 45px;
    margin-bottom: 47px;
    border-bottom: 1px solid #e8edf2;
}

.products.product-grid {
    padding-top: 10px;
}

.products.product-grid:after {
    position: absolute;
    display: inline-block;
    content: '';
    height: 1px;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    top: 0;
    background-color: #e4e9ef;
}

.product-grid .block-title {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

.product-grid .product-grid-title {
    font-size: 16px;
    float: left;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.product-grid .block-title a {
    float: right;
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    color: #292e32;
    line-height: 100%;
}

.product-grid .block-title a:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    height: 1px;
    background-color: #ced7df;
    width: 44px;
    margin-right: 13px;
    transition: all .5s ease-out;
}

.product-grid .block-title a:hover:before {
    margin-right: 8px;
}

.product-grid .block-title a span {
    margin-left: 10px;
}

.recent-product-woo .sumi-title {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #e4e9ef;
    padding-bottom: 24px;
    margin-bottom: 39px;
}

@media (max-width: 767px) {
    .product-grid .block-title {
        margin-top: 30px;
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .product-grid .block-title::before {
        display: none;
    }

    .product-grid .block-title a {
        display: none;
    }

}

/* ==========================================================================
7.0 OTHER PAGE
========================================================================== */
/* ==========================================================================
 ORDER TRAKING
========================================================================== */
.order-tracking-content .main-content {
    max-width: 560px;
    margin: 0 auto;
    padding: 40px 40px 25px;
    background-color: #f1f4f6;
    float: none;
}

.track_order {
    color: #292e32;
    line-height: 26px;
    text-align: center;
}

.track_order > p:first-child {
    margin-bottom: 38px;
}

.track_order .form-row {
    text-align: left;
    width: 100% !important;
    margin-bottom: 25px;
}

.track_order .form-row .input-text {
    background-color: #fff;
    line-height: 55px;
}

.track_order .form-row > label {
    margin-bottom: 10px;
}

.track_order .form-row .button {
    max-width: 160px;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    width: 100%;
    line-height: 55px;
    height: auto;
}

.track_order .form-row .button:hover {
    opacity: 0.7;
}

/* ==========================================================================
7.1 CART PAGE
========================================================================== */

#shipping_method {
    padding-left: 0;
    list-style: none;
}

#shipping_method input[type="radio"] {
    display: none;
}

#shipping_method label {
    position: relative;
    padding-left: 26px;
    color: #666666;
    cursor: pointer;
}

#shipping_method label::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#shipping_method input[type="radio"]:checked + label {
    color: #333333;
}

#shipping_method input[type="radio"]:checked + label::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

body.woocommerce-cart .cart-empty {
    font-size: 40px;
    line-height: 1.2;
    border-radius: 0;
    padding: 120px 15px;
    text-align: center;
    color: #72797e;
    font-weight: 600;
}

body.woocommerce-cart .return-to-shop {
    text-align: center;
}

body.woocommerce-cart .return-to-shop a {
    display: inline-block;
    min-width: 162px;
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 15px;
    text-align: center;
    background-color: #efefef;
    color: #666666;
}

body.woocommerce-cart .return-to-shop a:hover {
    color: #fff;
}

.woocommerce-cart-form {
    float: left;
    display: inline-block;
    width: calc(100% - 480px);
    margin-right: 40px;
}

.woocommerce-cart-form .shop_table {
    border: none;
    border-top: 1px solid #e4e9ef;
}

.cart-collaterals,
#order_review {
    display: inline-block;
    width: 440px;
    background-color: #f1f4f6;
    padding-bottom: 35px;
}

.cart-collaterals .shop_table {
    border: none;
    margin-bottom: 11px;
}

.shop_table td,
.shop_table th {
    border-color: #e4e9ef;
    padding: 30px;
}

.shop_table tr td,
.shop_table tr th {
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}

.shop_table tr:first-child td,
.shop_table tr:first-child th {
    border-top: 0;
}

.shop_table .product-remove {
    text-align: left;
    padding-left: 0;
}

.shop_table .product-thumbnail {
    width: 9%;
    padding-right: 0;
    padding-left: 0;
}

.shop_table .product-remove .remove {
    font-size: 27px;
}

.shop_table .product-remove .remove:not(:hover) {
    color: #bfbfbf;
}

.shop_table .product-thumbnail img {
    max-width: 80px;
    border: 1px solid #e4e9ef;
}

.shop_table .product-name a:not(.button) {
    font-size: 16px;
    line-height: 24px;
    color: #292e32;

}

.shop_table .product-name a:not(.button):hover {
    color: #e5534c;
}

.woocommerce-cart-form .shop_table tr:first-child td,
.woocommerce-cart-form .shop_table tr:first-child th {

}

.woocommerce-cart-form .shop_table thead {
    display: none;
}

.woocommerce-cart-form .shop_table .product-price,
.woocommerce-cart-form .shop_table .product-subtotal {
    font-size: 16px;
    font-weight: normal;
    color: #292e32;
}

.woocommerce-cart-form .shop_table .actions {
    padding: 47px 0 30px 0;
    overflow: hidden;
}

.woocommerce-cart-form .shop_table .actions label {
    display: none;
}

.woocommerce-cart-form .shop_table .actions .coupon {
    position: relative;
    width: 480px;
    float: left;
    margin-bottom: 17px;
}

.woocommerce-cart-form .shop_table .actions .coupon > .button {
    position: absolute;
    top: 0;
    right: 0;
}

.woocommerce-cart-form .shop_table .actions #coupon_code {
    width: 100%;
    height: 54px;
    line-height: 52px;
    border: 1px solid #e4e9ef;
    padding: 0 170px 0 20px;
    color: #72797e;
}

.woocommerce-cart-form .shop_table .actions input.button {
    position: absolute;
    top: 0;
    right: 0;
    height: 54px;
    line-height: 54px;
    text-align: center;
}

.woocommerce-cart-form .shop_table .actions button.button {
    color: #ffffff;
    letter-spacing: 1px;
    font-weight: 600;
    float: right;
    display: inline-block;
    height: 54px;
    line-height: 56px;
    padding: 0 20px;
    text-align: center;
    background-color: #2e353b;
    text-transform: uppercase;
}

.cart_totals {
    position: relative;
}

.cart_totals > h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #2e353b;
    margin: 0;
    padding: 28px 44px 26px;
    letter-spacing: 1px;
}

.cart_totals .shop_table tr:last-child th,
.cart_totals .shop_table tr:last-child td {
    border-bottom: 0;
}

.cart_totals .shop_table tr th,
.cart_totals .shop_table tr td {
    font-size: 16px;
    color: #292e32;
    font-weight: normal;
    font-weight: 400;
    border-color: #dee5e8;
    padding: 24px 44px;
}

.cart_totals .shop_table tr:first-child td,
.cart_totals .shop_table tr:last-child td {
    padding-left: 0;
}

.shipping-calculator-button {
    color: #ff5050;
}

.shipping-calculator-button,
.shipping-calculator-button:hover,
.shipping-calculator-button:focus,
.shipping-calculator-button:active {
    text-decoration: underline;
}

.shipping-calculator-form input {
    height: 54px;
    line-height: 52px;
    border-radius: 54px;
}

.shipping-calculator-form .button {
    display: inline-block;
    min-width: 162px;
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 15px;
    text-align: center;
    background-color: #efefef;
}

.shipping-calculator-form .button:not(:hover) {
    color: #666666;
}

.wc-proceed-to-checkout {
    text-align: center;
}

.wc-proceed-to-checkout .checkout-button,
#place_order {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #2e353b;
    letter-spacing: 1px;
    height: 54px;
    line-height: 57px;
    padding: 0 38px;
}

.wc-proceed-to-checkout .checkout-button:hover,
#place_order:hover {
    opacity: 0.8;
}

#place_order {
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
}

@media (max-width: 1199px) {

    body.woocommerce-cart .cart-empty {
        padding: 50px 15px;
    }

    .shop_table td,
    .shop_table th {
        border-color: #e4e9ef;
        padding: 15px;
    }

    .woocommerce-cart-form,
    .cart-collaterals {
        width: 100%;
    }

    .cart_totals .shop_table tr th {
        width: 35%;
    }

    .cart_totals > h2 {
        padding: 20px 30px 16px;
    }
}

@media (max-width: 767px) {
    .woocommerce-cart-form .shop_table {
        border-top: none;
    }

    .woocommerce-cart-form .shop_table thead {
        display: none;
    }

    .shop_table_responsive tr td:before {
        content: attr(data-title) " ";
        font-weight: 500;
        float: left;
        font-size: 15px;
    }

    .cart-collaterals .shop_table_responsive tr td:before {
        display: none;
    }

    .woocommerce-cart-form .shop_table tbody tr td {
        display: block;
        width: 100%;
        text-align: right;
        color: #111;
        padding-left: 0;
        padding-right: 0;
    }

    .woocommerce-cart-form .shop_table .product-remove,
    .woocommerce-cart-form .shop_table .product-thumbnail {
        text-align: center;
    }

    .woocommerce-cart-form .shop_table .actions .coupon {
        width: auto;
        margin-right: 10px;
    }

    .shop_table tr:first-child td,
    .shop_table tr:first-child th {
        border-top: 1px solid #e4e9ef;
    }

}

@media (max-width: 640px) {
    .woocommerce-cart-form .shop_table .actions button.button {
        float: left;
    }
}

@media (max-width: 320px) {
    .woocommerce-cart-form .shop_table .actions .coupon {
        margin-right: 0;
    }
}

/* ==========================================================================
7.2 CHECKOUT PAGE
========================================================================== */

.woocommerce-form__label-for-checkbox > span {
    position: relative;
    padding-left: 26px;
    color: #292e32;
}

.woocommerce-form__label-for-checkbox > span::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox {
    display: none;
}

.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span {
    color: #333333;
}

.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#payment ul {
    padding-left: 0;
    list-style: none;
}

#payment .input-radio {
    display: none;
}

#payment label {
    position: relative;
    padding-left: 26px;
    color: #72797e;
    margin-bottom: 10px;
}

#payment label::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#payment .input-radio:checked + label {
    color: #292e32;
}

#payment .input-radio:checked + label::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*SELECT2 RESET*/

body .select2-container {
    width: 100% !important;
}

body .select2-container--default .select2-selection--single {
    height: 54px;
    line-height: 52px;
    border: 1px solid #e4e9ef;
    border-radius: 0;
    background-color: #fff;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #72797e;
    line-height: 52px;
    padding-left: 15px;
    padding-right: 40px;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 52px;
    width: 50px;
}

body .select2-container .select2-choice .select2-arrow b:after {
    border: none;
    font-family: 'FontAwesome', sans-serif;
    content: "\f107";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
    margin-left: -15px;
}

body .select2-dropdown {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;;
}

body .select2-dropdown .select2-search .select2-search__field {
    background-color: #ffffff;
    padding: 0 16px;
    height: 40px;
    line-height: 40px;
}

body .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #e6e6e6;
}

body .select2-results__option {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
}

body .select2-dropdown .select2-result {
    color: #888888;
}

body .select2-container--default .select2-results__option--highlighted[aria-selected],
body .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #f0f2f5;
    color: #000000;
}

body .select2-container--default .select2-results__option[aria-selected="true"],
body .select2-container--default .select2-results__option[data-selected="true"] {
    color: #000000;
}

body.woocommerce-checkout .woocommerce > .woocommerce-info {
    border: 2px solid #f0f0f0;
    border-radius: 8px;
    color: #666666;
    padding: 37px 78px;
    background-color: #ffffff;
    margin-bottom: 80px;
}

body.woocommerce-checkout .woocommerce > .woocommerce-info a {
}

.checkout_coupon {
    overflow: hidden;
    padding: 40px 40px 10px 40px;
    border: 2px solid #e4e9ef;
    margin-bottom: 50px;
}

.checkout_coupon .button {
    min-width: 159px;
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    text-transform: uppercase;
    background-color: #2e353b;
    text-align: center;
    padding: 0 20px;
}

.checkout_coupon .button:hover {
    opacity: 0.8;
}

form.woocommerce-checkout {
    position: relative;
    padding-top: 27px;
}

form.woocommerce-checkout::before,
form.woocommerce-checkout::after {
    content: '';
    display: table;
}

form.woocommerce-checkout::after {
    clear: both;
}

.validate-required label .required {
    display: none;
}

.validate-required label::after {
    content: '*';
    color: #ff0000;
}

#customer_details {
    float: left;
    width: calc(100% - 440px);
    padding-right: 40px
}

/*.woocommerce-billing-fields*/
.woocommerce-billing-fields {
    position: relative;
}

.form-row {
    margin-bottom: 30px;
}

.form-row:last-child {
    margin-bottom: 0;
}

.form-row > label {
    display: block;
    color: #292e32;
    margin-bottom: 2px;
}

.form-row > input {
    width: 100%;
    height: 54px;
    line-height: 52px;
}

.form-row-first {
    float: left;
    width: calc(50% - 20px);
}

.form-row-last {
    float: right;
    width: calc(50% - 20px);
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text,
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
    width: 100%;
    height: 54px;
    line-height: 54px;
}

/*.woocommerce-shipping-fields*/
.woocommerce-shipping-fields {
    padding-bottom: 42px;
}

.woocommerce-shipping-fields #ship-to-different-address {
    color: #666666;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

.woocommerce-shipping-fields #ship-to-different-address label {
    color: inherit;
}

.woocommerce-shipping-fields .shipping_address {
    padding-top: 20px;
}

#order_comments {
    border-color: #e4e9ef;
    height: 195px;
    font-size: 16px;
    color: #72797e;
}

/*#order_review*/
#order_review .shop_table {
    border: none;
    margin: 0;
}

#order_review .shop_table tr th,
#order_review .shop_table tr td {
    padding: 23px 40px;
}

#order_review .shop_table tbody tr:first-child td,
#order_review .shop_table tbody tr:first-child th,
#order_review .shop_table tfoot tr:first-child td,
#order_review .shop_table tfoot tr:first-child th {
    border-top: 1px solid #dee5e8;
    color: #292e32;
}

#order_review .shop_table tfoot tr th {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 14px;
    color: #292e32;
}

#order_review .shop_table thead tr th {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    background-color: #2e353b;
    text-transform: uppercase;
    padding: 18px 40px;
}

#order_review .shop_table tfoot .order-total td {
    font-weight: normal;
    font-size: 20px;
    color: #292e32;
}

#order_review .shop_table .cart_item td {
    font-family: inherit;
    color: #292e32;
}

#payment {
    border-top: 1px solid #dee5e8;
    padding: 40px 40px 5px;
    font-size: 14px;
    line-height: 24px;
}

@media (max-width: 1199px) {

    body.woocommerce-checkout .woocommerce > .woocommerce-info {
        padding: 20px 15px;
        margin-bottom: 50px;
    }

    #customer_details {
        width: 100%;
        padding-right: 0;
        padding-bottom: 40px;
    }

    #order_review {
        width: 100%;
    }

    #order_review .shop_table tr th,
    #order_review .shop_table tr td {
        padding: 15px;
    }

    #order_review_heading {
        position: relative;
        z-index: 1;
        right: auto;
        top: auto;
        margin: 0 auto -27px auto;
    }

    #order_review .shop_table thead tr th {
        padding: 13px 15px 9px;
    }

}

@media (max-width: 767px) {
    #order_review .shop_table thead tr th:nth-child(2) {
        padding-top: 15px;
    }

    .form-row-first,
    .form-row-last {
        width: 100%;
        float: none;
    }

    #payment {
        padding: 10px 10px 5px;
    }
}

/* ==========================================================================
7.3 MY ACCOUNT PAGE
========================================================================== */
body.woocommerce-account .page-title {
    display: none;
}

body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after {
    content: '';
    display: table;
}

body.woocommerce-account .woocommerce::after {
    clear: both;
}

#customer_login {
    width: 1240px;
    max-width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 90px;
}

#customer_login .col-1,
#customer_login .col-2 {
    width: calc(50% - 60px);
    float: left;
}

#customer_login .col-1 {
    background-color: #f1f4f6;
    margin-right: 120px;
}

#customer_login .col-2 {
    border: 2px solid #e4e9ef;
}

#customer_login .form-row {
    margin-bottom: 23px;
}

#customer_login > div > h2 {
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    padding: 25px 0;
    color: #292e32;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #d6dee4;
    margin-bottom: 54px;
}

#customer_login > div > form {
    min-height: 447px;
    padding-left: 40px;
    padding-right: 40px;
}

#customer_login > div > form .form-row:not(.form-row-wide) {
    text-align: center;
    margin-bottom: 37px;
    margin-top: 7px;
}

#customer_login .form-row > label {
    margin-bottom: 8px;
}

form.woocommerce-form-login,
form.register {
    margin-bottom: 5px;
}

#customer_login .form-row .input-text {
    background-color: #fff;
}

form.woocommerce-form-login .form-row:not(.form-row-wide),
form.register .form-row:not(.form-row-wide) {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    padding-top: 9px;
}

form.woocommerce-form-login .button,
form.register .button {
    float: left;
    min-width: 159px;
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
}

form.woocommerce-form-login .button:hover,
form.register .button:hover {
    opacity: 0.8;
}

form.woocommerce-form-login .woocommerce-form__label {
    float: right;
    margin-bottom: 0;
    line-height: 54px;
}

form.woocommerce-form-login .lost_password {
    text-align: center;
    margin-bottom: 0;
}

form.woocommerce-form-login .lost_password a:not(:hover) {
    color: #292e32;
}

form.woocommerce-form-login .lost_password a,
form.woocommerce-form-login .lost_password a:hover,
form.woocommerce-form-login .lost_password a:focus,
form.woocommerce-form-login .lost_password a:active {
    text-decoration: underline;
}

.woocommerce-MyAccount-navigation {
    float: left;
    width: 30%;
}

.woocommerce-MyAccount-content {
    float: left;
    width: 70%;
    padding-left: 40px;
}

.woocommerce-MyAccount-navigation > ul {
    padding-left: 0;
    margin-bottom: 40px;
}

.woocommerce-MyAccount-navigation > ul li {
    line-height: 50px;
    list-style: none;
}

.woocommerce-MyAccount-navigation > ul li:not(:first-child) {
    border-top: 1px solid #e4e9ef;
}

.woocommerce-MyAccount-navigation > ul li.is-active a {
    color: #e5534c;
}

.woocommerce-MyAccount-content .form-row label {
    display: block;
    font-weight: normal;
}

.woocommerce-MyAccount-content fieldset {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.woocommerce-MyAccount-content fieldset legend {
    color: #333333;
    display: block;
    border-bottom: none;
}

.woocommerce-MyAccount-content fieldset ~ p .woocommerce-Button {
    min-width: 159px;
    height: 54px;
    line-height: 54px;
}

.woocommerce-MyAccount-content fieldset ~ p .woocommerce-Button:hover {
    opacity: 0.8;
}

.woocommerce-MyAccount-content .form-row input {
    width: 100%;
}

.woocommerce-MyAccount-content h3 {
    margin: 0 0 30px;
}

.woocommerce-Address {
    margin-bottom: 30px;
    padding: 40px 15px 30px 15px;
    border: 2px solid #f0f0f0;
    border-radius: 8px;
    margin-top: 60px;
    position: relative;
}

.woocommerce-Address .woocommerce-Address-title > h3 {
    font-size: 18px;
    border: 2px solid;
    display: table;
    min-width: 183px;
    height: 54px;
    border-radius: 54px;
    line-height: 50px;
    text-align: center;
    padding: 0 15px;
    margin: 0 auto;
    background-color: #fff;
    position: absolute;
    top: -27px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*.woocommerce-password*/

.woocommerce-password-strength {
    margin-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.woocommerce-password-strength::before {
    content: '';
    display: block;
    height: 4px;
    width: 100%;
    background-color: #c2c2c2;
    position: absolute;
    left: 0;
    bottom: 0;
}

.woocommerce-password-strength::after {
    content: '';
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.woocommerce-password-strength.short::after {
    background-color: #f44336;
    width: 25%;
}

.woocommerce-password-strength.bad::after {
    background-color: #ff9800;
    width: 50%;
}

.woocommerce-password-strength.good::after {
    background-color: #2196F3;
    width: 75%;
}

.woocommerce-password-strength.strong::after {
    background-color: #4CAF50;
    width: 100%;
}

@media (max-width: 1199px) {

    .checkout_coupon,
    form.woocommerce-form-login,
    form.register {
        padding-left: 15px;
        padding-right: 15px;
    }

    #customer_login .col-1, #customer_login .col-2 {
        width: calc(50% - 20px);
    }

    #customer_login .col-1 {
        margin-right: 40px;
    }
}

@media (max-width: 991px) {
    #customer_login .col-1 {
        margin-right: 0;
        margin-bottom: 40px;
        padding-bottom: 40px;
    }

    #customer_login .col-1,
    #customer_login .col-2 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    #customer_login > div > form {
        min-height: 0;
    }

    .woocommerce-MyAccount-navigation {
        width: 100%;
    }

    .woocommerce-MyAccount-content {
        width: 100%;
        padding-left: 0;
    }

    #customer_login .form-row:not(.form-row-wide) {
        margin-bottom: 20px;
    }

}

@media (max-width: 767px) {
    #customer_login > div > h2 {
        margin-bottom: 24px;
        padding: 17px 0 15px;
    }

    #customer_login > div > form {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 479px) {
    #customer_login .woocommerce-form__label {
        float: none;
    }

    #customer_login .woocommerce-Button {
        float: none;
    }

    #customer_login > div > form .form-row:not(.form-row-wide) {
        margin-bottom: 0;
    }
}

/* ==========================================================================
7.4 WISHLIST PAGE
========================================================================== */
#yith-wcwl-popup-message {
    top: 10px;
    left: auto;
    right: 10px;
    border: none;
    box-shadow: 0 0px 25px rgba(0, 0, 0, 0.2);
}

.admin-bar #yith-wcwl-popup-message {
    top: 40px;
}

.woocommerce table.wishlist_table {
    font-size: 100%;
    border-right: none;
    border-left: none;
}

.wishlist-title {
    display: block;
}

.wishlist-title h2 {
    font-size: 18px;
    color: #292e32;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.woocommerce table.wishlist_table thead {
    display: none;
}

.woocommerce table.wishlist_table tbody tr td.product-remove,
.woocommerce table.wishlist_table tbody tr td {
    padding: 28px;
}

.woocommerce table.wishlist_table tbody tr:first-child td.product-remove,
.woocommerce table.wishlist_table tbody tr:first-child td,
.woocommerce table.wishlist_table tbody tr:first-child th {
    /*padding-top: 65px;*/
}

.woocommerce table.wishlist_table tr td.product-thumbnail a {
    display: inline-block;
}

.woocommerce table.wishlist_table .product-price {
    font-size: 16px;
    color: #292e32;
}

.woocommerce table.wishlist_table tbody tr td.wishlist-empty {
    font-weight: 600;
    font-size: 40px;
    line-height: 46px;
    padding: 120px 410px 75px 410px;
    color: #72797e;
}

.woocommerce table.wishlist_table tr td.product-stock-status span {
    display: inline-block;
    border: 2px solid #e4e9ef;
    min-width: 107px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    padding: 0 10px;
    font-size: 16px;
}

.woocommerce table.wishlist_table tr td.product-stock-status span.wishlist-in-stock {

}

.woocommerce table.wishlist_table td.product-add-to-cart a {
    font-weight: 600;
    display: inline-block !important;
    min-width: 198px;
    height: 54px;
    line-height: 56px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0;
    margin-bottom: 0;
}

.woocommerce table.wishlist_table td.product-add-to-cart a:hover {
    opacity: 0.8;
}

.wishlist_table .yith-wcwl-share > * {
    display: inline-block;
    vertical-align: middle;
}

.wishlist_table .yith-wcwl-share > h4 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-right: 27px;
}

.wishlist_table .yith-wcwl-share ul, .wishlist_table .yith-wcwl-share li {
    height: auto;
    margin: 0;
}

.wishlist_table .yith-wcwl-share li a {
    width: 41px;
    height: 41px;
    text-align: center;
    line-height: 39px;
    border: 1px solid #ced7e0;
    border-radius: 50%;
    background: #fff;
    margin-right: 6px;
    transition: all .5s ease-out;
}

.wishlist_table .yith-wcwl-share li a:after {
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #abb7c1;
    transition: all .5s ease-out;
}

.wishlist_table .yith-wcwl-share li a.facebook:after {
    content: '\f09a';
}

.wishlist_table .yith-wcwl-share li a.twitter:after {
    content: '\f099';
}

.wishlist_table .yith-wcwl-share li a.pinterest:after {
    content: '\f0d2';
}

.wishlist_table .yith-wcwl-share li a.googleplus:after {
    content: '\f0d5';
}

.wishlist_table .yith-wcwl-share li a.email:after {
    content: '\f0e0';
}

.wishlist_table tr td a.yith-wcqv-button {
    font-size: 0;
    padding: 0 8.5px;
    line-height: 30px;
    height: 30px;
    margin-left: 15px;
    border-radius: 0;
    color: #fff;
    display: inline-block;
}

.wishlist_table tr td a.yith-wcqv-button:after {
    font-family: 'FontAwesome';
    content: "\f002";
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
}

.woocommerce .wishlist_table th {
    white-space: nowrap;
}

.wishlist_table a.yith-wcqv-button .blockUI.blockOverlay {
    z-index: 8 !important;
    cursor: wait !important;
    background-size: 20px !important;
    background-image: none !important;
    background: none !important;
    opacity: 1 !important;
}

.wishlist_table a.yith-wcqv-button .blockUI.blockOverlay::before {
    line-height: 30px !important;
    text-align: center !important;
    margin-top: 0;
}

@media (max-width: 1366px) {

    .woocommerce table.wishlist_table tbody tr td.wishlist-empty {
        padding-left: 15px;
        padding-right: 15px;
    }

}

@media (max-width: 1199px) {

    .woocommerce table.wishlist_table tbody tr td.wishlist-empty {
        padding-top: 50px;
        padding-bottom: 50px;
        font-size: 24px;
    }

    .woocommerce table.wishlist_table tbody tr td.product-remove,
    .woocommerce table.wishlist_table tbody tr td {
        padding: 15px;
    }

}

@media (max-width: 767px) {

    .woocommerce table.wishlist_table tbody tr:first-child td {
        padding-top: 15px;
    }

    .woocommerce table.wishlist_table tbody tr:first-child td:first-child {
        padding-top: 65px;
        border-top: none;
    }

    .woocommerce table.wishlist_table .yith-wcqv-button {
        float: none;
        padding-left: 5px;
    }

    .woocommerce table.wishlist_table .yith-wcqv-button::before {
        vertical-align: top;
    }
}

/* ==========================================================================
7.5 PAGE 404
========================================================================== */
.error404 .page-title {
    display: none;
}

.error-404 {
    text-align: center;
    padding-bottom: 70px;
    padding-top: 100px;
}

.error-404 h1 {
    font-size: 30px;
    color: #333333;
    line-height: 45px;
    font-weight: 300;
    margin-bottom: 35px;
}

.error-404 .search-form,
.error-404 .widget_search .search-form {
    max-width: 555px;
    margin: 0 auto;
    position: relative;
    border: 2px solid #e8edf2;
    margin-bottom: 56px;
}

.error-404 .button,
.error-404 .vc_btn3-container .vc_btn3 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background-color: #2e353b;
    height: 47px;
    line-height: 26px;
    padding: 0 30px;
    display: inline-block;
}

.error-404 .search-form .search-field {
    width: 100%;
    height: 58px;
    line-height: 58px;
    border: none;
    color: #72797e;
    padding-top: 3px;
}

.error-404 .search-form .search-submit {
    padding: 0;
    width: 62px;
    height: 62px;
    line-height: 62px;
    position: absolute;
    right: -2px;
    top: -2px;
    font-size: 21px;
}

.error-404 .search-form .search-submit:hover {
    opacity: 0.5;
}

@media (max-width: 767px) {
    .error-404 > h1 {
        font-size: 30px;
        line-height: 35px;
    }
}

/* ==========================================================================
7.6 FAQs PAGE
========================================================================== */
.sumi-faqs {
    border: 2px solid #f0f0f0;
    border-radius: 8px;
    padding-bottom: 67px;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.sumi-faqs .sumi-title {
    font-size: 16px;
    color: #ffff;
    height: 57px;
    line-height: 57px;
    border-radius: 57px;
    display: table;
    padding: 0 15px;
    margin: -27px auto 0 auto;
    min-width: 493px;
    max-width: 100%;
    text-align: center;
    position: relative;
    z-index: 2;
}

.sumi-faqs .faqs-list-grid {
    padding: 56px 60px 0 60px;
    position: relative;
    margin: 0;
}

.sumi-faqs .faqs {
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 56px;
}

.sumi-faqs .faqs::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    border-bottom: 1px solid #e9e9e9;
}

.sumi-faqs .faqs:nth-last-child(2),
.sumi-faqs .faqs:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.sumi-faqs .faqs:nth-last-child(2)::before,
.sumi-faqs .faqs:last-child::before {
    display: none;
}

.sumi-faqs .question,
.sumi-faqs .answer {
    overflow: hidden;
}

.sumi-faqs .question {
    padding-bottom: 11px;
}

.sumi-faqs .question .icon,
.sumi-faqs .answer .icon {
    float: left;
    display: inline-block;
    min-width: 50px;
    height: 50px;
    line-height: 48px;
    border-radius: 50%;
    text-align: center;
    padding: 0 5px;
    margin-right: 19px;
    font-size: 18px;
    color: #333333;
    border: 1px solid #ececec;
}

.sumi-faqs .question p,
.sumi-faqs .answer p {
    overflow: hidden;
    margin-bottom: 0;
}

.sumi-faqs .question p {
    font-size: 16px;
    color: #333333;
    margin-top: 11px;
}

.sumi-faqs .answer p {
    margin-top: 3px;
}

.loadmore-faqs {
    text-align: center;
}

.loadmore-faqs a {
    display: inline-block;
    min-width: 275px;
    height: 55px;
    line-height: 53px;
    border-radius: 55px;
    color: #ffffff;
    text-align: center;
    padding: 0 15px;
    background-color: #333333;
    margin-top: 64px;
}

.loadmore-faqs a:hover {
    color: #fff;
}

.loadmore-faqs a::after {
    font-family: 'FontAwesome', sans-serif;
    content: "\f107";
    margin-left: 9px;
    font-size: 18px;
    display: inline-block;
}

.sumi-faqs.loading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
}

.sumi-faqs.loading .loadmore-faqs a::after {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    content: "\f110";
}

@media (max-width: 1199px) {
    .sumi-faqs {
        padding-bottom: 30px;
    }

    .sumi-faqs .sumi-title {
        margin-top: 25px;
        min-width: 0;
    }

    .sumi-faqs .faqs-list-grid {
        padding: 30px 0 0 0;
    }

    .sumi-faqs .faqs::before {
        left: 15px;
        right: 15px;
    }

    .loadmore-faqs a {
        margin-top: 20px;
    }
}

/* ==========================================================================
7.4 CONTACT US
========================================================================== */
.wpcf7-form br {
    display: none;
}

.wpcf7-form > p {
    margin-bottom: 19px;
}

.wpcf7-form > p input {
    border: 1px solid #e4e9ef;
    width: 100%;
    padding: 12px 20px;
    height: 60px;
}

.wpcf7-form > p input.wpcf7-submit {
    font-weight: 500;
    letter-spacing: 2px;
    width: inherit;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    padding: 0 65px;
    border: none;
    font-size: 14px;
    margin-top: 14px;
    height: 60px;
    line-height: 63px;
}

div.wpcf7 .ajax-loader {
    margin: 7px 0 0 85px;
    display: block;
}

.wpcf7-form > p > label {
    display: inline-block;
    width: 100%;
    color: #292e32;
    font-weight: normal;
    font-size: 16px;
}

.wpcf7-form > p label.text-comment {
    vertical-align: top;
}

.wpcf7-form .wpcf7-form-control-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 12px;
}

.wpcf7-form .wpcf7-form-control-wrap > textarea {
    display: inline-block;
    border: 1px solid #e4e9ef;
    width: 100%;
    height: 180px;
    font-size: 14px;
    color: #888;
}

/* ==========================================================================
8.0 BANNER + BREADCRUMBS + WDGET +PAGINATION
========================================================================== */
/* ==========================================================================
8.1 BANNER AND TITLE PAGE
========================================================================== */
.main-container {
    padding-bottom: 50px;
}

.shop-page {
    padding-bottom: 0px;
}

.page-title {
    font-size: 30px;
    margin-bottom: 30px;
    color: #292e32;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    letter-spacing: 1px;
    position: relative;
    /*margin-top: 30px;*/
}

.page-title:after {
    position: absolute;
    width: 40px;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    height: 1px;
}

.page-title.blog-title {
    margin-top: 40px;
    margin-bottom: 65px;
}

.woocommerce-products-header__title.page-title:after {
    display: none;
}

.woocommerce-products-header .page-title {
    font-size: 26px;
    float: left;
    margin-bottom: 0px;
}

body.woocommerce-cart .page-title,
.woocommerce-billing-fields > h3,
#order_review_heading,
.woocommerce-additional-fields > h3 {
    color: #292e32;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
}

/* ==========================================================================
8.2 BREADCRUMBS THEME
========================================================================== */
.breadcrumbs {
    margin-top: 31px;
    margin-bottom: 32px;
}

body.woocommerce-cart .breadcrumbs,
body.woocommerce-checkout .breadcrumbs,
body.woocommerce-account .breadcrumbs,
body.woocommerce-wishlist .breadcrumbs {
    margin-top: 31px;
    margin-bottom: 32px;
}

.breadcrumbs .breadcrumb {
    list-style: none;
    background-color: transparent;
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
}

.breadcrumbs .breadcrumb li {
    display: inline-block;
    color: #6a737a;
}

.breadcrumbs .breadcrumb li + li::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f105";
    color: #6a737a;
    padding-left: 19px;
    padding-right: 15px;
}

.breadcrumbs .breadcrumb li a:not(:hover) {
    color: #292e32;
}

.woocommerce-breadcrumb {
    color: #6a737a;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 31px;
    margin-bottom: 29px;
    font-size: 14px;
}

body.single-product .woocommerce-breadcrumb {
    margin-top: 31px;
    margin-bottom: 30px;
}

.woocommerce-breadcrumb a:not(:hover) {
    color: #292e32;
}

.woocommerce-breadcrumb i {
    padding-left: 16px;
    padding-right: 15px;
    color: #6a737a;
}

@media (max-width: 1400px) {
    .breadcrumbs .breadcrumb li + li::before,
    .woocommerce-breadcrumb i {
        padding-left: 10px;
        padding-right: 9px;
    }
}

@media (max-width: 1199px) {
    .woocommerce-breadcrumb {
        padding-left: 15px;
        padding-right: 15px;
    }

    .breadcrumbs,
    .woocommerce-breadcrumb,
    body.single-product .woocommerce-breadcrumb {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .breadcrumbs .breadcrumb li + li::before, .woocommerce-breadcrumb i {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 767px) {

}

/* ==========================================================================
8.3 WIDGET THEME
========================================================================== */
.widget ul, .widget ol {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.widget .screen-reader-text {
    display: none !important;
}

#widget-area .widget {
    border: 2px solid #2e353b;
    background-color: #2e353b;
}

#widget-area .widget:not(:last-child) {
    margin-bottom: 35px;
}

#widget-area .widgettitle {
    font-weight: 600;
    color: #fff;
    font-size: 23px;
    line-height: 18px;
    letter-spacing: 0px;
    padding: 19px 25px 17px;
    margin: -2px;
    text-transform: capitalize;
    background-color: #782b38;
    margin-bottom: 0;
}

#widget-area .widget ul,
#widget-area .widget ol {
    /*padding: 0 0 9px 0;*/
    list-style: none;
}

#widget-area .widget ul.latest-post {
    border-bottom: none;
    padding-bottom: 0;
}

#widget-area .widget ul ul,
#widget-area .widget ul ol,
#widget-area .widget ol ol,
#widget-area .widget ol ul {
    border-bottom: none;
}

#widget-area .widget ul li {
    list-style: none;
    padding: 15px 25px 13px;
    font-size: 16px;
    color: #fff;
    line-height: 22px;
}

#widget-area .widget > ul > li:first-child {
    margin-top: 2px;
}

.widget.widget_nav_menu .menu-testing-menu-container,
.widget.widget_archive > ul,
.widget.widget_pages > ul,
.widget.widget_meta > ul,
.widget.widget_recent_comments > ul {
    padding-bottom: 15px;
    padding-top: 15px;
}

#widget-area .widget_nav_menu ul li {
    padding: 10px 0 10px 20px;
}

#widget-area .widget_nav_menu .menu-testing-menu-container > ul li:nth-child(2) ul li:nth-child(2) {
    padding: 0 13px;
}

#widget-area .widget p:last-child {
    margin-bottom: 0;
}

#widget-area .widget label:not(.screen-reader-text) {
    width: 100%;
    margin: 15px 0;
}

.widget_text .textwidget > *:not(:last-child) {
    margin: 0 20px;
}

.widget_tag_cloud .tagcloud {
    margin: 20px;
}

.tagcloud a {
    font-size: 14px !important;
    text-transform: capitalize !important;
}

/*widget_product_categories*/

#widget-area .widget_product_categories .widgettitle {
    margin-bottom: 0;
}

.widget_product_categories .dropdown_product_cat {
    margin: 8px;
    max-width: 300px;
}

.widget_product_categories .cat-item {
    position: relative;
    line-height: 26px;
    padding-right: 10px;
}

.widget_product_categories .product-categories > .cat-item:not(:last-child) {
    border-bottom: 1px solid #e4e9ef;
}

.widget_product_categories .cat-item .children {
    display: none;
    position: relative;
}

.widget_product_categories .cat-item .children .cat-item::before {
    left: 0;
}

.widget_product_categories .product-categories {
    padding: 0;
}

.widget_product_categories .cat-item .carets {
    position: absolute;
    top: 3px;
    right: 25px;
    width: 10px;
    text-align: right;
    cursor: pointer;
    color: #9ca3ab;
}

.widget_product_categories .cat-item .carets::before {
    display: inline-block;
    font-size: 17px;
    color: #bcbcbc;
    line-height: 44px;
    content: "\f105";
    font-family: 'FontAwesome', sans-serif;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.widget_product_categories .cat-item.show-sub > .carets::before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*widget_media_image*/

#widget-area .widget.widget_media_image {
    border: none;
    padding: 0;
}

/*woocommerce-widget-layered-nav-dropdown*/

#widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 5px;
}

#widget-area .widget .select2-container .select2-search--inline {
    padding: 0;
}

#widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border: none;
    color: #fff;
}

#widget-area .widget .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
}

.widget_layered_nav form {
    margin: 25px;
}

.woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit {
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin-top: 8px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.woocommerce-widget-layered-nav-dropdown .woocommerce-widget-layered-nav-dropdown__submit:hover {
    opacity: 0.8;
}

#widget-area .widget_layered_nav .woocommerce-widget-layered-nav-list {
    padding-top: 23px;
    padding-bottom: 23px;
}

#widget-area .widget_layered_nav .woocommerce-widget-layered-nav-list > li {
    padding: 9px 25px 7px;
}

/*.widget_price_filter*/
.widget_price_filter > form {
    margin: 25px;
}

.widget_price_filter .price_label {
    margin-top: 29px;
    color: #292e32;
    margin-bottom: 30px;
}

.widget_price_filter .button {
    width: 100%;
    height: 42px;
    line-height: 44px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 32px;
}

.widget_price_filter .button:hover {
    opacity: 0.8;
}

.widget_price_filter .price_slider {
    position: relative;
    height: 4px;
    width: 100%;
    margin-top: 38px;
    background-color: #dde4ea;
}

.widget_price_filter .ui-slider-range {
    height: 4px;
    position: absolute;
    top: 0;
}

.widget_price_filter .ui-slider-handle {
    display: inline-block;
    position: absolute;
    top: -13px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}

.widget_price_filter .price_slider .ui-slider-handle:last-child {
    /*top: -8px;*/
    margin-left: -12px;
}

.widget_price_filter .ui-slider-handle:after {
    content: "\f0d7";
    font-family: 'FontAwesome', sans-serif;
    color: #292e32;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}

/*widget_search*/
.widget_search .search-form {
    position: relative;
    margin: 8px;
}

.post-password-form input[type="password"] {
    padding-top: 4px;
}

/*widget_widget_text*/
.widget_archive select {
    border: none;
    margin-top: 4px;
}

.widget_categories form,
.widget_archive form,
.widget_text form {
    margin: 8px;
}

.widget_text select {
    border: 1px solid #e4e9ef;
}

.widget_calendar table {
    border: none;
}

.widget_calendar table tr td:first-child,
.widget_calendar table tr th:first-child {
    border-left: none;
}

.widget_calendar table tr th:last-child,
.widget_calendar table tr td:last-child {
    border-right: none;
}

.widget_calendar th, .widget_calendar td {
    text-align: center;
}

/*widget_categories*/
.widget-area > .widget_categories ul li {
    border-bottom: 1px solid #e4e9ef;
}

.widget-area > .widget_categories ul ul li {
    border-top: 1px solid #e4e9ef;
    border-bottom: none;
}

.widget-area > .widget_categories ul li:last-child {
    border-bottom: none;
}

.widget-area > .widget_sumi_nav_menu ul ul,
.widget-area > .widget_product_categories ul ul,
.widget-area > .widget_nav_menu ul ul,
.widget-area > .widget_layered_nav ul ul,
.widget-area > .widget_rss ul ul,
.widget-area > .widget_recent_entries ul ul,
.widget-area > .widget_recent_comments ul ul,
.widget-area > .widget_meta ul ul,
.widget-area > .widget_pages ul ul,
.widget-area > .widget_categories ul ul,
.widget-area > .widget_archive ul ul {
    margin: 15px 0 -15px;
}

.widget-area > .widget_categories ul ul,
.widget-area > .widget_nav_menu ul ul {
    margin: 15px 0 -13px;
}

.widget-area > .widget_categories ul ul {
    margin-right: -25px;
    margin-left: -25px;
}

.widget-area > .widget_categories ul li li ul a {
    padding-left: 50px !important;
}

.widget-area > .widget_categories ul ul li a {
    padding-left: 25px;
}

/*widget-sumi-socials*/

.widget-sumi-socials .socials-list {
    padding-top: 13px;
}

.widget-sumi-socials .socials-list li {
    padding: 8px 15px 8px 0;
    display: inline-block;
}

.widget-sumi-socials .socials-list li:last-child {
    padding-right: 0;
}

.widget-sumi-socials .socials-list li a {
    display: block;
    width: 46px;
    height: 46px;
    background-color: #333333;
    color: #fff;
    font-size: 0;
    text-align: center;
    border-radius: 50%;
}

.widget-sumi-socials .socials-list li a:hover {
}

.widget-sumi-socials .socials-list li a span {
    font-size: 16px;
    line-height: 46px;
}

/*widget-sumi-mailchimp*/
.widget-sumi-mailchimp {

}

.widget-sumi-mailchimp .newsletter-form-wrap {
    padding: 27px 20px 31px;
}

.widget-sumi-mailchimp .newsletter-form-wrap .email-newsletter {
    color: #72797e;
    font-size: 14px;
    min-width: inherit;
    border: 2px solid #e4e9ef;
    margin-bottom: 23px;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    padding-top: 4px;
}

.widget-sumi-mailchimp .newsletter-form-wrap .submit-newsletter {
    color: #fff;
    font-size: 20px;
    width: 100%;
    font-size: 14px;
    letter-spacing: 2px;
    position: static;
    display: block;
    text-align: center;
    height: 50px;
    line-height: 53px;
}

.widget-sumi-mailchimp .newsletter-form-wrap .submit-newsletter:before {
    display: none;
}

.widget-sumi-mailchimp .newsletter-form-wrap .submit-newsletter:hover {
    opacity: 0.5;
}

.widget-sumi-mailchimp .newsletter-form-wrap.processing::after {
    top: 48px;
}

.widget-sumi-mailchimp .return-message {
    margin-top: 0;
}

/*.widget-sumi-instagram*/

.widget-sumi-instagram .content-instagram {
    padding: 20px;
    margin: -7px;
    display: inline-block;
    margin-top: 0;
}

.widget-sumi-instagram .content-instagram .item {
    float: left;
    width: 33.3333333%;
    padding: 7px;
}

.widget-sumi-instagram .content-instagram .item:hover img {
    opacity: 0.5;
}

/*widget-sumi-post*/
.widget-sumi-post article {
    overflow: hidden;
    padding: 23px;
}

.widget-sumi-post article:not(:last-child) {
    position: relative;
    border-bottom: 1px solid #e4e9ef;
}

.widget-sumi-post .post-item-inner::before {
    display: none;
}

.widget-sumi-post .post-thumb {
    float: left;
    width: 80px;
}

.widget-sumi-post .post-thumb {
    border: 1px solid #e4e9ef;
}

.widget-sumi-post .post-info {
    overflow: hidden;
    padding-left: 20px;
    padding-right: 0;
}

.widget-sumi-post .post-title {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 0;
    margin-bottom: 10px;
    margin-top: -1px;
}

.widget-sumi-post .post-title::after {
    display: none;
}

.widget-sumi-post .date {
    font-size: 14px;
    line-height: 16px;
    color: #72797e;
}

/*.widget .product_list_widget*/

.product_list_widget li:not(.mini_cart_item) {
    border-bottom: none;
    display: inline-block;
    width: 100%;
}

.widget.widget_text .textwidget strong {
    font-style: italic;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    margin-top: 2px;
}

@media (min-width: 992px) {
    .main-content + .sidebar {
        margin-bottom: 17px;
    }

    .left-sidebar .main-content {
        float: right;
    }
}

@media (max-width: 991px) {
    #widget-area {
        padding-top: 25px;
    }

    #widget-area .widget.widget_media_image {
        text-align: center;
    }
}

@media (max-width: 767px) {

    .widget-sumi-instagram .content-instagram .item img {
        width: 100%;
    }

    #widget-area .widget.widget_media_image {
        text-align: center;
    }
}

/* ==========================================================================
8.4 PAGINATION THEME
========================================================================== */
.navigation .screen-reader-text {
    display: none;
}

.comments-pagination,
.pagination {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e4e9ef;
    padding-top: 54px;
    margin-top: 35px;
}

.comments-pagination {
    margin-top: 35px;
}

.comments-pagination .nav-links,
.woocommerce-pagination,
.pagination .nav-links,
.post-pagination {
    font-size: 14px;
    font-weight: 500;
    border: 2px solid #292e32;
    display: inline-block;
}

.post-pagination > *,
.comments-pagination .page-numbers,
.post-pagination > span:not(.title),
.post-pagination a span,
.pagination .page-numbers {
    color: #292e32;
    display: inline-block;
    min-width: 52px;
    height: 39px;
    line-height: 43px;
    padding: 0 3px;
    vertical-align: top;
    text-align: center;
    float: left;
}

.post-pagination > *:not(:last-child),
.comments-pagination .page-numbers:not(:last-child),
.post-pagination a span:not(:last-child),
.pagination .page-numbers:not(:last-child) {
    border-right: 1px solid #292e32;
}

.post-pagination {
    margin-top: 10px;
}

.comments-pagination .page-numbers.current,
.comments-pagination a.page-numbers:hover,
.post-pagination > span:not(.title),
.post-pagination a span:hover,
.pagination .page-numbers.current,
.pagination .page-numbers:hover {
    color: #292e32;
}

.comments-pagination .page-numbers.prev,
.comments-pagination .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    font-size: 0;
    line-height: 37px;
}

.comments-pagination .page-numbers.prev::before,
.pagination .page-numbers.prev::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f104";
    font-size: 17px;
}

.comments-pagination .page-numbers.next::before,
.pagination .page-numbers.next::before {
    font-family: 'FontAwesome', sans-serif;
    content: "\f105";
    font-size: 17px;
}

.post-pagination > span.title {
    display: none;
}

@media (max-width: 767px) {
    .pagination {
        padding-top: 34px;
    }
}

/*===============================================================
8.5 LOADMORE
===============================================================*/
.loadmore-product {
    position: absolute;
    top: -77px;
    right: 0;
}

.loadmore-product a {
    color: #666;
}

.loadmore-product span:first-child {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    width: 38px;
    border-radius: 50%;
    background-color: #242424;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-right: 12px;
    vertical-align: middle;
}

.loadmore-product span:first-child::before {
    display: block;
}

.loadmore-product:hover span:first-child {
}

.sumi-products.loading .loadmore-product {
    pointer-events: none;
    cursor: not-allowed;
}

.sumi-products.loading .loadmore-product span:first-child::before {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@media (max-width: 767px) {

    .loadmore-product {
        top: -55px;
        left: 0;
        right: auto;
    }
}

/*===============================================================
9.0 SHORTCODE
===============================================================*/
/*===============================================================
9.1 SUMI TABS
===============================================================*/
.tab-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.tab-container .tab-panel.active {
    opacity: 1;
    visibility: visible;
    position: static;
    height: auto;
    overflow: inherit;
}

.tab-container .tab-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    height: 1px;
    overflow: hidden;
}

.sumi-tabs {
    position: relative;
    z-index: 1;
}

.sumi-tabs .tab-link {
    padding-left: 0;
    list-style: none;
}

.sumi-tabs .tab-link li a {
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

/*sumi-tabs-style-1*/
.sumi-tabs.style1 .tab-head {
    margin-bottom: 48px;
}

.sumi-tabs.style1 .tab-link {
    /*border: 1px solid #e4e9ef;*/
    display: inline-block;
    width: 100%;
}

.sumi-tabs.style1 .tab-link li {
    float: left;
    border-right: 1px solid #e4e9ef;
    border-top: 1px solid #e4e9ef;
    border-bottom: 1px solid #e4e9ef;
    border-left: 1px solid transparent;
    width: 16.6%;
    padding: 1px 0;
    position: relative;
}

.sumi-tabs.style1 .tab-link li.active,
.sumi-tabs.style1 .tab-link li:hover,
.sumi-tabs.style1 .tab-link li:first-child.active,
.sumi-tabs.style1 .tab-link li:first-child:hover {
    background-color: #2e353b;
    border-color: #2e353b;
}

.sumi-tabs.style1 .tab-link li:first-child {
    border-left: 1px solid #e4e9ef;
}

.sumi-tabs.style1 .tab-link li.active:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #2e353b;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.sumi-tabs.style1 .tab-link li img {
    opacity: 1;
    filter: brightness(0.5);
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sumi-tabs.style1 .tab-link li.active img,
.sumi-tabs.style1 .tab-link li:hover img {
    opacity: 1;
    filter: brightness(1);
}

.sumi-tabs.style1 .product-item.style-2 .product-thumb {
    width: 150px;
    margin-right: 27px;
}

.sumi-tabs.style1 .product-item.style-2 .product-name {
    line-height: 28px;
}

.sumi-tabs.style1 .product-item.style-2 .price ins {
    color: #292e32;
}

/*sumi-tabs-style-2*/
.sumi-tabs.style2 .tab-link {
    text-align: center;
    margin-bottom: 65px;
}

.sumi-tabs.style2 .tab-link li {
    display: inline-block;
    border: 1px solid #e6e6e6;
    margin: 0 3px;
}

.sumi-tabs.style2 .tab-link li.active,
.sumi-tabs.style2 .tab-link li:hover {
    background-color: #2e353b;
    border: 1px solid #2e353b;
}

.sumi-tabs.style2 .tab-link li a {
    height: 52px;
    line-height: 56px;
    padding: 0 45px;
    display: block;
    font-size: 14px;
    color: #666666;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}

.sumi-tabs.style2 .tab-link li.active a,
.sumi-tabs.style3 .tab-link li.active a,
.sumi-tabs.style5 .tab-link li.active a,
.sumi-tabs.style2 .tab-link li:hover a,
.sumi-tabs.style3 .tab-link li:hover a,
.sumi-tabs.style5 .tab-link li:hover a {
    color: #fff;
}

/*sumi-tabs-style-3*/
.sumi-tabs.style3 .tab-head {
    margin-bottom: 63px;
    display: inline-block;
    width: 100%;
}

.sumi-tabs.style3 .sumi-title,
.sumi-tabs.style5 .sumi-title {
    display: inline-block;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 12px;
    font-weight: 600;
}

.sumi-tabs.style3 .tab-link {
    float: right;
}

.sumi-tabs.style3 .tab-link li,
.sumi-tabs.style5 .tab-link li {
    display: inline-block;
    border: 1px solid #e4e9ef;
    margin: 0 1px;
}

.sumi-tabs.style3 .tab-link li a,
.sumi-tabs.style5 .tab-link li a {
    height: 45px;
    line-height: 48px;
    padding: 0 20px;
    text-transform: capitalize;
    font-size: 16px;
    color: #72797e;
    display: inline-block;
}

/*sumi-tabs-style-4*/
.sumi-tabs.style5 .tab-head {
    margin-bottom: 55px;
}

.sumi-tabs.style5 .sumi-title {
    display: inherit;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 53px;
}

.sumi-tabs.style5 .tab-link {
    text-align: center;
}

@media (max-width: 1199px) {
    .sumi-tabs.style1 .tab-head {
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
    }

    .sumi-tabs.style1 .tab-container {
        width: 100%;
    }

    .sumi-tabs.style1 .tab-link {
        border-bottom: 1px solid #e4e9ef;
    }

    .sumi-tabs.style1 .tab-link li {
        display: inline-block;
        float: left;
        width: 33.33%;
        border-bottom: none;
    }

    .sumi-tabs.style1 .tab-link li.active::before {
        display: none;
    }

    .sumi-tabs.style1 .tab-link li a figure,
    .sumi-tabs.style1 .tab-link li a img {
        margin: 0 auto;
    }

    .sumi-tabs.style1 .tab-link li.active:after {
        display: none;
    }

    .sumi-tabs.style1 .tab-link li:nth-child(2n+4) {
        border-left: 1px solid #e4e9ef;
    }

    .sumi-tabs.style1 .tab-link li:nth-child(2n+4).active,
    .sumi-tabs.style1 .tab-link li:nth-child(2n+4):hover {
        border-left-color: #2e353b;
    }

    .sumi-tabs.style1 .tab-link li:last-child {
        border-left: none;
    }

    .sumi-tabs.style3 .sumi-title {
        display: block;
    }

    .sumi-tabs.style3 .tab-link {
        float: none;
    }

    .sumi-tabs.style3 .tab-link li {
        margin-bottom: 10px;
    }

    .sumi-tabs.style3 .tab-head {
        margin-bottom: 40px;
    }

    .sumi-tabs.style3 .tab-link li, .sumi-tabs.style5 .tab-link li {
        margin-bottom: 6px;
    }
}

@media (max-width: 767px) {
    .sumi-tabs.style1 .tab-head {
        margin-bottom: 0;
    }

    .sumi-tabs.default .tab-link li,
    .sumi-tabs.style2 .tab-link li,
    .sumi-tabs.style3 .tab-link li {
        margin-left: 0;
        margin-right: 0;
    }

    .sumi-tabs.style2 .tab-link li {
        margin-bottom: 5px;
    }

    .sumi-tabs.style2 .tab-head,
    .sumi-tabs.style3 .tab-head {
        text-align: center;
    }

    .sumi-tabs.style2 .tab-head::before,
    .sumi-tabs.style3 .tab-head::before {
        display: none;
    }

    .sumi-tabs.style2 .tab-link,
    .sumi-tabs.style3 .tab-link,
    .sumi-tabs.style3 .view-all {
        float: none;
    }

    .sumi-tabs.style2 .tab-link {
        margin-bottom: 30px;
    }

    .sumi-tabs.style1 .product-item.style-2 .product-thumb {
        max-width: 90px;
        margin-right: 15px;
    }

    .sumi-tabs.style3 .tab-head {
        margin-bottom: 20px;
    }

    .sumi-tabs.style5 .sumi-title {
        margin-bottom: 15px;
    }

    .sumi-tabs.style5 .tab-head {
        margin-bottom: 7px;
    }
}

@media (max-width: 640px) {
    .sumi-tabs.style1 .tab-head {
        padding-bottom: 14px;
    }

    .sumi-tabs.style2 .tab-link {
        margin-bottom: 15px;
    }
}

/*===============================================================
9.2 SUMI ICONBOX
===============================================================*/

.sumi-iconbox .iconbox-inner .icon span {
    display: inline-block;
}

.sumi-iconbox:not(.style2):hover .iconbox-inner .icon span {
    -webkit-animation: bounceIn 0.3s ease-out;
    -o-animation: bounceIn 0.3s ease-out;
    animation: bounceIn 0.3s ease-out;
}

.sumi-iconbox .iconbox-inner .title a {
    color: inherit;
}

/*.sumi-iconbox.default*/
.sumi-iconbox.default .box-icon {
    float: left;
    margin-right: 30px;
}

.sumi-iconbox.default .content {
    overflow: hidden;
}

.sumi-iconbox.default .iconbox-inner .icon span,
.sumi-iconbox.style5 .iconbox-inner .icon span {
    display: inline-block;
    font-size: 65px;
    min-height: 65px;
    line-height: 65px;
    color: #929ca5;
}

.sumi-iconbox.default .iconbox-inner .title,
.sumi-iconbox.style5 .iconbox-inner .title {
    font-size: 22px;
    margin-bottom: 13px;
}

.sumi-iconbox.default .iconbox-inner .text,
.sumi-iconbox.style5 .iconbox-inner .text {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
    color: #72797e;
}

.sumi-iconbox.style5 .iconbox-inner .text {
    margin-bottom: -10px;
}

/*.sumi-iconbox.style1*/
.sumi-iconbox.style1 .testimonial-info {
    font-size: 16px;
    color: #72797e;
    line-height: 28px;
    border: 1px solid #e4e9ef;
    padding: 45px 38px 34px;
    position: relative;
    background-color: #fff;
}

.sumi-iconbox.style1 .testimonial-info:after {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid #e4e9ef;
    left: 80px;
    bottom: -9px;
    content: '';
    border-radius: 3px;
    background-color: #fff;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sumi-iconbox.style1 .testimonial-info:before {
    width: 60px;
    height: 30px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 60px;
    content: '';
    display: inline-block;
    z-index: 2;
}

.sumi-iconbox.style1 .testimonial-author {
    margin-left: 50px;
    margin-top: 25px;
}

.sumi-iconbox.style1 .star:before {
    display: inline-block;
    font-size: 14px;
    color: #888;
    font-family: 'FontAwesome', sans-serif;
    content: "\f005";
    letter-spacing: 10px;
    color: #ed8a19;
}

.sumi-iconbox.style1 .star-0:before {
    content: "";
}

.sumi-iconbox.style1 .star-2:before {
    content: "\f005\f005";
}

.sumi-iconbox.style1 .star-3:before {
    content: "\f005\f005\f005";
}

.sumi-iconbox.style1 .star-4:before {
    content: "\f005\f005\f005\f005";
}

.sumi-iconbox.style1 .star-5:before {
    content: "\f005\f005\f005\f005\f005";
}

.sumi-iconbox.style1 .testimonial-author .avatar {
    width: 88px;
    float: left;
    border-radius: 50%;
    margin-right: 25px;
}

.sumi-iconbox.style1 .testimonial-author .author-info {
    overflow: hidden;
}

.sumi-iconbox.style1 .testimonial-author .text-name {
    color: #292e32;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: -3px;
    font-weight: 500;
    margin-top: 23px;
}

.sumi-iconbox.style1 .testimonial-author .text-position {
    color: #a9b1bb;
    font-size: 14px;
    margin-bottom: 0;
}

/*.sumi-iconbox.style2*/
.sumi-iconbox.style2 {
    color: #fff;
    padding: 65px 24px 42px;
    position: relative;
}

.footer.style2 .sumi-iconbox.style2 {
    padding-top: 27px;
}

.sumi-iconbox.style2:before {
    content: "";
    height: 0;
    width: 0;
    left: -18px;
    top: 0;
    position: absolute;
    border-bottom: 37px solid #222629;
    border-left: 18px solid transparent;
    border-right: 0 solid transparent;
}

.footer.style2 .sumi-iconbox.style2:before {
    display: none;
}

.sumi-iconbox.style2 .box-icon {
    float: left;
    margin-right: 20px;
}

.sumi-iconbox.style2 .box-icon .text-1 {
    position: absolute;
    top: 175px;
    margin-bottom: 0;
    left: 83px;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: left top;
    -moz-transform-origin: left top;
    -webkit-transform-origin: left top;
    -o-transform-origin: left top;
    -ms-transform-origin: left top;
}

.footer.style2 .sumi-iconbox.style2 .box-icon .text-1 {
    top: 139px;
}

.sumi-iconbox.style2 .iconbox-inner .icon span {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #d3871f;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    border: 5px solid #eee;
}

.sumi-iconbox.style2 .content {
    overflow: hidden;
    font-size: 14px;
    line-height: 25px;
}

.sumi-iconbox.style2 .title {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 12px;
}

.sumi-iconbox.style2 .text-2 {
    color: #fff;
    font-size: 34px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 35px;
    margin-top: 11px;
}

.sumi-iconbox.style2 .text-2 a:hover {
    color: #fff;
}

.sumi-iconbox.style2 .text {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

/*.sumi-iconbox.style3*/

.sumi-iconbox.style3 .iconbox-inner {
    padding: 25px 23px 19px;
}

.sumi-iconbox.style3 .iconbox-inner .icon {
    float: left;
    font-size: 37px;
    padding-right: 18px;
    color: #383f44;
}

.sumi-iconbox.style3 .iconbox-inner .icon span {
    font-size: inherit;
}

.sumi-iconbox.style3 .iconbox-inner .content {
    overflow: hidden;
}

.sumi-iconbox.style3 .iconbox-inner .title {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 4px;
}

.sumi-iconbox.style3 .iconbox-inner .text {
    font-size: 12px;
    line-height: 18px;
    color: #72797e;
    margin-bottom: 0;
}

/*sumi-iconbox.style4*/

.sumi-iconbox.style4 {
    position: relative;
    overflow: hidden;
    background-color: #21dd71;
}

.sumi-iconbox.style4 .iconbox-inner {
    position: relative;
    padding: 18px 24px 13px;
}

.sumi-iconbox.style4 .iconbox-inner .title {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sumi-iconbox.style4 .iconbox-inner .icon {
    float: left;
    font-size: 40px;
    padding-right: 15px;
    padding-top: 11px;
    color: #fff;
}

.sumi-iconbox.style4 .iconbox-inner .icon span {
    font-size: inherit;
}

.sumi-iconbox.style4 .iconbox-inner .content {
    overflow: hidden;
}

.sumi-iconbox.style4 .iconbox-inner .text {
    font-size: 22px;
    line-height: 35px;
    color: #fff;
}

/*.sumi-iconbox.style5*/
.sumi-iconbox.style5 {
    text-align: center;
}

.sumi-iconbox.style5 .box-icon {
    margin-bottom: 18px;
}

/*.sumi-iconbox.style6*/
.sumi-iconbox.style6 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 10px;
    padding-top: 30px;
    margin-top: 40px;
    margin-bottom: 48px;
}

.sumi-iconbox.style6 .box-icon {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 18px;
}

@media (max-width: 1199px) {

    .sumi-iconbox .iconbox-inner .text br {
        display: none;
    }

    .sumi-iconbox.style2 {
        padding-top: 40px;
    }

    .sumi-iconbox.style2:before {
        display: none;
    }

    .sumi-iconbox.style5 {
        padding: 0 30px;
    }

    .sumi-iconbox.style6 {
        margin-top: 10px;
        margin-bottom: 12px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .sumi-iconbox.style2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .sumi-iconbox.style2 .text-2 {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .sumi-iconbox.style2 {
        padding: 15px;
        padding-bottom: 0;
    }

    .sumi-iconbox.style2 .box-icon {
        float: none;
    }

    .sumi-iconbox.style2 .box-icon .text-1 {
        margin-top: 10px;
        position: static;
        transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    .sumi-iconbox.style2 .title {
        margin-top: 5px;
    }

    .sumi-iconbox.style2 .text-2 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .sumi-iconbox.style2 .text {
        margin-bottom: 10px;
    }

    .sumi-iconbox.style6 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 640px) {
    .sumi-iconbox.style2 .iconbox-inner .icon span {
        width: 56px;
        height: 56px;
        line-height: 45px;
        font-size: 20px;
    }

    .sumi-iconbox.default .box-icon {
        margin-right: 20px;
    }

    .sumi-iconbox.default .iconbox-inner .icon span, .sumi-iconbox.style5 .iconbox-inner .icon span {
        font-size: 45px;
        min-height: 45px;
        line-height: 45px;
    }

    .sumi-iconbox.default .iconbox-inner .title, .sumi-iconbox.style5 .iconbox-inner .title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .sumi-iconbox.default .iconbox-inner .text, .sumi-iconbox.style5 .iconbox-inner .text {
        font-size: 15px;
        line-height: 24px;
    }

    .sumi-iconbox.style5 .box-icon {
        margin-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .sumi-iconbox.default {
        text-align: center;
    }

    .sumi-iconbox.default .box-icon {
        float: none;
        display: block;
        margin: 0;
        margin-bottom: 5px;
    }
}

/*===============================================================
9.3 SUMI HEADING
==============================================================*/
.sumi-heading.style1 .sumi-title {
    font-size: 30px;
    position: relative;
    margin: 0 0 24px;
    padding-bottom: 26px;
}

.sumi-heading.style1 .sumi-title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 1px;
    display: inline-block;
    content: '';
}

.sumi-heading.style1 .desc {
    font-size: 16px;
    line-height: 28px;
    color: #72797e;
    margin-bottom: 48px;
}

.sumi-heading.style1 .view-all {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    height: 45px;
    line-height: 49px;
    background-color: #2e353b;
    padding: 0 30px;
}

.sumi-heading.style2 .sumi-title {
    margin: 0;
    color: #292e32;
    font-size: 22px;
    font-weight: 300;
    position: relative;
}

.sumi-heading.style2 .sumi-title:after {
    content: '';
    display: inline-block;
    left: 0;
    bottom: -10px;
    width: 50px;
    height: 1px;
    position: absolute;
}

.sumi-heading.style3 .desc {
    margin: 0;
    color: #292e32;
    font-size: 30px;
    line-height: 50px;
    font-weight: 300;
}

.sumi-heading.style4 .desc {
    font-size: 16px;
    color: #72797e;
    line-height: 28px;
    margin: 0;
}

.sumi-heading.style5 .sumi-title {
    font-size: 20px;
    color: #292e32;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}

.sumi-heading.style5 .sumi-title:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 40px;
    height: 1px;
    margin: 0 auto;
    bottom: -18px;
    left: 0;
    right: 0;
}

.sumi-heading.style6 .sumi-title {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sumi-heading.style6 .view-all {
    float: right;
    font-size: 14px;
    font-weight: normal;
    color: #292e32;
    text-transform: capitalize;
    margin-top: -2px;
}

.sumi-heading.style6 .view-all:before {
    display: inline-block;
    width: 44px;
    height: 1px;
    content: '';
    background-color: #ced7df;
    margin-right: 9px;
    vertical-align: middle;
    transition: all .5s ease-out;
}

.sumi-heading.style6 .view-all:hover:before {
    margin-right: 4px;
}

.sumi-heading.style6 .view-all:after {
    font-family: 'FontAwesome';
    content: "\f105";
    margin-left: 8px;
    font-size: 17px;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 2px;
}

.sumi-heading.style7 .sumi-title {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 12px;
    letter-spacing: 1px;
    font-weight: 600;
}

.sumi-heading.style7 .sumi-title:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 37px;
}
.sticky-info_single_wrap.wrapper_menu-sticky .single .famisp-sales-popup-wrap {
    bottom: 85px;
}
@media (max-width: 1199px) {
    .sumi-heading.style1 .sumi-title {
        font-size: 25px;
        margin: 0 0 15px;
        padding-bottom: 15px;
    }

    .sumi-heading.style1 .desc {
        margin-bottom: 25px;
    }
}

@media (max-width: 1024px) {
    .block-nav-category .sumi-heading.style7 .sumi-title {
        color: #292e32;
    }
    .sticky_info_single_product {
        display: none;
    }
}

@media (max-width: 640px) {
    .sumi-heading.style6 .sumi-title {
        font-size: 17px;
    }
}

@media (max-width: 480px) {
    .sumi-heading.style6 .view-all:before {
        display: none;
    }
}

@media (max-width: 360px) {
    .sumi-heading.style6 .view-all {
        display: block;
        float: none;
    }
}

/*===============================================================
9.4 SUMI CUSTOMMENU
===============================================================*/

.sumi-custommenu .widgettitle {
    font-size: 16px;
}

.sumi-custommenu .menu {
    padding-left: 0;
    list-style: none;
}

/*box-header-nav*/

.box-header-nav .sumi-custommenu .widgettitle {
    font-size: 16px;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 18px;
    margin-top: -2px;
}

.box-header-nav .sumi-custommenu .widgettitle::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 37px;
}

.box-header-nav .sumi-custommenu .menu {
    padding-left: 0;
    list-style: none;
}

.box-header-nav .sumi-custommenu .menu-item a {
    font-size: 14px;
    line-height: 30px;
}

.box-header-nav .sumi-custommenu .menu-item a:not(:hover) {
    color: #72797e;
}

/*block-nav-category*/
.block-nav-category .sumi-custommenu .widgettitle,
.box-header-nav .sumi-custommenu .widgettitle {
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 12px;
    letter-spacing: 1px;
    font-weight: 600;
}

.block-nav-category .sumi-custommenu .widgettitle::before,
.box-header-nav .sumi-custommenu .widgettitle:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 37px;
}

.block-nav-category .sumi-custommenu .menu-item a {
    font-size: 14px;
    line-height: 26px;
}

.block-nav-category .sumi-custommenu .menu-item a:not(:hover) {
    color: #72797e;
}

/*footer*/

.footer .sumi-custommenu .widgettitle,
.footer .sumi-slide .sumi-title {
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-bottom: 27px;
}

.footer .sumi-slide .sumi-title {
    margin-bottom: 18px;
}

.footer .sumi-custommenu .menu-item {
    font-size: 16px;
    padding: 1px 0;
}

.footer .sumi-custommenu .menu-item a:not(:hover) {
    color: #72797e;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .footer .sumi-slide .sumi-title {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .footer .sumi-custommenu .widgettitle, .footer .sumi-slide .sumi-title {
        margin-bottom: 10px;
    }

    .footer .sumi-custommenu .menu-item {
        padding: 2px 0;
    }

    .sumi-socials .widgettitle {
        margin-bottom: 15px;
    }
}

/*===============================================================
9.5 SUMI SOCIAL
===============================================================*/

.sumi-socials .widgettitle {
    font-size: 14px;
    margin-bottom: 26px;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.sumi-socials .content-socials .socials-list {
    overflow: hidden;
    padding-left: 0;
    list-style: none;
}

.sumi-socials .content-socials .socials-list li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
    color: #fff;
}

.sumi-socials .content-socials .socials-list li:last-child {
    margin-right: 0;
}

.sumi-socials .content-socials .socials-list li a {
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background-color: #383838;
    font-size: 0;
    transition: all .5s ease-out;
}

.sumi-socials .content-socials .socials-list li a:hover {
    color: #fff !important;
}

.sumi-socials .content-socials .socials-list li a span {
    font-size: 16px;
    line-height: 45px;
}

@media (max-width: 640px) {
    .sumi-socials .widgettitle {
        margin-bottom: 15px;
    }
}

/*===============================================================
9.6 SUMI NEWSLETTER
===============================================================*/
.sumi-newsletter.style1 > * {
    display: inline-block;
    vertical-align: middle;
}

.sumi-newsletter.style1 .img-newsletter {
    margin-right: 54px;
}

.sumi-newsletter.style1 .box-info {
    margin-right: 88px;
}

.sumi-newsletter.style1 .widgettitle,
.sumi-newsletter.style2 .widgettitle {
    font-size: 30px;
    line-height: 28px;
    margin-bottom: 12px;
}

.sumi-newsletter.style1 .desc {
    font-size: 16px;
    line-height: 28px;
    color: #72797e;
    padding: 0;
    margin: 0;
}

.sumi-newsletter.style2 {
    padding: 140px 0 95px;
    background-repeat: no-repeat;
    background-size: cover;
}

.sumi-newsletter.style2 .newsletter-content {
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 105px;
}

.sumi-newsletter.style2 .newsletter-content > * {
    display: inline-block;
    vertical-align: middle;
}

.sumi-newsletter.style2 .newsletter-text {
    margin-right: 100px;
    margin-left: 90px;
}

.sumi-newsletter.style2 .widgettitle {
    color: #fff;
    font-weight: 300;
    margin-bottom: 17px;
}

.sumi-newsletter.style2 .newsletter-content .desc {
    margin-bottom: 0;
    color: #fff;
    font-weight: 300;
    line-height: 100%;
}

.sumi-newsletter.style2 .return-message {
    display: block;
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
    margin-right: 7px;
}

.newsletter-form-wrap {
    position: relative;
}

.newsletter-form-wrap .email-newsletter {
    height: 70px;
    line-height: 71px;
    width: 100%;
    color: #72797e;
    background-color: #fff;
    border: none;
    padding: 13px 130px 9px 37px;
    min-width: 680px;
}

.newsletter-form-wrap .submit-newsletter {
    position: absolute;
    top: 0;
    right: 0;
    height: 70px;
    line-height: 74px;
    padding: 0 38px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    background-color: #2e353b;
    color: #fff;
}

.newsletter-form-wrap .submit-newsletter:before {
    content: "\f111";
    font-family: 'Flaticon', sans-serif;
    font-size: 25px;
    margin-right: 20px;
    vertical-align: middle;
}

.newsletter-form-wrap.processing::after {
    font-family: 'FontAwesome', sans-serif;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    content: "\f110";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 20px;
    margin: auto;
    max-width: 20px;
    left: 0;
    right: 0;
}

.sumi-newsletter .return-message {
    display: block;
    text-align: center;
}

@media (max-width: 1430px) {
    .sumi-newsletter.style1 {
        text-align: center;
    }

    .sumi-newsletter.style1 .img-newsletter {
        margin: 0;
    }

    .sumi-newsletter.style1 .box-info {
        margin: 0 25px;
    }

    .sumi-newsletter.style1 .newsletter-form-wrap {
        margin: 30px 0;
        margin-bottom: 0;
    }

    .sumi-newsletter.style2 .newsletter-text {
        margin-left: 0;
        margin-right: 30px;
        text-align: left;
    }

    .sumi-newsletter.style2 .newsletter-content {
        padding-left: 15px;
        text-align: center;
    }

    .sumi-newsletter.style2 .newsletter-content > * {
        margin-right: inherit;
        margin-top: 30px;
    }
}

@media (max-width: 991px) {
    .newsletter-form-wrap .submit-newsletter:before {
        font-size: 20px;
        margin-right: 0;
        line-height: 20px;
    }
}

@media (max-width: 1199px) {
    .sumi-newsletter .desc br {
        display: none;
    }

    .newsletter-form-wrap .email-newsletter {
        padding: 0 55px 0 20px;
    }

    .newsletter-form-wrap .submit-newsletter span::before {
        font-family: 'FontAwesome', sans-serif;
        content: "\f1d8";
        font-size: 20px;
    }
}

@media (max-width: 1024px) {
    .sumi-newsletter.style2 .newsletter-text {
        text-align: center;
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .sumi-newsletter.style1 .newsletter-form-wrap {
        margin-bottom: 0;
    }

    .sumi-newsletter.style1 .img-newsletter {
        max-width: 80px;
    }

    .sumi-newsletter.style1 .widgettitle, .sumi-newsletter.style2 .widgettitle {
        font-size: 20px;
        margin-bottom: 0;
    }

    .sumi-newsletter.style1 .desc {
        font-size: 14px;
    }

    .newsletter-form-wrap .email-newsletter {
        padding: 4px 55px 0 20px;
        height: 50px;
        line-height: 51px;
    }

    .newsletter-form-wrap .submit-newsletter {
        height: 50px;
        line-height: 53px;
        padding: 0 28px;
    }
}

@media (max-width: 767px) {
    .newsletter-form-wrap .email-newsletter {
        min-width: 480px;
    }

    .sumi-newsletter.style2 {
        padding: 50px 0 30px;
    }
}

@media (max-width: 640px) {
    .sumi-newsletter.style1 .img-newsletter {
        margin-bottom: 20px;
        display: none;
    }

    .newsletter-form-wrap .email-newsletter {
        text-align: center;
        min-width: inherit;
        padding: 4px 20px 0 20px;
    }

    .newsletter-form-wrap .field-email {
        width: 100%;
    }

    .sumi-newsletter.style1 .box-info {
        margin: 0;
        margin-bottom: 10px;
    }

    .newsletter-form-wrap .submit-newsletter {
        position: static;
        margin-top: 20px;
        display: inline-block;
    }

    .sumi-newsletter.style1 .newsletter-form-wrap {
        margin-top: 0;
    }

    .sumi-newsletter.style2 .newsletter-form-wrap {
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    .sumi-newsletter.style2 .newsletter-content {
        padding: 0 15px;
    }
}

/*===============================================================
9.7 SUMI MEMBER
===============================================================*/
.sumi-member .member-image {
    margin-bottom: 32px;
    position: relative;
}

.sumi-member .member-image img {
    border-radius: 8px;
}

.sumi-member .member-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sumi-member:hover .member-image::before {
    opacity: 1;
    visibility: visible;
}

.sumi-member .member-info h4 {
    font-size: 16px;
    margin-bottom: 0;
}

.sumi-member .member-info .positions {
    display: block;
    font-size: 14px;
    color: #999999;
    position: relative;
    padding-bottom: 19px;
    margin-bottom: 15px;
}

.sumi-member .member-info .positions::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 68px;
    height: 1px;
}

.sumi-member .member-info .des {
    margin-bottom: 0;
    position: relative;
}

@media (max-width: 1199px) {
    .sumi-member .member-info .des br {
        display: none;
    }

    .sumi-member .member-image img {
        width: 100%;
    }
}

/*===============================================================
9.8 SUMI CATEGORY
===============================================================*/
.sumi-category {
    position: relative;
}

.sumi-category .category-inner {
    padding: 38px 35px 29px;
    background-color: #fff;
}

.sumi-category .color-category {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 12px;
}

.sumi-category .category-content .title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    display: inline-block;
}

.sumi-category .category-content .desc {
    font-size: 16px;
    margin: 0;
    margin-left: 28px;
    color: #292e32;
}

.sumi-category .category-inner figure {
    display: block;
    overflow: hidden;
}

.sumi-category .category-inner figure img {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.sumi-category .category-inner figure:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media (max-width: 1024px) and (min-width: 768px) {
    .sumi-category .category-inner {
        padding: 38px 20px 29px;
    }

    .sumi-category .color-category {
        vertical-align: middle;
        margin-bottom: 4px;
    }

    .sumi-category .category-content .title {
        font-size: 17px;
    }
}

@media (max-width: 640px) {
    .sumi-category .category-inner {
        padding: 10px;
    }

    .sumi-category .color-category {
        vertical-align: middle;
        margin-top: -4px;
        margin-right: 10px;
    }

    .sumi-category .category-content .title {
        font-size: 15px;
    }

    .sumi-category .category-content .desc {
        line-height: 100%;
        font-size: 13px;
    }
}

/*===============================================================
9.9 SUMI POPUP NEWSLETTER
===============================================================*/
#popup-newsletter button.close {
    background: none;
    position: absolute;
    top: 0;
    right: 9px;
    padding: 0;
    width: 40px;
    color: #999999;
    font-size: 26px;
}

#popup-newsletter button.close:hover {
    background: none;
    color: #000000;
}

#popup-newsletter .modal-inner {
    overflow: hidden;
}

#popup-newsletter .modal-inner .modal-thumb {
    float: left;
    width: 36%;
}

#popup-newsletter .modal-inner .modal-info {
    overflow: hidden;
    text-align: center;
    padding: 72px 65px 10px 65px;
}

#popup-newsletter .title {
    font-size: 34px;
    margin-bottom: 19px;
}

#popup-newsletter .des {
    font-size: 18px;
    line-height: 30px;
    color: #999999;
    margin-bottom: 51px;
    max-width: 370px;
    display: inline-block;
}

#popup-newsletter .newsletter-form-wrap .email {
    width: 100%;
    height: 52px;
    line-height: 50px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    margin-bottom: 22px;
    text-align: center;
}

#popup-newsletter .newsletter-form-wrap .submit-newsletter {
    width: 100%;
    height: 52px;
    line-height: 50px;
    border-radius: 3px;
    background: #1a1a1a;
    position: static;
}

#popup-newsletter .newsletter-form-wrap .submit-newsletter:hover {
}

#popup-newsletter .newsletter-form-wrap .submit-newsletter::before {
    display: none;
}

#popup-newsletter .checkbox {
    text-align: right;
    margin-top: 36px;
}

#popup-newsletter .checkbox label {
    padding-left: 0;
}

#popup-newsletter .checkbox .sumi_disabled_popup_by_user {
    display: none;
}

#popup-newsletter .checkbox span {
    position: relative;
    padding-left: 20px;
    color: #999999;
}

#popup-newsletter .checkbox span::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #dbdbdb;
    background-color: #f4f4f4;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#popup-newsletter .checkbox .sumi_disabled_popup_by_user:checked ~ span::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #333333;
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modal {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    max-height: calc(100% - 60px);
    overflow-y: auto;
    padding: 15px !important;
}

.modal-dialog {
    width: 1000px;
    max-width: calc(100% - 30px);
    margin: auto;
}

.modal-content {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.modal-backdrop.in {
    opacity: 0.8;
}

@media (max-width: 1199px) {
    #popup-newsletter .modal-inner .modal-info {
        padding: 20px;
    }

    #popup-newsletter .des {
        margin-bottom: 20px;
    }

    #popup-newsletter .checkbox {
        margin-top: 10px;
    }

    #popup-newsletter .newsletter-form-wrap .submit-newsletter {
        font-size: 12px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 1000px;
        max-width: calc(100% - 30px);
        margin: auto;
    }

    .modal-content {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width: 767px) {
    #popup-newsletter .title {
        font-size: 24px;
    }

    #popup-newsletter .des {
        font-size: 14px;
        line-height: 20px;
    }
}

/*===============================================================
9.10 SUMI BANNER
===============================================================*/
.sumi-banner {
    position: relative;
    overflow: hidden;
}

.sumi-banner:not(.style3) .thumb-banner {
    display: block;
    overflow: hidden;
}

.sumi-banner:not(.style3) .thumb-banner img {
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.sumi-banner .banner-content {
    position: absolute;
    padding-bottom: 2px;
}

.sumi-banner .banner-content {
    left: 15px;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sumi-banner .banner-content > *:not(.banner-link) {
    display: block;
}

.sumi-banner .sumi-first {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
}

.sumi-banner.style3 .sumi-first {
    font-weight: normal;
}

.sumi-banner .sumi-second,
.sumi-banner.style5 .sumi-first {
    font-weight: 600;
    font-size: 26px;
    color: #fff;
    text-transform: capitalize;
    margin-bottom: 4px;
}

.sumi-banner .sumi-third,
.sumi-banner.style5 .sumi-second {
    color: #fff;
    margin-bottom: 12px;
}

.sumi-banner .banner-link {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 2px;
    text-transform: capitalize;
    font-weight: 600;
    height: 33px;
    line-height: 31px;
    padding: 0 12px 0 22px;
    color: #fff;
}

/*.sumi-banner .banner-link:hover{*/
/*background-color: transparent!important;*/
/*}*/
.sumi-banner.style2 .banner-link {
    background-color: #056fe6;
    border-color: #056fe6;
}

/*.sumi-banner.style2 .banner-link:hover{*/
/*color: #056fe6;*/
/*}*/
.sumi-banner.style3 .banner-link,
.sumi-banner.style4 .banner-link,
.sumi-banner.style5 .banner-link {
    background-color: #000000;
    border-color: #000000;
}

.sumi-banner .banner-link:after {
    content: "\f105";
    font-family: 'FontAwesome';
    margin-left: 9px;
    font-size: 14px;
}

.sumi-banner.style2 .sumi-first,
.sumi-banner.style2 .sumi-second,
.sumi-banner.style2 .sumi-third {
    color: #2e353b;
}

.sumi-banner.style3 .banner-content {
    top: calc(50% + 34px);
}

.sumi-banner.style5 .sumi-first {
    margin-bottom: 15px;
}

.sumi-banner.style5 .sumi-second {
    font-size: 16px;
    margin-bottom: 38px;
}

.sumi-banner.style5 .banner-content {
    top: calc(50% + 22px);
}

@media (min-width: 1025px) {
    .sumi-banner .banner-link {
        position: relative;
        overflow: hidden;
    }

    .sumi-banner .banner-link:before {
        position: absolute;
        top: 0;
        left: 50%;
        width: 0;
        height: 100%;
        content: "";
        display: inline-block;
        z-index: 0;
        transition: 0.5s ease 0s;
        opacity: 0;
        background-color: rgba(255, 255, 255, 0.5);
    }

    .sumi-banner .banner-link:hover:before {
        width: 100%;
        left: 0;
        right: 0;
        opacity: 1;
    }

    .sumi-banner:not(.style3) .thumb-banner:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@media (min-width: 1500px) {
    .sumi-banner.style4 .thumb-banner img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .sumi-banner .banner-content {
        left: 20px;
    }

    .sumi-banner .sumi-second, .sumi-banner.style5 .sumi-first {
        font-size: 25px;
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .sumi-banner.style3 .banner-content {
        top: calc(50% + 10px);
    }
}

/*pin map*/

.col-right h2 {
    line-height: 24px;
    font-size: 14px;
}

.sumi-mapper .sumi-pin .sumi-popup-footer a:hover {
    background: #e5534c !important;
    border-color: #e5534c !important;
}

.col-right .description p:last-child {
    margin-bottom: 0;
}

.wrap-visible {
    overflow: visible !important;
}

.image-cover img {
    min-height: 120px;
    object-fit: cover;
}

#rev_slider_3_1 .metis.tparrows {
    padding: 6px !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 4px;
}

.ares .tp-bullet-title {
    display: none;
}

.erinyen.tp-bullets::before {
    border-radius: 39px !important;
    padding: 14px 21px !important;
    margin-left: -21px !important;
    margin-top: -15px !important;
    box-shadow: none !important;
    border: 1px solid #eaeaea;
}

.erinyen .tp-bullet {
    background: rgba(51, 51, 51, 0.21) !important;
    border: none !important;
}

.erinyen .tp-bullet:hover,
.erinyen .tp-bullet.selected {
    background: #333333 !important;
}

@media (max-width: 1024px) {
    .sumi-mapper .sumi-pin .sumi-popup {
        display: none !important;
    }

    #rev_slider_3_1 .metis.tparrows {
        display: none;
    }
}

@media (max-width: 480px) {
    .sumi-banner .sumi-second, .sumi-banner.style5 .sumi-first {
        font-size: 20px;
        margin-bottom: 0;
    }

    .sumi-banner .sumi-third, .sumi-banner.style5 .sumi-second {
        margin-bottom: 0;
    }

    .sumi-banner .banner-content {
        left: 20px;
    }

    .sumi-banner .banner-link {
        height: 31px;
        line-height: 28px;
    }

    .sumi-banner.style5 .banner-content {
        top: calc(50% + 10px);
    }
}

/*===============================================================
9.11 SUMI SLIDE
===============================================================*/
.sumi-slide.style1 .sumi-title {
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 62px;
}

.owl-slick .product-thumb img {
    width: 100%;
}
.owl-slick.owl-products:not(.slick-initialized) .product-item {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.sumi-slide.style1 .owl-slick {
    border: 1px solid #e4e9ef;
}

.sumi-slide.style1 .owl-slick .slick-list {
    padding-top: 5px;
}

.sumi-slide.style1 .owl-slick .slick-slide {
    border-right: 1px solid #e4e9ef;
}

.sumi-slide.style1 .owl-slick .last-slick {
    border-right: none;
}

.sumi-slide.style1 .owl-slick .slick-slide .vc_single_image-wrapper:hover {
    opacity: 0.4;
    transition: all .5s ease-out;
}

@media (max-width: 767px) {
    .sumi-slide.style1 .sumi-title {
        margin-bottom: 15px;
    }
}

/*===============================================================
9.12 SUMI COUNTDOWN
===============================================================*/
.sumi-accordion {
    position: relative;
    padding: 32px 0;
}

.sumi-accordion .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #d7dee7;
    color: #2e353b;
    cursor: pointer;
}

.sumi-accordion .arrow::before,
.sumi-accordion .arrow::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 14px;
    height: 1px;
    border: 1px solid;
    transition: all .5s ease-out;
}

.sumi-accordion .arrow::after {
    width: 2px;
    height: 12px;
}

.sumi-accordion.active .arrow::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sumi-accordion .title {
    position: relative;
    font-size: 24px;
    color: #292e32;
    line-height: 28px;
    margin: 0;
    transition: all .5s ease-out;
}

.sumi-accordion.active .title {
    margin: 0 0 53px;
}

.sumi-accordion .title:after {
    position: absolute;
    display: inline-block;
    content: '';
    left: 0;
    bottom: -28px;
    width: 0;
    height: 1px;
    transition: all .5s ease-out;
}

.sumi-accordion.active .title:after {
    width: 60px;
}

.sumi-accordion .desc {
    display: none;
    margin: 0;
    font-size: 16px;
    line-height: 28px;
    color: #72797e;
}

/*===============================================================
9.12 SUMI COUNTDOWN
===============================================================*/
.sumi-countdown-sc {
    padding-left: 305px;
    color: #fff;
}

.sumi-countdown-sc .title {
    font-size: 40px;
    line-height: 40px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 17px;
    margin-top: 80px;
}

.sumi-countdown-sc .subtitle {
    font-size: 20px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

.sumi-countdown-sc .text-date {
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 33px;
}

.sumi-countdown-sc .text-date:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 2px;
    margin-right: 17px;
}

.sumi-countdown > * {
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-image: url(../images/bg-countdown.png);
    text-align: center;
    line-height: 74px;
    position: relative;
    margin-right: 50px;
    background-size: contain;
}

.sumi-countdown > *:last-child {
    margin-right: 0;
}

.sumi-countdown .number {
    font-size: 28px;
    font-weight: 300;
}

.sumi-countdown .text {
    left: calc(100% - 8px);
    position: absolute;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
}

@media (max-width: 1199px) {
    .sumi-countdown-sc {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .sumi-countdown-sc .title {
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 30px;
    }

    .sumi-countdown-sc .subtitle {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .sumi-countdown-sc .text-date {
        margin-bottom: 10px;
    }

    .sumi-countdown > * {
        width: 50px;
        height: 50px;
        line-height: 54px;
        margin-bottom: 10px;
    }

    .sumi-countdown .number {
        font-size: 20px;
    }

    .sumi-countdown .text {
        font-size: 10px;
    }
}

@media (max-width: 640px) {
    .sumi-countdown > * {
        margin-right: 40px;
    }
}

@media (max-width: 360px) {
    .sumi-countdown-sc .title {
        font-size: 20px;
        margin-bottom: 0;
    }

    .sumi-countdown > * {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .sumi-countdown .number {
        font-size: 11px;
    }

    .sumi-countdown .text {
        font-size: 6px;
        line-height: 31px;
        left: calc(100% - 2px);
    }
}

/* HEADER STICKY */
.header-sticky.fixed .block-nav-category:not(.has-open) .block-content,
.header-sticky.hide-header .block-nav-category:not(.has-open) .block-content {
    visibility: hidden;
    opacity: 0;
}

@media (min-width: 1025px) {
    body.admin-bar .header-sticky {
        top: 32px;
    }

    .header-sticky.fixed {
        box-shadow: 0 0 15px rgba(153, 153, 153, 0.50);
    }

    .header-sticky {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        z-index: 110;
    }

    .header-sticky:not(.fixed),
    .header-sticky.hide-header {
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    .header-sticky .box-header-nav .main-menu > .menu-item > a,
    .header-sticky .phone-header .phone-number {
        color: #292e32;
    }

    .header-sticky .box-header-nav .main-menu .menu-item > a .image {
        top: -20px;
    }
}

@media (max-width: 1024px) {
    .header-sticky {
        display: none;
    }
}

#yith-quick-view-content .woocommerce-product-gallery .flex-viewport {
    float: none;
    width: 100%;
    display: inline-block;
}

#yith-quick-view-content .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    width: 100%;
    float: none;
    padding: 0;
    display: inline-block;
    margin-top: 10px;
}

/*RESPONSIVE*/
@media (max-width: 1199px) {
    .product-name {
        margin-bottom: 0;
    }

    .price {
        margin-bottom: 0;
    }

    .product-item .product-thumb {
        margin-bottom: 12px;
    }

    .product-item.style-4 .product-thumb {
        margin-bottom: 15px;
    }

    .product-item.style-4 .group-shipping .shiping-class {
        display: none;
    }

    .product-item.style-4 .product-name {
        margin-bottom: 15px;
    }

    .sumi-slide .owl-slick .slick-dots {
        margin-top: 40px;
    }

    .sumi-tabs.style2 .tab-link {
        margin-bottom: 18px;
    }

    .sumi-tabs.style2 .tab-link li a {
        height: 40px;
        line-height: 44px;
    }

    .sumi-tabs.style3 .tab-head {
        margin-bottom: 11px;
    }

    .sumi-tabs.style3 .tab-link li a, .sumi-tabs.style5 .tab-link li a {
        height: 40px;
        line-height: 44px;
    }

    .sumi-slide.style1 .sumi-title {
        margin-bottom: 17px;
    }

    .sumi-products.style-2 .sumi-title {
        padding-bottom: 17px;
        margin-bottom: 18px;
    }

    .sumi-tabs.style5 .sumi-title {
        margin-bottom: 16px;
    }

    .sumi-tabs.style5 .tab-head {
        margin-bottom: 13px;
    }

    .sumi-newsletter.style2 {
        padding: 55px 0 40px;
    }

    .recent-product-woo {
        padding-top: 40px;
        margin-top: 35px;
    }
}

@media (max-width: 1024px) {
    .rating-wapper {
        display: none;
    }
}

@media (max-width: 991px) {
    .recent-product-woo > div > div {
        margin-bottom: 20px;
    }
}
/*==========================================================================
FIX-BROWSERS
===========================================================================*/
@-moz-document url-prefix() {
    .block-search .form-search .btn-submit{
        top: 0;
        right: 0;
    }
}