/*
Theme Name: Blue Wings Ltd
Text Domain: Blue Wings Ltd
Description: Fashion Woocomrece WordPress Theme
Author: fengdu
Version: 1.2
Tested up to: 6.3.2
Requires at least: 5.6.0
Requires PHP: 7.4
Tags: three-columns,  Threaded-comments, Translation-ready, Custom-menu
License: GNU General Public License v3.0 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
/*
/*
	
	/*1 - Body
	1.1 - Body
	1.2 - Html Tags
	1.3 - Form
	1.4 - Content
	1.5 - Column Warp
	1.6 - Responsvie
	1.7 - Breadcrumbs
	1.8 - Footer
	2.1 - Header Nav
	2.2 - Logo
	2.3 - Search
	2.4 - Social
3 - Post
	3.1 - Ajax
	3.1 Title Box
	3.2 Thumb
	3.3 Thumb Hover
	3.4 Details
	3.5 Meta
	3.6 Hover Icon 
	3.7 Load More 
	3.8 Pagenavi 
4 - Module
	4.1 - Slider
	4.2 - Module
	4.3 - Module 1
	4.4 - Module 2
	4.5 - Glider
	4.6 - Post Layout
	4.7 - facaption 
	4.8 - 404
	4.9 - Macy 
	4.10 - Widgets 
5 - Element
	5.1 - Element
	5.2 - Menu
	5.3 - Contactform
6 - Single
	6.1 - Single
	6.2 - Head Single
	6.3 - Video
	6.4 - Single Content
	6.5 - Author
	6.6 - Tags
	6.7 - Lightbox
	6.8 - Comments
	6.9 - wp-block
*/
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	1 - Body
																		
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		1.1 - Body

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
:root {
    --hw-btn-bg: var(--hw-primary-bg);
    --hw-btn-txt: var(--hw-primary-txt);
    --hw-btn-hv-bg: var(--hw-primary-hv-bg);
    --hw-btn-hv-lk: var(--hw-primary-cr);
    --hw-default-pd: 20px;
    --hw-tr: transform 1s, background .3s, color .3s, border .3s, box-shadow .3s, opacity .3s;
    --vao-aw-bg: var(--hw-aw-bg, rgba(0, 0, 0, 0.75));
    --vao-aw-cr: var(--hw-aw-txt, #ffffff);
}
body {
    direction: ltr;
    font-family: var(--hw-fn-fm), arial, roboto, sans-serif;
    line-height: 2.2em;
    color: var(--hw-main-txt, #666);
    background-color: var(--hw-body-bg-cr, #ffffff);
    background-image: var(--hw-body-bg-img, none);
    background-size: var(--hw-body-bg-sz, auto);
    background-position: center center;
    background-repeat: var(--hw-body-bg-rp, no-repeat);
    width: 100%;
    left: 0px;
}
p.elementor-heading-title {
    line-height: 2.2em;
}
html > body {
    --vb-body-wt: var(--hw-body-wt, 1800px);
    --vb-bg: var(--hw-body-bg-cr, #ffffff);
    --vb-box-bg: var(--hw-post-bg, #ffffff);
    --vb-primary-bg: var(--hw-primary-bg, #0063d1);
    --vb-primary-cr: var(--hw-primary-txt, #ffffff);
    --vb-primary-hv-bg: var(--hw-primary-hv-bg, #20282f);
    --vb-primary-hv-cr: var(--hw-primary-hv-txt, #ffffff);
    --vb-font-family: var(--hw-fn-fm, rubik);
    --vb-lk-cr: var(--hw-main-lk, #20282f);
    --vb-lk-hv-cr: var(--hw-main-hv-lk, #0063d1);
    --vb-cr: var(--hw-main-txt, #60686f);
    --vb-hl-cr: var(--hw-main-hl, #0063d1);
    --vb-gry-cr: var(--hw-main-gry-txt, #90989f);
    --vb-gry-bg: var(--hw-main-gry-bg, #f7f9fb);
    --vb-br-cr: var(--hw-main-br-cr, #f2f5f8);
    --vb-rd: var(--hw-main-rd, 3px);
    --vb-btn-rd: var(--hw-btn-rd, 1000px);
    --vb-ti-property: background, box-shadow, color, border, -webkit-text-stroke, text-stroke, text-shadow, opacity;
}
html.no-js, html.no-js > body {
    float: left;
    width: 100%;
}
body * {
    border-color: inherit;
    transition: var(--hw-tr);
}
body * {
    box-sizing: border-box
}
.hw-body-boxed .hw-wrapper-middle {
    margin: auto;
}
.hw-wrapper-container {
    float: left;
    width: 100%;
}
.hw-body-warp {
    overflow: hidden;
    width: 100%;
    position: relative;
    float: left;
}
.hw-body-boxed .hw-body-warp {
    text-align: left;
    overflow: hidden;
    max-width: var(--hw-body-wt);
    float: none;
    margin: auto;
    background: var(--hw-body-bx-bg, transparent);
    box-shadow: var(--hw-body-bx-sd, 0 0 0);
}
.elementor-editor-active .hw-wrapper {
    z-index: 9999 !important;
    overflow: visible;
}
[vh-background="light"] {
    background: #ffffff !important;
}
[vh-background="dark"] {
    background: #10181f !important;
}
html {
    margin-top: 0px !important;
}
body.admin-bar {
    margin-top: 32px !important;
}
body.admin-bar:has(>#yith-woocompare) {
    margin-top: 0px !important;
}
.description ul {
    list-style: none;
}
@media (max-width: 782px) {
    #wpadminbar {
        position: absolute !important;
        top: 0px !important;
    }
    html {
        margin-top: 0px !important;
    }
    body.admin-bar {
        margin-top: 46px !important;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		1.2 - Html Tags

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
:root {
    --hw-btn-bg: var(--hw-primary-bg);
    --hw-btn-txt: var(--hw-primary-txt);
    --hw-btn-hv-bg: var(--hw-primary-hv-bg);
    --hw-btn-hv-txt: var(--hw-primary-txt);
    --hw-default-pd: 20px;
    --hw-tr: transform .3s, background .3s, color .3s, border .3s, box-shadow .3s, opacity .3s, font-weight .3s;
    --vao-aw-bg: var(--hw-aw-bg, rgba(0, 0, 0, 0.75));
    --vao-aw-cr: var(--hw-aw-txt, #ffffff);
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, excerpt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
blockquote, q {
    quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
html {
    margin-top: 0 !important
}
a {
    text-decoration: none;
    color: var(--hw-main-lk, #111);
    transition: var(--hw-tr);
}
a:hover {
    text-decoration: none;
    color: var(--hw-main-hv-lk, #111);
}
hr {
    opacity: .2
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1.45em;
    color: var(--hw-main-lk, #111);
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    wohw-wrap: break-word;
    background: rgba(150, 150, 150, .05);
    padding: 20px;
    opacity: .8;
    margin-bottom: 20px;
}
sub {
    bottom: -0.25em;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
dl {
    padding: 0 20px;
}
p {
    margin-bottom: 20px
}
/* latin-ext */
br {
    margin-bottom: 1px;
}
p, hr, dd {
    margin-bottom: 25px;
}
p {
    wohw-wrap: break-word
}
dt {
    font-weight: 700
}
dd {
    margin-bottom: 20px
}
address {
    font-style: italic;
    margin-bottom: 20px
}
h1 {
    font-size: var(--hw-h1-fn-sz, 2.8179em);
    line-height: var(--hw-h1-li-ht, 1.4em);
}
h2 {
    font-size: var(--hw-h2-fn-sz, 2.2581em);
    line-height: var(--hw-h2-li-ht, 1.45em);
}
h3 {
    font-size: var(--hw-h3-fn-sz, 1.818em);
    line-height: var(--hw-h3-li-ht, 1.5em);
}
h4 {
    font-size: var(--hw-h4-fn-sz, 1.572em);
    line-height: var(--hw-h4-li-ht, 2em);
}
h5 {
    font-size: var(--hw-h5-fn-sz, 1.3em);
    line-height: var(--hw-h5-li-ht, 2.1em);
}
h6 {
    font-size: var(--hw-h6-fn-sz, 1.062em);
    line-height: var(--hw-h6-li-ht, 2.2em);
}
table, th, td {
    border: 1px solid var(--hw-main-br-cr);
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    width: 100%;
    margin-bottom: 20px
}
strong {
    font-weight: 700
}
table, th, td {
    border: 1px solid var(--hw-main-br-cr);
}
caption, th, td {
    font-weight: 400;
    text-align: left
}
th {
    border-width: 1px;
    font-weight: 700
}
td {
    border-width: 1px
}
th, td {
    vertical-align: top;
    padding: .4375em
}
.reset-list-style, .reset-list-style ul, .reset-list-style ol {
    list-style: none;
    margin: 0;
}
.reset-list-style li {
    margin: 0;
}
img {
    max-width: 100%;
    height: auto;
}
body tr, body td, body th, body tbody, body table {
    border-color: var(--hw-main-br-cr) !important;
}
/* Quotes ------------------------------------ */
cite {
    color: var(--hw-main-txt);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		1.3 - Form

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
label {
    display: inline-block;
    color: var(--hw-main-lk);
    vertical-align: middle;
    line-height: 1.5;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    vertical-align: middle;
}
input[type='email'],
input[type='date'],
input[type='search'],
input[type='number'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password'],
textarea,
select {
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
    min-height: var(--hw-input-ht, 42px);
    line-height: var(--hw-input-ht, 42px);
    border: solid 2px var(--hw-main-br-cr);
    border-radius: var(--hw-main-btn-rd, var(--hw-btn-rd));
    background-color: var(--hw-form-bg, var(--hw-post-bg));
    box-shadow: none;
    color: var(--hw-form-txt, var(--hw-main-txt, inherit));
    transition: all 0.3s;
    font-size: var(--hw-form-fn-sz, 14px);
    font-weight: var(--hw-form-fn-wt, 400);
    text-transform: var(--hw-form-fn-tr, none);
}
body .elementor-search-form button,
body .elementor-search-form input[type="search"] {
    padding: 0 15px;
}
textarea {
    overflow: auto;
    padding: 10px 15px;
    min-height: var(--hw-textarea-ht, 200px);
    resize: vertical;
    border-radius: var(--hw-main-rd);
}
input[type=text]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    border-color: var(--hw-main-hl);
    outline: none;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
.btn,
.button,
button,
[type=button],
[type=reset],
[type=submit] {
    width: auto;
    -webkit-appearance: button;
}
.btn,
.button,
button,
[type=submit],
[type=button] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    outline: none;
    border-radius: var(--hw-main-btn-rd, var(--hw-btn-rd));
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    line-height: 1.2;
    cursor: pointer;
    transition: all 300ms linear;
    color: var(--hw-primary-txt);
    border: none;
    background-color: var(--hw-primary-button);
    box-shadow: none;
    font-weight: var(--hw-btn-fn-wt, 500);
    font-family: inherit;
    text-transform: var(--hw-btn-fn-tr, none);
    font-style: var(--btn-font-style, unset);
    padding: var(--hw-btn-pd, 5px 20px);
    min-height: var(--btn-height, 42px);
    font-size: var(--hw-btn-fn-sz, 14px);
}
button:focus:not(:focus-visible),
[type=submit]:focus:not(:focus-visible),
[type=button]:focus:not(:focus-visible) {
    outline: none;
}
button:hover,
button:focus,
[type=submit]:hover,
[type=submit]:focus,
[type=button]:hover,
[type=button]:focus {
    color: var(--hw-primary-txt);
    text-decoration: none;
    background-color: var(--hw-primary-hv-button);
}
button:not(:disabled),
[type=submit]:not(:disabled),
[type=button]:not(:disabled) {
    cursor: pointer;
}
.hw-cart-buttons a.button,
.comment-form [type="submit"] {
    color: var(--hw-primary-txt);
    background: var(--hw-primary-bg);
}
.hw-cart-buttons a.button:hover,
.comment-form [type="submit"]:hover {
    color: var(--hw-primary-txt);
    background: var(--hw-primary-hv-bg);
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
    resize: vertical;
}
[type=checkbox],
[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0;
    margin-inline-end: 7px;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
select {
    display: block;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0px 25px 0 10px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23788898%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-color: var(--hw-form-bg, var(--hw-post-bg));
    background-size: 10px;
    background-position: right 10px center;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		1.4 - Content

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-wrapper {
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: center;
    margin-top: calc(var(--hw-overlab-ht, 0px) * -1);
}
.single-visualheader .hw-wrapper {
    height: 700px;
}
.hw-wrapper > * {
    text-align: left
}
.hw-wrapper > .hw-wrapper {
    margin-top: 0px !important;
}
.hw-content-warp {
    width: 100%;
    float: left;
    text-align: center
}
.hw-middle-content {
    text-align: left;
    position: relative;
    max-width: var(--hw-body-wt);
    float: none;
    margin: auto;
    padding: 20px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-items: center;
    flex-direction: column;
}
body > [class*="elementor-location-"],
body > .hw-body-warp > [class*="elementor-location-"],
.elementor-location-footer,
.elementor-location-header {
    float: left;
    width: 100%;
}
.hw-content {
    display: inline-grid;
    width: 100%;
    float: left;
    grid-template-columns:100%;
    position: relative
}
.hw-column-sidebar {
    height: 100%;
    float: left
}
.hw-sidebar {
    float: left;
    height: auto;
    width: 100%
}
body .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: var(--hw-body-wt)
}
.hw-main_right {
    grid-template-columns:calc(100% - var(--hw-side-rt)) var(--hw-side-rt);
}
.hw-left_main {
    grid-template-columns:calc(100% - var(--hw-side-lt)) var(--hw-side-lt);
    direction: rtl
}
.hw-main_left_right {
    grid-template-columns:calc(100% - var(--hw-side-lt) - var(--hw-side-rt)) var(--hw-side-lt) var(--hw-side-rt);
}
.hw-left_main_right {
    grid-template-columns:var(--hw-side-lt) calc(100% - var(--hw-side-lt) - var(--hw-side-rt)) var(--hw-side-rt);
}
.hw-left_right_main {
    grid-template-columns:calc(100% - var(--hw-side-lt) - var(--hw-side-rt)) var(--hw-side-rt) var(--hw-side-lt);
    direction: rtl
}
.hw-content > * {
    direction: ltr
}
@media (max-width: 1024px) and (min-width: 768px) {
    :root {
        --hw-side-rt: 33.331%;
        --hw-side-lt: 33.331%
    }
}
@media (max-width: 1024px) {
    .hw-wrapper {
        margin-top: calc(var(--hw-mobile-overlab-ht, 0px) * -1);
    }
    .hw-hide-sidebar .hw-content {
        --hw-side-rt: 0 !important;
        --hw-side-lt: 0 !important;
        grid-template-columns:100% !important
    }
    .hw-main_left_right, .hw-left_main_right, .hw-left_right_main {
        --hw-side-rt: 0 !important;
        grid-template-columns:calc(100% - var(--hw-side-lt)) var(--hw-side-lt) !important
    }
    .hw-main_left_right .hw-sidebar-right, .hw-left_main_right .hw-sidebar-right, .hw-left_right_main .hw-sidebar-right, .hw-hide-sidebar .hw-column-sidebar {
        display: none !important
    }
}
@media (max-width: 767px) {
    .hw-content {
        grid-template-columns:100% !important
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		1.5 - Column Warp

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
:root {
    --hw-col: 100%;
    --hw-tab: 100%;
    --hw-mob: 100%;
    --hw-flx: 1;
    --hw-flx-tab: 1;
    --hw-flx-mob: 1
}
.hw-list-warp {
    width: 100%;
    float: left
}
.hw-item-list {
    float: left;
    width: 100%;
    position: relative
}
.hw-flex {
    display: grid;
    width: 100%;
    grid-template-columns:repeat(var(--hw-flx, 1), 1fr);
    position: relative
}
.hw-flex > .hw-column {
    width: 100% !important
}
.hw-group > .hw-item, .hw-column, .hw-masonry > .hw-item {
    width: var(--hw-col, 100%);
    float: left
}
.hw_row_2 .hw-item-list > .hw-item,
.hw_row_3 .hw-item-list > .hw-item {
    padding: 0px !important;
    display: grid !important;
}
.hw-gap-content,
.hw-gap-slider {
    width: 100%;
    float: left;
    position: relative;
}
.hw-item {
    padding: calc(var(--hw-gp, 0px) / 2);
    --hw-it-col: 1;
    width: 100%;
    display: flex
}
.hw_col_1_1 {
    --hw-col: 100%;
    --hw-flx: 1;
    --hw-flx-col: 100%
}
.hw_col_1_2 {
    --hw-col: 50%;
    --hw-flx: 2;
    --hw-flx-col: 50% 50%
}
.hw_col_1_3 {
    --hw-col: 33.331%;
    --hw-flx: 3;
    --hw-flx-col: 33.331% 33.331% 33.331%
}
.hw_col_1_3_2_3 {
    --hw-flx-col: 33.331% 66.661%
}
.hw_col_2_3 {
    --hw-flx: 1.5;
    --hw-flx-col: 66.661% 33.331%
}
.hw_col_1_4 {
    --hw-col: 25%;
    --hw-flx: 4;
    --hw-flx-col: 25% 25% 25% 25%
}
.hw_col_3_4 {
    --hw-flx: 1.331;
    --hw-flx-col: 75% 25%
}
.hw_col_1_4_3_4 {
    --hw-flx-col: 25% 75%
}
.hw_col_1_5 {
    --hw-it-col: .2;
    --hw-col: 20%;
    --hw-flx: 5;
    --hw-flx-col: 20% 20% 20% 20% 20%
}
.hw_col_1_5_4_5 {
    --hw-flx-col: 20% 80%
}
.hw_col_4_5 {
    --hw-flx-col: 80% 20%
}
.hw_col_2_5 {
    --hw-it-col: .4;
    --hw-flx: 2.5;
    --hw-col: 40%;
}
.hw_col_3_5 {
    --hw-it-col: .6;
    --hw-col: 60%;
    --hw-flx: 1.66;
    --hw-flx-col: 60% 40%
}
.hw_col_2_5_3_5 {
    --hw-flx-col: 40% 60%
}
.hw_col_1_6 {
    --hw-col: 16.661%;
    --hw-flx: 6;
    --hw-flx-col: 16.661% 16.661% 16.661% 16.661% 16.661% 16.661%
}
.hw_col_1_6_5_6 {
    --hw-flx-col: 16.661% 83.339%
}
.hw_col_5_6 {
    --hw-flx-col: 83.331% 16.661%
}
.hw_col_1_7 {
    --hw-col: 14.281%;
    --hw-flx: 7
}
.hw_col_1_8 {
    --hw-col: 12.5%;
    --hw-flx: 8
}
.hw_col_1_9 {
    --hw-col: 11.11%;
    --hw-flx: 9
}
.hw_col_1_10 {
    --hw-col: 10%;
    --hw-flx: 10
}
.hw_col_1_11 {
    --hw-col: 9.09%;
    --hw-flx: 11
}
.hw_col_1_12 {
    --hw-col: 8.33%;
    --hw-flx: 12
}
.hw_col_400 {
    --hw-drg-col: 400px
}
.hw_col_350 {
    --hw-drg-col: 350px
}
.hw_col_300 {
    --hw-drg-col: 300px
}
.hw_col_250 {
    --hw-drg-col: 250px
}
.hw_col_200 {
    --hw-drg-col: 175px
}
.hw_col_150 {
    --hw-drg-col: 150px
}
@media (min-width: 1024px) {
    .hw_col_hide {
        display: none !important
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Tablet

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1024px) and (min-width: 768px) {
    .hw-flex, .hw-pricetable .hw-flex.hw-item-list {
        display: grid !important;
        grid-template-columns:repeat(var(--hw-flx-tab, 1), 1fr) !important
    }
    .hw-flex > .hw-column {
        width: 100% !important
    }
    .hw-group > .hw-item, .hw-column, .hw-flex.hw-item-list > .hw-item, .hw-masonry > .hw-item {
        width: var(--hw-tab, 100%) !important
    }
    .hw-flex.hw-item-list {
        display: flex !important;
        justify-content: center !important;
        flex-flow: wrap !important
    }
    .hw_tab_1_1 {
        --hw-tab: 100%;
        --hw-flx-tab: 1
    }
    .hw_tab_1_2 {
        --hw-tab: 50%;
        --hw-flx-tab: 2
    }
    .hw_tab_1_3 {
        --hw-tab: 33.331%;
        --hw-flx-tab: 3
    }
    .hw_tab_1_4 {
        --hw-tab: 25%;
        --hw-flx-tab: 4
    }
    .hw_tab_1_5 {
        --hw-tab: 20%;
        --hw-flx-tab: 5
    }
    .hw_tab_1_6 {
        --hw-tab: 16.661%;
        --hw-flx-tab: 6
    }
    .hw_tab_hide {
        display: none !important
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Tablet

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 767px) {
    .hw-flex, .hw-pricetable .hw-flex.hw-item-list {
        display: grid !important;
        grid-template-columns:repeat(var(--hw-flx-mob, 1), 1fr) !important
    }
    .hw-flex > .hw-column {
        width: 100% !important
    }
    .hw-group > .hw-item, .hw-column, .hw-flex.hw-item-list > .hw-item, .hw-masonry > .hw-item {
        width: var(--hw-mob, 100%) !important
    }
    .hw-flex.hw-item-list {
        display: flex !important;
        justify-content: center !important;
        flex-flow: wrap !important
    }
    .hw_mob_1_1 {
        --hw-mob: 100%;
        --hw-flx-mob: 1
    }
    .hw_mob_1_2 {
        --hw-mob: 50%;
        --hw-flx-mob: 2
    }
    .hw_mob_1_3 {
        --hw-mob: 33.331%;
        --hw-flx-mob: 3
    }
    .hw_mob_1_4 {
        --hw-mob: 25%;
        --hw-flx-mob: 4
    }
    .hw_mob_hide {
        display: none !important
    }
}
@media (max-width: 359px) {
    .hw-flex, .hw-pricetable .hw-flex.hw-item-list {
        display: grid !important;
        grid-template-columns:repeat(1, 1fr) !important
    }
    .hw-group > .hw-item, .hw-column, .hw-flex.hw-item-list > .hw-item, .hw-masonry > .hw-item {
        width: 100% !important
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Gap Warp

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
[class*="hw-el"] {
    --hw-gp: var(--hw-between-gap, 40px);
}
[class*="hw-bw-border"] {
    --hw-gp: calc(var(--hw-between-gap, 40px) * 2);
}
.hw-gap-warp {
    width: calc(100% + var(--hw-gp, 0px)) !important;
    margin: calc(var(--hw-gp, 0px) / -2);
    float: right;
    position: relative
}
.hw-gap-0px {
    --hw-between-gap: 0px !important;
}
.hw-gap-2px {
    --hw-between-gap: 2px !important;
}
.hw-gap-5px {
    --hw-between-gap: 5px !important;
}
.hw-gap-10px {
    --hw-between-gap: 10px !important;
}
.hw-gap-15px {
    --hw-between-gap: 15px !important;
}
.hw-gap-20px {
    --hw-between-gap: 20px !important;
}
.hw-gap-30px {
    --hw-between-gap: 30px !important;
    --hw-gp-sp: 0
}
.hw-gap-40px {
    --hw-between-gap: 40px !important;
}
.hw-gap-60px {
    hw-between-gap: 60px !important;
}
@media (max-width: 1024px) {
    .hw-gap-20px, .hw-gap-30px {
        --hw-between-gap: 10px !important;
    }
    .hw-gap-40px, .hw-gap-60px {
        hw-between-gap: 20px !important;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		1.6 - Responsvie

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-aw {
    container: vb_aw / inline-size;
}
@container vb_aw (width <= 100px) {
    .hw-aw > * {
        --hw-fn-icn: 30px;
        --hw-fn-lg: 11px;
        --hw-fn-md: 11px;
        --hw-fn-sm: 11px;
        --hw-pd-lg: 11px;
        --hw-tm-img: 70px;
        --hw-fn-lg-li-ht: 6px;
        --hw-fn-md-li-ht: 1.65em;
        --hw-mg-tp: 7px;
        --hw-pd: 15px;
        --hw-dp-4: none;
        --hw-dp: none;
        --hw-dp-2: none;
        --hw-dp-3: none;
        --hw-cd: 4;
        --hw-cd-fn-sz: 1.3;
        --hw-product-lg: 11px;
        --hw-product-md: 11px;
        --hw-product-mg-tp: 10px;
        --hw-product-pd: 12px;
    }
}
@container vb_aw   (width <  151px) {
    .hw-aw > * {
        --hw-fn-icn: 30px;
        --hw-fn-lg: 11px;
        --hw-fn-md: 11px;
        --hw-fn-sm: 11px;
        --hw-pd-lg: 11px;
        --hw-tm-img: 70px;
        --hw-fn-lg-li-ht: 6px;
        --hw-fn-md-li-ht: 1.65em;
        --hw-mg-tp: 7px;
        --hw-pd: 16px;
        --hw-dp-4: none;
        --hw-dp: none;
        --hw-dp-2: none;
        --hw-dp-3: none;
        --hw-cd: 2;
        --hw-cd-num: var(--hw-post-tl-lk) !important;
        --hw-cd-bg: transparent !important;
        --hw-cd-fn-sz: 1;
        --hw-product-lg: 12px;
        --hw-product-md: 11px;
        --hw-product-mg-tp: 10px;
        --hw-product-pd: 13px;
    }
}
@container vb_aw (width >= 151px) and (width <= 200px) {
    .hw-aw > * {
        --hw-fn-icn: 45px;
        --hw-fn-lg: 13px;
        --hw-fn-md: 12px;
        --hw-fn-sm: 11px;
        --hw-fn-lg-li-ht: 7px;
        --hw-fn-md-li-ht: 1.65em;
        --hw-mg-tp: 8px;
        --hw-pd: 17px;
        --hw-tm-img: 70px;
        --hw-dp: none;
        --hw-dp-2: none;
        --hw-dp-3: none;
        --hw-dp-4: inline-block;
        --hw-cd: 2.8;
        --hw-cd-fn-sz: 1;
        --hw-product-lg: 14px;
        --hw-product-md: 12px;
        --hw-product-mg-tp: 11px;
        --hw-product-pd: 14px;
    }
}
@container vb_aw (width >= 201px) and (width <= 250px) {
    .hw-aw > * {
        --hw-fn-icn: 50px;
        --hw-fn-lg: 13px;
        --hw-fn-md: 12px;
        --hw-fn-sm: 11px;
        --hw-fn-lg-li-ht: 7px;
        --hw-fn-md-li-ht: 1.65em;
        --hw-mg-tp: 8px;
        --hw-pd: 18px;
        --hw-tm-img: 70px;
        --hw-dp: none;
        --hw-dp-2: none;
        --hw-dp-3: none;
        --hw-dp-4: inline-block;
        --hw-cd: 3.1;
        --hw-cd-fn-sz: 1;
        --hw-product-lg: 14px;
        --hw-product-md: 12px;
        --hw-product-mg-tp: 12px;
        --hw-product-pd: 15px;
    }
}
@container vb_aw (width >= 251px) and   (width <= 300px) {
    .hw-aw > * {
        --hw-fn-icn: 55px;
        --hw-fn-lg: 16px;
        --hw-fn-md: 13px;
        --hw-fn-sm: 11px;
        --hw-fn-lg-li-ht: 8px;
        --hw-fn-md-li-ht: 1.7em;
        --hw-mg-tp: 8px;
        --hw-tm-img: 80px;
        --hw-pd: 19px;
        --hw-dp: none;
        --hw-dp-2: none;
        --hw-dp-3: inline-block;
        --hw-cd: 3.4;
        --hw-cd-fn-sz: 1.1;
        --hw-product-lg: 15px;
        --hw-product-md: 14px;
        --hw-product-mg-tp: 12px;
        --hw-product-pd: 15px;
    }
}
@container vb_aw (width >= 301px) and (width <= 400px) {
    .hw-aw > * {
        --hw-fn-icn: 65px;
        --hw-fn-lg: 18px;
        --hw-fn-md: 14px;
        --hw-fn-sm: 12px;
        --hw-fn-lg-li-ht: 8px;
        --hw-fn-md-li-ht: 1.7em;
        --hw-mg-tp: 9px;
        --hw-tm-img: 90px;
        --hw-pd: 22px;
        --hw-dp: none;
        --hw-dp-2: inline-block;
        --hw-dp-3: inline-block;
        --hw-cd: 4.2;
        --hw-cd-fn-sz: 1.45;
        --hw-product-lg: 17px;
        --hw-product-md: 15px;
        --hw-product-mg-tp: 13px;
        --hw-product-pd: 16px;
    }
}
@container vb_aw (width >= 401px) and (width <= 500px) {
    .hw-aw > * {
        --hw-fn-icn: 75px;
        --hw-fn-lg: 20px;
        --hw-fn-md: 15px;
        --hw-fn-sm: 12px;
        --hw-tm-img: 100px;
        --hw-fn-lg-li-ht: 8px;
        --hw-fn-md-li-ht: 1.7em;
        --hw-mg-tp: 10px;
        --hw-pd: 25px;
        --hw-dp: inline-block;
        --hw-dp-4: inline-block;
        --hw-dp-2: inline-block;
        --hw-dp-3: inline-block;
        --hw-cd: 4.2;
        --hw-cd-fn-sz: 1.45;
        --hw-product-lg: 19px;
        --hw-product-md: 17px;
        --hw-product-mg-tp: 13px;
        --hw-product-pd: 17px;
    }
}
@container vb_aw (width >= 501px) and (width <= 700px) {
    .hw-aw > * {
        --hw-fn-icn: 85px;
        --hw-fn-lg: 24px;
        --hw-fn-md: 16px;
        --hw-fn-sm: 13px;
        --hw-tm-img: 100px;
        --hw-fn-lg-li-ht: 9px;
        --hw-fn-md-li-ht: 1.75em;
        --hw-mg-tp: 10px;
        --hw-pd: 27px;
        --hw-dp: inline-block;
        --hw-dp-2: inline-block;
        --hw-dp-3: inline-block;
        --hw-dp-4: inline-block;
        --hw-cd: 4.2;
        --hw-cd-fn-sz: 1.45;
        --hw-product-lg: 18px;
        --hw-product-md: 17px;
        --hw-product-mg-tp: 14px;
        --hw-product-pd: 18px;
    }
}
@container vb_aw (width >= 701px) and (width <= 900px) {
    .hw-aw > * {
        --hw-fn-icn: 95px;
        --hw-fn-lg: 28px;
        --hw-fn-md: 18px;
        --hw-fn-sm: 14px;
        --hw-fn-lg-li-ht: 10px;
        --hw-fn-md-li-ht: 1.8em;
        --hw-mg-tp: 10px;
        --hw-pd: 30px;
        --hw-tm-img: 100px;
        --hw-dp: inline-block;
        --hw-dp-2: inline-block;
        --hw-dp-3: inline-block;
        --hw-dp-4: inline-block;
        --hw-cd: 4.2;
        --hw-cd-fn-sz: 1.45;
        --hw-product-lg: 18px;
        --hw-product-md: 17px;
        --hw-product-mg-tp: 14px;
        --hw-product-pd: 19px;
    }
}
@container vb_aw (width >= 901px) {
    .hw-aw > * {
        --hw-fn-icn: 105px;
        --hw-fn-lg: 38px;
        --hw-mg-tp: 10px;
        --hw-fn-md: 19px;
        --hw-tm-img: 120px;
        --hw-fn-sm: 15px;
        --hw-fn-lg-li-ht: 12px;
        --hw-fn-md-li-ht: 1.85em;
        --hw-pd: 30px;
        --hw-dp: inline-block;
        --hw-dp-2: inline-block;
        --hw-dp-3: inline-block;
        --hw-dp-4: inline-block;
        --hw-cd: 4.2;
        --hw-cd-fn-sz: 1.45;
        --hw-product-lg: 18px;
        --hw-product-md: 17px;
        --hw-product-mg-tp: 15px;
        --hw-product-pd: 20px;
    }
}
:root {
    --hw-fn-icn: 75px;
    --hw-fn-lg: 20px;
    --hw-fn-md: 14px;
    --hw-fn-sm: 12px;
    --hw-tm-img: 100px;
    --hw-fn-lg-li-ht: 12px;
    --hw-fn-md-li-ht: 2em;
    --hw-mg-tp: 14px;
    --hw-pd: 22px;
    --hw-dp: inline-block;
    --hw-dp-4: inline-block;
    --hw-dp-2: inline-block;
    --hw-dp-3: inline-block;
    --hw-cd: 4.2;
    --hw-cd-fn-sz: 1.45;
    --hw-product-lg: 17px;
    --hw-product-md: 15px;
    --hw-product-mg-tp: 13px;
    --hw-product-pd: 16px;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		1.7 - Breadcrumbs

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-breadcrumbs {
    width: 100%;
    float: left;
    background: var(--hw-brmb-bg);
    margin-bottom: 0px;
    text-align: center;
    position: relative;
    padding: 0;
}
.hw-breadcrumbs > ul {
    max-width: var(--hw-body-wt);
    display: inline-block;
    text-align: left;
    width: 100%;
    margin: auto;
    padding: calc(var(--hw-default-pd) / 2) var(--hw-default-pd);
    vertical-align: top;
}
.hw-breadcrumbs li {
    float: left;
    margin: 0px;
    color: var(--hw-brmb-txt);
    display: inline-block;
    padding-right: 10px
}
.hw-breadcrumbs li a {
    color: inherit;
}
.hw-breadcrumbs li strong {
    font-weight: 400;
    opacity: .75;
    color: inherit;
}
.hw-breadcrumbs li a:hover {
    color: var(--hw-main-hv-lk);
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		1.8 - Footer

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#hw-footer {
    z-index: 0 !important;
    float: left;
    width: 100%;
    position: relative;
    color: var(--hw-main-txt);
    background: var(--hw-fot-bg);
    text-align: center;
    --hw-main-lk: var(--hw-fot-lk);
    --hw-main-hv-lk: var(--hw-fot-hv-lk);
    --hw-main-txt: var(--hw-fot-txt);
    --hw-main-hl: var(--hw-fot-hl);
    --hw-main-gry-bg: var(--hw-fot-gry-bg);
    --hw-main-gry-txt: var(--hw-fot-gry-txt);
    --hw-main-br-cr: var(--hw-fot-br-cr);
    --hw-tbox-main-bg: var(--hw-fot-gry);
    --hw-tbox-main-txt: var(--hw-fot-tbox);
    --hw-tbox-tab-bg: var(--hw-fot-gry);
    --hw-tbox-tab-txt: var(--hw-fot-txt);
    --hw-tbox-atv-bg: var(--hw-fot-gry);
    --hw-tbox-atv-txt: var(--hw-fot-hl);
    --hw-tbox-br-cr: var(--hw-fot-br-cr);
    --hw-post-bg: var(--hw-fot-bg);
    --hw-post-tl-lk: var(--hw-fot-lk);
    --hw-post-tl-hv-lk: var(--hw-fot-lk);
    --hw-price-ma: var(--hw-fot-lk);
    --hw-price-sa: var(--hw-fot-hl);
    --hw-price-re: var(--hw-fot-meta);
    --hw-expt-txt: var(--hw-fot-txt);
    --hw-meta-txt: var(--hw-fot-meta);
    --hw-rat-no-cr: rgba(118, 128, 138, 0.1);
    --hw-post-sd: var(--hw-fot-sd);
    --hw-post-hv-sd: var(--hw-fot-hv-sd);
    --vao-lk-cr: var(--hw-fot-lk);
    --vao-hv-lk-cr: var(--hw-fot-hv-lk);
    --vao-txt-cr: var(--hw-fot-txt);
    --vao-ex-cr: var(--hw-fot-txt);
    --vao-hl: var(--hw-fot-hl);
    --vao-br-cr: var(--hw-fot-br-cr);
}
.hw-middle-footer {
    margin: auto;
    padding: 50px 0px;
    max-width: var(--hw-body-wt);
    width: 100%;
    text-align: left;
}
.hw-footer-bottom {
    text-align: center;
    width: 100%;
    float: left;
    border-top: solid 1px #f1f1f1;
    /*border-top: solid 1px var(--hw-main-br-cr);
	background: rgba(118, 128, 138, 0.1);*/
}
.hw-footer-bottom .hw-middle-footer {
    text-align: center;
    padding: 20px;
}
.hw-footer-not-center .hw-middle-footer {
    grid-template-columns: auto auto;
    display: grid;
    text-align: left;
}
.hw-footer-not-center .hw-footer-social {
    --hw-ag: right;
    margin-top: auto;
    margin-bottom: auto;
}
.hw-footer-social.hw-social-icon-style-1 {
    --hw-scl-sz: 20px;
}
.hw-footer-social.hw-social-icon-style-3, .hw-footer-social.hw-social-icon-style-2 {
    --hw-scl-sz: 30px;
    --hw-scl-br-cr: var(--hw-main-br-cr);
}
#hw-footer .hw-tbox-style-6 [class*="hw-tab-"],
#hw-footer .hw-tbox-style-7 [class*="hw-tab-"] {
    padding: 0.3em 0px !important;
    border: none !important;
}
#hw-footer .hw-tbox-style-5 [class*="hw-tborder"] {
    display: none !important;
}
#hw-footer .hw-tbox-style-6 [class*="hw-tab-"]::before,
#hw-footer .hw-tbox-style-7 [class*="hw-tab-"]::before {
    border: none !important;
    background: none !important;
}
.hw-page-top-builder,
.hw-footer-page-builder {
    float: right;
    width: 100%;
    position: relative;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		2.1 - Header Nav

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Desktop

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb-content-desktop aside[class*="vb-element-navbar"] {
    --vb-el-bg-cr: rgb(255, 255, 255);
    --vb-nav-ht: 80px;
    --vb-nav-el-ht: 80px;
}
.vb-content-desktop aside[class*="vb-element-navbar"] [class*="vb-nav"], {
    --vb-menu-lab-cr: #222222;
    --vb-menu-lab-fn-sz: 15px;
    --vb-menu-lab-fn-wt: 500;
    --vb-menu-des-cr: #666666;
    --vb-menu-des-fn-sz: 12px;
    --vb-menu-des-fn-wt: 400;
    --vb-menu-icn-cr: #222222;
    --vb-menu-icn-sz: 1.5em;
}
.vb-content-mobile aside[class*="vb-element-navbar"] {
    --vb-el-bg-cr: rgb(255, 255, 255);
    --vb-nav-ht: 60px;
    --vb-nav-el-ht: 60px;
    --vb-sticky-ht: 60px;
    --vb-sticky-el-ht: 60px;
}
.vb-content-mobile aside[class*="vb-element-navbar"] [class*="vb-nav"] {
    --vb-menu-lab-cr: #222222;
    --vb-menu-lab-fn-sz: 15px;
    --vb-menu-lab-fn-wt: 500;
    --vb-menu-des-cr: #666666;
    --vb-menu-des-fn-sz: 12px;
    --vb-menu-des-fn-wt: 400;
    --vb-menu-icn-cr: #222222;
    --vb-menu-icn-sz: 2em;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		2.2 - Logo

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-nav-logo {
    text-align: center;
    padding: 20px;
}
.hw-nav-logo a {
    line-height: 0px;
    vertical-align: top;
    font-size: 0px;
    height: auto !important;
}
.hw-logo-warp a:hover {
    opacity: 0.8;
}
.hw-nav-logo img {
    max-height: 100px !important;
    max-width: 250px !important;
    height: auto;
    width: auto;
}
.hw-overlap .hw-nav-logo img {
    display: none;
}
.hw-overlap .hw-nav-logo img:last-child {
    display: inline-block;
}
@media (max-width: 500px) {
    .hw-nav-logo img {
        max-width: 200px !important;
    }
}
@media (max-width: 400px) {
    .hw-nav-logo img {
        max-width: 150px !important;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		2.3 - Search

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.vb-search-warp {
    --vb-srh-br-bl-st-wt: 2px;
    --vb-srh-br-bl-en-wt: 2px;
    --vb-srh-br-in-st-wt: 2px;
    --vb-srh-br-in-en-wt: 2px;
    --vb-srh-cat-bg: var(--vb-srh-bg);
    --vb-srh-cat-cr: var(--vb-lk-cr);
    --vb-srh-cr: var(--vb-cr);
}
.hwicon-search::before {
    font-family: 'fontsite';
    content: '\F004';
}
.hw-search {
    height: var(--hw-srh-ht);
    line-height: var(--hw-srh-ht);
    position: relative;
    float: var(--hw-srh-ft, left);
    display: inline-grid;
    width: var(--hw-srh-wt, 100%);
    font-size: var(--hw-srh-fn-sz, 14px);
    font-weight: var(--hw-srh-fn-wt, 400);
    text-transform: var(--hw-srh-fn-tr, none);
    box-shadow: 0 0 0 2px var(--hw-srh-br-cr, transparent);
    border-radius: var(--hw-srh-rd, 00px) !important;
    overflow: hidden;
}
.hw-search input {
    width: 100%;
    box-shadow: none !important;
    border: none !important;
    min-height: 0 !important;
    padding: 0 1em !important;
    background-color: var(--hw-srh-txt-bg, #f2f6f9) !important;
    color: var(--hw-srh-txt-txt, #20282f) !important;
    line-height: inherit !important;
    font-weight: inherit;
    height: 100% !important;
    font-size: inherit !important;
    margin: 0px !important;
    border-radius: var(--hw-srh-txt-rd, 0px) !important;
}
.hw-search > input::placeholder {
    opacity: 0.75 !important;
}
.hw-search button {
    cursor: pointer;
    float: rightr;
    padding: 0px !important;
    color: #fff;
    background: #000000;
    font-weight: inherit !important;
    text-transform: inherit !important;
    line-height: inherit !important;
    font-size: inherit !important;
    padding: 0 1em !important;
    border-radius: 0px;
    border: none !important;
    min-height: 0 !important;
    padding: 0px !important;
    background: var(--hw-srh-btn-bg, none) !important;
    color: var(--hw-srh-btn-txt, #ffffff) !important;
    height: 100%;
    border-radius: 0px !important;
    border: 0;
    width: 100%;
    border-radius: var(--hw-srh-btn-rd, 0px) !important;
}
.hw-search button:hover {
    background: var(--hw-srh-btn-hv-bg) !important;
}
/*-------------------------------------------------------------- Fexid----------------------------------------------------------------*/
.hw-search-fixed {
    width: calc(var(--hw-header-wt, var(--hw-body-wt)) * calc(1 / var(--hw-flx, 2)) - var(--hw-srh-dv, 0px)) !important;
    min-width: 250px;
    --hw-srh-ht: calc(var(--hw-nav-md-ht) - 4px);
}
.hw-search-fixed > li {
    width: 100%;
    height: var(--hw-srh-ht);
}
/*-------------------------------------------------------------- Dropdown----------------------------------------------------------------*/
.vb-search-button-icon::before {
    font-size: 1.25em !important;
}
.hw-search-button-text .hw-search {
    grid-template-columns: auto 6em;
}
.hw-search-button-icon .hw-search {
    grid-template-columns: auto var(--hw-srh-ht);
}
/** Icon ************/
.hw-search-button-icon .hw-search button::before {
    font-family: 'fontsite';
    content: '\F040';
    display: inline-block;
    color: inherit !important;
    width: calc(var(--hw-srh-ht)) !important;
    position: absolute;
    padding: 0px;
    height: var(--hw-srh-ht) !important;
    font-size: calc(var(--hw-srh-ht) / 2.2);
    font-style: normal;
    top: 0;
    line-height: var(--hw-srh-ht);
}
/*-------------------------------------------------------------- Seach Ajax----------------------------------------------------------------*/
.hw-el-search-ajax {
    padding: 0px 15px !important;
    margin: 0px !important;
    width: 100% !important;
    text-align: center;
    box-shadow: none !important;
    border: none !important;
    --hw-gap: 20px;
}
.hw-el-search-ajax .hw-post-product {
    --hw-pd: 15px !important;
    --hw-product-lg: 15px !important;
    -hw-meta-fn-sz: 12px !important;
}
.vb-sub-search .hw-el-search-ajax {
    padding: 0px !important;
    width: 100% !important;
    margin: 0px !important;
}
.hw-el-search-ajax .hw-module-1 .hw-thumb {
    width: 54px !important;
}
.vb-sub-search .hw-el-search-ajax .hw-module-1 .hw-thumb {
    width: 45px !important;
}
.hw-el-search-ajax .hw-product-category {
    margin: 7px 0px 0px !important;
}
.hw-el-search-ajax .hw-no-results {
    line-height: 40px;
    float: left;
    text-align: center;
    width: 100%;
    color: var(--hw-drp-lk);
    margin: 10px 0px !important;
    padding: 0px !important;
}
.hw-el-search-ajax .hw-outofstock {
    display: none !important;
}
@media (max-width: 1024px) {
    .hw-gap-30px {
        --hw-between-gap: 20px !important;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	searchfield

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-searchfield {
    --hw-srh-ft: var(--hw-ag, center);
    --hw-srh-ht: 50px;
    padding: 2px;
    --hw-srh-txt-bg: var(--hw-main-gry);
    --hw-srh-txt-txt: var(--hw-main-txt);
    --hw-srh-br-cr: var(--hw-main-br-cr);
    --hw-srh-btn-bg: var(--hw-primary-bg);
    --hw-srh-btn-txt: var(--hw-primary-txt);
    --hw-srh-btn-hv-bg: var(--hw-primary-hv-bg);
    --hw-srh-btn-hv-txt: var(--hw-primary-txt);
    text-align: var(--hw-ag, center);
    --hw-srh-rd: var(--hw-btn-rd);
}
.hw-searchfield .hw-search {
    display: flex;
}
.hw-searchfield .hw-search input {
    width: 0px;
    flex-grow: 1;
}
.hw-searchfield .hw-search button {
    width: calc(var(--hw-srh-ht)) !important;
}
.hw-searchfield button::before {
    font-family: 'fontsite';
    content: '\F040';
    display: inline-block;
    color: inherit !important;
    width: calc(var(--hw-srh-ht)) !important;
    position: absolute;
    padding: 0px;
    height: var(--hw-srh-ht) !important;
    font-size: calc(var(--hw-srh-ht) / 2.2);
    font-style: normal;
    top: 0;
    line-height: var(--hw-srh-ht);
}
@media (max-width: 1199px) {
    .hw-600.hw-searchfield .hw-search, .hw-400.hw-searchfield .hw-search, .hw-300.hw-searchfield .hw-search, .hw-200.hw-searchfield .hw-search, .hw-100.hw-searchfield .hw-search {
        width: 100% !important;
        font-size: 14px !important;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		2.4 - Social

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-nav-social {
    --hw-icn-mr: 0px;
    --hw-drp-pd: 20px;
    --hw-drp-wt: 350px;
    --hw-scl-txt: var(--hw-nav-lk);
    --hw-scl-hv-txt: var(--hw-nav-hv-lk);
    --hw-scl-br-cr: var(--hw-nav-lk-sd, rgba(118, 128, 138, 0.2));
    --hw-scl-rd: 50%;
}
body .vb-social {
    --vb-scl-rd: var(--hw-scl-rd, 1000px);
}
/* Fixed**/
.hw-social-fixed [class*='hw-social-icon'] {
    padding: var(--hw-nav-pd, 0 20px);
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.hw-social-fixed [class*='hw-social-icon'] {
    align-items: center;
    float: left;
    display: inline-flex;
    vertical-align: middle;
    height: 100%;
}
.hw-social-dropdown > li > a::before {
    font-family: 'fontsite';
    content: '\F039';
}
.hw-social-dropdown > li > a::before {
    font-family: 'fontsite';
    content: '\F006' !important;
}
.hw-social-dropdown [class*='hw-social-icon'] {
    --hw-scl-txt: var(--hw-drp-lk);
    --hw-scl-hv-txt: var(--hw-drp-hv-lk);
    --hw-scl-br-cr: var(--hw-drp-br-cr);
}
.hw-social-dropdown .hw-drop {
    line-height: 1em;
    text-align: center;
}
[class*='hw-social-icon'] {
    text-align: var(--hw-ag, center);
    margin: calc(var(--hw-scl-pd, 10px) / -2);
}
[class*='hw-social-icon'] > a {
    font-size: var(--hw-scl-icn-sz, 1.5em);
    height: 1em;
    line-height: 1em;
    margin: calc(var(--hw-scl-icn-pd, 10px) / 2) !important;
    float: none !important;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    pointer-events: all;
}
.hw-social-icon-style-1 {
    --hw-scl-icn-pd: var(--hw-scl-pd, 20px);
    --hw-scl-icn-sz: var(--hw-scl-sz, 1.5em);
    --hw-scl-icn-bg: none;
    --hw-scl-icn-txt: var(--hw-scl-txt);
    --hw-scl-icn-hv-txt: var(--hw-scl-hv-txt);
    --hw-scl-icn-br-cr: transparent;
    --hw-scl-icn-rd: 0px;
}
.hw-social-icon-style-2 {
    --hw-scl-icn-pd: var(--hw-scl-pd, 15px);
    --hw-scl-icn-sz: var(--hw-scl-sz, 2em);
    --hw-scl-icn-bg: var(--hw-main-gry-bg);
    --hw-scl-icn-txt: var(--hw-main-lk);
    --hw-scl-icn-hv-txt: var(--hw-scl-hv-txt);
    --hw-scl-icn-br-cr: transparent;
    --hw-scl-icn-rd: var(--hw-scl-rd);
}
.hw-social-icon-style-3 {
    --hw-scl-icn-pd: var(--hw-scl-pd, 15px);
    --hw-scl-icn-sz: var(--hw-scl-sz, 2em);
    --hw-scl-icn-rd: var(--hw-scl-rd);
}
[class*='hw-social-icon'] > a::before {
    content: var(--hw-scl);
    font-size: 1em;
    font-family: 'fontsite';
    transition: all 300ms;
    font-style: normal;
    color: var(--hw-scl-icn-txt);
}
[class*='hw-social-icon'] > a:hover::before {
    color: var(--hw-scl-icn-hv-txt, var(--hw-scl-icn-txt));
}
.hw-social-icon-style-2 > a:before {
    background: var(--hw-scl-icn-bg);
    width: 2.4em;
    border-radius: var(--hw-scl-icn-rd);
    font-size: 0.4em !important;
    height: 2.4em;
    float: left;
    box-shadow: 0 0 0 1px var(--hw-scl-icn-br-cr) inset;
    color: var(--hw-scl-icn-txt);
}
.hw-social-icon-style-3 > a:before {
    background: var(--vb-icon-bg, var(--hw-scl-bg)) !important;
    color: var(--vb-icon-cr, #ffffff) !important;
    width: 2em;
    border-radius: var(--hw-scl-icn-rd);
    font-size: 0.5em !important;
    height: 2em;
    float: left;
}
.hw-social-icon-style-4 > a:before {
    background: var(--hw-scl-icn-bg);
    width: 2em;
    border-radius: var(--hw-scl-icn-rd);
    font-size: 0.5em !important;
    height: 2em;
    float: left;
    color: var(--hw-scl-icn-txt);
}
.hw-social-icon-style-2 > a:hover::before,
.hw-social-icon-style-3 > a:hover::before {
    background: var(--hw-primary-bg) !important;
    color: var(--hw-primary-txt) !important;
    box-shadow: none !important;
}
.hw-el-share, .hw-el-social {
    --hw-scl-icn-sz: calc(var(--hw-fn-md) * 1.5);
    --hw-scl-icn-txt: var(--hw-main-txt);
    --hw-scl-icn-hv-txt: var(--hw-main-hv-lk);
    --hw-scl-icn-br-cr: var(--hw-main-br-cr);
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	3 - Post

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		3.1 - Ajax

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
[class*="hw-post-"] {
    transition: transform 350ms, background 350ms, box-shadow 350ms, border-color 350ms;
}
.hw-new-post {
    transform: scale(0);
}
.hw-ajax-tab [class*="hw-post"]:not(.hw-new-post) {
    transform: scale(1) !important;
}
.hw-ajax-loading:before {
    z-index: 2;
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%
}
.hw-ajax-loading .hw-gap-warp {
    opacity: .5 !important;
}
.hw-ajax-loading .hw-gap-warp::before {
    content: "\F045";
    -webkit-animation: hexwp_rotate 1.4s infinite linear;
    animation: hexwp_rotate 1.4s infinite linear;
    font-family: 'fontsite';
    font-size: 60px;
    z-index: 9999999;
    float: left;
    color: var(--hw-main-lk);
    position: absolute;
    top: calc(50% - 30px) !important;
    left: calc(50% - 30px) !important;
}
.hw-data-json {
    display: none;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		3.1 Title Box

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-gap-0px [class*="hw-tbox"],
.hw-gap-2px [class*="hw-tbox"],
.hw-gap-10px [class*="hw-tbox"],
.hw-gap-15px [class*="hw-tbox"] {
    --hw-gp: 20px;
}
[class*="hw-tbox"] {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 1px 0 0;
    margin-bottom: var(--hw-gp, 0px);
    --hw-tbox-pd: .75em 1.5em;
}
[class*="hw-bw-border"] [class*="hw-tbox"] {
    margin-bottom: calc(var(--hw-gp, 0px) / 2);
}
[class*="hw-tbox"] > .hw-title-box {
    width: 100%;
    float: left;
    margin: 0;
    line-height: 1em;
    border-color: inherit !important;
    font-size: var(--hw-tbox-main-fn-sz, 20px);
    border-radius: 0px;
    position: relative;
}
.hw-main-center > .hw-title-box, .hw-tabs-center > .hw-title-box {
    text-align: center;
}
.hw-tab-main {
    padding-top: .3em;
    padding-bottom: .3em;
    margin-right: 1.2em;
    float: left;
    position: relative;
    color: var(--hw-tbox-main-txt);
    list-style: none;
}
.hw-tab-main span {
    font-size: inherit !important;
    font-weight: var(--hw-tbox-main-fn-wt, 700);
    font-size: var(--hw-tbox-main-fn-sz, 20px);
    text-transform: var(--hw-tbox-main-fn-tr, none);
    float: left;
    /*color:inherit !important;*/
    position: relative;
    color: #000000;
    font-weight: 700;
    text-align: left;
}
.hw-tab-main span > * {
    display: inline-block !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 400 !important;
    margin-left: 5px !important;
    color: inherit !important;
    float: none !important;
}
.hw-tab-main span > span {
    font-weight: inherit !important;
    color: var(--hw-main-hl) !important;
    margin-left: 0px !important;
}
.hw-main-center .hw-tab-main {
    float: none;
    text-align: center;
    text-align: center;
    margin-left: 1.2em !important;
    display: inline-block;
    vertical-align: top;
}
.hw-tabs {
    float: left;
    margin: 0px;
}
.hw-main-tabs .hw-tabs,
.hw-main-right .hw-tabs {
    float: right;
}
.hw-main-right li.hw-tab-item:last-child,
.hw-main-tabs li.hw-tab-item:last-child {
    margin-right: 0px !important;
}
.hw-tab-item {
    margin-right: 1.2em;
    float: left;
    padding-top: .3em;
    padding-bottom: .3em;
    cursor: pointer;
    position: relative;
    color: var(--hw-tbox-tab-txt);
    width: max-content;
    list-style: none;
}
.hw-tab-item:hover, .hw-tab-active {
    color: var(--hw-tbox-atv-txt, var(--hw-tbox-tab-txt)) !important;
}
body .hw-tab-active {
    pointer-events: none !important;
}
.hw-tabs > li:first-child {
    margin-left: 1.2em !important;
}
.hw-tab-item a {
    line-height: inherit !important;
    margin: 0px;
    font-weight: var(--hw-tbox-tab-fn-wt, 400);
    font-size: var(--hw-tbox-tab-fn-sz, 17px);
    text-transform: var(--hw-tbox-tab-fn-tr, none);
    cursor: pointer;
    float: left;
    z-index: 1;
    color: inherit !important;
    cursor: pointer;
    position: relative;
}
[class*="hw-tborder"], [class*="hw-tbox"] > .hw-title-box::before, [class*="hw-tab"]::before {
    content: '';
    border-style: solid;
    border-color: inherit;
    border-width: 0 0px 0px 0;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
}
[class*="hw-tborder"], [class*="hw-tbox"] > .hw-title-box::before, .hw-tab-main::before {
    border-color: var(--hw-tbox-br-cr, transparent) !important;
}
.hw-tab-item::before {
    border-color: initial !important;
}
.hw-tabs-center .hw-tabs {
    margin-right: 0px;
    float: none;
    vertical-align: top;
    width: auto !important;
    display: inline-block;
}
.hw-main-tabs .hw-tabs {
    float: right;
}
.hw-main-tabs li.hw-tab-item:last-child {
    margin-right: 0px !important;
}
.hw-tabs-center .hw-tab-item {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.hw-tabs-center li.hw-tab-item:first-child {
    margin-left: 1.2em !important;
}
.hw-tbox-full-width .hw-title-box, .hw-tbox-full-width .hw-title-box .hw-tabs {
    width: 100% !important;
    text-align: center;
}
.hw-tbox-full-width .hw-title-box [class*="hw-tab-"] {
    float: none !important;
    display: inline-block !important;
    margin: 0 7px 10px !important;
}
.hw-tab-item.hw-view-all a::after {
    content: "\F024";
    margin-left: 7px;
    float: right;
    font-family: 'fontsite';
    font-style: normal;
    font-size: 1em;
    font-weight: 400;
    vertical-align: top;
    color: inherit;
    opacity: .7;
}
[class*="hw-el-"]:not(.hw-boxed-all) .hw-tbox-style-1 {
    margin: 0px 0px 20px !important;
}
.hw-tbox-style-2 [class*="hw-tab-"] {
    padding-bottom: .8em !important;
}
.hw-tbox-style-2 .hw-tab-main::before, .hw-tbox-style-2.hw-tabs-center [class*="hw-tab-"]::before {
    border-width: 0 0px 3px 0;
    width: 100%;
    max-width: 40px;
}
.hw-tbox-style-2.hw-tabs-center .hw-tab-item::before {
    transform: scaleX(0) translateX(50%);
    transition: all 350ms;
    left: 50%;
}
.hw-tbox-style-2.hw-main-center .hw-tab-main::before, .hw-tbox-style-2.hw-tabs-center .hw-tab-active::before, .hw-tbox-style-2.hw-tabs-center [class*="hw-tab-"]:hover::before {
    transform: scaleX(1) translateX(50%);
    max-width: 40px;
    left: 50%;
}
[class*="hw-el-"]:not(.hw-boxed-all) .hw-tbox-style-3 {
    margin-top: -10px !important;
}
.hw-tbox-style-3 > .hw-title-box::before {
    border-width: 0px 0 1px;
}
.hw-tbox-style-3 .hw-tab-main::before {
    border-width: 0 0px 2px 0;
    width: 100%;
    border-color: var(--hw-main-hl) !important;
    max-width: 50px;
}
.hw-tbox-style-3 [class*="hw-tab-"] {
    padding-bottom: .75em !important;
}
.hw-tbox-style-4 > .hw-title-box::before {
    border-width: 3px 0 3px;
}
.hw-tbox-style-4 [class*="hw-tab-"] {
    padding-top: .75em !important;
    padding-bottom: .75em !important;
}
.hw-tbox-style-5 [class*="hw-tborder"] {
    border-width: 1px 0 0px;
    top: calc(50% - 1px) !important;
}
.hw-tbox-style-5 .hw-tborder-before {
    left: 0px;
    right: auto;
}
.hw-tbox-style-5 .hw-tborder-after {
    right: 0px;
    left: auto;
}
.hw-tbox-style-6 [class*="hw-tab-"] {
    padding: var(--hw-tbox-pd) !important;
    margin-right: .8em !important;
}
.hw-tbox-style-6 [class*="hw-tab-"]::before {
    border-width: 3px;
    border-color: initial !important;
    border-radius: var(--hw-tbox-rd, 0px);
}
.hw-tbox-style-7 [class*="hw-tab-"] {
    padding: var(--hw-tbox-pd) !important;
    margin-right: .8em !important;
}
.hw-tbox-style-7 [class*="hw-tab-"]::before {
    border-radius: var(--hw-tbox-rd, 0px);
    transition: all 350ms;
}
.hw-tbox-style-7 .hw-tab-main::before {
    /*background:var(--hw-tbox-main-bg,none);*/
}
.hw-tbox-style-7 .hw-tab-item::before {
    /*background:var(--hw-tbox-tab-bg,none);*/
}
.hw-tbox-style-7 .hw-tab-active::before {
    /*background:var(--hw-tbox-atv-bg,none);*/
}
@media (max-width: 1199px) {
    .hw-tbox-style-6 [class*="hw-tab-"], .hw-tbox-style-7 [class*="hw-tab-"] {
        padding: 0.6em 1em !important;
    }
    [class*="hw-tbox-"] {
        --hw-tbox-main-fn-sz: 18px;
        --hw-tbox-tab-fn-sz: 14px;
    }
    .hw-tbox-full-width.hw-tbox-style-2 [class*="hw-tab-"]::before,
    .hw-tbox-full-width.hw-tbox-style-3 [class*="hw-tab-"]::before {
        transform: scaleX(1) translateX(50%);
        right: 50%;
    }
}
@media (max-width: 499px) {
    [class*="hw-tbox-"] {
        --hw-tbox-main-fn-sz: 16px;
        --hw-tbox-tab-fn-sz: 13px;
    }
}
.hw-title-box .hw-arrow-warp {
    width: auto !important;
    z-index: 100;
    position: relative;
    height: 100%;
    top: 0;
    float: right;
    pointer-events: none;
}
.hw-title-box .hw-page-list {
    display: none !important;
}
.hw-title-box .hw-arrow-warp {
    transition: var(--hw-tr);
    opacity: var(--hw-aw-ly, 0);
    padding-top: .2em;
    padding-bottom: .2em;
    list-style: none;
}
.hw-tbox-style-6 .hw-arrow-warp,
.hw-tbox-style-7 .hw-arrow-warp {
    padding-top: .6em;
    padding-bottom: .6em;
}
.hw-title-box .hw-arrow-warp {
    opacity: 1;
    transition: var(--hw-tr);
}
.hw-title-box .noPager .hw-item-list {
    transform: none !important;
}
.hw-title-box .hw-arrow-warp a {
    opacity: 1;
    background: none;
    top: 0px;
    position: relative;
    height: 1em;
    width: 1em;
    font-size: 1.2em;
    pointer-events: all;
    box-shadow: none !important;
    float: left;
    color: var(--hw-tbox-main-txt);
    background: none;
    cursor: pointer;
}
.hw-title-box .hw-arrow-warp a::before {
    width: 1em;
    text-align: center;
    position: relative;
    height: 1em;
    float: left;
    line-height: 1em;
    font-size: inherit;
    color: inherit !important;
    font-family: 'fontsite';
    text-align: center;
}
.hw-title-box .hw-arrow-warp a:hover {
    --hw-aw-txt: var(--hw-primary-txt);
    --hw-aw-bg: var(--hw-primary-bg);
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		3.2 Thumb

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-thumb {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
}
.hw-not-thumb {
    --hw-img-wt: 0px !important;
}
.hw-thumb > a {
    padding-bottom: var(--hw-ratio, 0px);
    width: 100%;
    height: var(--hw-ratio-ht, auto);
    float: left;
    position: relative;
    overflow: hidden;
}
.hw-thumb > a > img {
    width: 100%;
    font-size: 0;
    transition: all 350ms;
    float: left;
    visibility: var(--hw-ratio-img, visible);
    height: var(--hw-ratio-ht-img, auto);
    position: var(--hw-ratio-po, relative);
}
.hw-thumb > a > figure {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    float: left;
    height: 100%;
    transition: all 350ms;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: var(--hw-ratio-figure, none);
}
.hw-ratio-auto, .hw-ratio-auto-second .hw-second {
    --hw-ratio: 0;
    --hw-ratio-auto: 0;
    --hw-ratio-ht: fit-content;
    --hw-ratio-ht-img: auto;
    --hw-ratio-po: relative;
    --hw-ratio-ob: none;
    --hw-ratio-img: visible;
    --hw-ratio-figure: none;
}
.hw-ratio40, .hw-ratio40-second .hw-second {
    --hw-ratio: 40%;
}
.hw-ratio50, .hw-ratio50-second .hw-second {
    --hw-ratio: 50%;
}
.hw-ratio55, .hw-ratio55-second .hw-second {
    --hw-ratio: 55%;
}
.hw-ratio60, .hw-ratio60-second .hw-second {
    --hw-ratio: 60%;
}
.hw-ratio75, .hw-ratio75-second .hw-second {
    --hw-ratio: 75%;
}
.hw-ratio100, .hw-ratio100-second .hw-second {
    --hw-ratio: 100%;
}
.hw-ratio135, .hw-ratio135-second .hw-second {
    --hw-ratio: 135%;
}
.hw-ratio40, .hw-ratio50, .hw-ratio55, .hw-ratio60, .hw-ratio75, .hw-ratio100, .hw-ratio135, .hw-ratio40-second .hw-second, .hw-ratio50-second .hw-second, .hw-ratio60-second .hw-second, .hw-ratio55-second .hw-second, .hw-ratio75-second .hw-second, .hw-ratio100-second .hw-second, .hw-ratio135-second .hw-second {
    --hw-ratio-ht: 100%;
    --hw-ratio-ht-img: 100%;
    --hw-ratio-po: absolute;
    --hw-ratio-auto: 1;
    --hw-ratio-img: hidden;
    --hw-ratio-figure: inline-block;
}
@media (min-width: 1025px) {
    .hw-ratio1-2x > [class*="hw-post-"] {
        padding-bottom: calc(calc(var(--hw-ratio, 0px) / 2) - var(--hw-gp, 0px)) !important;
    }
    .hw-ratio2x > [class*="hw-post-"] {
        padding-bottom: calc(calc(var(--hw-ratio, 0px) * 2) - var(--hw-gp, 0px)) !important;
    }
}
@media (max-width: 1024px) {
    .hw-second {
        --hw-ratio: inherit !important;
        --hw-ratio: inherit !important;
        --hw-img-wt: inherit !important;
        --hw-ratio-ht: inherit !important;
        --hw-ratio-ht-img: inherit !important;
        --hw-ratio-po: inherit !important;
        --hw-ratio-ob: inherit !important;
        --hw-ratio-img: inherit !important;
        --hw-ratio-figure: inherit !important;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		3.3 Thumb Hover

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-hover-reduce-opacity .hw-thumb img,
.hw-hover-reduce-opacity .hw-thumb figure,
.hw-hover-remove-opacity [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-remove-opacity [class*="hw-post"]:hover .hw-thumb figure {
    opacity: 1;
}
.hw-hover-reduce-opacity [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-reduce-opacity [class*="hw-post"]:hover .hw-thumb figure,
.hw-hover-remove-opacity .hw-thumb img,
.hw-hover-remove-opacity .hw-thumb figure {
    opacity: 0.7;
}
.hw-hover-grow [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-grow [class*="hw-post"]:hover .hw-thumb figure {
    transform: scale(1.1, 1.1);
}
.hw-hover-add-color .hw-thumb img,
.hw-hover-add-color .hw-thumb figure,
.hw-hover-remove-color [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-remove-color [class*="hw-post"]:hover .hw-thumb figure {
    filter: grayscale(100%);
}
.hw-hover-add-color [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-add-color [class*="hw-post"]:hover .hw-thumb figure,
.hw-hover-remove-color .hw-thumb img,
.hw-hover-remove-color .hw-thumb figure {
    filter: grayscale(00%);
}
.hw-hover-add-blur .hw-thumb img,
.hw-hover-add-blur .hw-thumb figure,
.hw-hover-remove-blur [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-remove-blur [class*="hw-post"]:hover .hw-thumb figure {
    filter: blur(0px);
}
.hw-hover-add-blur [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-add-blur [class*="hw-post"]:hover .hw-thumb figure,
.hw-hover-remove-blur .hw-thumb img,
.hw-hover-remove-blur .hw-thumb figure {
    filter: blur(1px);
}
.hw-hover-shrink .hw-thumb img,
.hw-hover-shrink .hw-thumb figure {
    transform: scale(1.1);
}
.hw-hover-shrink [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-shrink [class*="hw-post"]:hover .hw-thumb figure {
    transform: scale(1.0);
}
.hw-hover-rotate .hw-thumb img,
.hw-hover-rotate .hw-thumb figure {
    transform: rotate(0);
}
.hw-hover-rotate [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-rotate [class*="hw-post"]:hover .hw-thumb figure {
    transform: rotate(-7deg) scale(1.2);
}
.hw-hover-add-bleften .hw-thumb img,
.hw-hover-add-bleften .hw-thumb figure,
.hw-hover-remove-bleften [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-remove-bleften [class*="hw-post"]:hover .hw-thumb figure,
.hw-hover-add-darkness .hw-thumb img,
.hw-hover-add-darkness .hw-thumb figure,
.hw-hover-remove-darkness [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-remove-darkness [class*="hw-post"]:hover .hw-thumb figure {
    filter: bleftness(100%);
}
.hw-hover-add-bleften [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-add-bleften [class*="hw-post"]:hover .hw-thumb figure,
.hw-hover-remove-bleften .hw-thumb img,
.hw-hover-remove-bleften .hw-thumb figure {
    filter: bleftness(125%);
}
.hw-hover-add-darkness [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-add-darkness [class*="hw-post"]:hover .hw-thumb figure,
.hw-hover-remove-darkness .hw-thumb img,
.hw-hover-remove-darkness .hw-thumb figure {
    filter: bleftness(60%);
}
.hw-hover-sidepan .hw-thumb img,
.hw-hover-sidepan .hw-thumb figure {
    background-position-x: 100% !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
    width: 100% !important;
    transition: 1.5s linear !important;
}
.hw-hover-sidepan [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-sidepan [class*="hw-post"]:hover .hw-thumb figure {
    background-position-x: 00% !important;
    transition: 1.5s linear !important;
}
.hw-hover-verticalpan .hw-thumb img,
.hw-hover-verticalpan .hw-thumb figure {
    transition: 1.5s linear !important;
    background-position-y: 00% !important;
    background-size: 100% !important
}
.hw-hover-verticalpan [class*="hw-post"]:hover .hw-thumb img,
.hw-hover-verticalpan [class*="hw-post"]:hover .hw-thumb figure {
    background-position-y: 100% !important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		3.4 Details

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-details {
    transition: var(--hw-tr);
    float: left;
    position: relative;
    width: 100%;
}
/*------------------------------------------------------------------ Title --------------------------------------------------------------*/
.hw-title {
    position: relative;
    z-index: 1;
    margin: 0 !important;
    width: 100%;
    transition: var(--hw-tr);
    color: var(--hw-post-tl-lk);
    text-transform: var(--hw-post-tl-fn-tr, none);
    /*line-height:calc(1em + var(--hw-fn-lg-li-ht,12px));
	font-size:var(--hw-post-tl-fn-sz,var(--hw-fn-lg));
	font-weight:var(--hw-post-tl-fn-wt,700);*/
    /*text-align: var(--hw-ag,left);*/
    text-align: center;
    font-size: 20px !important;
    line-height: 26px;
    font-weight: 600;
    height: 26px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hw-title a {
    width: 100%;
    transition: var(--hw-tr);
    color: inherit !important;
    font-weight: inherit !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
}
.hw-title:hover {
    color: var(--hw-post-tl-hv-lk, var(--hw-post-tl-lk)) !important;
}
.sticky .hw-title a::before {
    content: "\F046";
    font-family: 'fontsite';
    font-style: normal;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
}
/*------------------------------------------------------------------ excerpt --------------------------------------------------------------*/
.hw-excerpt {
    margin-top: var(--hw-mg-tp);
    margin-bottom: 0 !important;
    position: relative;
    z-index: 1;
    width: 100%;
    float: left;
    transition: var(--hw-tr);
    color: var(--hw-expt-txt);
    font-size: var(--hw-expt-fn-sz, var(--hw-fn-md));
    font-weight: var(--hw-expt-fn-wt, 400);
    text-transform: var(--hw-expt-fn-tr, none);
    line-height: var(--hw-fn-md-li-ht);
    text-align: var(--hw-ag-justify, var(--hw-ag, left));
}
.hw-excerpt li {
    list-style: none !important;
    margin-left: 0px !important;
}
.hw-excerpt li::before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 4px;
    height: 4px;
    border: 2px solid;
    border-radius: 50%;
    margin: 0px 10px 0px 2px;
    color: inherit !important;
}
.hw-excerpt p:last-child {
    margin-bottom: 0px !important;
}
/*------------------------------------------------------------------ Readmore --------------------------------------------------------------*/
.hw-readmore {
    margin-top: var(--hw-mg-tp);
    text-align: var(--hw-ag, left);
    float: left;
    width: 100%;
}
.hw-readmore a {
    box-shadow: 0 0 0 1px var(--hw-main-br-cr) inset !important;
    color: var(--hw-post-tl-lk);
    text-transform: uppercase;
    font-size: var(--hw-fn-md, 15px);
    line-height: 2.8em;
    padding: 0 1.5em;
    pointer-events: all;
    font-weight: var(--hw-read-fn-wt, 500);
    text-transform: var(--hw-read-fn-tr, none);
    display: inline-block;
    border-radius: var(--hw-btn-rd, 0px);
}
.hw-readmore a:hover {
    color: var(--hw-primary-txt);
    background: var(--hw-primary-bg);
    box-shadow: 0 0 0 1px transparent inset;
}
.hw-el-image-list .hw-title {
    font-size: var(--hw-post-tl-fn-sz, calc(var(--hw-fn-lg)));
    text-align: left;
}
.hw-el-image-list .hw-excerpt {
    font-size: var(--hw-expt-fn-sz, calc(var(--hw-fn-md)));
    margin-top: calc(var(--hw-mg-tp));
}
/*------------------------------------------------------------------ Align --------------------------------------------------------------*/
.hw-align-right {
    --hw-ag: right;
}
.hw-align-left {
    --hw-ag: left;
}
.hw-align-center {
    --hw-ag: center;
}
.hw-align-justify {
    --hw-ag: left;
    --hw-ag-justify: justify;
}
.hw-direction {
    direction: rtl;
}
.hw-direction * {
    direction: ltr;
}
@media (max-width: 1199px) {
    .hw-title {
        font-size: var(--hw-fn-lg) !important;
    }
    .hw-excerpt {
        font-size: var(--hw-fn-md) !important;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		3.5 Meta

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-meta {
    width: 100%;
    float: left;
    overflow: hidden;
    margin: var(--hw-meta-loc, var(--hw-mg-tp) 0 0) !important;
    color: var(--hw-meta-txt);
    font-size: var(--hw-meta-fn-sz, var(--hw-fn-sm));
    height: var(--hw-meta-ht, 1.5em);
    font-weight: var(--hw-meta-fn-wt, 400);
    text-transform: var(--hw-meta-fn-tr, none);
    position: relative;
    line-height: var(--hw-meta-ht, 1.5em);
    text-align: left; /*var(--hw-ag,left);*/
    margin-bottom: 10px !important;
}
.hw-meta li {
    display: inline-block;
    margin: 0 0px 0 0 !important;
    font-size: inherit !important;
    overflow: hidden;
    list-style: none;
    color: inherit !important;
    vertical-align: middle;
    line-height: inherit !important;
    max-height: inherit !important;
}
.hw-meta li, .hw-meta li a, .hw-meta li span {
    line-height: inherit;
    color: inherit;
    font-size: inherit !important;
}
.hw-meta li:last-child:after {
    display: none;
    content: inherit;
}
.hw-meta li:after {
    content: var(--hw-meta-bet);
    margin-right: 7px;
    margin-left: 7px;
}
.hw-author a {
    color: var(--hw-post-tl-lk) !important;
    pointer-events: all;
    font-weight: var(--hw-post-tl-fn-wt, 700) !important;
}
.hw-author a:hover {
    color: var(--hw-post-tl-hv-lk) !important;
}
.hw-author img {
    float: none;
    margin-right: 5px;
    width: 1.75em;
    vertical-align: middle;
    height: 1.75em;
    border-radius: 50%
}
.hw-meta li::before {
    color: inherit !important;
    vertical-align: revert;
    font-family: "fontsite";
    text-decoration: inherit;
    font-weight: 400;
    font-style: normal;
    margin-right: 5px;
    display: var(--hw-meta-dis, inline-block) !important;
    opacity: .8;
    font-size: 1.1em !important;
    line-height: inherit !important;
}
.hw-meta .hw-author::before {
    content: "\F027";
    display: var(--hw-meta-aut, var(--hw-meta-dis, inline-block)) !important;
}
.hw-meta .hw-date::before {
    content: "\F029"
}
.hw-meta .hw-view::before {
    content: "\F031"
}
.hw-meta .hw-comment::before {
    content: "\F030"
}
.hw-meta .hw-cats::before {
    content: "\F028"
}
@media (max-width: 1199px) {
    .hw-meta {
        font-size: var(--hw-fn-sm) !important;
    }
}
.hw-meta [class*="hw-all-category"] {
    width: auto;
    float: none;
    line-height: inherit;
    font-size: inherit;
    color: inherit;
    display: inline-block;
}
.hw-meta [class*="hw-all-category"] a {
    float: none;
    line-height: inherit;
    font-size: inherit;
    color: inherit;
    pointer-events: all;
    display: inline-block;
}
.hw-icon-video {
    position: absolute;
    margin: calc(var(--hw-icn-sz, 50px) / 4 + 10px);
    top: 0px;
    left: 0px;
    text-transform: none;
}
.hw-icon-video::before {
    font-size: var(--hw-icn-sz, 50px);
    background: rgba(0, 0, 0, 0.25);
    line-height: 1em;
    height: 1em;
    font-family: "fontsite";
    content: "\F035";
    border-radius: 50%;
    font-style: normal;
    color: rgb(255, 255, 255) !important;
    vertical-align: top;
    display: inline-block;
    text-shadow: 0 0 8px rgb(0, 0, 0) !important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		3.6 Hover Icon

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
[class*="hw-post-"] figcaption {
    background: var(--hw-cap-bg);
    position: absolute;
    opacity: 0;
    height: 100%;
    width: 100%;
    display: flex;
    transition: all 350ms;
    pointer-events: none;
}
[class*="hw-post-"] figcaption::before, [class*="hw-post-"] figcaption::after {
    transition: all 350ms;
}
[class*='hw-post-']:hover figcaption {
    opacity: 1;
}
[class*="hw-el-"][class*="hw-cap-hover"] [class*="hw-post-"] figcaption,
[class*="hw-el-"] [class*="hw-module-2"] [class*="hw-post-"] figcaption {
    z-index: 2;
}
.hw-thumb figcaption {
    align-items: center;
}
.hw-hover-icon {
    position: relative;
    width: auto;
    opacity: 0;
    float: left;
    transition: all 350ms;
    margin-right: auto;
    font-size: 0px;
    height: 0px;
    width: 100%;
    text-align: center;
    margin-left: auto;
}
.hw-hover-icon a {
    text-align: center;
    font-size: inherit;
    display: var(--hw-dp-4, none);
    margin: 0 5px;
    pointer-events: all;
}
.hw-hover-icon a::before {
    font-family: 'fontsite';
    display: inline-block;
    vertical-align: top;
    height: 0px;
    transition: all 350ms;
    box-shadow: 0 0 0 1px var(--hw-cap-br-cr) inset;
    font-size: 1.25em;
    line-height: calc(var(--hw-fn-md) * 3);
    width: calc(var(--hw-fn-md) * 3);
    height: calc(var(--hw-fn-md) * 3);
    border-radius: 50%;
    cursor: pointer;
    color: var(--hw-cap-txt, #ffffff);
}
.hw-hover-img::before {
    content: '\F004';
    transform: scaleX(-1);
}
.hw-hover-post::before {
    content: '\F026';
}
.hw-hover-icon a:hover::before {
    background: var(--hw-primary-bg);
    color: var(--hw-primary-txt);
    box-shadow: 0 0 0 1px transparent inset;
}
[class*="hw-post"]:hover .hw-hover-icon {
    opacity: 1;
    font-size: var(--hw-fn-md);
    margin-top: 0px;
    height: calc(var(--hw-fn-md) * 3);
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		3.7 Load More

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-load-more {
    width: 100%;
    text-align: center;
    padding-top: 00px !important;
    padding-bottom: 00px !important;
    margin-bottom: calc(var(--hw-gp, 0px) / 2);
    float: left;
}
.hw-load-more a {
    position: relative;
    margin: auto;
    margin-top: 20px;
    cursor: pointer;
    font-size: 15px;
    text-transform: uppercase;
    width: auto;
    color: var(--hw-post-tl-lk) !important;
    border-color: var(--hw-post-sd) !important;
    border-radius: var(--hw-btn-rd, 0px);
    font-weight: var(--hw-more-fn-wt, 500);
    text-transform: var(--hw-more-fn-tr, none);
    display: inline-block;
    line-height: 2.5em;
    padding: 0.0em 1.5em;
    border-width: 1px;
    border-style: solid;
    transition: var(--hw-tr);
}
[class*="hw-boxed-item"] .hw-load-more a, [class*="hw-boxed-details"] .hw-load-more a {
    background: var(--hw-post-bg, #ffffff);
}
.hw-load-more a::before {
    content: "+";
    font-family: 'fontsite';
    margin-right: 5px;
    font-size: 1.5em;
    display: inline-block;
    vertical-align: sub;
    font-weight: inherit !important;
    line-height: 1.5em;
}
.hw-load-more.hw-loading a {
    width: 100px;
    font-size: 0px;
    pointer-events: none;
    border: none !important;
    background-position: center;
    box-shadow: none !important;
    background: none !important;
    height: 40px;
}
.hw-load-more.hw-loading a::before {
    content: "\F045";
    -webkit-animation: hexwp_rotate 1.4s infinite linear;
    animation: hexwp_rotate 1.4s infinite linear;
    font-family: 'fontsite';
    font-size: 40px;
}
[class*="hw-boxed-item"] .hw-load-more.hw-loading a, [class*="hw-boxed-details"] .hw-load-more.hw-loading a {
    color: var(--hw-main-lk) !important;
}
.hw-load-more.hw-load-more-hide {
    display: none !important;
}
@keyframes hexwp_rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		3.8 Pagenavi

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-pagenavi, .hw-post-pagination {
    float: left;
    margin: calc(var(--hw-gp, 0px) / 2) 0px;
    width: calc(100% - var(--hw-gp));
    text-align: center;
}
.hw-pagenavi a, .hw-pagenavi span, .hw-post-pagination a, .hw-post-pagination span, .dokan-pagination-container .dokan-pagination li a {
    border-radius: 0px;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    background: var(--hw-post-bg, transparent);
    padding: 5px 10px !important;
    float: none;
    margin: 2px !important;
    font-size: 12px;
    color: var(--hw-post-tl-lk) !important;
    border-color: var(--hw-post-sd) !important;
    border-radius: var(--hw-btn-rd, 0px);
    color: inherit;
    font-weight: var(--hw-more-fn-wt, 500);
    text-transform: var(--hw-more-fn-tr, none);
    line-height: 18px;
    width: auto !important;
    cursor: pointer
}
.hw-post-pagination .current-post-page, .hw-post-pagination a:hover, .hw-pagenavi span.current, .hw-pagenavi a:hover, .hw-load-more a:not(.hw-loading):hover, .dokan-pagination-container .dokan-pagination li.active a, .dokan-pagination-container .dokan-pagination li a:hover {
    border-color: transparent !important;
    background: var(--hw-primary-bg) !important;
    color: var(--hw-primary-txt) !important;
}
.woocommerce-pagination .next.page-numbers, .woocommerce-pagination .prev.page-numbers {
    font-size: 0px;
    vertical-align: top;
}
.woocommerce-pagination .next.page-numbers::before {
    content: ">";
    vertical-align: top;
    font-size: 12px;
}
.woocommerce-pagination .prev.page-numbers::before {
    content: "<";
    vertical-align: top;
    font-size: 12px;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	4 - Module

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		4.1 - Slider

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-slider-list-warp .lSSlideOuter {
    overflow: hidden !important;
}
.hw-slider .hw-item-list {
    vertical-align: top;
    height: auto !important;
    overflow: hidden !important;
    grid-template-columns: repeat(var(--hw-flx, 1), minmax(0px, 1fr));
    display: grid !important;
}
.hw-slider .lightSlider.hw-item-list {
    height: auto !important;
    overflow: visible !important;
    visibility: visible !important;
    display: inline-flex !important;
}
.hw-slider-list-warp {
    width: 100%;
    float: left;
    overflow: visible !important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	Arrow

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-gap-content .hw-arrow-warp {
    width: calc(100% - var(--hw-gp, 0px)) !important;
    left: calc(var(--hw-gp, 0px) / 2) !important;
    z-index: 100;
    position: absolute;
    height: 100%;
    top: 0;
    pointer-events: none;
}
.hw-gap-content .hw-page-list {
    display: none !important;
}
.hw-gap-content .hw-arrow-warp {
    transition: var(--hw-tr);
    opacity: var(--hw-aw-ly, 0);
}
.hw-gap-content [class*="slider-list-warp"]:hover .hw-arrow-warp {
    opacity: 1;
    transition: var(--hw-tr);
}
.hw-gap-content .noPager .hw-item-list {
    transform: none !important;
}
/* slider actions */
.hw-gap-content .vao-hide-arrow .hw-arrow-warp {
    display: none !important;
}
.hw-gap-content .hw-arrow-warp a {
    opacity: 1;
    background: #444;
    top: calc(50% - (var(--hw-aw-sz, 45px) / 2 + var(--hw-has-pager, 0px)));
    position: absolute;
    height: var(--hw-aw-sz, 45px);
    width: var(--hw-aw-sz, 45px);
    font-size: var(--hw-aw-sz, 45px);
    pointer-events: all;
    box-shadow: 0 0 5px 3px rgba(118, 128, 138, 0.2) !important;
    color: var(--hw-aw-txt, #ffffff);
    background: var(--hw-aw-bg, rgba(0, 5, 10, 0.50));
    border-radius: var(--hw-btn-rd, 0px);
    cursor: pointer;
}
.hw-gap-content .hw-arrow-warp a::before {
    width: var(--hw-aw-sz, 45px);
    text-align: center;
    position: relative;
    height: var(--hw-aw-sz, 45px);
    float: left;
    line-height: var(--hw-aw-sz, 45px);
    font-size: 0.8em;
    color: inherit !important;
    font-family: 'fontsite';
    text-align: center;
}
.hw-gap-content .hw-arrow-warp a:hover {
    --hw-aw-txt: var(--hw-primary-txt);
    --hw-aw-bg: var(--hw-primary-bg);
}
.hw-gap-content .hw-arrow-warp .hw-arrow-prev {
    left: var(--hw-aw-lc, calc(var(--hw-aw-sz, 45px) / -2));
}
.hw-gap-content .hw-arrow-warp .hw-arrow-next {
    right: var(--hw-aw-lc, calc(var(--hw-aw-sz, 45px) / -2));
}
.hw-arrow-warp .hw-arrow-prev::before {
    content: "\F023";
    margin-left: -2px;
}
.hw-arrow-warp .hw-arrow-next::before {
    content: "\F024";
    margin-left: 2px;
}
.lSSlideOuter .lSPager.lSpg {
    display: none;
}
.hw-hide-prev .hw-arrow-prev {
    opacity: .5 !important;
}
.hw-hide-next .hw-arrow-next {
    opacity: .5 !important;
}
@media (max-width: 1024px) {
    body .hw-slider .dragscroll {
        overflow-x: scroll !important;
        overflow-y: hidden !important;
    }
    body .hw-slider .dragscroll .hw-item-list {
        overflow-x: visible !important;
        overflow-y: auto !important;
        transition: none !important;
    }
    body .hw-slider .dragscroll .lSSlideOuter {
        width: 100% !important;
        overflow: visible !important;
    }
    .dragscroll .lSSlideWrapper {
        width: auto !important;
    }
    .dragscroll .hw-item-list {
        transform: none !important;
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1;
        width: auto !important;
        height: auto !important;
    }
    .dragscroll .hw-item {
        width: var(--hw-drg-col) !important;
    }
    body .hw-slider .dragscroll .lSSlideOuter .lSPager.lSpg, body .hw-slider .dragscroll .hw-arrow-warp {
        display: none !important;
    }
}
.hw-slider-options {
    display: none !important;
}
.lSSlideWrapper .lSSlide {
    transform: translate(0px, 0px);
    transition-property: transform, height;
    transition-duration: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lightSlider.lsGrab > * {
    cursor: grab !important;
}
.lSSlideWrapper .lightSlider.lsGrabbing > * {
    cursor: move !important;
    cursor: grabbing !important;
}
body .hw-slider .vao-hide-arrow .lSSlideWrapper .lightSlider > *, .lSSlideWrapper .lightSlider.lsGrabbing a {
    cursor: inherit !important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		4.2 - Module

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
[class*="hw-module-"] [class*="hw-post-"]::before {
    position: absolute;
    content: "";
    border-radius: var(--hw-main-rd);
    width: 100%;
    height: 100%;
    box-shadow: 0px;
    top: 0px;
    right: 0px;
    transition: .3s;
}
[class*="hw-module-"] .hw-post-product:hover {
    box-shadow: none !important;
}
.hw-post-blog:hover::before {
    display: none !important;
}
[class*="hw-module-"] [class*="hw-post-"]:hover::before {
    height: calc(100% + var(--hw-gp, 40px) + var(--hw-cart-button-ht, 0px) - 15px);
    width: calc(100% + var(--hw-gp, 40px) - 10px);
    box-shadow: 0 0 calc(var(--hw-gp, 40px) / 2) 0px var(--hw-post-sd, transparent);
    margin: calc((var(--hw-gp, 40px) / -2) + 5px);
    background: var(--hw-post-bg);
    transition: height 0.3s, width 0.3s, margin 0.3s, box-shadow 0.3s;
}
[class*="hw-module-1"] [class*="hw-post-"]::before {
    display: none !important;
}
[class*="hw-boxed-item"] [class*="hw-module-"] [class*="hw-post-"]:hover::before,
[class*="hw-boxed-all-item"] [class*="hw-module-"] [class*="hw-post-"]:hover::before {
    height: calc(100% + var(--hw-cart-button-ht, 0px));
    width: 100% !important;
    margin: 0px !important;
    box-shadow: var(--hw-box-layout-sd), 0 0 calc(var(--hw-gp, 40px) / 2) 0px var(--hw-post-sd, transparent);
}
.vb-element-section:has(.hw-has-cart-button):hover,
.elementor-element:has(.hw-has-cart-button):hover,
[class*="elementor-widget-reza"]:has(.hw-has-cart-button):hover,
body [class*="vb-element-hexwp"]:has(.hw-has-cart-button):hover {
    z-index: 20;
    position: relative;
}
.hw-item:hover {
    z-index: 999999999;
}
.hw-has-cart-button .hw-item:has(.hw-button-cart):hover {
    height: fit-content;
}
[class*="hw-el-"]:hover {
    z-index: 1;
}
.hw-boxed-content .hw-gap-warp {
    width: 100% !important;
    margin: 0px !important;
}
.hw-boxed-content .hw-gap-content {
    background: var(--hw-post-bg, #ffffff);
    border-radius: var(--hw-main-rd, 0px);
    box-shadow: var(--hw-box-layout-sd);
    overflow: hidden;
}
body [class*="hw-module-"] [class*="hw-post-"] {
    position: relative;
    float: right;
    margin: 0;
    z-index: 0;
    width: 100%;
    transition: var(--hw-tr);
}
[class*="hw-module-"] .hw-thumb {
    border-radius: var(--hw-post-img-rd, var(--hw-main-rd));
    background-color: var(--hw-post-img-bg, transparent);
    padding: var(--hw-post-img-pd, 0px);
    border: var(--hw-post-img-br, none);
    box-shadow: 0 0 var(--hw-post-img-sd, 0px) var(--hw-post-img-sd, 0px) var(--hw-post-sd);
}
.hw-boxed-all,
[class*="hw-boxed-item"] [class*="hw-module-"] [class*="hw-post-"],
[class*="hw-boxed-all-item"] [class*="hw-module-"] [class*="hw-post-"] {
    padding: var(--hw-pd);
    background: var(--hw-post-bg, #ffffff);
    border-radius: var(--hw-main-rd, 0px);
    box-shadow: var(--hw-box-layout-sd);
}
.hw-boxed-all-item,
.hw-boxed-all-item-2,
.hw-boxed-all-item-3 {
    padding: var(--hw-pd);
    border-radius: var(--hw-main-rd, 0px);
    background: var(--hw-post-all-bg, var(--hw-post-bg, #ffffff));
}
.hw-boxed-item-2 [class*="hw-module-"] [class*="hw-post-"],
.hw-boxed-all-item-2 [class*="hw-module-"] [class*="hw-post-"] {
    padding: 0px !important;
}
.hw-boxed-item-3 [class*="hw-module-"] [class*="hw-post-"],
.hw-boxed-all-item-3 [class*="hw-module-"] [class*="hw-post-"] {
    padding: 0px !important;
}
body .hw-boxed-all.hw-has-tbox {
    padding: calc(var(--hw-pd) / 2) var(--hw-pd) var(--hw-pd);
}
[class*="hw-boxed-item"] [class*="hw-module-"] [class*="hw-post-"]:hover {
    --hw-box-layout-sd: var(--hw-box-layout-hv-sd);
}
.hw-boxed-item-3 .hw-module-1 .hw-details,
.hw-boxed-all-item-3 .hw-module-1 .hw-details {
    padding: calc(var(--hw-pd) * 0.75) var(--hw-pd);
    margin-top: 0px;
}
.hw-boxed-item-3 .hw-module-2 .hw-details,
.hw-boxed-all-item-3 .hw-module-2 .hw-details {
    padding: var(--hw-pd) calc(var(--hw-pd) * 0.75);
    margin-top: 0px;
}
.hw-boxed-item-2 .hw-module-1 .hw-details,
.hw-boxed-all-item-2 .hw-module-1 .hw-details {
    padding: calc(var(--hw-pd) * 0.5) var(--hw-pd);
    margin-top: 0px;
}
.hw-boxed-item-2 .hw-module-2 .hw-details,
.hw-boxed-all-item-2 .hw-module-2 .hw-details {
    padding: var(--hw-pd) calc(var(--hw-pd) * 0.5);
    margin-top: 0px;
}
.hw-boxed-item-2 [class*="hw-module-"] .hw-post-product .hw-details,
.hw-boxed-item-3 [class*="hw-module-"] .hw-post-product .hw-details,
.hw-boxed-all-item-2 [class*="hw-module-"] .hw-post-product .hw-details,
.hw-boxed-all-item-3 [class*="hw-module-"] .hw-post-product .hw-details {
    padding: 10px var(--hw-pd);
}
/************slider*******/
@media (min-width: 1025px) {
    .hw-slider .hw-gap-content {
        margin-top: -100px;
        margin-bottom: -100px;
    }
    .hw-slider .hw-item-list {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }
    .hw-slider .hw-glider {
        padding: calc((var(--hw-gp, 0px) / 2) + 100px) calc(var(--hw-gp, 0px) / 2) !important;
    }
}
.hw-item-inner {
    width: 100%;
    height: 100%;
    position: relative;
    float: right;
}
.hw-slider .lSSlideOuter {
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
}
.hw-el-post.hw-slider [class*="hw-post-"]:not(.active) [class*="hw-post-"] {
    box-shadow: none !important;
    background: none !important;
}
.hw-slider .lsGrabbing [class*="hw-module-"]:not(.active) [class*="hw-post-"],
.hw-slider.hw-slider-transform .hw-slider-list-warp [class*="hw-module-"]:not(.active) [class*="hw-post-"] {
    background: var(--hw-post-bg, #ffffff) !important;
    box-shadow: var(--hw-box-layout-sd) !important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		4.3 - Module 1

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-module-1 {
    --hw-ag: left;
    --hw-post-dis: inline-block;
}
.hw-module-1 .hw-thumb {
    width: var(--hw-img-wt);
}
[class*="hw-el-"].hw-none .hw-not-thumb.hw-module-1, [class*="hw-el-"].hw-boxed-all .hw-not-thumb.hw-module-1, [class*="hw-el-"].hw-boxed-item .hw-not-thumb.hw-module-1 {
    --hw-dt-pd-rt: 0px !important;
}
.hw-module-1 .hw-details {
    padding-left: var(--hw-dt-pd-rt, var(--hw-pd)) !important;
    z-index: 1;
    margin: var(--hw--dt-ver, 0 auto auto);
    text-align: var(--hw-ag, left);
    width: calc(100% - var(--hw-img-wt));
}
.hw-boxed-details-2 .hw-module-1 .hw-details {
    margin-top: 20px;
    position: relative;
    margin-left: -40px !important;
    margin-bottom: 20px;
    height: calc(100% - 40px) !important;
    width: calc(calc(100% - var(--hw-img-wt)) + 40px);
}
[class*="hw-boxed-details"] .hw-module-2.hw-not-thumb {
    display: flex;
}
.hw-boxed-details .hw-module-1.hw-not-thumb .hw-details {
    margin: 0px !important;
}
.hw-boxed-details-2 .hw-module-1.hw-not-thumb .hw-details {
    margin: 20px 0 !important;
    width: calc(calc(100% - var(--hw-img-wt)));
}
.hw_img_width_auto, .hw_img_width_auto-second .hw-second {
    --hw-img-wt: auto;
    --hw-img-wt-number: 30;
}
.hw_img_width_5, .hw_img_width_5-second .hw-second {
    --hw-img-wt: 5%;
    --hw-img-wt-number: 0.5;
}
.hw_img_width_10, .hw_img_width_10-second .hw-second {
    --hw-img-wt: 10%;
    --hw-img-wt-number: 0.10;
}
.hw_img_width_15, .hw_img_width_15-second .hw-second {
    --hw-img-wt: 15%;
    --hw-img-wt-number: 0.15;
}
.hw_img_width_20, .hw_img_width_20-second .hw-second {
    --hw-img-wt: 20%;
    --hw-img-wt-number: 0.2;
}
.hw_img_width_25, .hw_img_width_25-second .hw-second {
    --hw-img-wt: 25%;
    --hw-img-wt-number: 0.25;
}
.hw_img_width_27, .hw_img_width_27-second .hw-second {
    --hw-img-wt: 27.5%;
    --hw-img-wt-number: 0.275;
}
.hw_img_width_30, .hw_img_width_30-second .hw-second {
    --hw-img-wt: 30%;
    --hw-img-wt-number: 0.30;
}
.hw_img_width_32, .hw_img_width_32-second .hw-second {
    --hw-img-wt: 32%;
    --hw-img-wt-number: 0.32;
}
.hw_img_width_35, .hw_img_width_35-second .hw-second {
    --hw-img-wt: 35%;
    --hw-img-wt-number: 0.35;
}
.hw_img_width_37, .hw_img_width_37-second .hw-second {
    --hw-img-wt: 37.5%;
    --hw-img-wt-number: 0.375;
}
.hw_img_width_40, .hw_img_width_40-second .hw-second {
    --hw-img-wt: 40%;
    --hw-img-wt-number: 0.40;
}
.hw_img_width_45, .hw_img_width_45-second .hw-second {
    --hw-img-wt: 46%;
    --hw-img-wt-number: 0.45;
}
.hw_img_width_50, .hw_img_width_50-second .hw-second {
    --hw-img-wt: 50%;
    --hw-img-wt-number: 0.5;
}
.hw_img_width_55, .hw_img_width_55-second .hw-second {
    --hw-img-wt: 55%;
    --hw-img-wt-number: 0.55;
}
.hw_img_width_60, .hw_img_width_60-second .hw-second {
    --hw-img-wt: 60%;
    --hw-img-wt-number: 0.6;
}
.hw_img_width_65, .hw_img_width_65-second .hw-second {
    --hw-img-wt: 65%;
    --hw-img-wt-number: 0.65;
}
.hw_img_width_70, .hw_img_width_70-second .hw-second {
    --hw-img-wt: 70%;
    --hw-img-wt-number: 0.70;
}
.hw_img_width_auto .hw-module-1 [class*="hw-post-"] {
    display: flex !important;
}
.hw_img_width_auto .hw-module-1 .hw-details {
    width: 0px !important;
    flex-grow: 1 !important;
}
body .hw-el-image-list .hw-excerpt {
    display: inline-block !important;
}
.hw-module-1 .hw-product-tags {
    width: calc(var(--hw-img-wt) - 20px);
}
.woocommerce.hw-boxed-item .hw-module-1 .hw-product-tags {
    width: calc(var(--hw-img-wt) - ((var(--hw-pd) * 2) * var(--hw-img-wt-number)) + (var(--hw-pd) * 2) - 20px);
}
.woocommerce.hw-boxed-item-2 .hw-module-1 .hw-product-tags {
    width: calc(var(--hw-img-wt) - 10px);
}
@container vb_aw (width <= 75px) {
    .hw-module-1 .onsale {
        display: none !important;
    }
}
@container vb_aw (width <= 150px) {
    .hw-module-1 .hw-product-featured {
        display: none !important;
    }
}
body .hw-el-image-list .hw-thumb {
    border-radius: var(--hw-post-img-rd, 0px);
}
@media (max-width: 1199px) {
    .hw-module-1 .hw-excerpt, .hw-module-1 .hw-readmore {
        display: var(--hw-dp, inline-block) !important;
    }
}
@media (max-width: 1024px) {
    [class*="hw_img_width"] .hw-post-blog {
        --hw-img-wt: 35%;
    }
    .hw-ratio100[class*="hw_img_width"] .hw-post-blog {
        --hw-img-wt: 20%;
    }
    [class*="hw_img_width"] .hw-post-product {
        --hw-img-wt: 25% !important;
        --hw-img-wt-number: 0.25;
    }
    .hw_img_width_auto .hw-post-blog {
        --hw-img-wt: auto !important;
    }
}
body .hw-el-image-list .hw-title::before, body .hw-el-image-list .hw-excerpt::before {
    content: '- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -';
    width: 100%;
    visibility: hidden;
    float: right;
    position: relative;
    font-size: 18px !important;
    height: 0
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		4.4 - Module 2

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-module-2 {
    --hw-post-dis: grid;
}
[class*="hw-el-"].hw-none .hw-not-thumb.hw-module-2, [class*="hw-el-"].hw-boxed-all .hw-not-thumb.hw-module-2, [class*="hw-el-"].hw-boxed-item .hw-not-thumb.hw-module-2 {
    --hw-dt-mg-tp: 0px !important;
}
.hw-module-2 .hw-details {
    margin-top: var(--hw-dt-mg-tp, var(--hw-pd));
}
.hw-item-hover .hw-post-product {
    height: calc(100% + calc(var(--hw-product-lg) * 3) + var(--hw-pd)); /**/
}
.hw-boxed-item-2.hw-align-center .hw-module-2 .hw-details,
.hw-boxed-item-3.hw-align-center .hw-module-2 .hw-details,
.hw-boxed-all-item-2.hw-align-center .hw-module-2 .hw-details,
.hw-boxed-all-item-3.hw-align-center .hw-module-2 .hw-details {
    padding: var(--hw-pd) 10px;
}
.hw-module-2 .hw-details > *:last-child {
    margin-bottom: 5px;
}
[class*="hw-boxed-details"] .hw-module-2 [class*="hw-post-"] {
    grid-template-rows: min-content;
    display: grid;
}
[class*="hw-boxed-details"] .hw-module-2.hw-not-thumb {
    display: flex;
}
.hw-boxed-details .hw-module-2.hw-not-thumb .hw-details {
    margin: 0px !important;
}
.hw-boxed-details-2 .hw-module-2.hw-not-thumb .hw-details {
    margin: 0px 20px !important;
}
@media (max-width: 1199px) {
    .hw-module-2 .hw-excerpt {
        display: var(--hw-dp-3, inline-block) !important;
    }
    .hw-module-2 .hw-readmore {
        display: var(--hw-dp, inline-block) !important;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		4.5 - Glider

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-glider {
    --hw-post-tl-lk: var(--hw-cap-txt);
    --hw-expt-txt: var(--hw-cap-expt-txt);
    --hw-meta-txt: var(--hw-cap-meta-txt);
    --hw-main-br-cr: var(--hw-cap-br-cr);
    padding: 0px;
}
.hw-glider [class*="hw-post-"] {
    padding-bottom: calc(var(--hw-ratio, 0px) - var(--hw-gp, 0px));
    width: calc(100% - var(--hw-gp, 0px));
    float: left;
    height: fit-content;
    position: relative;
    overflow: hidden;
    box-shadow: var(--hw-box-layout-sd);
    border-radius: var(--hw-main-rd, 0px);
    margin: calc(var(--hw-gp, 0px) / 2);
}
.hw-glider [class*="hw-post-"] .hw-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.hw-glider [class*="hw-post-"]:hover {
    box-shadow: var(--hw-box-layout-hv-sd);
}
.hw-glider .hw-thumb {
    height: var(--hw-ratio-ht, fit-content);
    position: var(--hw-ratio-po, absolute);
    width: 100%;
}
.hw-glider .hw-thumb a {
    padding-bottom: 0px !important;
}
.hw-glider .hw-thumb a::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    background: var(--vao-sl-cr-bg, none);
}
.hw-glider.hw-not-thumb {
    background: var(--hw-cap-bg);
}
.hw-glider .hw-hover-icon {
    display: var(--hw-dp-2, inline-block);
}
[class*="hw-el-"]:not(.hw-cap-hover-middle) .hw-glider figcaption {
    opacity: 1 !important;
    transform: none !important;
    padding: 0px !important;
}
[class*="hw-el-"]:not(.hw-cap-hover-middle) .hw-glider figcaption::before,
[class*="hw-el-"]:not(.hw-cap-hover-middle) .hw-glider figcaption::after {
    display: none !important;
}
.hw-cap-hide figcaption {
    display: none !important;
}
.hw-cap-middle figcaption,
.hw-cap-hover-middle figcaption {
    align-items: center;
}
.hw-cap-hover-bottom figcaption,
.hw-cap-bottom figcaption, .hw-cap-gradient-bottom figcaption {
    align-items: end;
}
.hw-cap-bottom figcaption {
    height: auto;
    bottom: 0px;
}
.hw-cap-middle .hw-icon-video {
    position: relative;
    margin: 0 0 var(--hw-mg-tp);
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: var(--hw-ag, center);
    height: var(--hw-icn-sz);
    float: var(--hw-ag, center);
}
.hw-cap-gradient-bottom figcaption {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, var(--hw-cap-bg) 100%) !important;
}
.hw-cap-hover-bottom figcaption {
    bottom: -100%;
    height: auto !important;
    transition: bottom 350ms;
}
.hw-cap-hover-bottom .hw-glider [class*="hw-post-"]:hover figcaption {
    bottom: 0px;
    transition: bottom 350ms;
}
.hw-glider [class*="hw-post-"]:hover .hw-hover-icon {
    margin-bottom: var(--hw-mg-tp);
}
.hw-glider .hw-details {
    position: relative;
    padding: var(--hw-pd);
}
.hw-glider .hw-excerpt, .hw-glider .hw-readmore {
    display: var(--hw-dp, inline-block) !important;
}
.hw-glider .hw-meta {
    display: var(--hw-dp-4, inline-block) !important;
}
.hw-glider .hw-post-slider .hw-thumb a {
    background-image: var(--hw-bg-2, var(--hw-bg, none));
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.hw-image-featured {
    grid-template-columns: var(--hw-flx-col);
    display: grid;
}
.hw-image-featured .hw-glider {
    padding: calc(var(--hw-gp, 0px) / 2);
    display: flex;
    position: relative;
}
.hw-bw-border .hw-image-featured .hw-glider {
    padding: calc(var(--hw-gp, 0px) / 2);
    padding-right: 0px !important;
}
.hw-image-featured .vs-single .vs-slide-item {
    border-radius: 0px;
    border-color: transparent !important;
    border-width: 0px !important;
    box-shadow: none !important;
    background-color: transparent !important;
}
.hw-image-featured .hw-post-slider {
    padding-bottom: 0 !important;
    float: left !important;
    --hw-ratio-ht: 100%;
    position: absolute !important;
    overflow: hidden !important;
    box-shadow: var(--hw-box-layout-sd) !important;
    border-radius: var(--hw-main-rd, 0px) !important;
    margin: 0px;
    height: 100% !important;
    width: 100% !important;
}
.hw-image-featured .vs-elementor-item::before {
    display: none !important;
}
.hw-image-featured .hw-post-slider .hw-inner {
    position: relative;
}
@media (max-width: 1024px) {
    .hw-image-featured > .hw-glider {
        display: none !important;
    }
    .hw-image-featured {
        grid-template-columns: 100% !important;
        display: grid;
    }
}
.rd-item-inner {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
}
/****************************** Glider-2*******************************/
/****************************** Glider-2*******************************/
.hw-image-glider {
    padding: 0px !important;
}
.hw-image-glider [class*="hw-post-"] {
    padding-bottom: calc(var(--hw-ratio, 0px) - var(--hw-gp, 0px));
    width: calc(100% - var(--hw-gp, 0px));
    float: right;
    height: 0px;
    margin: calc(var(--hw-gp, 0px) / 2);
    position: relative;
    overflow: hidden;
}
.hw-image-glider [class*="hw-post-"] .hw-inner {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows:calc(100% - var(--hw-pd) - 1.3em) calc(var(--hw-pd) + 1.3em);
}
.hw-image-glider [class*="hw-post-"] .hw-inner .hw-details {
    padding: calc(var(--hw-pd, 10px) / 2);
}
.hw-image-glider .hw-inner .hw-title {
    line-height: 1.3em !important;
    height: 1.3em !important;
}
.hw-image-glider .hw-thumb > a {
    padding-bottom: 0px !important;
    height: 100% !important;
}
.hw-image-glider .hw-thumb > a > figure {
    background-size: contain !important;
}
.hw-boxed-item [class*="hw-post-"],
.hw-boxed-all-item [class*="hw-post-"] {
    background: var(--hw-post-bg, #ffffff);
    border-radius: var(--hw-main-rd, 0px);
    box-shadow: var(--hw-box-layout-sd);
}
.hw-ratio-auto .hw-image-glider [class*="hw-post-"] {
    height: auto !important;
    padding-bottom: 0px !important;
}
.hw-ratio-auto .hw-image-glider [class*="hw-post-"] .hw-inner {
    grid-template-rows: auto auto !important;
    position: relative !important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		4.6 - Post Layout

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1025px) {
    .hw_grid_14, .hw_featured_18 {
        --hw-flx: 6;
    }
    .hw_grid_15, .hw_featured_21 {
        --hw-flx: 12;
    }
    .hw_featured_20 {
        --hw-flx: 10;
    }
    .hw_featured_22 {
        --hw-flx: 15;
    }
    .hw_list_5 > *:first-child,
    .hw_grid_14 > *:nth-child(n + 3),
    .hw_featured_14 > *:first-child,
    .hw_featured_18 > *:nth-child(n + 3),
    .hw_featured_19 > *:first-child,
    .hw_featured_19 > *:nth-child(2), .hw_featured_20 > * {
        grid-column-end: span 2;
    }
    .hw_list_6 > *:first-child,
    .hw_grid_14 > *,
    .hw_grid_15 > *:nth-child(n + 4),
    .hw_featured_15 > *:first-child,
    .hw_featured_18 > *,
    .hw_featured_21 > *:nth-child(n + 4),
    .hw_featured_22 > *:nth-child(n + 4) {
        grid-column-end: span 3;
    }
    .hw_grid_15 > *, .hw_featured_16 > *:first-child,
    .hw_featured_21 > * {
        grid-column-end: span 4;
    }
    .hw_featured_17 > *:first-child,
    .hw_featured_20 > *:first-child,
    .hw_featured_20 > *:nth-child(2),
    .hw_featured_22 > * {
        grid-column-end: span 5;
    }
    .hw_list_7 > *:first-child,
    .hw_list_8 > *:first-child,
    .hw_grid_9 > *:first-child,
    .hw_grid_10 > *:first-child,
    .hw_grid_11 > *:first-child,
    .hw_grid_12 > *:first-child,
    .hw_featured_9 > *:first-child,
    .hw_featured_10 > *:first-child,
    .hw_featured_11 > *:first-child,
    .hw_featured_12 > *:first-child,
    .hw_featured_24 > *:first-child,
    .hw_featured_25 > *:first-child,
    .hw_featured_26 > *:first-child {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .hw_list_9 > *:first-child,
    .hw_grid_13 > *:first-child,
    .hw_featured_13 > *:first-child {
        grid-column-start: 2;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .hw_featured_23 > *:first-child {
        grid-column-end: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-row-start: 1;
    }
    .hw_featured_24 > *:nth-child(2),
    .hw_featured_26 > *:nth-child(2) {
        grid-column-end: span 2;
    }
    .hw_featured_25 > *:nth-child(2),
    .hw_featured_29 > *:first-child {
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .hw_featured_26 > *:nth-child(7) {
        grid-row-end: 4;
        grid-row-start: 2;
        grid-column-start: 4;
        grid-column-end: 5;
    }
    .hw_featured_27 > *:first-child {
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .hw_featured_27 > *:nth-child(7) {
        grid-row-start: 2;
        grid-row-end: 4;
        grid-column-start: 3;
        grid-column-end: 4;
    }
    .hw_featured_28 > *:first-child,
    .hw_featured_28 > *:nth-child(3) {
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .hw_featured_28 > *:nth-child(3) {
        grid-column-start: 3;
        grid-column-end: 4;
    }
    .hw_featured_28 > *:nth-child(6),
    .hw_featured_28 > *:nth-child(8) {
        grid-row-start: 2;
        grid-row-end: 4;
    }
    .hw_featured_28 > *:nth-child(6) {
        grid-column-start: 2;
        grid-column-end: 3;
    }
    .hw_featured_28 > *:nth-child(8) {
        grid-column-start: 4;
        grid-column-end: 5;
    }
    .hw_featured_30 > *:first-child {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .hw_featured_31 > *:nth-child(5) {
        grid-column-start: 3;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 3;
    }
    .hw_featured_32 > *:nth-child(3) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3;
    }
}
@media (max-width: 1024px) {
    .hw_first_full.hw-item-list > *:first-child {
        width: 100% !important;
    }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .hw-flex > .hw-module-2 > .hw-post-blog,
    .hw-flex.hw_first_full > .hw-module-2:first-child > .hw-post-blog,
    .hw-flex > .hw-glider > .hw-post-blog,
    .hw-flex.hw_first_full > .hw-glider:first-child > .hw-post-blog {
        --hw-ratio: calc(var(--hw-ratio-auto, 0) * 30%) !important;
    }
    .hw-flex.hw_tab_1_2 > .hw-module-2 > .hw-post-blog,
    .hw-flex.hw_tab_1_2 > .hw-glider > .hw-post-blog {
        --hw-ratio: calc(var(--hw-ratio-auto, 0) * 60%) !important;
    }
    .hw-flex.hw_tab_1_3 > .hw-module-2 > .hw-post-blog,
    .hw-flex.hw_tab_1_4 > .hw-module-2 > .hw-post-blog,
    .hw-flex.hw_tab_1_3 > .hw-glider > .hw-post-blog,
    .hw-flex.hw_tab_1_4 > .hw-glider > .hw-post-blog {
        --hw-ratio: calc(var(--hw-ratio-auto, 0) * 75%) !important;
    }
}
@media (max-width: 767px) {
    .hw-flex > * > .hw-post-blog.hw-module-2,
    .hw-flex.hw_first_full > .hw-module-2:first-child > .hw-post-blog,
    .hw-flex > .hw-glider > .hw-post-blog,
    .hw-flex.hw_first_full > .hw-glider:first-child > .hw-post-blog {
        --hw-ratio: calc(var(--hw-ratio-auto, 0) * 60%) !important;
    }
    .hw-flex.hw_mob_1_2 > .hw-module-2 > .hw-post-blog,
    .hw-flex.hw_mob_1_2 > .hw-glider > .hw-post-blog {
        --hw-ratio: calc(var(--hw-ratio-auto, 0) * 75%) !important;
    }
}
body .hw_image_glider_11.hw-item-list,
body .hw_image_glider_12.hw-item-list,
body .hw_image_glider_13.hw-item-list,
body .hw_image_glider_14.hw-item-list {
    display: grid !important;
}
.hw_image_glider_11.hw-item-list > .hw-item,
.hw_image_glider_12.hw-item-list > .hw-item,
.hw_image_glider_13.hw-item-list > .hw-item,
.hw_image_glider_14.hw-item-list > .hw-item {
    width: 100% !important;
}
.hw_image_glider_11 > *:first-child,
.hw_image_glider_13 > .hw-image-glider:nth-child(3) {
    grid-column-end: span 2 !important;
    container: hw_aw_half / inline-size;
}
.hw_image_glider_12 > *:first-child {
    grid-row-start: 1;
    grid-row-end: 3;
}
.hw_image_glider_14 > *:nth-child(3) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
.hw_image_glider_11 > .hw-image-glider:first-child [class*="hw-post-"],
.hw_image_glider_13 > .hw-image-glider:nth-child(3) [class*="hw-post-"] {
    padding-bottom: calc((var(--hw-ratio, 0px) / 2) - var(--hw-gp, 0px)) !important;
}
.hw_image_glider_12 > .hw-image-glider [class*="hw-post-"],
.hw_image_glider_14 > .hw-image-glider:nth-child(3) [class*="hw-post-"] {
    padding-bottom: calc((var(--hw-ratio, 0px) * 2) - var(--hw-gp, 0px)) !important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		4.7 - facaption

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
[class*="hw-imghvr-slide"] figcaption, .hw-imghvr-flip-vert figcaption, .hw-imghvr-flip-horiz figcaption {
    opacity: 1 !important;
}
[class*="hw-imghvr-"] [class*='hw-post-']:hover figcaption {
    transform: translate(0, 0) rotate3d(0, 0, 0, 0deg) rotateX(0deg) scale(1);
    opacity: 1;
}
.hw-imghvr-slide-up figcaption {
    transform: translateY(100%);
}
.hw-imghvr-slide-down figcaption {
    transform: translateY(-100%);
}
.hw-imghvr-slide-right figcaption {
    transform: translateX(100%);
}
.hw-imghvr-slide-left figcaption {
    transform: translateX(-100%);
}
.hw-imghvr-flip-horiz figcaption {
    transform: rotateX(90deg);
    transform-origin: 0% 50%;
}
.hw-imghvr-flip-vert figcaption {
    transform: rotateY(90deg);
    transform-origin: 50% 0%;
}
.hw-imghvr-flip-diag-1 figcaption {
    opacity: 0;
    transform: rotate3d(1, -1, 0, 100deg);
}
.hw-imghvr-flip-diag-2 figcaption {
    opacity: 0;
    transform: rotate3d(1, 1, 0, 100deg);
}
.hw-imghvr-zoom-in figcaption {
    transform: scale(0.5);
    opacity: 0;
}
.hw-imghvr-zoom-out figcaption {
    transform: scale(2.0);
    transform-origin: 50% 50%;
    opacity: 0;
}
.hw-imghvr-layla figcaption {
    opacity: 0;
    padding: 40px;
}
.hw-imghvr-layla figcaption::before, .hw-imghvr-layla figcaption::after {
    position: absolute;
    content: '';
    opacity: 0;
}
.hw-imghvr-layla figcaption::before {
    top: 40px;
    left: 20px;
    bottom: 40px;
    right: 20px;
    border-top: 1px solid var(--hw-cap-txt);
    border-bottom: 1px solid var(--hw-cap-txt);
    transform: scale(0, 1);
    transform-origin: 0 0;
}
.hw-imghvr-layla figcaption::after {
    top: 20px;
    left: 40px;
    bottom: 20px;
    right: 40px;
    border-left: 1px solid var(--hw-cap-txt);
    border-right: 1px solid var(--hw-cap-txt);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    transform-origin: 100% 0;
}
.hw-imghvr-layla [class*='hw-post-']:hover figcaption::before, .hw-imghvr-layla [class*='hw-post-']:hover figcaption::after {
    opacity: 1;
    transform: scale(1);
}
.hw-imghvr-layla[class*='hw-post-']:hover figcaption::after {
    transition-delay: 0.15s;
}
.hw-imghvr-oscar figcaption {
    padding: var(--hw-pd);
}
.hw-imghvr-oscar figcaption::before {
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border: 1px solid var(--hw-cap-txt);
    content: '';
    opacity: 0;
    transform: scale(0.0);
    z-index: 1;
    pointer-events: none;
    border-radius: var(--hw-post-img-rd, var(--hw-main-rd, 0px));
    transition: 0.5s;
}
.hw-imghvr-oscar [class*='hw-post-']:hover figcaption::before {
    opacity: 1;
    border: 1px solid var(--hw-cap-txt);
    right: var(--hw-pd);
    bottom: var(--hw-pd);
    top: var(--hw-pd);
    transform: scale(1.0);
    left: var(--hw-pd);
}
.hw-imghvr-bubba figcaption {
    opacity: 0;
    padding: var(--hw-pd)
}
.hw-imghvr-bubba [class*='hw-post-']:hover figcaption {
    opacity: 1;
}
.hw-imghvr-bubba figcaption::before, .hw-imghvr-bubba figcaption::after {
    position: absolute;
    top: var(--hw-pd);
    left: var(--hw-pd);
    bottom: var(--hw-pd);
    right: var(--hw-pd);
    content: '';
    opacity: 0;
    transition: opacity 0.35s, transform 0.35s;
}
.hw-imghvr-bubba figcaption::before {
    border-top: 1px solid var(--hw-cap-txt);
    border-bottom: 1px solid var(--hw-cap-txt);
    transform: scale(0, 1);
}
.hw-imghvr-bubba figcaption::after {
    border-left: 1px solid var(--hw-cap-txt);
    border-right: 1px solid var(--hw-cap-txt);
    transform: scale(1, 0);
}
.hw-imghvr-bubba [class*='hw-post-']:hover figcaption::before, .hw-imghvr-bubba [class*='hw-post-']:hover figcaption::after {
    opacity: 1;
    transform: scale(1);
}
.hw-imghvr-chico figcaption {
    opacity: 0;
    padding: var(--hw-pd);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.hw-imghvr-chico figcaption::before {
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border: 1px solid var(--hw-cap-txt);
    content: '';
    opacity: 0;
    transform: scale(1.1);
    z-index: 1;
    border-radius: var(--hw-post-img-rd, var(--hw-main-rd, 0px));
    pointer-events: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.hw-imghvr-chico [class*='hw-post-']:hover figcaption::before {
    opacity: 1;
    border: 1px solid var(--hw-cap-txt);
    right: var(--hw-pd);
    bottom: var(--hw-pd);
    top: var(--hw-pd);
    transform: scale(1.0);
    left: var(--hw-pd);
}
.hw-imghvr-selena figcaption {
    opacity: 0;
    padding: var(--hw-pd);
    transition: 0.5s;
}
.hw-imghvr-selena figcaption::before {
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border: 0px solid var(--hw-cap-txt);
    content: '';
    opacity: 0;
    transform: scale(1.1);
    border-radius: var(--hw-post-img-rd, var(--hw-main-rd, 0px));
    z-index: 1;
    pointer-events: none;
    transition: 0.5s;
}
.hw-imghvr-selena [class*='hw-post-']:hover figcaption::before {
    opacity: 1;
    border: var(--hw-pd) solid var(--hw-cap-txt);
    right: 0;
    bottom: 0;
    top: 0;
    transform: scale(1.0);
    left: 0;
}
.hw-imghvr-ming figcaption {
    opacity: 0;
    padding: var(--hw-pd);
    transition: 0.5s;
}
.hw-imghvr-ming figcaption::before {
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border: 0px solid #fff;
    content: '';
    opacity: 0;
    transform: scale(1.1);
    z-index: 1;
    pointer-events: none;
    border-radius: var(--hw-post-img-rd, var(--hw-main-rd, 0px));
    transition: 0.5s;
}
.hw-imghvr-ming [class*='hw-post-']:hover figcaption::before {
    opacity: 1;
    border: var(--hw-pd) solid var(--hw-cap-br-cr);
    right: 0;
    bottom: 0;
    top: 0;
    box-shadow: 0 0 0 2px var(--hw-cap-txt) inset;
    transform: scale(1.0);
    left: 0;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		4.8 - 404

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-sorry {
    padding: 0 10px;
}
.hw-sorry .widget_search {
    width: 100% !important;
    margin-top: 10px !important;
}
.hw-single-post .hw-excerpt {
    margin-bottom: 20px;
}
body .hw-404 {
    width: 100% !important;
    font-size: 150px;
    line-height: 1em;
    float: left;
    width: 100%;
    color: var(--hw-main-hl);
}
.hw-404-page .hw-opps {
    font-size: 30px;
    line-height: 1.5em;
    margin-bottom: 20px;
    color: var(--hw-main-lk);
}
.hw-404-page .hw-opps-dese {
    margin-bottom: 35px;
    line-height: 1.5em;
    color: var(--hw-main-txt);
}
.hw-404-page .hw-column-main {
    text-align: center;
    padding: 50px 20px;
}
.hw-404-page .widget_search {
    margin: auto !important;
    float: none !important;
    display: block !important;
    width: 600px !important;
}
@media (max-width: 767px) {
    body .hw-404 {
        font-size: 50px;
        margin-bottom: 15px;
    }
    .hw-404-page .hw-opps {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .hw-404-page .widget_search {
        width: 100% !important;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		4.9 - Macy

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-append {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    opacity: 0;
}
body .rez-all-transition-active {
    transform: none !important;
    transition: none !important;
}
.rez-has-hide {
    display: none
}
.rez-transition-active .hw-gap-warp > .hw-item-list {
    height: var(--hw-old-list-ht) !important;
    transition: height 350ms linear !important;
}
.rez-transition-active .hw-gap-warp > .hw-item-list .hw-item.rez-to-hide, .rez-transition-active .hw-gap-warp > .hw-item-list .hw-item {
    position: fixed;
    width: var(--hw-old-wt) !important;
    height: var(--hw-old-ht) !important;
    right: var(--hw-old-hor) !important;
    left: auto !important;
    top: var(--hw-old-ver) !important;
}
.rez-animte .hw-gap-warp > .hw-item-list .hw-item {
    position: fixed;
    width: var(--hw-wt) !important;
    height: var(--hw-ht) !important;
    right: var(--hw-hor) !important;
    left: auto !important;
    top: var(--hw-ver) !important;
}
.rez-transition-active.rez-animte .hw-gap-warp > .hw-item-list {
    height: var(--hw-list-ht) !important;
    transition: height 200ms linear !important;
}
.rez-transition-active.hw-old-list-height.rez-animte .hw-gap-warp > .hw-item-list {
    transition: height 200ms linear 150ms !important;
}
.rez-animte .hw-item.rez-to-move {
    transition: right 350ms linear, top 350ms linear !important;
}
.rez-transition-active .hw-gap-warp > .hw-not-move.hw-item-list {
}
.rez-transition-active .hw-item.rez-to-show {
    transform: scale(0);
    transition: transform 350ms linear !important;
}
.rez-transition-active.rez-animte .hw-item.rez-to-show {
    transform: scale(1);
    transition: transform 350ms linear !important;
}
.rez-transition-active.rez-animte .hw-item.rez-to-hide {
    transform: scale(0);
    transition: transform 350ms linear !important;
}
[id*="macy-"] .hw-item {
    position: absolute !important;
    left: var(--macy-hor);
    top: var(--macy-ver);
    transform: scale(1);
    position: absolute;
    transition: none;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		4.10 - Widgets

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body .widget {
    line-height: 1.8em;
    font-size: 15px;
    --hw-pd: 20px;
    --hw-el-pd: var(--hw-default-pd);
}
body [class*="hw-el-widget"] {
    --hw-el-pd: var(--hw-default-pd);
}
.widget-warp {
    float: left;
    border-radius: 0px;
    width: 100%;
}
.hw-el-widget_social [class*="hw-tbox"], .widget [class*="hw-tbox"] {
    margin-bottom: 20px;
}
.hw-sidebar:not(.hw-sidebar-boxed-all) .hw-tbox-style-1 {
    margin: -10px 0px 14px !important;
}
.widget .widget-container {
    float: left;
    width: 100%;
}
.hw-sidebar-boxed-all .widget,
.hw-sidebar-boxed-item .widget .widget-container {
    padding: var(--hw-pd);
    background: var(--hw-post-bg, rgb(255, 255, 255));
    border-radius: var(--hw-main-rd, 0px);
    box-shadow: var(--hw-box-layout-sd);
}
.hw-sidebar-boxed-all .widget {
    padding: calc(var(--hw-pd) / 1.5) var(--hw-pd) var(--hw-pd);
}
.widget .screen-reader-text {
    display: none
}
.widget a {
    font-size: 15px;
    line-height: 1.8em;
    font-size: 15px;
}
.widget li {
    list-style: none;
    color: inherit;
    margin: 0px;
}
.widget ul {
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}
.widget ul ul, .widget ol ol {
    margin: 0 0 0 15px
}
.widget ul li {
    padding: 5px 0
}
.widget ul li ul li {
    padding: 5px 0 5px 0px
}
.widget ul li:before {
    font-family: 'fontsite';
    content: "\F024";
    font-style: normal;
    vertical-align: top;
    font-size: 1.5em;
    margin-right: 10px;
    margin-top: 0px;
    float: left;
}
.widget.widget_rss [class*="hw-tbox"] h4 a:not(.rsswidget) {
    display: none;
}
.widget_rss span {
    padding: 0px !important;
}
.widget_rss a {
    background: none !important;
}
.widget.widget_rss [class*="hw-tbox"] h4 a:nth-child(1) {
    padding: 5px 5px 5px 0px;
    font-size: inherit !important;
}
.widget.widget_rss [class*="hw-tbox"] h4 a:nth-child(2) {
    padding: 5px 0px 5px 0px;
    font-size: inherit !important;
}
.widget select {
    width: 100%
}
/******* Calender *****/
.widget #wp-calendar {
    width: 100%;
    margin: 0 !important;
}
.widget #wp-calendar caption {
    text-align: center;
    padding: 5px 10px;
    background: var(--hw-primary-bg) !important;
    color: var(--hw-primary-txt) !important;
}
.wp-calendar-nav {
    display: none;
}
.widget .searchform input#s {
    width: 100%
}
.widget .searchform #searchsubmit {
    cursor: pointer
}
.widget_text img {
    max-width: 100%;
    height: auto
}
.widget.widget_nav_menu li a::before {
    content: inherit;
    display: none;
}
.widget p {
    line-height: 1.7em;
    margin: 0 0 1.6em;
}
.widget_text .wp-caption-text {
    padding: 5px
}
.hw-el-widget_social .hw-item-list {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20% !important;
}
.hw-ads {
    text-align: center;
    float: left;
    display: inline-block;
    width: 100%
}
.hw-ads img {
    display: inline-block;
    float: left;
    top: 0;
    border-radius: var(--hw-main-rd);
    left: 50%;
    max-width: 100%;
    height: auto;
    position: relative;
    transform: translate(50%, 0);
    font-size: 0;
}
.hw-resize.hw-ads img {
    width: 100%;
    float: left
}
.hw-tags-box {
    float: left;
    width: 100%;
}
.tag-cloud-link, .hw-tags-box a {
    font-weight: 400;
    padding: 3px 7px;
    margin: 3px;
    float: left;
    background: var(--hw-main-gry-bg);
    color: var(--hw-main-gry-txt);
    font-size: 13px !important;
    position: relative;
    border-radius: var(--hw-btn-rd);
}
.tag-cloud-link:hover, .hw-tags-box a:hover {
    background: var(--hw-primary-hv-bg);
    color: var(--hw-primary-txt);
    box-shadow: 0 0 0 1px transparent inset;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	5 - Element

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		5.1 - Element

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
[class*="hw-el-"], .widget {
    display: inline-block;
    float: left;
    transition: var(--hw-tr) !important;
    z-index: 0;
    position: relative;
    --hw-el-pd: 0px;
    margin: var(--hw-el-pd);
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    --hw-box-layout-sd: var(--hw-post-sd-sz) var(--hw-post-sd);
    --hw-box-layout-hv-sd: var(--hw-post-sd-sz) var(--hw-post-sd);
}
[class*="rd-el-"] .rd-item-list {
    --hw-box-layout-sd: var(--hw-post-sd-sz) var(--hw-post-sd);
    --hw-box-layout-hv-sd: var(--hw-post-sd-sz) var(--hw-post-sd);
}
[class*="hw-elementor"] {
    display: grid;
    z-index: 0;
    grid-template-columns: 100%;
    position: relative;
    width: 100%;
}
[class="hw-element-"]:hover {
    z-index: 999999999;
    position: relative;
}
body .elementor-element .elementor-widget-container {
    z-index: 1;
    position: relative;
}
.hw-el-archive {
    --hw-el-pd: var(--hw-default-pd);
}
body .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 0px;
}
body .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
    padding: 0px;
}
body .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
    padding: 0px;
}
body .elementor-widget:not(:last-child) {
    margin-bottom: 0px;
}
body .elementor-grid {
    visibility: visible !important;
}
@media (max-width: 1024px) and (min-width: 768px) {
    body [class*='hw-el-'] {
        margin: var(--hw-el-tab-pd, var(--hw-el-pd))
    }
}
@media (max-width: 767px) {
    body [class*='hw-el-'] {
        margin: var(--hw-el-mob-pd, var(--hw-el-pd))
    }
}
.elementor-section [class*="elementor-widget-reza"] .elementor-widget-container,
.elementor-section .e-child [class*="elementor-widget-reza"] .elementor-widget-container,
.elementor-section [class*="elementor-widget-hexwp"] .elementor-widget-container,
.elementor-section .e-child [class*="elementor-widget-hexwp"] .elementor-widget-container {
    padding: 20px;
}
.elementor-section [class*="elementor-widget-visualslider_slider"] .elementor-widget-container,
.elementor-section .e-child [class*="elementor-widget-visualslider_slider"] .elementor-widget-container {
    padding: 0px;
}
[class*="elementor-widget-reza"] .elementor-widget-container,
[class*="elementor-widget-hexwp"] .elementor-widget-container,
[class*="elementor-widget-visualslider_slider"] .elementor-widget-container {
    padding: 10px 20px;
}
body .e-child [class*="elementor-widget-reza"] .elementor-widget-container,
body .e-child [class*="elementor-widget-hexwp"] .elementor-widget-container,
body .e-child [class*="elementor-widget-visualslider_slider"] .elementor-widget-container {
    padding: 10px;
}
body .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: var(--hw-body-wt);
}
body .elementor-element {
    --content-width: var(--hw-body-wt);
    --container-max-width: var(--hw-body-wt);
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		5.2 - Menu

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	9 - Category Menu

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	9 - Category Menu

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.z-index,
.hw-el-menu {
    z-index: 99;
    --hw-menu-rd: var(--hw-main-rd, 0px);
    --hw-menu-tl-txt: var(--hw-primary-txt);
    --hw-menu-tl-bg: var(--hw-primary-bg);
    --hw-menu-bg: var(--hw-post-bg);
    --hw-menu-lk: var(--hw-post-tl-lk);
    --hw-menu-hv-lk: var(--hw-post-tl-hv-lk);
    --hw-menu-br-cr: var(--hw-main-br-cr);
    --hw-menu-more-txt: var(--hw-main-gry-txt);
    --hw-menu-more-bg: var(--hw-main-gry-bg);
    --hw-menu-pd: 14.3px;
    --hw-nav-icn-mr: 10px;
    --hw-drp-bx-bg: var(--hw-post-bg);
    --hw-drp-tbox: var(--hw-main-lk);
    --hw-drp-lk: var(--hw-main-lk);
    --hw-drp-hv-lk: var(--hw-main-hv-lk);
    --hw-drp-txt: var(--hw-main-txt);
    --hw-drp-meta: var(--hw-meta-txt);
    --hw-drp-lk-sd: var(--hw-main-lk-sd);
    --hw-drp-hv-sd: var(--hw-main-hv-lk-sd);
    --hw-drp-br-cr: var(--hw-main-br-cr);
    --hw-drp-hl: var(--hw-main-hl);
    --hw-drp-gry-bg: var(--hw-main-gry-bg);
    --hw-drp-gry-txt: var(--hw-main-gry-txt);
    --hw-drp-rd: var(--hw-main-rd);
    --hw-drp-fn-sz: 14px;
    --hw-drp-fn-wt: noraml;
    --hw-drp-fn-tr: none;
    --hw-drp-bx-sd: 0 0 5px 0px rgba(0, 10, 20, 0.10);
    --hw-drp-bx-br-wt: 0px;
    --hw-drp-bx-rd: var(--hw-main-rd);;
}
body .hw-element-menu.hw-nav {
    position: relative !important;
    width: 100% !important;
    margin: 0px !important;
    display: inline-block !important;
}
.hw-element-menu-title {
    height: 50px !important;
    padding: 0px 20px !important;
    font-size: var(--hw-menu-tl-fn-sz, 15px) !important;
    font-weight: var(--hw-menu-tl-fn-wt, 700) !important;
    text-transform: var(--hw-menu-tl-fn-tr, none) !important;
    line-height: 50px !important;
    float: left !important;
    border-radius: 00px !important;
    width: 100% !important;
    margin: 0px !important;
    color: var(--hw-menu-tl-txt) !important;
    background: var(--hw-menu-tl-bg) !important;
    border-top-left-radius: var(--hw-menu-rd) !important;
    border-top-right-radius: var(--hw-menu-rd) !important;
}
.hw-element-menu-title::before {
    color: inherit !important;
    content: "\F050";
    font-family: 'fontsite' !important;
    margin-right: 10px;
    font-size: 1.5em;
    transition: color 0.3s linear;
    float: left;
    font-style: normal;
    position: relative;
    font-weight: 400;
}
.hw-element-menu-warp {
    position: relative;
    float: left;
    width: 100%;
}
.hw-element-menu .hw-cat-drop {
    border-style: solid;
    height: auto;
    float: left;
    box-shadow: var(--hw-box-layout-sd);
    border-radius: 0px;
    position: relative;
    z-index: 9999999999;
    width: 100%;
    margin: 0 0 !important;
    opacity: 1 !important;
    transform: none;
    transition: none !important;
    padding: 0px !important;
    border: 0px !important;
}
.hw-element-menu .hw-cat-drop > li {
    display: var(--hw-menu-display, inline-block);
}
.hw-element-menu .hw-cat-drop > li > a::after {
    width: calc(100% - 40px);
    position: absolute;
    content: "";
    left: 20px;
    border-bottom: solid 1px var(--hw-cat-sub-br-cr, transparent);
    bottom: 0;
}
.hw-element-menu .hw-cat-drop {
    background: var(--hw-menu-bg) !important;
    --hw-cat-sub-txt: var(--hw-menu-lk);
    --hw-main-hv-lk: var(--hw-menu-hv-lk);
    --hw-cat-sub-br-cr: var(--hw-menu-br-cr);
}
.hw-element-menu:not(.hw-element-menu-has-title) .hw-cat-drop {
    border-top-left-radius: var(--hw-menu-rd, 0px) !important;
    border-top-right-radius: var(--hw-menu-rd, 0px) !important;
}
.hw-element-menu:not(.hw-element-menu-has-more) .hw-cat-drop {
    border-bottom-left-radius: var(--hw-menu-rd, 0px) !important;
    border-bottom-right-radius: var(--hw-menu-rd, 0px) !important;
}
.hw-element-menu .hw-cat-drop > li > a {
    padding: calc((var(--hw-cat-menu-pd, 28px) / 2) * var(--hw-menu-pd, 1px)) 20px;
    font-size: var(--hw-menu-fn-sz, 14px) !important;
    font-weight: var(--hw-menu-fn-wt, 400) !important;
    text-transform: var(--hw-menu-fn-tr, none) !important;
}
.hw-element-menu-more {
    transition: all 300ms linear;
    background: var(--hw-menu-more-bg, var(--hw-main-gry-bg)) !important;
    color: var(--hw-menu-more-txt, var(--hw-main-gry-txt)) !important;
    float: left;
    width: 100%;
    border-style: solid;
    border-bottom-style: solid;
    font-weight: 700 !important;
    border-top-width: 1px;
    position: relative;
    font-size: var(--hw-menu-more-fn-sz, 14px) !important;
    font-weight: var(--hw-menu-more-fn-wt, 400) !important;
    text-transform: var(--hw-menu-more-fn-tr, none) !important;
    line-height: 1.5em;
    border-bottom-left-radius: var(--hw-menu-rd, 0px) !important;
    border-bottom-right-radius: var(--hw-menu-rd, 0px) !important;
    border-color: var(--hw-main-br-cr);
}
.hw-element-menu-more a {
    font-weight: 700 !important;
    color: inherit !important;
    cursor: pointer;
    font-size: inherit;
    float: left;
    width: 100% !important;
    padding: var(--hw-menu-pd) 20px;
}
.hw-element-menu-more:hover {
    --hw-menu-more-txt: var(--hw-primary-txt);
    --hw-menu-more-bg: var(--hw-primary-hv-bg);
}
.hw-element-menu-more-active .hw-element-menu-more-text,
.hw-element-menu-more-close {
    display: none !important;
}
.hw-element-menu-more-active .hw-element-menu-more-close,
.hw-element-menu-more-text {
    display: inline-block !important;
}
.hw-element-menu-more-text::before {
    content: "+";
    float: right;
    font-weight: 400 !important;
    font-size: 2em !important;
    text-align: right;
}
.hw-element-menu-more-close::before {
    content: "-";
    float: right;
    font-weight: 400 !important;
    font-size: 2em !important;
    text-align: right;
}
@media (max-width: 1199px) and (min-width: 1025px) {
    .hw-element-menu-title {
        line-height: 35px !important;
        height: 35px !important;
        font-size: 13px !important;
    }
}
@media (max-width: 1024px) {
    .hw-el-menu {
        display: none !important;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		5.3 - Contactform

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.wpcf7-form > *, .wpcf7-form [class*="col-1"] {
    position: relative;
    float: left;
    margin: calc(var(--hw-gp, 0px) / 2);
    width: calc(var(--hw-form-wt, 100%) - var(--hw-gp));
}
.wpcf7-form p > label {
    width: 100%;
}
.wpcf7-form .col-1-1 {
    --hw-form-wt: 100%;
}
.wpcf7-form .col-1-2 {
    --hw-form-wt: 50%;
}
.wpcf7-form .col-1-3 {
    --hw-form-wt: 33.331%;
}
.wpcf7-form .col-1-4 {
    --hw-form-wt: 25%;
}
.wpcf7-form .col-1-5 {
    --hw-form-wt: 20%;
}
.wpcf7-form .col-1-6 {
    --hw-form-wt: 16.661%;
}
.wpcf7-form .col-1-7 {
    --hw-form-wt: 14.281%;
}
.wpcf7-form .col-1-8 {
    --hw-form-wt: 12.5%;
}
@media (max-width: 1024px) {
    .wpcf7-form .col-1-1, .wpcf7-form .col-1-2, .wpcf7-form .col-1-3, .wpcf7-form .col-1-4, .wpcf7-form .col-1-5, .wpcf7-form .col-1-6, .wpcf7-form .col-1-7, .wpcf7-form .col-1-8 {
        --hw-form-wt: 100%;
    }
}
.wpcf7-submit.full {
    width: 100% !important;
}
.wpcf7-form button,
.wpcf7-form .button,
.wpcf7-form [type=submit] {
    font-family: inherit;
    display: inline-block;
    padding: 0em 15px;
    vertical-align: middle;
    box-shadow: none;
    overflow: hidden;
    font-size: var(--hw-btn-fn-sz, 14px);
    font-weight: var(--hw-btn-fn-wt, 500);
    text-transform: var(--hw-btn-fn-tr, none);
    text-decoration: none;
    border: none;
    color: var(--hw-primary-txt);
    background: var(--hw-primary-bg);
    text-align: center;
    cursor: pointer;
    line-height: var(--hw-input-ht, 42px);
    height: auto;
    border-radius: var(--hw-main-btn-rd, var(--hw-btn-rd));
    white-space: nowrap;
    min-height: var(--hw-input-ht, 42px);
    transition: all 300ms linear;
}
.wpcf7-form button:hover, .wpcf7-form .button:hover, .wpcf7-form [type=submit]:hover {
    background: var(--hw-primary-hv-bg) !important;
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 	6 - Single

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		6.1 - Single

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-el-single {
    --hw-el-pd: var(--hw-default-pd);
}
.hw-single-boxed {
    padding: var(--hw-pd);
    background: var(--hw-post-bg, rgb(255, 255, 255));
    border-radius: var(--hw-main-rd, 0px);
    box-shadow: var(--hw-box-layout-sd);
}
.hw-el-single.hw-single-boxed {
    padding: calc(var(--hw-pd) / 1.5) var(--hw-pd) var(--hw-pd)
}
.hw-single-details {
    float: left;
    width: var(--hw-col, 100%);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: solid 1px var(--hw-main-br-cr);
}
.hw-single-thumb {
    width: 100%;
    min-height: inherit;
    height: auto;
    float: left;
    margin-bottom: 20px;
    text-align: center;
}
.hw-single-thumb img {
    vertical-align: top;
    max-width: 100%;
    float: none;
    height: auto;
}
.hw-single-template-1 .hw-el-single .hw-single-details {
    width: 60%;
}
.hw-single-template-1 .hw-el-single .hw-single-thumb, .hw-single-template-2 .hw-el-single .hw-single-thumb {
    width: 40%;
    margin-bottom: 0px !important;
    float: right;
    padding-bottom: var(--hw-pd);
    padding-left: var(--hw-pd);
}
.hw-single-template-1 .hw-el-single .hw-single-content, .hw-single-template-2 .hw-el-single .hw-single-content {
    float: none;
    width: auto;
}
/************************ Singe Share *************/
.hw-el-single .hw-el-share-single {
    margin-top: var(--hw-mg-tp) !important;
    --hw-scl-sz: calc(var(--hw-fn-md) * 1.75);
    --hw-ag: left;
}
.hw-el-single .hw-el-share-single .hw-social-icon-style-1 > a {
    --hw-scl-sz: calc(var(--hw-fn-md) * 1.5);
}
.hw-el-related {
    --hw-el-pd: var(--hw-default-pd);
}
.hw-el-line {
    --hw-el-pd: var(--hw-default-pd);
    border-bottom: solid 1px var(--hw-main-br-cr);
}
.hw-el-portfolio-gallery {
    padding-bottom: 20px;
    text-align: center;
}
.hw-el-portfolio-gallery:not(.hw-slider) .hw-slider-list-warp {
    float: none;
    display: inline-block;
}
.post-edit-link {
    width: 100%;
    float: left;
}
@media (max-width: 767px) {
    .hw-single-template-1 .hw-el-single .hw-single-thumb, .hw-single-template-2 .hw-el-single .hw-single-thumb, .hw-single-template-1 .hw-el-single .hw-single-details {
        width: 100%;
        float: left;
        padding-bottom: var(--hw-pd);
        padding-left: 0;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		6.2 - Head Single

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-el-head-single {
    --hw-hd-sg-ht: 450px;
    height: var(--hw-hd-sg-ht);
    float: left;
    position: relative;
    --hw-post-tl-lk: #ffffff;
    --hw-main-lk: #ffffff;
    --hw-post-tl-hv-lk: #ffffff;
    --hw-expt-txt: rgba(255, 255, 255, 0.75);
    --hw-meta-txt: rgba(255, 255, 255, 0.60);
    --hw-main-gry-bg: rgba(118, 128, 138, 0.2);
    --hw-ag: center;
}
.hw-el-head-single::before,
.hw-el-head-single::after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0px;
    top: 0px;
    z-index: 1;
}
.hw-el-head-single::before {
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    background-image: var(--hw-bg, none);
}
.hw-el-head-single::after {
    background: var(--hw-hd-sg-bg, linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 5, 10, 0.75) 100%));
}
.hw-el-head-single.hw-post-video::after {
    background: var(--hw-hd-sg-bg, rgba(0, 5, 10, 0.75) 100%);
}
.hw-el-head-single > .hw-inner {
    padding: var(--hw-pd) 20px;
    z-index: 2;
    margin: auto;
    display: block;
    height: 100%;
    position: relative;
    display: grid;
    max-width: var(--hw-hd-sg-wt, 100%);
}
.hw-el-head-single .hw-single-details {
    position: relative;
    bottom: 0px;
    z-index: 2;
    margin: auto;
    width: 100%;
    padding: var(--hw-hd-sg-dt-pd, 0px);
    border: none !important;
    margin-bottom: 0px !important;
}
.hw-el-head-single > .hw-inner > img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    object-position: -99999px 99999px;
}
.hw-single-template-5 .hw-el-head-single {
    border-radius: var(--hw-main-rd);
    overflow: hidden;
    --hw-el-pd: var(--hw-default-pd);
    pointer-events: all;
}
.hw-single-template-6 .hw-el-head-single, .hw-single-template-7 .hw-el-head-single {
    --hw-hd-sg-wt: var(--hw-body-wt, 1200px);
}
.hw-single-template-6 .hw-el-head-single::before {
    background-attachment: fixed;
}
.hw-single-template-7 .hw-el-head-single {
    --hw-hd-sg-bg: rgba(0, 0, 0, 0.50);
}
.hw-single-template-7 .hw-el-head-single::before, .hw-single-template-7 .hw-el-head-single::after {
    position: fixed;
}
.hw-single-template-7 .hw-el-head-single {
    z-index: 0;
}
.hw-single-template-7 .hw-middle-content {
    background: var(--hw-body-bg-cr, #ffffff);
    padding: 20px;
    max-width: calc(var(--hw-body-wt) - 40px);
}
.hw-single-template-7.hw-body-boxed .hw-breadcrumbs, .hw-single-template-7.hw-body-boxed .hw-middle-content {
    max-width: var(--hw-body-wt);
}
.hw-single-template-7 .hw-breadcrumbs {
    max-width: calc(var(--hw-body-wt) - 40px);
    float: none;
    display: flex;
    margin: auto;
}
.hw-el-head-single .hw-el-share-single {
    margin-top: calc(var(--hw-mg-tp) + 10px) !important;
    --hw-scl-br-cr: rgba(255, 255, 255, 0.30);
    --hw-scl-txt: rgba(255, 255, 255, 0.80);
    --hw-scl-sz: calc(var(--hw-fn-md) * 1.75);
}
.hw-el-head-single .hw-social-icon-style-1 > a {
    --hw-scl-sz: calc(var(--hw-fn-md) * 1.25);
}
@media (max-width: 1199px) {
    .hw-single-template-7 .hw-middle-content {
        padding: 20px 0;
        max-width: var(--hw-body-wt) !important;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    .hw-el-head-single {
        --hw-hd-sg-ht: 400px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .hw-el-head-single {
        --hw-hd-sg-ht: 350px;
    }
}
@media (max-width: 767px) {
    .hw-el-head-single {
        --hw-hd-sg-ht: 300px;
    }
    .hw-single-template-6 .hw-el-head-single::before {
        background-attachment: inherit;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		6.3 - Video

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-video {
    width: 100%;
    float: left;
}
.hw-video-warp {
    padding-bottom: var(--hw-vid-ht, 60%);
    width: 100%;
    border-radius: var(--hw-main-rd);
    height: 0;
    overflow: hidden;
    position: relative;
}
.hw-video iframe, .hw-video video {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    background: rgb(0, 0, 0);
}
.hw-el-single .hw-video {
    margin-bottom: 20px;
}
.hw-single-template-1 .hw-post-video .hw-single-details {
    width: 100% !important;
    float: left;
}
.hw-el-head-single.hw-post-video {
    --hw-ag: left;
    --hw-vid-ht: calc(var(--hw-hd-sg-ht) - (var(--hw-pd) * 2));
    --hw-hd-sg-dt-pd: 0 0 0 var(--hw-pd);
    --hw-hd-sg-bg: rgba(0, 5, 10, 0.5);
}
.hw-el-head-single.hw-post-video .hw-inner {
    grid-template-columns:repeat(var(--hw-flx, 1), 1fr);
}
.hw-el-head-single.hw-post-video .hw-single-details {
    margin: 0px !important;
}
@media (max-width: 767px) {
    .hw-el-head-single.hw-post-video {
        --hw-flx: 100%;
        --hw-hd-sg-ht: auto;
        --hw-vid-ht: 60%;
        --hw-hd-sg-dt-pd: 0 0 var(--hw-pd);
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		6.4 - Single Content

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sao_text_block {
    line-height: 2.2em
}
.hw-single-content {
    position: relative;
    width: 100%;
    float: left;
    line-height: var(--hw-article-li-ht, 2.2em);
    font-size: var(--hw-article-fn-sz, 16px);
}
.hw-single-content .hw-youtube-video {
    width: 100%;
    text-align: center
}
.hw-single-content img, .sao_text_block img {
    vertical-align: top;
    max-width: 100%;
    float: none;
    height: auto;
}
.wp-block-group.has-background {
    padding: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.hw-single-content > * {
    margin-left: auto;
    margin-right: auto;
}
[class*="wp-block-embed"] {
    text-align: center;
}
.has-drop-cap:first-letter {
    color: var(--hw-main-hl);
    font-weight: 900 !important;
}
.gallery {
    margin-bottom: 20px !important
}
.gallery .gallery-item {
    display: inline-block;
    padding: 5px;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin-top: 0 !important
}
.gallery-columns-2 .gallery-item {
    width: 50% !important
}
.gallery-columns-3 .gallery-item {
    width: 33.331% !important
}
.gallery-columns-4 .gallery-item {
    width: 25% !important
}
.gallery-columns-5 .gallery-item {
    width: 20% !important
}
.gallery-columns-6 .gallery-item {
    width: 16.66% !important
}
.gallery-columns-7 .gallery-item {
    width: 14.28% !important
}
.gallery-columns-8 .gallery-item {
    width: 12.5% !important
}
.gallery-columns-9 .gallery-item {
    width: 11.11% !important
}
.gallery .gallery-item img {
    height: auto;
    display: block;
    margin: 0 auto
}
.gallery-caption {
    color: #888;
    margin: 0
}
.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none
}
.gallery br + br {
    display: none
}
.gallery .gallery-item img {
    border: none !important;
    height: auto;
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%
}
.attachment img {
    display: block;
    margin: 0 auto
}
.wp-caption {
    max-width: 100% !important;
    padding-bottom: 15px !important;
    margin: 0px !important;
}
.wp-caption p {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.wp-caption img {
    width: auto;
    margin: 0 !important
}
.hw-single-content, .hw-post-tabs-container, .sao_text_block {
    line-height: 2.2em;
    text-align: justify;
    font-style: normal;
}
body .wp-caption-text {
    color: gray !important;
    font-style: italic;
    text-align: center;
    line-height: 1.7em !important;
    width: 100%;
    padding: 10px 0 20px !important;
    width: 100%;
    margin-bottom: 0 !important;
    box-sizing: border-box;
    display: inline-block;
    padding-top: 0;
    margin-top: -8px !important;
    float: left
}
.alignright {
    float: right;
    margin-left: 15px !important
}
.alignleft {
    float: left;
    margin-right: 15px !important
}
.alignleft a {
    float: none !important;
    margin: auto !important;
    display: block
}
.aligncenter {
    position: relative;
    text-align: center;
    margin: auto !important;
    display: block;
}
.aligncenter img {
    position: relative;
    display: block;
    margin: auto !important;
    float: none !important;
    text-align: center
}
.wp-video {
    margin: auto
}
.hw-single-content h1 {
    margin: 15px 0;
}
.hw-single-content h2 {
    margin: 15px 0;
}
.hw-single-content h3 {
    margin: 15px 0;
}
.hw-single-content h4 {
    margin: 15px 0
}
.hw-single-content h5 {
    margin: 15px 0
}
.hw-single-content h6 {
    margin: 15px 0
}
.hw-single-content header {
    margin-bottom: 20px
}
.hw-single-content ol {
    margin-bottom: 20px;
    margin-left: 40px
}
.hw-single-content ol {
    list-style: decimal;
}
.hw-single-content ol ol {
    list-style: lower-alpha;
}
.hw-single-content ol ol ol {
    list-style: lower-roman;
}
.hw-single-content ul ul,
.hw-single-content ol ol,
.hw-single-content ul ol,
.hw-single-content ol ul {
    margin: 0 40px 0 0px;
    padding: 0;
    margin-bottom: 0;
    font-size: 92%
}
.hw-single-content ul ul, .hw-single-content ol ol {
    margin: 0 0 0 40px
}
.hw-single-content ul {
    list-style: outside;
    margin-bottom: 20px;
    margin-left: 40px
}
.hw-single-content ul ul {
    list-style: circle;
}
.hw-single-content ul ul ul {
    list-style: square;
}
.hw-single-content li > ul, .hw-single-content li > ol {
    margin: 10px 20px 0 0;
}
.hw-single-content ul li {
    margin: 10px 20px 0 0;
}
blockquote {
    padding: 0 30px
}
blockquote p {
    color: rgba(118, 128, 138, 1.00);
    padding: 0 15px;
    font-style: italic;
    font-size: 1.2em;
    border: 1px solid var(--hw-main-hl);
    border-width: 0 5px
}
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 {
    color: rgba(118, 128, 138, 1.00) !important;
    padding: 0 15px;
    font-style: italic;
    border: 1px solid rgba(118, 128, 138, .50);
    border-width: 0 0 0 5px
}
@media (max-width: 500px) {
    .alignright {
        position: relative;
        text-align: center;
        margin: auto !important;
        display: block;
        float: none;
    }
    .alignleft {
        position: relative;
        text-align: center;
        margin: auto !important;
        display: block;
        float: none;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		6.5 - Author

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-el-author {
    --hw-el-pd: var(--hw-default-pd);
    --hw-author-img: var(--hw-tm-img);
}
.hw-author-name {
    font-size: var(--hw-fn-md);
    width: 100% !important;
    float: left
}
.hw-author-name a {
    font-size: 18px;
    width: 100%
}
.avater {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 100%
}
.hw-author-thumb {
    display: inline-block;
    float: left;
    position: relative;
    width: var(--hw-author-img);
    height: var(--hw-author-img);
    border-radius: 0;
}
.hw-author-thumb img {
    width: 100%;
    height: 100%;
    outline: solid 1px rgba(118, 128, 138, 0.25);
    border: 4px solid transparent;
    border-radius: var(--hw-btn-rd);
    position: absolute;
}
.hw-author-details {
    position: relative;
    display: inline-block;
    width: calc(100% - var(--hw-author-img));
    float: left;
    padding-left: var(--hw-mg-tp);
    font-size: var(--hw-fn-sm);
}
.hw-author-name {
    margin: 0;
    font-size: 20px;
    display: inline-block;
    font-weight: 700;
    width: 100%
}
.hw-author-description {
    margin-top: calc(var(--hw-mg-tp) / 2.5);
    font-size: 13px;
    display: inline-block;
    font-weight: 400;
    width: 100%;
    margin-bottom: 0px !important;
    padding-bottom: 0;
    line-height: 2em
}
.hw-el-author [class*="hw-social-icon"] {
    --hw-ag: left;
    --hw-scl-sz: 1.2em;
    --hw-scl-mr: 0.5em;
    margin-top: calc(var(--hw-mg-tp) / 2.5);
    --hw-scl-txt: var(--hw-main-txt);
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		6.6 - Tags

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-tags {
    float: left;
    text-align: center;
    width: 100%;
    padding: 0 !important;
    margin: var(--hw-mg-tp) -5px 0 0 !important
}
.hw-tags a {
    font-weight: 400;
    line-height: 1.1em;
    border-radius: 0;
    padding: 10px 15px;
    margin: 5px;
    opacity: 1;
    display: inline-block;
    float: left;
    background: var(--hw-main-gry-bg);
    color: var(--hw-main-gry-txt);
    font-size: 11px !important;
    position: relative;
    display: inline-block;
    box-shadow: 0 0 0 1px var(--hw-main-br-cr) inset;
    border-radius: var(--hw-btn-rd)
}
.hw-tags a:hover {
    background: var(--hw-primary-hv-bg);
    color: var(--hw-primary-txt);
    box-shadow: 0 0 0 1px transparent inset
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		6.7 - Lightbox

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-lightbox {
    top: 0;
    z-index: 9999999;
    position: fixed;
    background-color: rgba(0, 0, 0, .75);
    margin: 0 !important;
    text-align: center;
    width: 100%;
    height: 100%;
    display: none;
    color: #fff
}
.hw-lightbox-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    display: flex;
}
.hw-lightbox-targetimg {
    max-width: 900px;
    max-height: 500px;
    height: auto;
    margin: auto;
    display: block;
    line-height: 0
}
.hw-lightbox i {
    pointer-events: all;
    z-index: 99999999;
    font-style: normal;
    position: absolute;
    cursor: pointer
}
.hw-lightbox i::before {
    font-family: 'fontsite';
    font-style: normal;
    text-shadow: 0 0 10px #000;
}
.hw-lightbox i:hover {
    cursor: pointer;
    opacity: 0.5;
}
.hw-lightbox-close {
    top: 20px;
    font-size: 40px;
    right: 20px;
}
.hw-lightbox-close::before {
    content: "\F005";
}
.hw-lightbox-prevbig, .hw-lightbox-nextbig {
    font-size: 80px;
    top: calc(50% - 40px);
    left: auto;
}
.hw-lightbox-nextbig {
    right: 20px
}
.hw-lightbox-prevbig {
    left: 20px
}
.hw-lightbox-prevbig::before {
    content: "\F023";
}
.hw-lightbox-nextbig::before {
    content: "\F024";
}
.hw-lightbox-targetimg {
    z-index: 1;
    cursor: pointer;
    position: relative
}
.hw-lightbox-loading {
    left: calc(50% - 12.5px);
    top: calc(50% - 12.5px);
    z-index: 9999999;
    height: 60px;
    width: 60px;
    position: fixed;
}
.hw-lightbox-loading::before {
    content: "\F045";
    caption-side: #fffff !important;
    font-family: 'fontsite';
    font-size: 60px;
    animation: hexwp_rotate 1.4s infinite linear;
    float: left;
}
.hw-lightbox h3 {
    line-height: calc(1em + 8px);
    position: absolute;
    width: 100%;
    color: #ffffff;
    font-size: 30px;
    text-shadow: 0 0 10px #000;
    bottom: 60px;
    z-index: 999999999;
    margin-bottom: 20px;
    z-index: 99;
}
.hw-lightbox span {
    line-height: calc(1em + 8px);
    position: absolute;
    width: 100%;
    color: rgb(255, 255, 255);
    font-size: 30px;
    bottom: 20px;
    text-shadow: 0 0 10px #000;
    width: 100%;
    z-index: 999999999;
    text-align: center;
    left: 0;
}
.hw-lightbox-outer {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    left: 0px;
    top: 0px;
    z-index: 1;
}
@media (max-width: 900px) {
    .hw-lightbox-targetimg {
        max-width: 90%;
        max-height: 50%;
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		6.8 - Comments

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.hw-el-comments {
    --hw-el-pd: var(--hw-default-pd);
}
.hw-comment-status-closed {
    display: none !important;
}
#comments {
    float: left;
    width: 100%;
    margin: 0;
    color: var(--hw-main-txt);
}
.comments-title {
    font-size: 20px;
    margin: 0px;
    color: var(--hw-main-lk);
}
.hw-comments.hw-list .comments-title {
    margin-bottom: 10px;
}
.comment-list {
    list-style: none;
    float: left;
    margin-bottom: 20px;
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.comments-area .children {
    margin: 0px;
}
.hw-comments.hw-thread .comment-list li {
    position: relative;
    clear: both;
    border-width: 1px;
    border-style: solid;
    float: left;
    background: var(--hw-post-bg);
    padding: 20px;
    list-style: none;
    margin: 20px 0 0;
    border-color: var(--hw-main-br-cr);
    border-radius: var(--hw-main-rd);
    width: 100%;
    box-sizing: border-box
}
.hw-comments.hw-thread .comment-list li ul li {
    background: rgba(118, 128, 138, 0.03);
    padding: 20px;
    margin-top: 20px
}
.hw-comments.hw-thread .comment-wrap {
    padding: 0
}
.hw-comments.hw-list .comment-list .comment-wrap {
    border-width: 1px 0px 0px;
    border-style: solid !important;
    padding: 20px 0;
    list-style: none;
    border-color: var(--hw-main-br-cr) !important;
    float: left;
    width: 100% !important
}
.hw-comments.hw-list .comment-list li:first-child .depth-1.comment-wrap {
    border-width: 0px;
}
.hw-comments.hw-list .comment-list .children {
    list-style: none;
    margin-left: 7.5%
}
.hw-comments.hw-list .comment-list li ul li .comment-wrap {
    list-style: none
}
#comments .clear {
    clear: inherit !important
}
.comment-avatar {
    float: left;
    width: 45px;
    position: relative;
    height: 45px;
    padding-bottom: 0;
    margin-right: 15px;
    margin-bottom: 5px
}
.comment-avatar img {
    font-size: 0;
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: var(--hw-btn-rd) !important;
    box-shadow: 0 0 0 3px var(--hw-post-bg), 0 0 0 4px var(--hw-main-br-cr) !important;
}
.author-comment cite {
    font-weight: 400;
    position: relative;
    display: block;
    float: left;
    padding-right: 5px;
    font-style: normal
}
.comment-content p:last-child {
    margin-bottom: 0px;
}
.author-link {
    float: left;
    line-height: 25px;
}
.author-link ol {
    float: left;
    padding-right: 5px
}
.author-link a {
    float: left;
    font-size: var(--hw-at-fn-sz, 17px);
    font-weight: var(--hw-at-fn-wt, 400);
    text-transform: var(--hw-at-fn-tr, none);
    color: var(--hw-main-hl);
}
.author-link-reply a {
    font-size: 14px;
    color: var(--hw-main-txt);
}
.author-link-reply {
    float: left
}
.commentmetadata {
    font-size: 11px;
    line-height: 25px;
    text-align: right;
}
.comment-wrap {
    position: relative
}
.comment-content {
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    width: auto;
    float: none;
}
.comment-content p {
    font-size: var(--hw-cm-fn-sz, 14px);
    line-height: 2em;
    font-weight: var(--hw-cm-fn-wt, 400);
    text-transform: var(--hw-cm-fn-tr, none);
}
.comment-content li {
    border: none !important;
    margin: 0 0 0 00px !important;
    list-style: inherit !important;
    background: none !important;
    clear: inherit !important;
    float: none !important;
    padding: 0px !important;
}
.comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
    margin: 15px 0 !important;
}
.nocomments {
    text-align: center
}
.comment-list li.pingback {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd
}
.comment-list .reply {
    text-align: right;
    float: left;
    line-height: 1.1em;
    margin-top: 2px;
    width: 100%
}
.comment-list .reply a {
    padding: 0;
    position: relative;
    text-align: right;
    float: none;
    display: inline-block;
    font-size: 13px
}
.comment-list .reply a:hover {
    text-shadow: 0 1px 1px #000
}
#respond {
    width: 100%;
    position: relative;
    font-size: 13px;
    float: left;
    margin-top: 00px;
    font-weight: 700;
}
.comment-list li #respond {
    margin: 20px 0 20px !important
}
.comment-reply-title {
    margin: 0px;
    color: var(--hw-main-lk);
}
.comment-reply-title small {
    float: right;
    font-size: 14px !important;
    font-weight: 400 !important;
}
#commentform {
    padding: 0;
    margin-top: 6px;
    overflow: hidden
}
.required {
    font-weight: 700;
    display: inline-block;
    color: red;
}
#commentform p {
    width: 100%;
    float: left;
    font-weight: 400;
    padding: 0;
}
#commentform .form-submit {
    margin-top: 5px;
}
#commentform textarea {
    height: var(--hw-textarea-ht, 100px);
}
.comment-notes {
    margin-bottom: 10px
}
.commentmetadata a, .author-link-reply a {
    display: inline-block;
    opacity: .5
}
.form-submit #submit:active, #login-form .login-button:active, .widget-feedburner .feedburner-subscribe:active {
    top: 2px
}
input.error, textarea.error {
    border: 1px solid red !important
}
.hw-comment-navi {
    padding-bottom: 20px;
    width: 100%;
    float: left
}
.hw-comment-navi .page-numbers {
    padding: 5px 10px;
    background: rgba(150, 150, 150, 0.10)
}
@media (max-width: 499px) {
    .comment-list.hw-thread li {
        padding: 12px
    }
    .comment-list.hw-thread li {
        padding: 12px !important;
    }
    .comment-content {
        display: inline-block;
        width: 100%;
        float: left;
        overflow: hidden;
        margin-top: 5px;
        float: none
    }
}
/******************************************************************************************************************************************************
******************************************************************************************************************************************************

																	 		6.9 - wp-block

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    padding: 0px !important;
    border: none !important;
}
.wp-block-search .wp-block-search__button {
    width: 120px;
}
.wp-social-link {
    padding: 0px !important;
}
.wp-social-link a {
    line-height: 2em !important;
    width: 2em;
    height: 2em;
    font-size: 20px;
    text-align: center;
}
.wp-block-social-links .wp-social-link a svg {
    line-height: 1.5em !important;
    width: 1.5em !important;
    font-size: inherit !important;
    height: 1.5em !important;
}
.wp-social-link::before {
    display: none !important;
}
.wp-block-search .wp-block-search__button svg {
    fill: var(--hw-primary-txt);
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
    border-radius: 0;
    border: none;
    padding: 0 1em;
}
/****************/
.products-top {
    display: flex;
}
.products-top a {
    width: 33.33%;
}
.products-top a img {
    max-height: 80px;
}
@media only screen and (max-width: 575px) {
    .section_title {
        text-align: center;
    }
}
.section_title h2 {
    font-size: 24px;
    line-height: 3em;
    text-transform: uppercase;
    font-weight: 700;
    color: #fa5f1a;
    display: inline-block;
    margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section_title h2 {
        font-size: 20px;
        line-height: 22px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title h2 {
        font-size: 18px;
        line-height: 22px;
    }
}
@media only screen and (max-width: 767px) {
    .section_title h2 {
        font-size: 16px;
        line-height: 18px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section_title.mb-60 {
        margin-bottom: 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title.mb-60 {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .section_title.mb-60 {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section_title.mb-130 {
        margin-bottom: 60px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title.mb-130 {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 767px) {
    .section_title.mb-130 {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section_title.mb-50 {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .section_title.mb-50 {
        margin-bottom: 30px;
    }
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.banner_container {
    display: flex;
    justify-content: space-between;

}
.banner_text {
    top: 66px;
    left: 65px;
    right: 18px;
}
a.btn-primary {
    margin-top: 53px;
    font-size: 18px;
    line-height: 56px;
    height: 56px;
    padding: 0 32px;
}
a.btn-primary:hover {
    color: #ffffff;
}
#hw-footer {
    border-top: #dee2e6 solid 1px;
}
.all_articles {
    float: right;
    font-size: 14px;
    font-weight: 400;
}
.elementor-heading-title {
    color: #fc642d !important;
}
@media only screen and (max-width: 767px) {
    .hw-elementor-4e340ef{
        height: 820px !important;
    }
    .elementor-element-cca0129{
        height: 350px  !important;
    }
    .banner_container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .banner_container .single_banner {
        width: 100%;
    }
    .banner_text {
        top: 10px;
        left: 10px;
        right: 18px;
    }
}
.hw-excerpt {
    /*display: none;*/
}
.hw-footer-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.hw-footer-content .hw-column {
    width: 25% !important;
    @media screen and (max-width: 768px) {
        width: 100% !important;
    }
    /*background: #f1f1f1;*/
}
.fd-index-banner {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    top:-20px;
}
.fd-index-banner img {
    max-width: 100%;
}
.home .hw-title {
    font-size: 18px;
    font-weight: 700;
}
.hw-tabs .hw-tab-active {
    color: #fa5f1a !important;
}
/*****产品分类变色****/
.current-cat::before {
    color: #fa5f1a !important;
}
.current-cat > span {
    color: #fa5f1a !important;
}
.current-cat > a {
    color: #fa5f1a !important;
}
/*****产品分类变色****/
#hw-footer {
    margin-top: 80px;
}
.hw-post-product {
    margin-bottom: 10px;
}
/*底部自定义*/
.newsletter_section {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.border-top {
    border-top: 1px solid #dee2e6 !important;
}
.newsletter_padding {
    padding-top: 60px;
}
.newsletter_inner {
    display: flex;
    justify-content: space-between;
}
.newsletter_inner .newsletter_text {
    width: 30%;
}
.newsletter_inner .newsletter_text h3 {
    text-align: left;
}
.newsletter_inner .newsletter_text p {
    text-align: left;
}
.newsletter_inner .newsletter_subscribe {
    width: 69%;
    justify-content: flex-end;
    align-items: flex-end;
}
.newsletter_inner .newsletter_subscribe > div {
}
.newsletter_inner .newsletter_subscribe form {
}
.newsletter_inner .newsletter_subscribe form > p {
    text-align: right !important;
    width: 100%;
}
.newsletter_subscribe label {
    display: flex !important;
}
.newsletter_subscribe .wpcf7-submit {
    background: transparent;
    color: #888888;
}
.newsletter_subscribe .wpcf7-submit:hover {
    color: #fa5f1a !important;
    background: transparent;
}
.newsletter_subscribe .wpcf7-form-control {
    border: 0px solid #dee2e6 !important;
    border-bottom: 1px solid #999999 !important;
    background: transparent;
    border-radius: 0px;
}
.footer-my {
    min-height: 300px;
}
/* ========== 底部样式 - Blue Wings Ltd ========== */
/* 底部整体容器 */
#hw-footer {
    margin-top: 60px;
    background-color: #fff;
}
/* 订阅区域 */
.newsletter_section {
    padding: 20px 0;
}
.newsletter_padding {
    padding: 0px 0;
}
.border-top {
    border-top: 1px solid #dee2e6;
}
.newsletter_inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    flex-wrap: wrap;
}
/* 左边文字区域 */
.newsletter_text {
    flex: 1;
    min-width: 250px;
}
.newsletter_text h3 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
}
.newsletter_text p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 0;
}
/* 右边表单区域 */
.newsletter_subscribe {
    flex: 1;
    min-width: 300px;
}
/* 表单样式 - 输入框和按钮同一行 */
.newsletter_subscribe .wpcf7-form p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}
/* 邮箱输入框容器 */
.newsletter_subscribe .wpcf7-form-control-wrap {
    flex: 1;
}
/* 邮箱输入框 */
.newsletter_subscribe .wpcf7-email {
    width: 100%;
    border: none !important;
    background: transparent !important;
    padding: 10px 0 !important;
    font-size: 14px;
    outline: none;
    box-shadow: none !important;
}
/* 提交按钮 */
.newsletter_subscribe .wpcf7-submit {
    background: transparent !important;
    border: none !important;
    color: #777777 !important;
    font-weight: 600;
    cursor: pointer;
    padding: 10px 0 10px 15px !important;
    font-size: 14px;
    flex-shrink: 0;
}
.newsletter_subscribe .wpcf7-submit:hover {
    color: #d9480f !important;
    background: transparent !important;
}
/* 隐藏加载动画 */
.newsletter_subscribe .wpcf7-spinner {
    display: none;
}
/* 底部 Widgets 区域 */
.footer_widgets {
    background-color: #fff;
    padding: 50px 0 30px;
}
.footer_widgets .hw-middle-footer {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.footer_widgets .row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
/* 左列 */
.col-lg-5 {
    width: 41.666%;
    padding: 0 15px;
}
.col-md-5 {
    width: 41.666%;
}
.col-sm-5 {
    width: 41.666%;
}
/* 右列 */
.col-lg-7 {
    width: 57.333%;
    padding: 0 15px;
}
.col-md-7 {
    width: 58.333%;
}
.col-sm-7 {
    width: 58.333%;
}
/* 左侧内容 */
.footer_widget_list {
    margin-bottom: 20px;
}
.footer_logo {
    margin-bottom: 20px;
}
.footer_logo img {
    max-width: 180px;
    height: auto;
}
.footer_contact_list {
    margin-bottom: 25px;
}

.footer_contact_list:last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_contact_list {
        margin-bottom: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_contact_list {
        margin-bottom: 16px;
    }
}

.footer_contact_list span {
    font-size: 13px;
    line-height: 30px;
    color: #292929;
    display: block;
    font-weight: 400;
}

@media only screen and (max-width: 767px) {
    .footer_contact_list span {
        line-height: 24px;
    }
}

.footer_contact_list p {
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_contact_list p {
        font-size: 16px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_contact_list p {
        font-size: 14px;
        line-height: 22px;
    }
}

.footer_contact_list a {
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    display: inline-block;
    font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer_contact_list a {
        font-size: 16px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_contact_list a {
        font-size: 14px;
        line-height: 22px;
    }
}
/* 右侧内容 */
.text-right {
    text-align: right;
}
/* 底部菜单 */
.footer_menu {
    margin-bottom: 25px;
    margin-top: 50px;
}
.footer_menu ul {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer_menu ul li {
    margin: 0;
}
.footer_menu ul li a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s;
}
.footer_menu ul li a:hover {
    color: #fa5f1a;
}
/* 社交图标 */
.footer_social {
    margin-bottom: 20px;
}
.footer_social ul {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer_social ul li {
    margin: 0;
}
.footer_social ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #f0f0f0;
    border-radius: 50%;
    color: #666;
    font-size: 18px;
    transition: all 0.3s;
    text-decoration: none;
}
.footer_social ul li a:hover {
    background-color: #fa5f1a;
    color: #fff;
}
/* 版权信息 */
.copyright_right {
    margin-top: 40px;
}
.copyright_right p {
    font-size: 16px;
    color: #292929;
    margin: 0;
}
/* ========== 手机版响应式 ========== */
@media (max-width: 992px) {
    .newsletter_inner {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        gap: 25px;
    }
    .newsletter_text {
        text-align: center;
    }
    .newsletter_text h3 {
        font-size: 20px;
    }
    .newsletter_text p {
        font-size: 13px;
    }
    .footer_widgets .row {
        flex-direction: column;
    }
    .col-lg-5, .col-md-5, .col-sm-5,
    .col-lg-7, .col-md-7, .col-sm-7 {
        width: 100%;
        padding: 0 15px;
    }
    .text-right {
        text-align: center;
    }
    .footer_menu ul {
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
    }
    .footer_social ul {
        justify-content: center;
    }
    .footer_contact_list {
        text-align: center;
    }
    .footer_contact_list span {
        display: inline-block;
        min-width: auto;
    }
}
/* 小手机版 (宽度 ≤ 768px) */
@media (max-width: 768px) {
    .newsletter_section {
        padding: 40px 0;
    }
    .newsletter_padding {
        padding: 40px 0;
    }
    .newsletter_inner {
        gap: 20px;
    }
    .newsletter_text h3 {
        font-size: 18px;
    }
    /* 表单：手机版输入框和按钮上下排列 */
    .newsletter_subscribe .wpcf7-form p {
        flex-direction: column;
        align-items: stretch;
        border-bottom: none;
        gap: 15px;
    }
    .newsletter_subscribe .wpcf7-email {
        border-bottom: 1px solid #ddd !important;
        padding: 12px 0 !important;
    }
    .newsletter_subscribe .wpcf7-submit {
        text-align: center;
        background: transparent !important;
        color: #666666 !important;
        border-radius: 4px;
        padding: 12px 0 !important;
    }
    .newsletter_subscribe .wpcf7-submit:hover {
        color: #fa5f1a !important;
        background: transparent !important;
    }
    .footer_widgets {
        padding: 40px 0 20px;
    }
    .footer_logo img {
        max-width: 150px;
    }
    .footer_menu ul {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .footer_menu ul li a {
        font-size: 13px;
    }
    .footer_social ul {
        justify-content: center;
    }
    .copyright_right p {
        font-size: 11px;
    }
}
/* 超小手机版 (宽度 ≤ 480px) */
@media (max-width: 480px) {
    .newsletter_text h3 {
        font-size: 16px;
    }
    .newsletter_text p {
        font-size: 12px;
    }
    .footer_contact_list span,
    .footer_contact_list p,
    .footer_contact_list a {
        font-size: 12px;
    }
    .footer_social ul li a {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }
}
@font-face {
    font-family: "iconfont"; /* Project id  */
    src: url('fonts/iconfont.ttf?t=1776314889923') format('truetype');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-instagram:before {
    content: "\e74d";
}
.icon-facebook:before {
    content: "\e676";
}
.icon-linkedin:before {
    content: "\e6ce";
}
.icon-Youtube-fill:before {
    content: "\e883";
}
.icon-tiktok:before {
    content: "\ecdc";
}
.icon-tuite:before {
    content: "\ee49";
}
.newsletter_subscribe .wpcf7-validates-as-email {
    padding-left: 30px;
    margin-left: 30px;
}
/*.newsletter_subscribe .wpcf7-form-control-wrap:before{
	font-family: "iconfont" !important;
	content: "\e856";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left:0px;
	font-size: 24px;
	}*/
.newsletter_subscribe {
}
.newsletter_subscribe .form {
}
.newsletter_subscribe .form .input {
    border-bottom: 1px solid #d1d1d1;
    position: relative;
}
.newsletter_subscribe .form .input:before {
    font-family: "iconfont" !important;
    content: "\e856";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    font-size: 24px;
}
.newsletter_subscribe .form .input input {
    width: calc(100% - 70px);
    background: transparent;
    border: none;
    text-indent: 20px;
}
.newsletter_subscribe .form .input span:nth-child(1) {
    float: left;
}
.newsletter_subscribe .form .input span:nth-child(2) {
    float: right;
}
.newsletter_subscribe .form .input span:nth-child(2) > a:hover {
    color: #fc642d;
}
.newsletter_subscribe .form .input span:nth-child(2) button{
    width: 70px!important;
}
.blog_details_desc p {
    line-height: 2em;
    margin-bottom: 0;
}
.company-profile {
    margin: 40px auto;
    border: 1px solid #ccc;
    border-radius: 12px;
    overflow: hidden;
    font-family: 'Segoe UI', sans-serif;
    background-color: #fdfdfd;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.company-profile table {
    width: 100%;
    border-collapse: collapse;
}
.company-profile th,
.company-profile td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid #eee;
}
.company-profile th {
    background-color: #f5f5f5;
    font-weight: 600;
    width: 20%;
    color: #333;
}
.company-profile td {
    color: #555;
    background-color: #fff;
}
.company-profile .note {
    padding: 16px;
    background-color: #f0f8ff;
    color: #0074cc;
    text-align: center;
    font-style: italic;
    font-size: 14px;
}
.yanse {
    max-height: 600px;
    overflow-y: auto;
}
.product_se {
    max-height: 400px;
    overflow-y: auto;
}
.img-container {
    width: 100%;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden
}
.img-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}
.vb-contact-form {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.vb-contact-form label {
    font-weight: bold !important;
    font-size: 14px !important;
    margin-bottom: 8px;
}
.vb-contact-form input[type=text] {
    border-radius: 4px !important;
}
.vb-contact-form input[type=email] {
    border-radius: 4px !important;
}
.vb-contact-form input[type=tel] {
    border-radius: 4px !important;
}
.vb-contact-form textarea {
    border-radius: 4px !important;
}
.post_header h2 {
    font-size: 36px;
    line-height: 60px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 44px;
}
.blog_details_desc h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 43px;
}
.blog_details_desc ul li {
    list-style-type: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 26px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 575px) {
    .blog_details_desc h3 {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 20px;
    }
}
.blog_details_desc p {
    font-size: 16px;
    color: #292929;
    font-weight: 400;
    margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p {
        font-size: 15px;
        line-height: 28px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc p {
        font-size: 14px;
        line-height: 25px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p.mb-35 {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc p.mb-35 {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 18px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p.mb-50 {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc p.mb-50 {
        margin-bottom: 17px;
    }
}
.blog_details_desc p.david_moye {
    padding-left: 100px;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p.david_moye {
        padding-left: 83px;
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc p.david_moye {
        font-size: 13px;
        padding-left: 0;
    }
}
.blog_details_desc p.david_moye span {
    color: #000000;
    font-style: normal;
    font-weight: 600;
}
.blog_details_desc blockquote {
    padding: 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc blockquote {
        padding: 0 80px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc blockquote {
        padding: 0 60px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 575px) {
    .blog_details_desc blockquote {
        padding: 0 5px;
    }
}
.blog_details_desc blockquote p {
    font-size: 23px;
    line-height: 35px;
    color: #000000;
    font-style: italic;
    font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc blockquote p {
        font-size: 20px;
        line-height: 33px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc blockquote p {
        font-size: 19px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 575px) {
    .blog_details_desc blockquote p {
        font-size: 15px;
        line-height: 26px;
    }
}
.hw-title-box {
    text-align: left;
}
.hw-title-box .hw-tab-main {
    text-align: left;
}
.breadcrumb_content h3 {
    font-size: 48px;
    line-height: 60px;
    text-transform: uppercase;
    color: #000000;
    margin-top: 36px;
    margin-bottom: 0;
    font-weight: 500;
}
/***新闻分类**/
.blog_category_nav_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 30px auto;
}
.blog_category_nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.blog_category_nav a {
    display: inline-block;
    padding: 8px 20px;
    color: #333;
    text-decoration: none;
    border-radius: 30px;
    font-size: 18px;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.blog_category_nav a:hover {
    color: #da4426;
}
.blog_category_nav a.active {
    color: #da4426;
}
/* 移动端适配 */
@media (max-width: 768px) {
    .blog_category_nav {
        justify-content: flex-start;
        flex-wrap: nowrap;
        padding-bottom: 5px;
    }
    .blog_category_nav a {
        padding: 6px 16px;
        font-size: 13px;
    }
}
.hw-cats .hw-all-category-blog a {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    font-weight: 600;
    color: #000000 !important;
}
.hw-post-product {
    margin-bottom: 10px;
}
.hw-post-product .hw-thumb {
    overflow: visible !important;
}
.hw-post-product .hw-thumb > a {
    overflow: visible !important;
}
.hw-post-product .hw-details {
    overflow: visible !important;
}
.hw-price del,
.hw-price .screen-reader-text {
    display: none !important;
}
.hw-post-product {
    margin-bottom: 10px;
    overflow: visible !important;
}
.hw-post-product .hw-thumb {
    height: auto;
}
.hw-post-product .hw-thumb > a {
    overflow: visible !important;
}
.hw-post-product .hw-details {
    overflow: visible !important;
}
.hw-post-product {
    margin-bottom: 10px;
    overflow: visible !important;
}
body [class*="hw-module-"] .hw-post-product {
    overflow: visible !important;
}
.hw-glider .hw-post-product {
    overflow: visible !important;
}
.hw-price del,
.hw-price .screen-reader-text {
    display: none !important;
}
.hw-post-product .hw-thumb {
    overflow: visible !important;
}
.hw-post-product .hw-thumb > a {
    overflow: visible !important;
}
.hw-post-product .hw-details {
    overflow: visible !important;
}
.hw-item.hw-module-2.hw-aw {
    overflow: visible !important;
}
.hw-gap-warp .hw-item {
    overflow: visible !important;
}
/*底部自定义*/
.newsletter_section {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.custom-container-content {
    max-width: 830px;
    margin: 0 auto;
    padding: 0;
    @media screen and (max-width: 768px) {
        max-width: 100%;
    }
}
.post_header h2 {
    font-size: 36px;
    line-height: 60px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 44px;
}
.blog_details_desc h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 43px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc h3 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 26px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc h3 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 575px) {
    .blog_details_desc h3 {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 20px;
    }
}
.blog_details_desc p {
    font-size: 16px;
    color: #292929;
    font-weight: 400;
    margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p {
        font-size: 15px;
        line-height: 28px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc p {
        font-size: 14px;
        line-height: 25px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p.mb-35 {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc p.mb-35 {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 18px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p.mb-50 {
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc p.mb-50 {
        margin-bottom: 17px;
    }
}
.blog_details_desc p.david_moye {
    padding-left: 100px;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc p.david_moye {
        padding-left: 83px;
        margin-bottom: 25px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc p.david_moye {
        font-size: 13px;
        padding-left: 0;
    }
}
.blog_details_desc p.david_moye span {
    color: #000000;
    font-style: normal;
    font-weight: 600;
}
.blog_details_desc blockquote {
    padding: 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc blockquote {
        padding: 0 80px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc blockquote {
        padding: 0 60px;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 575px) {
    .blog_details_desc blockquote {
        padding: 0 5px;
    }
}
.blog_details_desc blockquote p {
    font-size: 23px;
    line-height: 35px;
    color: #000000;
    font-style: italic;
    font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog_details_desc blockquote p {
        font-size: 20px;
        line-height: 33px;
    }
}
@media only screen and (max-width: 767px) {
    .blog_details_desc blockquote p {
        font-size: 19px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 575px) {
    .blog_details_desc blockquote p {
        font-size: 15px;
        line-height: 26px;
    }
}
.post_tags_social {
    padding: 108px 0 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .post_tags_social {
        padding: 73px 0 74px;
    }
}
@media only screen and (max-width: 767px) {
    .post_tags_social {
        padding: 54px 0 53px;
    }
}
@media only screen and (max-width: 575px) {
    .post_tags_social {
        padding: 21px 0 53px;
    }
}
.post_tags {
    margin-bottom: 38px;
}
.hw-item-list {
    margin: 20px auto;
    padding-bottom: 20px;
    border-bottom: #d1d1d1 solid 1px;
}
.news-detail-more {
    max-width: 830px;
    margin: 0 auto;
    padding: 0;
    @media screen and (max-width: 768px) {
        max-width: 100%;
    }
}
.news-detail-more .comment-respond {
    /* box-shadow: 0 0 10px rgba(0,0,0,0.15);
     padding: 10px;*/
}
.news-detail-more .comment-respond input[type=text] {
    border-radius: 4px;
}
/*自己定义的首页swiper*/
.vb-carousel .vb-tbox-wrap .vb-tl-tbox {
    font-size: 24px !important;
    line-height: 26px !important;
    text-transform: uppercase;
    font-weight: 700;
    color: #fa5f1a !important;
    display: inline-block;
    margin-bottom: 0;
}
.vb-details h3.vb-tl-title{
    font-weight: 600 !important;
}
.vb-details .vb-price .hw-price .woocommerce-Price-amount{
    font-weight: 400 !important;
}
.vb-item .vb-post-product .vb-details .vb-price .hw-price .woocommerce-Price-amount  span ins{
    color: #ff2f2f !important;
    font-weight: 400 !important;
}
.hw-post-blog .hw-thumb{
    margin-top: 10px;
}
.newsletter_subscribe .form .input {
    display: flex;
    align-items: center;
    gap: 10px;
}

.newsletter_subscribe .form .input span:first-child {
    flex-shrink: 0;
}

.newsletter_subscribe .form .input input[type="email"] {
    flex: 1;
    min-width: 0;
}

.newsletter_subscribe .form .input .submit-btn {
    flex-shrink: 0;
    margin-left: auto;
    margin-bottom: 2px;
}
/* 手机版保持同一行 */
@media (max-width: 768px) {
    .newsletter_subscribe .form .input {
        gap: 5px;
    }

    .newsletter_subscribe .form .input input[type="email"] {
        min-width: 120px;
    }

    .newsletter_subscribe .form .input .submit-btn button {
        padding: 8px 12px;
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .newsletter_subscribe .form .input {
        gap: 3px;
    }

    .newsletter_subscribe .form .input span:first-child i {
        font-size: 14px;
    }

    .newsletter_subscribe .form .input input[type="email"] {
        min-width: 80px;
        font-size: 13px;
        padding: 8px;
    }

    .newsletter_subscribe .form .input .submit-btn button {
        padding: 8px 10px;
        font-size: 13px;
    }
}
.mr-30{
    margin-right: 30px !important;
}
.hw-post-product .hw-details  .hw-price .woocommerce-Price-amount{
    color: #ff2f2f !important;
    font-weight: 400;
}
.hw-post-product .hw-details  .hw-title{
    font-weight: bold;
}
.blog_details_desc_new{
    margin-bottom: 40px;
    /*box-shadow: 0 0 15px rgba(0,0,0,0.10);
    padding: 20px;*/
}
.blog_details_desc_new h2:first-child{
    margin-top: 0;
}
.blog_details_desc_new h2{
    font-size: 24px;
    font-weight: 600;
    line-height: 2em;
    margin-top: 30px;
}
.blog_details_desc_new h3{
    font-size: 20px;
    font-weight: 600;
    line-height: 2em;
    margin-bottom: 20px;
}
.blog_details_desc_new h4{
    font-size: 18px;
    font-weight: 600;
    line-height: 2em;
}
.blog_details_desc_new p{
    font-size: 16px;
}
.blog_details_desc_new ul{}
.blog_details_desc_new ul li{
    list-style: none;
}
.woocommerce-notices-wrapper .woocommerce-error{
    display: none;
}
.additional_information_tab{
    display: none;
}
.woocommerce-Tabs-panel--additional_information{
    display: none;
}
/* 同时在主题的自定义CSS中添加 */
.wcboost-variation-swatches__item.hw-out-of-stock {
    opacity: 0.9 !important;
    filter: grayscale(1) !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}
/***一级分类的三角去掉**/
.product-categories .cat-item-15::before{
    content:""!important;
}
.product-categories .cat-item-35::before{
    content:""!important;
}
.product-categories .cat-item-69::before{
    content:""!important;
}
/*********日本地址优化*****/
#shipping_country_field{
     display: none;
}
#billing_country_field{
    display: none;
}
.ppc-button-wrapper{
    margin-top: 15px;
}
.woocommerce-shipping-methods .shipping_method{
    font-weight: 400 !important;
}
.woocommerce-shipping-methods .shipping_method .woocommerce-Price-amount{
    font-weight: 400;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td,.woocommerce table.shop_table thead th {
    font-weight: 400;
}
.woocommerce-shipping-methods .woocommerce-Price-amount{
    font-weight: 400!important;
}
.woocommerce-shipping-methods .woocommerce-Price-amount .woocommerce-Price-currencySymbol{
    font-weight: 400;
}
/*地址隐藏一个*/
.woocommerce .col2-set .col-2, .woocommerce-page .woocommerce-MyAccount-content .woocommerce-Addresses .u-column2{
     float:left;
}
.woocommerce-MyAccount-content .woocommerce-Addresses .u-column1{
    display:none;
}
#customer_login .u-column2{
    float:right;
}
/*地址隐藏一个*/
/* ============================================
   市区町村字段统一样式 - 全新独立定义
   ============================================ */

.wcjp-city-select + .select2-container .select2-selection--single {
    border: 1px solid #4d3939 !important;
    border-radius: 3px !important;
    background: #fff !important;
   /**/ min-height: 38px !important;
    height: auto !important;
    box-shadow: none !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    color:#000000!important;
}

.wcjp-city-select + .select2-container .select2-selection--single:hover {
    border-color: #bbb !important;
}

.wcjp-city-select + .select2-container.select2-container--focus .select2-selection--single,
.wcjp-city-select + .select2-container.select2-container--open .select2-selection--single {
    border-color: #4d3939 !important;
    box-shadow: 0 0 0 2px rgba(164, 100, 151, 0.1) !important;
}

.wcjp-city-select + .select2-container .select2-selection--single .select2-selection__rendered {
/* */   line-height: 1.5 !important;
    height: auto !important;
    padding: 0 !important;
    color: #333 !important;
}

.wcjp-city-select + .select2-container .select2-selection--single .select2-selection__placeholder {
    color: #999 !important;
    line-height: 1.5 !important;
}

.wcjp-city-select + .select2-container .select2-selection--single .select2-selection__arrow {
    height: 100% !important;
    width: 30px !important;
    top: 0 !important;
    right: 0 !important;
}

.wcjp-city-select + .select2-container .select2-dropdown {
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    background: #fff !important;
}

.wcjp-city-select + .select2-container .select2-results__option {
    padding: 8px 12px !important;
    font-size: 14px !important;
}

.wcjp-city-select + .select2-container .select2-results__option--highlighted {
    background-color: #4d3939 !important;
    color: #fff !important;
}

.wcjp-city-select + .select2-container .select2-selection__clear {
    color: #999 !important;
    font-size: 18px !important;
}

.wcjp-city-select + .select2-container .select2-selection__clear:hover {
    color: #333 !important;
}
/* 隐藏支付方式前面的单选按钮圆圈 */
#payment .wc_payment_methods .payment_method_cod::before{
    opacity: 0;
}
#payment .wc_payment_methods .payment_method_cod::after{
    opacity: 0;
}
#payment .wc_payment_methods .payment_method_ppcp-gateway::before{
    opacity: 0;
}
#payment .wc_payment_methods .payment_method_ppcp-gateway::after{
    opacity: 0;
}
#payment .wc_payment_methods .payment_method_bacs::before{
    opacity: 0;
}
#payment .wc_payment_methods .payment_method_bacs::after{
    opacity: 0;
}