@charset "UTF-8";
/*=====================

#Browser Styles Reset
#Main Styles
    #General Styles
    #Header Styles
        #Logo
        #Menu style
        #Mega Menu
        #Sticky Menu
        #Lavalamp
        #Mobile Navigation
    #Page Title
    #Header Search
    #Typography
    #Footer Styles
    #Page Search
#Modules
    #Blog
        #Image Overlay
        #Slider Post
        #Image Post
        #Standard Post
        #Post Share
        #Lists
        #Likes
    #Comments
    #Contact Form
    #Isotope
    #List Style
    #Load More
    #Pagination
    #Shares
    #Scroll Up
#WP Widgets
    #Author
    #Banner
    #Calendar
    #Gallery
    #Main Widgets
    #Navigation Menu
    #Recent Posts
    #Search
    #Tagcloud
    #Text Widget
#Elementor Header Widgets
    #Defaults
    #Date
    #List Info
#Elementor Widgets
    #Accordion Services
    #Accordion
    #Button
    #Carousel Control
    #Circuit Services
    #Clients
    #Countdown
    #Counter
    #Demo Item
    #Double Headings
    #Flip Box
    #Image Comparison
    #Image Layers
    #Info Box
    #Portfolio
    #Pricing Table
    #Progress Bar
    #Satellite Service
    #Service 1
    #Tabs
    #Team
    #Testimonials
    #Time Line Vertical
    #Video Popup
    #Working Hours
#Responsive

========================*/
body:not([data-elementor-device-mode=desktop]):not([data-elementor-device-mode=laptop]):not([data-elementor-device-mode=widescreen]) #wgl-cursor {
display: none;
}

#wgl-cursor {
z-index: 1000;
position: fixed;
left: 0;
top: 0;
transition: 0.05s;
pointer-events: none;
}
#wgl-cursor-pointer {
position: absolute;
z-index: 1;
right: 20px;
top: 20px;
width: max-content;
white-space: nowrap;
color: var(--bili-cursor-point-color);
font-family: var(--bili-header-font-family);
font-weight: 700;
font-size: 14px;
letter-spacing: 0.025em;
}
#wgl-cursor-pointer:before {
content: "";
position: absolute;
z-index: 1;
right: 0;
top: 0;
width: 8px;
height: 8px;
background-color: currentColor;
transition: background-color 0.1s;
}
#wgl-cursor-pointer > .cursor-content {
background: var(--bili-cursor-point-color);
transform-origin: right top;
transform: scale(0);
opacity: 0;
transition: 0.3s;
display: block;
overflow: hidden;
}
#wgl-cursor-pointer > .cursor-content-text {
padding: 0.5em 1em;
position: absolute;
z-index: 1;
color: #fff;
}
#wgl-cursor-pointer.visible:before {
background-color: transparent;
}
#wgl-cursor-pointer.visible > .cursor-content {
transform: scale(1);
opacity: 1;
}
#wgl-cursor-pointer.visible > .cursor-content img {
display: block;
}
#wgl-cursor.portfolio #wgl-cursor-pointer {
color: transparent;
right: 10px;
top: 10px;
}
#wgl-cursor.portfolio #wgl-cursor-pointer .cursor-content-text {
padding: 0;
}
#wgl-cursor .portfolio-tooltip > * {
background: var(--bili-primary-color);
width: -moz-fit-content;
width: fit-content;
padding: 2px 14px;
color: inherit;
margin: 0;
}
#wgl-cursor .portfolio-tooltip > h6 {
background: #fff;
color: #212121;
}
#wgl-cursor .portfolio-tooltip > .post_cats {
padding: 5px 14px 5px 11px;
}
#wgl-cursor .portfolio-tooltip .portfolio-category:after {
color: inherit;
}
#wgl-cursor .carousel-tooltip {
line-height: 1;
margin: 0 -2px;
}
#wgl-cursor .carousel-tooltip .flaticon {
display: inline-block;
font-size: 21px;
line-height: 1;
padding: 0 5px;
}
#wgl-cursor .carousel-tooltip .flaticon-down-arrow-1:first-child {
transform: rotate(-90deg);
}
#wgl-cursor .carousel-tooltip .flaticon-down-arrow-1:last-child {
transform: rotate(90deg);
}

.admin-bar #wgl-cursor-pointer {
bottom: 0;
}

/* ==================== ##Browser Reset ==================== */
* {
box-sizing: border-box;
}
*:focus {
outline: none !important;
}

html,
body,
div,
span,
applet,
object,
iframe,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
margin: 0;
border: 0;
outline: 0;
padding: 0;
font-size: 100%;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
vertical-align: baseline;
}

body {
position: relative;
overflow-x: hidden;
}

body,
html {
max-width: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}

mark {
padding: 0 5px;
color: var(--bili-header-font-color);
}

strong {
font-weight: 700;
}

pre {
max-width: 100%;
margin-top: 18px;
margin-bottom: 20px;
padding: 20px;
word-wrap: break-word;
border: 1px solid #e4e4e4;
border-radius: 0;
overflow: auto;
}

code,
kbd,
tt,
var,
pre {
font-family: monospace;
}

ul,
ol {
padding: 0 0 20px 0;
}

li ul {
padding-bottom: 0;
}

textarea {
min-height: 50px;
height: 122px;
}

img {
vertical-align: top;
max-width: 100%;
height: auto;
-webkit-user-select: none;
user-select: none;
}

label,
legend {
display: block;
margin-bottom: 5px;
}

label {
font-family: var(--bili-header-font-family);
font-size: 16px;
margin-right: 0;
}

legend {
font-weight: 500;
font-family: var(--bili-h4-font-family);
font-size: var(--bili-h4-font-size);
}

iframe {
width: 100%;
display: block;
}

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

dl {
margin-bottom: 1.75em;
}

dt {
font-weight: 700;
}

dd {
margin: 0 0 1.75em;
}

p {
margin: 0 0 16px 0;
}
p:empty {
display: none;
padding: 0;
margin: 0;
}

a {
transition: all 0.4s;
}
a, a:active, a:focus, a:hover {
text-decoration: none;
}

p a {
transition: color 0.3s;
}

/* ==================== ##Elementor ==================== */
body.elementor-page main .wgl-container.wgl-content-sidebar, body.elementor-page.single main .wgl-container:not(.wgl-content-sidebar) {
padding-left: 15px;
padding-right: 15px;
}
body.elementor-page main .wgl-container.wgl-content-sidebar .elementor, body.elementor-page.single main .wgl-container:not(.wgl-content-sidebar) .elementor {
margin-right: -15px;
margin-left: -15px;
}

body.elementor-page main .wgl-container,
body.elementor-page .footer_top-area:not(.widgets_area) .wgl-container,
body.elementor-editor-active main .wgl-container,
body.elementor-editor-active .footer_top-area:not(.widgets_area) .wgl-container,
body.elementor-editor-preview main .wgl-container,
body.elementor-editor-preview .footer_top-area:not(.widgets_area) .wgl-container {
width: auto;
max-width: none;
margin-right: auto;
margin-left: auto;
}
body.elementor-page main .wgl-container.full-width,
body.elementor-page .footer_top-area:not(.widgets_area) .wgl-container.full-width,
body.elementor-editor-active main .wgl-container.full-width,
body.elementor-editor-active .footer_top-area:not(.widgets_area) .wgl-container.full-width,
body.elementor-editor-preview main .wgl-container.full-width,
body.elementor-editor-preview .footer_top-area:not(.widgets_area) .wgl-container.full-width {
width: 100%;
max-width: 100%;
margin-right: 0;
margin-left: 0;
}
body.elementor-page.single-footer main:not(:empty) .wgl-container,
body.elementor-page.single-footer .footer_top-area:not(:empty) .wgl-container,
body.elementor-editor-active.single-footer main:not(:empty) .wgl-container,
body.elementor-editor-active.single-footer .footer_top-area:not(:empty) .wgl-container,
body.elementor-editor-preview.single-footer main:not(:empty) .wgl-container,
body.elementor-editor-preview.single-footer .footer_top-area:not(:empty) .wgl-container {
max-width: none;
margin-right: auto;
margin-left: auto;
}

body.elementor-default .footer_top-area:not(.widgets_area) .wgl-container {
width: auto;
max-width: none;
margin-right: auto;
margin-left: auto;
}
body.elementor-default .footer_top-area:not(.widgets_area) .wgl-container.full-width {
width: 100%;
max-width: 100%;
margin-right: 0;
margin-left: 0;
}

.elementor-element.elementor-widget.elementor-widget-spacer {
margin-bottom: 0;
}

.elementor-image-gallery .gallery-item {
margin-top: 0 !important;
}
.elementor-image-gallery img {
border: 0 !important;
}

.elementor-section.wgl-add-background-text:before {
margin-right: 4.45vw;
}
.elementor-section.wgl-add-background-text:before,
.elementor-section.wgl-add-background-text .wgl-background-text {
position: absolute;
font-size: 9.375vw;
font-weight: 500;
line-height: 0.9em;
font-family: var(--bili-header-font-family);
letter-spacing: 0.585em;
z-index: 0;
width: 100%;
text-align: center;
white-space: nowrap;
display: block;
-webkit-user-select: none;
user-select: none;
color: #dfdfdf;
pointer-events: none;
-webkit-text-stroke-color: #dfdfdf;
}
.elementor-section.wgl-add-background-text:before {
letter-spacing: 0.18em;
}
.elementor-section.wgl-add-background-text.wgl-animation-background-text:before {
display: none;
}
.elementor-section.wgl-add-background-text .wgl-background-text .letter {
display: inline-block;
text-indent: 0;
opacity: 0;
}

body.elementor-editor-active .elementor-section.wgl-add-background-text.wgl-animation-background-text:before {
display: block;
}

body .elementor-element-overlay ul li:before,
body .elementor-select-preset ul li:before {
background: transparent;
}

.elementor-widget-container .elementor-counter .elementor-counter-title {
line-height: 1.3;
margin-top: 12px;
font-weight: 500;
}

.elementor-widget-container .elementor-divider, .elementor-widget-container .elementor-divider-separator {
border-radius: inherit;
}

.font-family-flaticon {
font-family: "Flaticon" !important;
}

/* ==================== ##Footer Styles ==================== */
.footer_wrapper {
padding: 24px 0;
}

.footer_top-area p {
margin-bottom: 0;
}
.footer_top-area.widgets_area .row > div {
padding-top: 50px;
padding-bottom: 40px;
}
.footer_top-area input[type=text],
.footer_top-area input[type=url],
.footer_top-area input[type=search],
.footer_top-area input[type=email],
.footer_top-area input[type=password],
.footer_top-area input[type=tel],
.footer_top-area input[type=time],
.footer_top-area select,
.footer_top-area textarea {
color: #ffffff;
}
.footer_top-area strong {
font-weight: inherit;
}
.footer_top-area .textwidget img {
margin-bottom: 20px;
}
.footer_top-area .widget.widget_wgl_posts .recent-posts-widget {
padding-top: 0;
}
.footer_top-area .footer-link {
position: relative;
z-index: 1;
}
.footer_top-area .footer-link:before {
content: "";
position: absolute;
z-index: 1;
display: block;
bottom: 0;
border-bottom: 1px solid;
width: 0;
left: auto;
right: 50%;
transform: translateX(50%);
visibility: visible;
transition: all 0.3s ease-in-out 0s, color 0s;
}
.footer_top-area .footer-link:hover {
color: #ffffff !important;
}
.footer_top-area .footer-link:hover:before {
width: 100%;
color: #ffffff !important;
}

.footer {
position: relative;
overflow: hidden;
}
.footer .widgets_area .row {
border-top-width: 1px;
border-top-style: solid;
border-top-color: transparent;
}
.footer .blog-posts .blog-post_title {
margin-top: -5px;
}
.footer .blog-posts .item:last-child .blog-post {
margin-bottom: 0;
}
.footer .gallery-caption {
display: none;
}
.footer .widget_recent_comments > ul > li:before,
.footer .widget_meta.widget > ul li a:before,
.footer .widget_nav_menu .menu a:before,
.footer .widget_nav_menu > ul a:before,
.footer .widget_pages .menu a:before,
.footer .widget_pages > ul a:before {
color: #9296a3;
}
.footer .tagcloud a,
.footer .wp-block-tag-cloud a {
border-color: rgba(var(--bili-secondary-rgb), 0.3);
}
.footer .tagcloud a:hover,
.footer .wp-block-tag-cloud a:hover {
color: #fff;
}

.primary-nav.footer-menu .menu-item {
display: inline-block;
margin: 0 20px;
}

.copyright {
font-size: 16px;
}
.copyright p {
margin: 0;
}

body.single.single-footer header,
body.single.single-footer header + .page-header {
display: none;
}

/* ==================== ##General Styles ==================== */
input[type=text],
input[type=url],
input[type=search],
input[type=email],
input[type=password],
input[type=tel],
input[type=time],
input[type=number],
input[type=date],
select,
textarea {
display: block;
height: 56px;
max-width: 100%;
margin: 0 0 21px 0;
border: 1px solid rgba(var(--bili-header-rgb), 0.1);
border-width: 0 0 1px 0;
border-radius: unset;
padding: 0;
font-family: var(--bili-content-font-family);
font-size: 18px;
line-height: 1.7;
font-weight: 500;
text-transform: unset;
color: var(--bili-header-font-color);
background-color: transparent;
transition: all 0.3s, height 0s;
}
input[type=text]::placeholder,
input[type=url]::placeholder,
input[type=search]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=time]::placeholder,
input[type=number]::placeholder,
input[type=date]::placeholder,
select::placeholder,
textarea::placeholder {
font: inherit;
line-height: inherit;
color: inherit;
outline: none;
-webkit-appearance: none;
transition: 0.4s;
transform: translateY(0) scale(1);
transform-origin: right bottom;
}
input[type=text]:active, input[type=text]:focus,
input[type=url]:active,
input[type=url]:focus,
input[type=search]:active,
input[type=search]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=tel]:active,
input[type=tel]:focus,
input[type=time]:active,
input[type=time]:focus,
input[type=number]:active,
input[type=number]:focus,
input[type=date]:active,
input[type=date]:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
border-color: var(--bili-header-font-color);
}
input[type=text]:active::placeholder, input[type=text]:focus::placeholder,
input[type=url]:active::placeholder,
input[type=url]:focus::placeholder,
input[type=search]:active::placeholder,
input[type=search]:focus::placeholder,
input[type=email]:active::placeholder,
input[type=email]:focus::placeholder,
input[type=password]:active::placeholder,
input[type=password]:focus::placeholder,
input[type=tel]:active::placeholder,
input[type=tel]:focus::placeholder,
input[type=time]:active::placeholder,
input[type=time]:focus::placeholder,
input[type=number]:active::placeholder,
input[type=number]:focus::placeholder,
input[type=date]:active::placeholder,
input[type=date]:focus::placeholder,
select:active::placeholder,
select:focus::placeholder,
textarea:active::placeholder,
textarea:focus::placeholder {
opacity: 0;
}

input[type=radio],
input[type=checkbox] {
cursor: pointer;
position: absolute;
z-index: -1;
opacity: 0;
visibility: hidden;
}
input[type=radio] + label, input[type=radio] + span,
input[type=checkbox] + label,
input[type=checkbox] + span {
display: inline-flex;
align-items: baseline;
-webkit-user-select: none;
user-select: none;
cursor: pointer;
}
input[type=radio] + label::before, input[type=radio] + span::before,
input[type=checkbox] + label::before,
input[type=checkbox] + span::before {
content: "";
display: inline-block;
font-size: 12px;
width: 1em;
height: 1em;
flex-shrink: 0;
flex-grow: 0;
border: 0;
color: var(--bili-secondary-color);
box-shadow: inset 0 0 0 1px currentColor;
opacity: 0.7;
transform: translateY(1px);
margin-left: 0.7em;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
transition: 0.2s ease-in-out;
border-radius: 0;
}
input[type=radio]:not(:disabled):not(:checked) + label:hover::before, input[type=radio]:not(:disabled):active + label::before, input[type=radio]:not(:disabled):not(:checked) + span:hover::before, input[type=radio]:not(:disabled):active + span::before,
input[type=checkbox]:not(:disabled):not(:checked) + label:hover::before,
input[type=checkbox]:not(:disabled):active + label::before,
input[type=checkbox]:not(:disabled):not(:checked) + span:hover::before,
input[type=checkbox]:not(:disabled):active + span::before {
box-shadow: inset 0 0 0 1px currentColor;
opacity: 1;
}
input[type=radio]:focus:not(:checked) + label::before, input[type=radio]:focus:not(:checked) + span::before,
input[type=checkbox]:focus:not(:checked) + label::before,
input[type=checkbox]:focus:not(:checked) + span::before {
box-shadow: inset 0 0 0 1px currentColor;
opacity: 1;
}
input[type=radio]:checked + label::before, input[type=radio]:checked + span::before,
input[type=checkbox]:checked + label::before,
input[type=checkbox]:checked + span::before {
box-shadow: inset 0 0 0 1px currentColor, inset 0 0 0 3px #fff, inset 0 0 0 7px currentColor;
opacity: 1;
}
input[type=radio]:disabled + label::before, input[type=radio]:disabled + span::before,
input[type=checkbox]:disabled + label::before,
input[type=checkbox]:disabled + span::before {
background-color: currentColor;
opacity: 0.2;
}

input[type=submit],
button {
display: inline-block;
height: 60px;
max-width: 100%;
margin-bottom: 0;
border: unset;
border-radius: unset;
outline: none;
padding: 6px 30px;
font-size: 14px;
line-height: 30px;
font-weight: 700;
font-family: var(--bili-content-font-family);
color: var(--bili-button-color-idle);
background: var(--bili-button-bg-idle);
cursor: pointer;
-webkit-appearance: none;
transition: 0.4s;
letter-spacing: 0.1em;
}
input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active,
button:hover,
button:focus,
button:active {
color: var(--bili-button-color-hover);
background: var(--bili-button-bg-hover);
}

textarea {
height: 92px;
padding: 10px 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}

input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
color: #ffffff;
}

.input-bg-white input,
.input-bg-white textarea {
background-color: #ffffff;
}

select {
width: 100%;
overflow: hidden;
outline: none;
-webkit-appearance: none;
appearance: none;
background-image: var(--bili-bg-caret);
background-size: 12px;
background-repeat: no-repeat;
background-position: calc(100% - (100% - 0px)) center;
}
select option {
background: var(--bili-tertiary-color);
}

.post-password-form {
margin-bottom: 20px;
}
.post-password-form p:first-child {
margin-bottom: 24px;
}
.post-password-form label {
display: inline-block;
width: 100%;
margin-bottom: 10px;
margin-left: 8px;
}
@media (min-width: 600px) {
.post-password-form label {
    width: calc(100% - 130px);
    max-width: 270px;
}
}
.post-password-form label input[type=password] {
width: 100%;
margin-top: 5px;
margin-bottom: 0;
}
.post-password-form input[type=submit] {
min-width: 100px;
margin-bottom: 10px;
color: var(--bili-button-color-idle);
background-color: var(--bili-button-bg-idle);
transform: translateY(-2px);
height: 56px;
}
.post-password-form input[type=submit]:hover, .post-password-form input[type=submit]:focus {
color: var(--bili-button-color-hover);
background: var(--bili-button-bg-hover);
}

.wgl-container {
margin-left: auto;
margin-right: auto;
width: 1170px;
}
.wgl-container.full-width {
width: 100%;
max-width: 100%;
margin-right: 0;
margin-left: 0;
}
.wgl-container .wgl-container {
width: 100%;
}
.wgl-container .elementor-section-boxed .elementor-section-boxed .elementor-container {
width: 100%;
}
.wgl-container.wgl-content-sidebar .elementor {
margin-right: -15px;
margin-left: -15px;
}

#main .wgl-container .wgl_wrapper {
right: 0 !important;
}

.row:after, .row:before,
.wgl-container:after,
.wgl-container:before,
.clearfix:after,
.clearfix:before {
content: "";
display: table;
line-height: 0;
}

.wgl-container:after,
.row:after,
.clear,
.clearfix:after {
clear: both;
}

[class*=wgl_col-] {
float: right;
min-height: 1px;
}

.row {
margin-right: -15px;
margin-left: -15px;
}
.row [class*=wgl_col-] {
display: block;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}

.wgl-carousel {
position: relative;
z-index: 1;
}

.wgl-carousel_swiper a, .wgl-carousel_swiper a:hover, .wgl-carousel_swiper a:focus {
transition: 0.4s;
}

a:hover {
color: inherit;
}

.wgl-icon {
display: inline-block;
transition: 0.4s;
}
.wgl-icon svg {
transition: inherit;
}

.wgl-number {
display: inline-block;
transition: 0.4s;
}
.wgl-number .number {
min-width: 1em;
height: 1em;
position: relative;
display: block;
}

body .hover_links a {
color: inherit;
-webkit-text-decoration: underline transparent;
text-decoration: underline transparent;
transition: color 0.3s, -webkit-text-decoration-color 0.3s;
transition: color 0.3s, text-decoration-color 0.3s;
transition: color 0.3s, text-decoration-color 0.3s, -webkit-text-decoration-color 0.3s;
}
body .hover_links a:hover {
color: var(--bili-primary-color);
-webkit-text-decoration-color: var(--bili-primary-color);
text-decoration-color: var(--bili-primary-color);
}
body .hover_links.white a:hover {
color: #ffffff;
-webkit-text-decoration-color: #ffffff;
text-decoration-color: #ffffff;
}

.wgl-layout-left, .wgl-layout-right {
display: flex;
}

.aleft .wgl-layout-left {
justify-content: flex-start;
}
.aleft .wgl-layout-right {
justify-content: flex-end;
}
.acenter .wgl-layout-left, .acenter .wgl-layout-right {
justify-content: center;
}
.aright .wgl-layout-left {
justify-content: flex-end;
}
.aright .wgl-layout-right {
justify-content: flex-start;
}

.fullwidth-wrapper {
width: 100%;
}

.z-index-1 {
z-index: 1;
}

.relative {
position: relative;
}

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

.bypostauthor {
opacity: 1;
}

.ohidden {
overflow: hidden;
}

.ovisible {
overflow: visible;
}

.d-block {
display: block;
}

.d-none {
display: none;
}

body[data-elementor-device-mode=desktop] .d-xl-none {
display: none;
}
body:not([data-elementor-device-mode=desktop]) .d-xl-block {
display: none;
}

.wp-caption-text,
.wp-caption .wp-caption-text {
margin: 0.5em 0;
font-size: 13px;
text-align: center;
}

.wp-caption,
.gallery-caption {
max-width: 100%;
margin-bottom: 1em;
font-style: italic;
}
.wp-caption img,
.gallery-caption img {
border-radius: unset;
}

#main {
padding: 40px 0;
position: relative;
z-index: 0;
overflow: hidden;
}

.archive:not(.woocommerce) #main {
padding-bottom: 100px;
}

body > #main .row.sidebar_left #main-content {
float: left;
}

.gm-control-active {
border-radius: unset;
box-shadow: none;
}

hr {
margin: 20px 0 20px;
border: none;
border-bottom: 1px solid #1d1f21;
}
hr.wp-block-separator {
max-width: 100px;
}
hr.wp-block-separator.is-style-wide, hr.wp-block-separator.is-style-dots {
max-width: 100%;
}

table td,
table th {
padding: 5px 10px;
border: 1px solid #e4e4e4;
text-align: right;
}
table:not(:last-child) {
margin-bottom: 22px;
}

.screen-reader-text {
position: absolute !important;
height: 1px;
width: 1px;
margin: -1px;
border: 0;
padding: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
word-wrap: normal !important;
overflow: hidden;
}
.screen-reader-text:focus {
display: block;
z-index: 100000;
top: 5px;
right: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
font-size: 1em;
line-height: normal;
color: #444444;
text-decoration: none;
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
}

.mejs-container {
margin-bottom: 20px;
}

.wgl-row-animation > .elementor-container {
z-index: 1;
}

.particles-js {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}

.page-header .particles-js {
right: 0;
top: 0;
}

.extended-parallax {
position: absolute;
z-index: -1;
width: 100%;
pointer-events: none;
}

.wgl-background-image_parallax {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.wgl-background-image_parallax div {
height: 100%;
}

.wgl-elementor-shape {
overflow: hidden;
position: absolute;
right: 0;
width: 100%;
line-height: 0;
direction: rtl;
pointer-events: none;
}
.wgl-elementor-shape-top {
top: -1px;
}
.wgl-elementor-shape-bottom {
bottom: -1px;
}
.wgl-elementor-shape svg {
display: block;
width: calc(100% + 1.3px);
position: relative;
right: 50%;
transform: translateX(50%);
}

#bili-footer-inline-css {
display: none;
}

.wgl-body-bg {
position: absolute;
z-index: -1;
pointer-events: none;
width: 100%;
height: 100%;
right: 0;
top: 0;
}

.wgl-body-lines {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
right: 0;
}
.wgl-body-lines span {
position: absolute;
z-index: 1;
width: 1px;
height: 100%;
background: rgba(var(--bili-secondary-rgb), 0.05);
}
.wgl-body-lines span:nth-child(1) {
right: 25%;
}
.wgl-body-lines span:nth-child(2) {
right: 50%;
}
.wgl-body-lines span:nth-child(3) {
right: 75%;
}

/* ==================== ##Header Styles ==================== */
.wgl-theme-header {
position: relative;
z-index: 2;
}
.wgl-theme-header .wrapper a {
color: inherit;
}
.wgl-theme-header .wrapper .bili_module_button a {
margin-bottom: 0;
box-shadow: none;
color: #ffffff;
}
.wgl-theme-header .wgl-sticky-header .wgl-logotype-container > a,
.wgl-theme-header .wgl-sticky-header .wgl-logotype-container > a > img {
max-height: none !important;
}
.wgl-theme-header .wgl-mobile-header,
.wgl-theme-header .mobile_nav_wrapper .primary-nav .menu,
.wgl-theme-header .wgl-mobile-header i.menu-item__plus,
.wgl-theme-header .mobile_nav_wrapper .primary-nav > ul > li ul:before,
.wgl-theme-header .mobile_nav_wrapper .primary-nav > ul > li > div.mega-menu-container:before {
display: none;
}
.wgl-theme-header.header_overlap {
position: absolute;
z-index: 99;
width: 100%;
right: 0;
top: 0;
}
.wgl-theme-header.header_shadow {
box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
}
.wgl-theme-header a.wgl-button {
color: #ffffff;
}

body:not(.elementor-editor-active) .wgl-theme-header .elementor-column,
body:not(.elementor-editor-active) .wgl-theme-header .elementor-column-wrap,
body:not(.elementor-editor-active) .wgl-theme-header .elementor-widget-wrap,
body:not(.elementor-editor-active) .wgl-theme-header .elementor-widget[data-widget_type="wgl-menu.default"] {
position: static;
}

.wgl-header-row .wgl-header-row_wrapper {
display: flex;
position: relative;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
}
.wgl-header-row .header_side.display_normal {
flex: 0 auto;
}
.wgl-header-row .header_side.display_grow {
flex: 1;
}
.wgl-header-row .header_side.display_grow .primary-nav > .menu {
white-space: nowrap;
}
.wgl-header-row .header_side.v_align_middle {
align-self: center;
}
.wgl-header-row .header_side.v_align_bottom {
align-self: flex-end;
}
.wgl-header-row .header_side.v_align_bottom .primary-nav > ul > li > a {
align-self: flex-end;
align-items: flex-end;
}
.wgl-header-row .header_side.v_align_bottom .header_area_container > *,
.wgl-header-row .header_side.v_align_bottom .header_search-button {
vertical-align: bottom;
}
.wgl-header-row .header_side.v_align_top {
align-self: flex-start;
}
.wgl-header-row .header_side.v_align_top .primary-nav .lavalamp-object {
top: 0;
bottom: auto;
}
.wgl-header-row .header_side.v_align_top .primary-nav .lavalamp-object:before {
transform: rotate(-0.5turn);
}
.wgl-header-row .header_side.v_align_top .primary-nav > ul > li > a {
align-self: flex-start;
align-items: flex-start;
}
.wgl-header-row .header_side.v_align_top .header_area_container > *,
.wgl-header-row .header_side.v_align_top .header_search-button {
vertical-align: top;
}
.wgl-header-row .header_side.h_align_left {
text-align: right;
}
.wgl-header-row .header_side.h_align_center {
text-align: center;
}
.wgl-header-row .header_side.h_align_right {
text-align: left;
}
.wgl-header-row .header_side.display_grow.h_align_right {
margin-right: auto;
}
.wgl-header-row .header_side.display_grow.h_align_center {
margin-left: auto;
margin-right: auto;
}
.wgl-header-row .header_side.display_grow.h_align_left {
margin-left: auto;
}
.wgl-header-row .header_side.display_grow.h_align_left .header_area_container {
justify-content: flex-start;
}
.wgl-header-row .header_side.display_grow.h_align_center .header_area_container {
justify-content: center;
}
.wgl-header-row .header_side.display_grow.h_align_right .header_area_container {
justify-content: flex-end;
}
.wgl-header-row .header_side[class^=position_center] .header_area_container > div.mini-cart {
padding: 0;
}
.wgl-header-row .header_side[class^=position_center] .primary-nav > ul li.mega-menu > ul.mega-menu {
right: 0;
left: 0;
margin: 0 auto;
}
.wgl-header-row .header_side[class^=position_left] .header_area_container > *:last-child {
padding-left: 0;
}
.wgl-header-row .header_side[class^=position_right] .header_area_container > *:first-child {
padding-right: 0;
}
.wgl-header-row .header_side[class^=position_left] .primary-nav ul li ul {
right: 0;
left: auto;
}
.wgl-header-row .header_side[class^=position_left] .primary-nav > ul > li ul .sub-menu {
right: 100%;
left: auto;
}
.wgl-header-row .header_side[class^=position_left] .primary-nav > ul > li:not(:first-child):last-child > .sub-menu {
right: 0;
left: auto;
}
.wgl-header-row .header_side[class^=position_left] .primary-nav > ul > li:not(:first-child):last-child > .sub-menu .sub-menu {
right: 100%;
left: auto;
}

.wgl-header-row .header_side,
.wgl-header-row .header_render_editor,
.wgl-header-row .wrapper,
.wgl-header-row .header_area_container {
max-width: 100%;
box-sizing: border-box;
}

.header_area_container {
display: inline-block;
height: 100%;
max-height: 100%;
}
.header_area_container > * {
display: inline-block;
vertical-align: middle;
}

.delimiter {
position: relative;
}

.wgl-logotype-container img {
vertical-align: middle;
max-height: 100%;
max-width: initial;
}
.wgl-logotype-container a, .wgl-logotype-container h1 {
color: inherit;
}
.wgl-logotype-container .logo-name {
font-size: 34px;
line-height: 1;
}

header:not(.wgl-menu-outer_content) > .wgl-logotype-container .logo-name {
width: 200px;
width: min-content;
font-size: 30px;
white-space: pre-line;
}

.primary-nav a {
cursor: pointer;
transition: 0.3s;
}
.primary-nav.align-left {
text-align: right;
}
.primary-nav.align-left > ul.menu > li.mega-menu-links > ul.mega-menu.sub-menu,
.primary-nav.align-left > ul.menu > li.mega-cat > div.mega-menu-container {
right: 0;
left: auto;
}
.primary-nav.align-center {
text-align: center;
}
.primary-nav.align-center > ul.menu > li.mega-menu-links > ul.mega-menu.sub-menu,
.primary-nav.align-center > ul.menu > li.mega-cat > div.mega-menu-container {
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
.primary-nav.align-right {
text-align: left;
}
.primary-nav.align-right > ul.menu > li.mega-menu-links > ul.mega-menu.sub-menu,
.primary-nav.align-right > ul.menu > li.mega-cat > div.mega-menu-container {
right: auto;
left: 0;
}
.primary-nav .content__media {
font-weight: 400;
transition: 0.4s;
position: relative;
}
.primary-nav .lavalamp {
position: static;
}
.primary-nav .lavalamp-object {
opacity: 1;
position: absolute;
z-index: 1;
right: 0;
top: 50%;
height: 1px;
line-height: 1;
font-size: 0;
display: flex;
justify-content: space-between;
color: var(--bili-primary-color);
background: currentColor;
}
.primary-nav .lavalamp_animate .lavalamp-object {
opacity: 1;
}
.primary-nav > ul.lavalamp > li > a > span:after, .primary-nav.menu_line_enable > ul > li > a > span .menu-item_dots {
display: none !important;
}
.primary-nav ul:hover li:not(:hover) {
z-index: 0;
position: relative;
}
.primary-nav ul li {
display: inline-block;
vertical-align: middle;
line-height: inherit;
margin-bottom: 0;
}
.primary-nav > ul li {
position: relative;
padding-right: 0;
}
.primary-nav > ul li.mega-menu {
position: static !important;
}
.primary-nav > ul li.mega-menu > ul.mega-menu {
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
.primary-nav > ul li.mega-menu > ul.mega-menu .menu-item__plus {
display: none;
}
.primary-nav > ul li.mega-menu.mega-menu-e {
position: relative !important;
}
.primary-nav > ul li.mega-menu.mega-menu-e.position-center {
position: static !important;
}
.primary-nav > ul {
height: 100%;
margin-right: 0;
padding: 0;
}
.primary-nav > ul > li {
height: 100%;
}
.primary-nav > ul > li > a > span {
line-height: initial;
position: relative;
}
.primary-nav > ul > li > a > span .menu-item_dots {
position: absolute;
right: -16px;
top: 50%;
z-index: -1;
display: inline-block;
background: transparent;
transition: background-color 0.3s;
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid currentColor;
transform: translateY(-3px);
}
.primary-nav > ul > li[class*=current] > a > span {
line-height: initial;
position: relative;
}
.primary-nav > ul > li:hover > a, .primary-nav > ul > li[class*=current] > a {
color: var(--bili-primary-color);
}
.primary-nav > ul > li:hover > a > span .menu-item_dots, .primary-nav > ul > li[class*=current] > a > span .menu-item_dots {
background: currentColor;
}
.primary-nav > ul > li[class*=current] > a > span:before, .primary-nav > ul > li:hover > a > span:before {
opacity: 1;
transform: rotate(45deg) translate(0, 0);
}
.primary-nav > ul > li.mega-menu-links > ul.mega-menu {
padding: 25px;
padding-bottom: 20px;
}
.primary-nav > ul > li.mega-menu-links > ul.mega-menu > li > a > span:before {
display: none;
}
.primary-nav > ul > li > a {
display: flex;
position: relative;
z-index: 1;
height: 100%;
align-items: center;
padding: 0 41px 0 25px;
transition: 0.4s;
}
.primary-nav.marker-disable > ul > li > a .menu-item_dots, .primary-nav.marker-disable > ul > li > a:after {
display: none;
}
.primary-nav ul > li.menu-item-has-children > a:after,
.primary-nav ul > li.mega-menu.mega-cat > a:after {
margin-right: -11px;
}
.primary-nav ul > li.menu-item-has-children > a > .menu-item__plus,
.primary-nav ul > li.mega-menu.mega-cat > a > .menu-item__plus {
position: relative;
z-index: 1;
font-size: 15px;
font-style: normal;
font-weight: 300;
margin-right: 5px;
transform: translateY(1px) rotate(90deg);
transform-origin: center;
perspective-origin: center;
}
.primary-nav ul > li.menu-item-has-children > a > .menu-item__plus:before,
.primary-nav ul > li.mega-menu.mega-cat > a > .menu-item__plus:before {
content: "\f101";
font-family: "Flaticon";
display: inline-block;
vertical-align: middle;
}
.primary-nav ul li > ul,
.primary-nav ul li > ul ul,
.primary-nav ul li .mega-menu-container {
display: block;
position: absolute;
z-index: 555;
top: calc(100% + 10px);
right: -14px;
min-width: 260px;
white-space: nowrap;
margin: 0;
padding: 32px 0 30px;
text-align: right;
opacity: 0;
visibility: hidden;
transition: 0.3s ease-out;
}
.primary-nav ul li > ul li:not(:last-child),
.primary-nav ul li > ul ul li:not(:last-child),
.primary-nav ul li .mega-menu-container li:not(:last-child) {
margin-bottom: 7px;
}
.primary-nav ul li > ul.wgl-e-container,
.primary-nav ul li > ul ul.wgl-e-container,
.primary-nav ul li .mega-menu-container.wgl-e-container {
white-space: normal;
padding: 0;
}
.primary-nav ul li > ul.wgl-e-container .elementor-column,
.primary-nav ul li > ul.wgl-e-container .elementor-column-wrap,
.primary-nav ul li > ul.wgl-e-container .elementor-widget-wrap,
.primary-nav ul li > ul ul.wgl-e-container .elementor-column,
.primary-nav ul li > ul ul.wgl-e-container .elementor-column-wrap,
.primary-nav ul li > ul ul.wgl-e-container .elementor-widget-wrap,
.primary-nav ul li .mega-menu-container.wgl-e-container .elementor-column,
.primary-nav ul li .mega-menu-container.wgl-e-container .elementor-column-wrap,
.primary-nav ul li .mega-menu-container.wgl-e-container .elementor-widget-wrap {
position: relative;
}
.primary-nav ul li > ul .primary-nav,
.primary-nav ul li > ul ul .primary-nav,
.primary-nav ul li .mega-menu-container .primary-nav {
height: auto !important;
}
.primary-nav ul li > ul .primary-nav ul,
.primary-nav ul li > ul ul .primary-nav ul,
.primary-nav ul li .mega-menu-container .primary-nav ul {
margin: 0;
padding: 0;
}
.primary-nav ul li > ul .primary-nav ul li,
.primary-nav ul li > ul ul .primary-nav ul li,
.primary-nav ul li .mega-menu-container .primary-nav ul li {
margin-bottom: 0;
}
.primary-nav ul li > ul ul {
top: -25px;
right: calc(100% + 3px);
}
.primary-nav ul li > ul ul:before {
content: "";
position: absolute;
z-index: -1;
height: 100%;
width: calc(100% + 4px);
top: 0;
right: -4px;
}
.primary-nav ul li > ul li {
display: block;
}
.primary-nav ul li > ul li > a > span,
.primary-nav ul li > ul li > a > i {
position: relative;
transition: 0.3s ease-in-out;
}
.primary-nav ul li > ul li > a > span {
padding-left: 0;
}
.primary-nav ul li > ul li > a > span .item_text {
position: relative;
z-index: 1;
}
.primary-nav ul li > ul li:hover > a,
.primary-nav ul li > ul li:hover > a > .menu-item__plus {
color: var(--bili-primary-color);
}
.primary-nav ul li > ul li:hover ul {
top: -32px;
}
.primary-nav ul li > ul li[class*=current] > a {
color: var(--bili-primary-color);
}
.primary-nav ul li > ul .menu-item {
line-height: inherit;
}
.primary-nav ul li > ul .menu-item a {
display: flex;
align-items: center;
justify-content: space-between;
color: inherit;
font-weight: 500;
transition: all 0s, -webkit-text-decoration 0.3s ease-in-out;
transition: all 0s, text-decoration 0.3s ease-in-out;
transition: all 0s, text-decoration 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out;
padding: 0 40px;
}
.primary-nav ul li:hover > ul,
.primary-nav ul li:hover > div.mega-menu-container {
z-index: 556;
top: 100%;
opacity: 1;
visibility: visible;
}
.primary-nav ul li:hover > ul.mega-menu > ul.mega-menu, .primary-nav ul li:hover > ul.mega-menu > li > ul.mega-menu,
.primary-nav ul li:hover > ul > ul.mega-menu,
.primary-nav ul li:hover > ul > li > ul.mega-menu,
.primary-nav ul li:hover > div.mega-menu-container.mega-menu > ul.mega-menu,
.primary-nav ul li:hover > div.mega-menu-container.mega-menu > li > ul.mega-menu,
.primary-nav ul li:hover > div.mega-menu-container > ul.mega-menu,
.primary-nav ul li:hover > div.mega-menu-container > li > ul.mega-menu {
opacity: 1;
visibility: visible;
}
.primary-nav ul li ul:not(.mega-menu) li.menu-item-has-children > a > .menu-item__plus {
padding-right: 0px;
line-height: 1;
font-style: normal;
font-size: 20px;
width: 14px;
transform: translateY(-2px) rotate(180deg);
}
.primary-nav ul li ul:not(.mega-menu) li.menu-item-has-children > a > .menu-item__plus:before {
transform: rotate(0deg);
}
.primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu {
left: 0;
}
.primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu,
.primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu .sub-menu {
right: auto;
}
.primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu .sub-menu {
left: 100%;
}
.primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu.wgl-mega-menu-position-center {
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
.primary-nav > .menu > .menu-item > .sub-menu.wgl-submenu-position-left, .primary-nav > .menu > .menu-item > .sub-menu.wgl-mega-menu-position-left {
right: auto !important;
left: -14px !important;
}
.primary-nav > .menu > .menu-item > .sub-menu.wgl-submenu-position-right, .primary-nav > .menu > .menu-item > .sub-menu.wgl-mega-menu-position-right {
left: auto !important;
right: -14px !important;
}
.primary-nav > .menu > .menu-item > .sub-menu.wgl-mega-menu-position-center {
right: 0;
left: 0;
margin-right: auto;
margin-left: auto;
}
.primary-nav ul.sub-menu.wgl-submenu-position-left {
right: auto !important;
left: 100% !important;
}
.primary-nav ul.sub-menu.wgl-submenu-position-right {
left: auto !important;
right: 100% !important;
}
.primary-nav ul li.mega-menu-e ul.sub-menu {
display: none;
}

.admin-bar .wgl-sticky-header {
top: 32px;
}
.admin-bar .wgl-theme-header .woo_mini_cart {
margin-top: 32px;
max-height: calc(100% - 32px - 30px);
}

.primary-nav ul li.mega-menu-links > ul {
padding: 0;
box-sizing: border-box;
width: 1170px;
display: flex;
flex-wrap: wrap;
}
.primary-nav ul li.mega-menu-links > ul > li {
float: right;
box-sizing: border-box;
margin-top: 9px;
margin-bottom: 10px;
margin-right: 0;
margin-left: 0;
padding: 0;
text-transform: capitalize;
}
.primary-nav ul li.mega-menu-links > ul > li:after {
content: unset;
display: none;
position: absolute;
top: 30px;
left: 0;
width: 1px;
height: calc(100% - 60px);
background: unset;
}
.primary-nav ul li.mega-menu-links > ul > li:hover ~ li {
z-index: 0;
}
.primary-nav ul li.mega-menu-links > ul > li.hide-mega-headings > a {
display: none;
}
.primary-nav ul li.mega-menu-links > ul > li:hover > a > span {
background: none !important;
}
.primary-nav ul li.mega-menu-links > ul > li > a {
position: relative;
padding: 4px 12px 0;
}
.primary-nav ul li.mega-menu-links > ul > li > a > span {
padding-right: 0 !important;
pointer-events: none;
}
.primary-nav ul li.mega-menu-links > ul > li > a span:before, .primary-nav ul li.mega-menu-links > ul > li > a:after {
display: none;
}
.primary-nav ul li.mega-menu-links.mega-columns-1col > ul > li {
width: 100%;
}
.primary-nav ul li.mega-menu-links.mega-columns-1col > ul > li:after {
display: none;
}
.primary-nav ul li.mega-menu-links.mega-columns-2col > ul > li {
width: 50%;
}
.primary-nav ul li.mega-menu-links.mega-columns-2col > ul > li:nth-child(2n):after {
display: none;
}
.primary-nav ul li.mega-menu-links.mega-columns-3col > ul > li {
width: 33.33333%;
}
.primary-nav ul li.mega-menu-links.mega-columns-3col > ul > li:nth-child(3n):after {
display: none;
}
.primary-nav ul li.mega-menu-links.mega-columns-4col > ul > li {
width: 25%;
}
.primary-nav ul li.mega-menu-links.mega-columns-4col > ul > li:nth-child(4n):after {
display: none;
}
.primary-nav ul li.mega-menu-links.mega-columns-5col > ul > li {
width: 20%;
}
.primary-nav ul li.mega-menu-links.mega-columns-5col > ul > li:nth-child(5n):after {
display: none;
}
.primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul {
position: relative;
right: 0 !important;
left: auto !important;
padding-top: 6px;
padding-bottom: 25px;
top: 0;
min-width: auto;
margin-top: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li {
padding-right: 0;
padding-left: 0;
text-transform: none;
}
.primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul {
right: 100% !important;
left: auto !important;
}
.primary-nav ul li.mega-menu-links > ul.mega-menu .item_text {
display: flex;
flex-direction: column;
text-align: center;
}
.primary-nav ul li.mega-menu-links > ul.mega-menu .item_text > img {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08);
border-radius: 0;
margin-bottom: 10px;
transition: 0.4s;
}
.primary-nav ul li.mega-menu-links > ul.mega-menu > .menu-item > a {
font-size: 18px;
font-weight: 500;
}
.primary-nav ul li.mega-menu-links > ul.mega-menu > .menu-item > a:hover .item_text > img {
transform: translateY(-10px);
}

body.home.blog > header:not(.header_overlap) + #main {
border-top: 1px solid rgba(var(--bili-header-rgb), 0.1);
}

.wgl-sticky-header {
position: fixed;
z-index: 99999;
top: 0;
right: 0;
width: 100%;
transform: translateY(-100%);
overflow: hidden;
opacity: 0;
transition: 0.3s;
}
.wgl-sticky-header.sticky_active {
overflow: visible;
transform: translateY(0);
opacity: 1;
}
.wgl-sticky-header.header_sticky_shadow {
box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
}

.wgl-mobile-header .wgl-header-row {
display: flex;
align-items: center;
}
.wgl-mobile-header .wgl-header-row_wrapper {
height: var(--bili-header-mobile-height);
}
.wgl-mobile-header .header_search-button {
padding: 10px;
margin: -10px;
}
.wgl-mobile-header .header_search .wgl-search .header_search-close {
transform: scale(0);
}
.wgl-mobile-header .header_search.header_search-open .wgl-search .header_search-close {
transform: scale(1);
}
.wgl-mobile-header .primary-nav ul li.mega-menu-links > ul.mega-menu .item_text > img {
display: none;
}
.wgl-mobile-header .primary-nav ul li.mega-menu-links > ul.mega-menu > .menu-item > a {
font-size: inherit;
font-weight: inherit;
}

header .elementor-widget-wrap {
align-items: center;
}
header nav.submenu-disable .menu-item__plus,
header nav.submenu-disable .sub-menu,
header nav.submenu-disable .wgl-mega-menu {
display: none;
}

body.single-header.elementor-editor-active .wgl-site-header,
body.single-header.elementor-editor-active .wgl-site-header .primary-nav {
display: block;
}

.menu-item.dnone > a > .menu-item__plus,
.menu-item.dnone > a > .button_switcher,
.menu-item.dnone > .wgl-mega-menu,
.menu-item.dnone > ul {
display: none !important;
}

.lavalamp .lavalamp-object {
transition-property: transform, width, height, opacity;
}

.lavalamp .lavalamp-object.ease-in-out {
transition-timing-function: ease-in-out;
}

.lavalamp .lavalamp-object.linear {
transition-timing-function: linear;
}

.lavalamp .lavalamp-object.easeInQuad {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

.lavalamp .lavalamp-object.easeInCubic {
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.lavalamp .lavalamp-object.easeInQuart {
transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.lavalamp .lavalamp-object.easeInQuint {
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.lavalamp .lavalamp-object.easeInSine {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

.lavalamp .lavalamp-object.easeInExpo {
transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

.lavalamp .lavalamp-object.easeInCirc {
transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.lavalamp .lavalamp-object.easeInBack {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.lavalamp .lavalamp-object.easeOutQuad {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.lavalamp .lavalamp-object.easeOutCubic {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lavalamp .lavalamp-object.easeOutQuart {
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.lavalamp .lavalamp-object.easeOutQuint {
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.lavalamp .lavalamp-object.easeOutSine {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.lavalamp .lavalamp-object.easeOutExpo {
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.lavalamp .lavalamp-object.easeOutCirc {
transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.lavalamp .lavalamp-object.easeOutBack {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.lavalamp .lavalamp-object.easeInOutQuad {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.lavalamp .lavalamp-object.easeInOutCubic {
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.lavalamp .lavalamp-object.easeInOutQuart {
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.lavalamp .lavalamp-object.easeInOutQuint {
transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.lavalamp .lavalamp-object.easeInOutSine {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.lavalamp .lavalamp-object.easeInOutExpo {
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.lavalamp .lavalamp-object.easeInOutCirc {
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.lavalamp .lavalamp-object.easeInOutBack {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* ==================== ##Header Search ==================== */
.header_search-button {
display: inline-block;
position: relative;
font-size: 20px;
transform-origin: center;
cursor: pointer;
transition: 0.3s;
color: inherit;
transform: translateY(1px);
line-height: 1;
color: var(--bili-header-font-color);
}
.header_search-close {
position: absolute;
line-height: 1;
cursor: pointer;
opacity: 0;
transform-origin: center;
transition: 0.3s;
transform: scale(0);
color: inherit;
color: var(--bili-header-font-color);
}
.header_search .header_search-button-wrapper {
display: flex;
height: 100%;
transition: 0.3s;
}
.header_search .search-field:active::placeholder, .header_search .search-field:focus::placeholder {
opacity: 1 !important;
}
.header_search.search_alt .header_search-field .search-form, .header_search.search_standard .header_search-field .search-form, .header_search.search_standard_fw .header_search-field .search-form, .header_search.search_mobile_menu .header_search-field .search-form {
position: relative;
z-index: 1;
}
.header_search.search_alt .header_search-field .search-form .search-button:hover ~ .search__icon, .header_search.search_standard .header_search-field .search-form .search-button:hover ~ .search__icon, .header_search.search_standard_fw .header_search-field .search-form .search-button:hover ~ .search__icon, .header_search.search_mobile_menu .header_search-field .search-form .search-button:hover ~ .search__icon {
color: var(--bili-primary-color);
}
.header_search.search_alt .header_search-field .search-button, .header_search.search_standard .header_search-field .search-button, .header_search.search_standard_fw .header_search-field .search-button, .header_search.search_mobile_menu .header_search-field .search-button {
position: absolute;
z-index: 1;
height: 56px;
width: 20px;
top: 0;
left: 0;
margin: 0;
border: none;
outline: none;
padding: 0;
font-size: 0;
box-shadow: none;
cursor: pointer;
background: transparent;
}
.header_search.search_alt .header_search-field .search-button:focus, .header_search.search_alt .header_search-field .search-button:active, .header_search.search_standard .header_search-field .search-button:focus, .header_search.search_standard .header_search-field .search-button:active, .header_search.search_standard_fw .header_search-field .search-button:focus, .header_search.search_standard_fw .header_search-field .search-button:active, .header_search.search_mobile_menu .header_search-field .search-button:focus, .header_search.search_mobile_menu .header_search-field .search-button:active {
box-shadow: none;
}
.header_search.search_alt .header_search-field .search__icon, .header_search.search_standard .header_search-field .search__icon, .header_search.search_standard_fw .header_search-field .search__icon, .header_search.search_mobile_menu .header_search-field .search__icon {
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 56px;
width: 20px;
font-size: 20px;
line-height: 60px;
font-style: normal;
text-align: center;
transform: translate(0, 0);
opacity: 1;
transition: 0.4s;
pointer-events: none;
border-radius: 0;
}
.header_search.search_alt .header_search-field {
opacity: 0;
visibility: hidden;
transform: scale3d(0.8, 0.8, 0.8);
transition: 0.3s;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: fixed;
z-index: 100001;
top: 0;
right: 0;
width: 100%;
height: 100%;
max-height: 100vh;
background: rgba(37, 37, 37, 0.85);
}
.header_search.search_alt .header_search-field .search-form {
width: 80%;
max-width: 1170px;
}
.header_search.search_alt .header_search-field .search__icon,
.header_search.search_alt .header_search-field .search-button {
left: 0;
right: auto;
}
.header_search.search_alt .header_search-field .search-field {
width: 100%;
font-weight: 400;
font-size: 18px;
padding: 0 0 0 50px;
color: #fff;
}
.header_search.search_alt .header_search-field .header_search-wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: 80%;
max-width: 1170px;
margin-bottom: 40px;
}
.header_search.search_alt .header_search-field .header_search-wrap .header_search-heading_description {
font-size: 40px;
line-height: 1.3;
font-weight: 800;
color: #ffffff;
}
@media (max-width: 480px) {
.header_search.search_alt .header_search-field .header_search-wrap .header_search-heading_description {
    font-size: 30px;
}
}
.header_search.search_alt .header_search-field .header_search-close {
position: relative;
color: #ffffff;
left: 3px;
}
.header_search.search_alt .header_search-field .header_search-close:before {
transition: 0.4s;
display: block;
}
.header_search.search_alt .header_search-field .header_search-close:hover:before {
transform: rotate(-90deg);
}
@media (max-width: 480px) {
.header_search.search_alt .header_search-field .header_search-close {
    display: none;
}
}
.header_search.search_standard {
position: relative;
}
.header_search.search_standard .header_search-field {
position: absolute;
z-index: 2;
top: calc(100% + 10px);
left: -25px;
padding: 40px;
padding-top: 21px;
opacity: 0;
visibility: hidden;
transition: 0.3s;
border-radius: 0;
}
.header_search.search_standard .header_search-field .search-field {
width: 270px;
margin-bottom: 0;
border-color: rgba(255, 255, 255, 0.2);
color: inherit;
}
.header_search.search_standard .header_search-field .header_search-close {
display: none;
}
@media (max-width: 499px) {
.header_search.search_standard .header_search-field {
    padding: 15px;
    padding-top: 5px;
    left: 0;
}
}
.header_search.search_standard_fw .header_search-field {
display: flex;
align-items: center;
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 0;
height: 100%;
border-radius: 0;
padding: 0;
overflow: hidden;
transform: scale3d(1, 1, 1);
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
.header_search.search_standard_fw .header_search-field .search-form {
width: 100%;
max-width: 570px;
margin: 0 auto;
}
.header_search.search_standard_fw .header_search-field .search-field {
width: inherit;
height: 60px;
max-width: inherit;
margin: 0 auto;
padding: 5px 20px;
font-size: 18px;
box-shadow: unset;
text-align: center;
background: transparent;
border: 0;
font-family: var(--bili-header-font-family);
color: var(--bili-header-font-color);
}
.header_search.search_standard_fw .header_search-field .header_search-close {
left: 25px;
width: 50px;
height: 50px;
line-height: 56px;
border-radius: 0;
font-size: 14px;
color: var(--bili-secondary-color);
text-align: center;
z-index: 2;
background: transparent;
}
.header_search.search_standard_fw .header_search-field .header_search-close:before {
z-index: 2;
position: relative;
}
.header_search.search_standard_fw .header_search-field .header_search-close:hover {
color: var(--bili-primary-color);
}
.header_search.search_standard_fw .header_search-field .search-button {
right: unset;
left: 5px;
display: none;
}
.header_search.search_standard_fw .header_search-field .search__icon {
right: unset;
left: 0;
display: none;
}
.header_search.header_search-open.search_standard .header_search-button, .header_search.header_search-open.search_alt .header_search-button {
opacity: 0;
transform: scale(0);
}
.header_search.header_search-open.search_standard .header_search-close, .header_search.header_search-open.search_alt .header_search-close {
opacity: 1;
transform: scale(1);
}
.header_search.header_search-open.search_standard .header_search-field, .header_search.header_search-open.search_alt .header_search-field {
opacity: 1;
visibility: visible;
transform: scale3d(1, 1, 1);
}
.header_search.header_search-open.search_standard .header_search-field {
top: 100%;
}
.header_search.header_search-open.search_standard_fw .header_search-button {
opacity: 0;
transform: scale(0);
}
.header_search.header_search-open.search_standard_fw .header_search-field {
left: 0;
width: 100%;
height: 100%;
opacity: 1;
visibility: visible;
transform: scale3d(1, 1, 1);
}
.header_search.header_search-open.search_standard_fw .header_search-field .header_search-close {
opacity: 1;
transform: scale(1);
}
.header_search.search_mobile_menu .header_search-field .search-form .search-field {
width: 100%;
}

.wgl-mobile-header .header_search-button, .wgl-mobile-header .header_search-close {
color: inherit;
}
.wgl-mobile-header .header_search.search_standard_fw .header_search-field {
background-color: var(--mobile-header-bg-color, #000000);
}
.wgl-mobile-header .header_search.search_standard_fw .header_search-field .search-field {
font-size: 14px;
color: var(--mobile-header-color, #ffffff);
}
.wgl-mobile-header .header_search.search_standard_fw .header_search-field .header_search-close {
left: 10px;
width: 40px;
height: 40px;
line-height: 46px;
}

.elementor-widget.elementor-widget-wgl-header-search {
position: initial;
}
.elementor-widget.elementor-widget-wgl-header-search.full-height-yes .header_search-close {
transform: scale(0);
}
.elementor-widget.elementor-widget-wgl-header-search.full-height-yes .header_search-open .header_search-close {
transform: scale(1);
}

.v_align_middle .header_search-button-wrapper {
align-items: center;
}
.v_align_bottom .header_search-button-wrapper {
align-items: flex-end;
}

.elementor-widget-wgl-header-search.full-height-yes {
height: 100%;
}
.elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container, .elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container > .header_search {
height: inherit;
}
.elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container .header_search-button-wrapper, .elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container > .header_search .header_search-button-wrapper {
align-items: center;
}

section.elementor-section-content-top .full-height-yes.elementor-widget-wgl-header-search .elementor-widget-container .header_search-button-wrapper {
align-items: flex-start;
}
section.elementor-section-content-bottom .full-height-yes.elementor-widget-wgl-header-search .elementor-widget-container .header_search-button-wrapper {
align-items: flex-end;
}

.wgl-search {
align-items: center;
}

@media screen and (max-width: 479px) {
.header_search-field {
    left: 0;
}
}
@media only screen and (max-width: 440px) {
.header_search.search_alt .header_search-wrap .header_search-heading_description {
    font-size: 30px;
}
}
/* ==================== #Mobile Navigation ==================== */
.wgl-mobile-header {
background-color: var(--mobile-header-bg-color, #000000);
color: var(--mobile-header-color, #ffffff);
}

.hamburger-box {
display: none;
cursor: pointer;
}
.hamburger-box .hamburger-inner {
width: 20px;
line-height: 0;
}
.hamburger-box .hamburger-inner span {
display: inline-block;
position: relative;
width: 20px;
height: 2px;
vertical-align: top;
background: currentColor;
}
.hamburger-box .hamburger-inner span + span {
margin-top: 5px;
}

.header_area_container .hamburger-box {
padding: 20px !important;
margin: -20px;
}

body.mobile_switch_on .hamburger-inner span:nth-child(1) {
animation: ease 0.7s 0.4s burger_top-1-45 forwards;
}
body.mobile_switch_on .hamburger-inner span:nth-child(2) {
animation: ease 0.7s 0.4s burger_scaled-1 forwards;
}
body.mobile_switch_on .hamburger-inner span:nth-child(3) {
animation: ease 0.7s 0.4s burger_bottom-1-135 forwards;
}
body.mobile_switch_off .hamburger-inner span:nth-child(1) {
animation: ease 0.7s 0.4s burger_top-2-45 backwards;
}
body.mobile_switch_off .hamburger-inner span:nth-child(2) {
animation: ease 0.7s 0.4s burger_scaled-2 backwards;
}
body.mobile_switch_off .hamburger-inner span:nth-child(3) {
animation: ease 0.7s 0.4s burger_bottom-2-135 backwards;
}

body.mobile_switch_on .mobile_nav_wrapper .wgl-menu_overlay {
opacity: 1;
visibility: visible;
}

.mobile_nav_wrapper .wgl-menu_overlay {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
visibility: hidden;
opacity: 0;
transition: 0.45s ease-in-out;
}

.mobile_nav_wrapper .primary-nav {
width: calc(100% + 17px);
}
.mobile_nav_wrapper .primary-nav ul li ul li > a > span:before,
.mobile_nav_wrapper .primary-nav ul li ul li.menu-item-has-children:after,
.mobile_nav_wrapper .primary-nav ul li ul li.menu-item-has-children > a:after,
.mobile_nav_wrapper .primary-nav > ul > li.menu-item-has-children > a:after,
.mobile_nav_wrapper .primary-nav ul li ul li > a:before,
.mobile_nav_wrapper .primary-nav > ul > li > a:after,
.mobile_nav_wrapper .primary-nav > ul > li.menu-item-has-children > a:after,
.mobile_nav_wrapper .primary-nav > ul > li.mega-menu.mega-cat > a:after {
display: none;
}
.mobile_nav_wrapper .primary-nav > ul > li {
margin-bottom: 10px;
}
.mobile_nav_wrapper .primary-nav > ul > li > a > span {
padding-left: 0 !important;
margin-right: 0 !important;
}
.mobile_nav_wrapper .primary-nav > ul li {
position: static;
}
.mobile_nav_wrapper .primary-nav ul li a {
position: relative;
text-transform: capitalize;
}
.mobile_nav_wrapper .primary-nav ul li ul li.current-menu-ancestor.current-menu-parent > a > span,
.mobile_nav_wrapper .primary-nav ul li ul li.current-menu-item > a > span,
.mobile_nav_wrapper .primary-nav ul li ul li.current_page_item > a > span,
.mobile_nav_wrapper .primary-nav ul li ul li:hover > a > span {
color: inherit;
}
.mobile_nav_wrapper .primary-nav > ul > li.menu-item-has-children > a .item_text:before {
display: none;
}

.mobile_nav_wrapper .primary-nav ul li ul.sub-menu,
.mobile_nav_wrapper .primary-nav ul li div.wgl-e-container {
position: relative;
top: 0 !important;
right: 0 !important;
left: 0 !important;
width: 100%;
box-sizing: border-box;
padding: 0 15px 0 0;
margin: 0;
min-width: auto;
font-weight: inherit;
font-size: inherit;
color: inherit;
opacity: 1;
visibility: visible;
transition: 0s;
white-space: initial;
overflow: hidden;
transform: none !important;
}
.mobile_nav_wrapper .primary-nav ul li ul.sub-menu .elementor-container,
.mobile_nav_wrapper .primary-nav ul li div.wgl-e-container .elementor-container {
width: 100%;
}
.mobile_nav_wrapper .primary-nav ul li ul.sub-menu.mega-menu-container,
.mobile_nav_wrapper .primary-nav ul li div.wgl-e-container.mega-menu-container {
padding: 0;
width: 100% !important;
}

body.admin-bar .wgl-menu_outer {
top: 32px;
height: calc(100vh - 32px);
}

.wgl-menu_outer {
position: fixed;
z-index: 999;
background-color: #113039;
overflow: hidden;
width: 400px;
height: 100%;
top: 0;
transform: translateX(100%);
transition: transform 0.45s ease-in-out;
-webkit-user-select: none;
user-select: none;
}
.wgl-menu_outer.menu-position_right {
left: 0;
transform: translateX(-100%);
}
.wgl-menu_outer.menu-position_right .wgl-menu-outer_header {
left: auto;
right: -35px;
}
.wgl-menu_outer .mobile-hamburger-close {
position: relative;
z-index: 999;
border-radius: 5px;
line-height: 0;
background: var(--bili-tertiary-color);
color: var(--bili-secondary-color);
}
.wgl-menu_outer .wgl-menu-outer_header {
position: absolute;
top: 10px;
left: -45px;
}
.wgl-menu_outer .wgl-menu-outer_header .hamburger-box {
padding: 12px 10px;
}
.wgl-menu_outer .wgl-menu_content {
position: relative;
width: 100%;
height: 100%;
}
.wgl-menu_outer .wgl-menu-outer_content {
position: absolute;
padding: 30px;
width: 100%;
bottom: 17px;
top: 0;
left: 0;
right: 0;
overflow-y: scroll;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.wgl-menu_outer .wgl-menu-outer_content::-webkit-scrollbar {
display: none;
}

body.mobile_switch_on {
position: fixed;
overflow: hidden;
width: 100%;
height: 100%;
}
body.mobile_switch_on .wgl-menu_outer {
transform: translateX(0%);
overflow: visible;
}

.mobile_nav_wrapper .wgl-menu-outer_content > * {
margin-top: 20px;
}
.mobile_nav_wrapper .wgl-menu-outer_content > *:first-child {
margin-top: 0;
}

.mobile_nav_wrapper .primary-nav > ul.mobile_switch_on {
position: relative;
right: 0;
width: 100%;
height: auto;
box-sizing: border-box;
margin: 30px 0 0;
padding: 0;
text-align: right;
display: block !important;
}

.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li {
display: block;
float: none;
height: auto;
padding: 0;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li div.mega-menu-container:not(.e-container) {
display: none !important;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li:before {
display: none;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu {
min-height: inherit !important;
padding-left: 0 !important;
max-width: none !important;
background-image: none !important;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li {
width: 100%;
margin-top: 0;
font-weight: inherit !important;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li.hide-mega-headings a {
display: block;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li ul.show_sub_menu {
visibility: visible;
opacity: 1;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li ul li:after {
display: none;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li:after {
display: none;
}

.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a {
padding: 5px 0;
margin: 0;
background: transparent;
color: inherit;
flex-direction: row !important;
opacity: 1 !important;
text-decoration: unset;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a span {
display: inline;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a span:before, .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a span.menu-item_plus {
display: none;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li ul li a {
padding: 2px 0;
}
.mobile_nav_wrapper .primary-nav ul.mobile_switch_on li[class*=current] > a {
color: var(--bili-primary-color);
}

.mobile_nav_wrapper .primary-nav ul li ul li {
border-bottom: 0 !important;
margin: 0;
}
.mobile_nav_wrapper .primary-nav ul li ul li:hover > a {
background: transparent;
color: inherit;
}
.mobile_nav_wrapper .primary-nav ul li ul li > a:after {
display: none;
}
.mobile_nav_wrapper .primary-nav ul li ul li > a > span {
padding: 0;
background: none !important;
pointer-events: auto;
}

.mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul > li > a:before {
display: none;
}

.mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul > li:hover > a > span {
color: inherit;
}

.mobile_nav_wrapper .primary-nav ul li ul.sub-menu,
.mobile_nav_wrapper .primary-nav ul li div.sub-menu,
.mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul,
.mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul {
box-shadow: none;
margin-top: 0;
font-weight: inherit;
border: none;
width: 100%;
transition: 0s;
background-color: rgb(34, 35, 40);
display: none;
}
.mobile_nav_wrapper .primary-nav ul li ul.sub-menu:after,
.mobile_nav_wrapper .primary-nav ul li div.sub-menu:after,
.mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul:after,
.mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul:after {
display: none;
}

.mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul {
padding-top: 0;
padding-bottom: 0;
}

.mobile_nav_wrapper .primary-nav ul li ul.sub-menu li:hover, .mobile_nav_wrapper .primary-nav ul li ul.sub-menu li:focus {
padding-right: 0;
}

.mobile_nav_wrapper .primary-nav .menu-item .button_switcher {
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
margin-left: 0;
background: transparent;
}
.mobile_nav_wrapper .primary-nav .menu-item .button_switcher:before {
content: "";
display: inline-block;
border-top-width: 1px;
border-top-style: solid;
border-right-width: 1px;
border-right-style: solid;
transform: translate(50%, -50%) rotate(-135deg);
opacity: 0.8;
transition: 0.3s ease;
background: none !important;
position: absolute;
top: 50%;
left: 10px;
right: unset;
margin: auto;
width: 8px;
height: 8px;
visibility: visible;
margin-top: 0;
border-radius: 0;
color: inherit;
margin-right: 0 !important;
}
.mobile_nav_wrapper .primary-nav .menu-item .button_switcher:after {
content: "";
display: block;
position: absolute;
top: 15%;
right: 15%;
width: 70%;
height: 70%;
opacity: 0.05;
background-color: transparent;
transition: 0.2s;
}
.mobile_nav_wrapper .primary-nav .menu-item .button_switcher:hover:after, .mobile_nav_wrapper .primary-nav .menu-item .button_switcher:focus:after {
opacity: 0.02;
}
.mobile_nav_wrapper .primary-nav .menu-item .button_switcher.is-active:before {
transform: translate(50%, -50%) rotate(-225deg);
}

.mobile_nav_wrapper .search_mobile_menu .header_search-field {
border-radius: 5px;
}

.wgl-mobile-header .mini-cart {
position: static;
}

.wgl-mobile-header .wgl-header-row .header_side[class^=position_right] .header_area_container > * {
padding-right: 25px;
}
.wgl-mobile-header .wgl-header-row .header_side[class^=position_right] .header_area_container > *:first-child {
padding-right: 0;
}

.wgl-mobile-header .wgl-header-row .header_side[class^=position_left] .header_area_container > * {
padding-left: 25px;
}
.wgl-mobile-header .wgl-header-row .header_side[class^=position_left] .header_area_container > *:last-child {
padding-left: 0;
}

.wgl-mobile-header .wgl-header-row .header_side[class^=position_center] .header_area_container > * {
padding-right: 25px;
padding-left: 25px;
}
.wgl-mobile-header .wgl-header-row .header_side[class^=position_center] .header_area_container > *:last-child, .wgl-mobile-header .wgl-header-row .header_side[class^=position_center] .header_area_container > *:first-child {
padding-left: 0;
padding-right: 0;
}

@media (max-width: 1200px) {
.wgl-theme-header .wgl-sticky-header {
    display: none;
}
}
@media (max-width: 782px) {
body.admin-bar .wgl-menu_outer {
    top: 46px;
    height: calc(100vh - 46px);
}
}
@media (max-width: 450px) {
.wgl-menu_outer {
    width: calc(100% - 48px);
}
}
@media (max-width: 360px) {
.wgl-mobile-header .woo_mini_cart {
    width: calc(100vw - 40px);
}
}
@keyframes burger_top-1-45 {
0% {
    top: 0;
    transform: rotate(0);
}
50% {
    top: 7px;
    transform: rotate(0);
}
100% {
    top: 7px;
    transform: rotate(-45deg);
}
}
@keyframes burger_top-2-45 {
0% {
    top: 7px;
    transform: rotate(-45deg);
}
50% {
    top: 7px;
    transform: rotate(0);
}
100% {
    top: 0;
    transform: rotate(0);
}
}
@keyframes burger_bottom-1-135 {
0% {
    bottom: 0;
    transform: rotate(0);
}
50% {
    bottom: 7px;
    transform: rotate(0);
}
100% {
    bottom: 7px;
    transform: rotate(-135deg);
}
}
@keyframes burger_bottom-2-135 {
0% {
    bottom: 7px;
    transform: rotate(-135deg);
}
50% {
    bottom: 7px;
    transform: rotate(0);
}
100% {
    bottom: 0;
    transform: rotate(0);
}
}
@keyframes burger_scaled-1 {
50% {
    transform: scale(0);
}
100% {
    transform: scale(0);
}
}
@keyframes burger_scaled-2 {
0% {
    transform: scale(0);
}
50% {
    transform: scale(0);
}
100% {
    transform: scale(1);
}
}
/* ==================== ##Page Title ==================== */
.page-header {
display: flex;
align-items: center;
position: relative;
z-index: 1;
padding: 10px 0;
overflow: hidden;
}
.page-header:before {
content: "";
position: absolute;
z-index: -1;
right: 0;
left: 0;
top: 0;
bottom: 0;
opacity: 0;
background: #282828;
}
.page-header_wrapper {
height: 100%;
width: 100%;
}
.page-header_wrapper .wgl-container {
height: 100%;
}
.page-header .page-header_content {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 1;
}
.page-header_align_left {
justify-content: right;
}
.page-header_align_left .page-header_content {
align-items: flex-start;
text-align: right;
}
.page-header_align_center {
justify-content: center;
}
.page-header_align_center .page-header_content {
align-items: center;
text-align: center;
}
.page-header_align_right {
justify-content: left;
}
.page-header_align_right .page-header_content {
align-items: flex-end;
text-align: left;
}
.page-header.breadcrumbs_align_left .page-header_breadcrumbs {
align-self: flex-start;
}
.page-header.breadcrumbs_align_center .page-header_breadcrumbs {
align-self: center;
}
.page-header.breadcrumbs_align_right .page-header_breadcrumbs {
align-self: flex-end;
}
.page-header.breadcrumbs_inline .page-header_content {
flex-direction: row;
align-items: center;
}
@media (max-width: 767px) {
.page-header.breadcrumbs_inline .page-header_content {
    flex-direction: column;
}
.page-header.breadcrumbs_inline .page-header_content .page-header_breadcrumbs {
    text-align: center;
}
}
.page-header.breadcrumbs_inline .page-header_content .page-header_breadcrumbs {
align-self: auto;
}
.page-header.breadcrumbs_inline.page-header_align_left .page-header_content {
justify-content: space-between;
}
.page-header.breadcrumbs_inline.page-header_align_right .page-header_content {
justify-content: space-between;
flex-direction: row-reverse;
}
.page-header.breadcrumbs_inline.page-header_align_center .page-header_breadcrumbs {
margin-right: 20px;
}
.page-header_title {
color: inherit;
font-weight: 700;
}
.page-header_breadcrumbs {
margin-top: 15px;
}
.page-header_breadcrumbs .breadcrumbs {
white-space: nowrap;
font-weight: 700;
text-transform: uppercase;
}
.page-header_breadcrumbs .breadcrumbs .current {
cursor: default;
transition: 0.4s;
}
.page-header_breadcrumbs .breadcrumbs > a {
color: inherit;
opacity: 0.5;
}
.page-header_breadcrumbs .breadcrumbs > a:hover {
color: inherit;
opacity: 1;
}
.page-header_breadcrumbs .divider:not(:last-child) {
color: inherit;
margin: 0 7px;
}
.page-header_breadcrumbs .divider:not(:last-child):before {
content: "";
width: 8px;
height: 2px;
display: inline-block;
line-height: 1;
vertical-align: middle;
background: currentColor;
opacity: 0.5;
transform: translateY(5px);
}
.page-header_wrapper_product .page-header_breadcrumbs {
margin-top: 23px;
}

@keyframes pagetitle_dot {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
body .title-wrapper ~ .select2-container,
body .title-wrapper ~ form .select2-container {
margin-top: -14px;
}
body .select2-container {
font-family: var(--bili-content-font-family);
font-size: 18px;
line-height: 1.7;
font-weight: 500;
text-transform: unset;
color: var(--bili-header-font-color);
margin-top: 0;
margin-bottom: 4px;
}
body .select2-container ul li {
font-size: 18px;
line-height: 1.7;
font-weight: 500;
}
body .select2-container--default .select2-search--inline .select2-search__field {
line-height: 30px;
height: 30px;
max-width: 100%;
box-shadow: unset !important;
text-transform: none;
}
body .select2-container--default .select2-search--dropdown {
padding: 0 10px;
}
body .select2-container--default .select2-search--dropdown .select2-search__field {
background-color: transparent;
padding: 10px 0;
height: 50px;
border: unset;
transition: all 0.3s;
border-width: 0 0 1px 0 !important;
border-style: solid;
border-color: rgba(var(--bili-header-rgb), 0.1);
}
body .select2-container--default .select2-selection--single {
padding: 13px 0 13px 0;
background-color: transparent;
border-radius: unset;
font-weight: 500;
border-width: 0 0 1px 0 !important;
border-style: solid;
border-color: rgba(var(--bili-header-rgb), 0.1);
margin: 0;
height: 56px;
text-align: right;
transition: all 0.3s;
}
body .select2-container--default .select2-selection--single .select2-selection__clear {
float: right;
font-weight: normal;
font-size: 18px;
}
body .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: inherit;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 30px;
padding-right: 0;
color: var(--bili-header-font-color);
}
body .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0;
left: 0;
height: 50px;
width: 20px;
background-image: var(--bili-bg-caret);
background-size: 12px;
background-repeat: no-repeat;
background-position: 0% center;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
body .select2-container--default .select2-selection--multiple {
font-size: 0;
padding: 13px 0;
background-color: transparent;
border-radius: unset;
border-width: 0 0 1px 0 !important;
border-style: solid !important;
border-color: rgba(var(--bili-header-rgb), 0.1) !important;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
max-width: 100%;
padding: 0;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
padding-right: 0;
padding-left: 0;
margin: 0 !important;
max-width: 100%;
font-size: 18px;
line-height: 1.7;
font-weight: 500;
color: var(--bili-header-font-color);
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
background: unset;
padding-right: 7px;
border: unset;
margin-left: 5px;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice__remove {
font-size: 18px;
line-height: 18px;
font-weight: normal;
color: #b7b7b7;
transition: color 0.4s;
}
body .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice__remove:hover {
color: var(--bili-header-font-color);
}
body .select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple {
border-bottom: 1px solid rgba(var(--bili-header-rgb), 0.1);
background-color: transparent;
}
body .select2-container--default.select2-container--below.select2-container--open .select2-selection--single {
border-bottom: 1px solid rgba(var(--bili-header-rgb), 0.1);
background-color: transparent;
}
body .select2-container--default.select2-container--above.select2-container--open .select2-selection--multiple {
border-bottom: 1px solid rgba(var(--bili-header-rgb), 0.1);
background-color: transparent;
}
body .select2-container--default .select2-results__option {
padding-right: 18px;
line-height: 24px;
}
body .select2-container--default .select2-results__option[aria-selected=true], body .select2-container--default .select2-results__option[data-selected=true] {
background-color: rgba(var(--bili-header-rgb), 0.1);
color: inherit;
}
body .select2-container--default .select2-results__option--highlighted[aria-selected=true], body .select2-container--default .select2-results__option--highlighted[data-selected=true] {
background: rgba(var(--bili-header-rgb), 0.1);
font-weight: 700;
}
body .select2-results {
font-size: 18px;
}
body .select2-dropdown {
color: var(--bili-submenu-color);
background-color: var(--bili-submenu-background);
border-bottom: 1px solid rgba(var(--bili-header-rgb), 0.1);
box-shadow: none;
}
body .select2-dropdown.select2-dropdown--below {
border: 1px solid rgba(var(--bili-header-rgb), 0.1);
}
body .select2-container--open .select2-dropdown--above {
border: 0;
}
body.admin-bar > .select2-container {
margin-top: -32px;
}
@media screen and (max-width: 782px) {
body.admin-bar > .select2-container {
    margin-top: -46px;
}
}

.woocommerce form .form-row .select2-container {
margin: 0;
}

/* ==================== ##Typography ==================== */
span.highlighter {
padding: 1px 0.2em;
}
span.highlighter.primary {
color: var(--bili-header-font-color);
background: var(--bili-primary-color);
}
span.highlighter.secondary {
color: var(--bili-tertiary-color);
background: var(--bili-secondary-color);
}
span.highlighter.header {
color: var(--bili-tertiary-color);
background: var(--bili-header-font-color);
}

blockquote {
position: relative;
z-index: 1;
margin: 20px 0;
font-size: 24px;
line-height: 1.5;
padding-right: 86px;
font-weight: 400;
}
blockquote cite {
display: block;
position: relative;
margin-top: 16px;
font-size: 14px;
line-height: 1.3;
font-style: normal;
color: #888;
font-weight: 700;
letter-spacing: 0.1em;
}
blockquote:before {
position: absolute;
z-index: 1;
content: "\f10f";
font-family: flaticon;
font-style: normal;
font-size: 57px;
right: 0;
top: 0;
margin-bottom: 13px;
display: block;
line-height: 1;
color: var(--bili-primary-color);
}
blockquote p:last-of-type {
margin-bottom: 0;
}
blockquote p[style*="text-align: left"] + footer {
text-align: right;
}
blockquote p[style*="text-align: center"] + footer {
text-align: center;
}
blockquote p[style*="text-align: right"] + footer {
text-align: left;
}
blockquote.wp-block-quote.is-style-large {
padding: 0;
padding-right: 87px;
}

.dropcap {
position: relative;
z-index: 1;
float: right;
width: 1.3334em;
height: 1.3334em;
margin-top: 0.35em;
margin-left: calc(0.5em + 10px);
font-size: 1.875em;
line-height: 1.3334em;
font-weight: 700;
color: var(--bili-header-font-color);
text-align: center;
overflow: hidden;
border-radius: 0;
}
.dropcap:not(.alt) {
font-size: 3em;
font-weight: 400;
line-height: 0.88em;
width: 0.8334em;
height: 0.8334em;
margin-left: calc(0.1em + 10px);
margin-top: 0.15em;
color: var(--bili-tertiary-color);
}
.dropcap.primary {
color: var(--bili-primary-color);
}
.dropcap.primary.alt {
color: var(--bili-header-font-color);
background: var(--bili-primary-color);
}
.dropcap.secondary {
color: var(--bili-secondary-color);
}
.dropcap.secondary.alt {
color: var(--bili-tertiary-color);
background: var(--bili-secondary-color);
}

.elementor-drop-cap {
margin-top: 0.11em;
font-weight: 800;
}

p.has-drop-cap:not(:focus):first-letter {
font-size: 3em;
line-height: 1.2;
font-weight: 600;
}

small {
font-size: 0.8em;
}

code,
tt,
kbd {
font-size: 87.5%;
word-break: break-word;
}

i,
cite,
em,
var,
address,
dfn,
q {
font-style: italic;
}

kbd {
font-family: monospace;
}

sub {
vertical-align: sub;
font-size: smaller;
}

sup {
vertical-align: super;
font-size: smaller;
}

/* ==================== ##Scroll Up ==================== */
#scroll_up {
position: fixed;
left: 0;
bottom: 0;
z-index: 20;
text-align: center;
cursor: pointer;
opacity: 0;
transition: 0.4s;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: 400;
line-height: 1;
top: 100%;
min-height: -moz-fit-content;
min-height: fit-content;
transform: translate(30px, 5px);
white-space: nowrap;
padding: 0;
color: var(--bili-back-to-top-color);
}
#scroll_up.scroll_up-text {
left: 30px;
bottom: 50px;
writing-mode: vertical-rl;
transform: rotate(-180deg) translate3D(10px, -105%, 0);
transform-origin: 100% 0;
padding: 15px 0 20px;
font-family: var(--bili-header-font-family);
font-weight: 700;
}
#scroll_up.scroll_up-text:before {
content: "\f152";
font-family: "flaticon";
position: absolute;
z-index: 1;
display: inline-block;
transform: translateY(4px) rotate(-90deg);
color: currentColor;
transition: 0.4s;
bottom: 0;
font-size: 12px;
}
#scroll_up.scroll_up-text:hover:before {
transform: translateY(8px) rotate(-90deg);
}
#scroll_up.scroll_up-icon {
width: 60px;
height: 60px;
font-size: 24px;
border-radius: 50%;
color: var(--bili-back-to-top-color);
transform: translate(50px, 5px);
}
@media (max-width: 767px) {
#scroll_up.scroll_up-icon {
    transform: translate(20px, 5px);
    width: 40px;
    height: 40px;
}
}
#scroll_up.scroll_up-icon .flaticon {
transform: rotate(90deg);
top: calc(50% - 4px);
pointer-events: none;
overflow: hidden;
height: 1em;
}
#scroll_up.scroll_up-icon .flaticon:after, #scroll_up.scroll_up-icon .flaticon:before {
transition: transform 0.4s;
display: inline-block;
}
#scroll_up.scroll_up-icon .flaticon:after {
content: "\f101";
font-family: flaticon;
position: absolute;
right: 0;
top: 0;
transform: translateX(150%);
}
#scroll_up.scroll_up-icon:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
right: 0;
top: 0;
transition: 0.4s;
background: var(--bili-back-to-top-color-bg);
border-radius: inherit;
}
@media (max-width: 767px) {
#scroll_up.scroll_up-icon:before {
    font-size: 40px;
}
}
#scroll_up.scroll_up-icon svg {
width: 30px;
height: 30px;
stroke: var(--bili-back-to-top-color);
transition: 0.4s;
}
@media (max-width: 767px) {
#scroll_up.scroll_up-icon svg {
    width: 20px;
    height: 20px;
}
}
#scroll_up.scroll_up-icon:hover .flaticon {
top: 0;
}
#scroll_up.scroll_up-icon:hover .flaticon:after {
transform: translateY(0);
}
#scroll_up.scroll_up-icon:hover .flaticon:before {
transform: translateX(-150%);
}
#scroll_up.scroll_up-icon:hover svg {
stroke: var(--bili-back-to-top-color);
fill: var(--bili-back-to-top-color);
}
#scroll_up.active {
opacity: 1;
}
#scroll_up.active.scroll_up-icon {
transform: translate(50px, -142px);
}
@media (max-width: 767px) {
#scroll_up.active.scroll_up-icon {
    transform: translate(20px, -90px);
}
}
#scroll_up.active.scroll_up-text {
transform: rotate(-180deg) translate3D(10px, 25px, 0);
}
@keyframes scroll_up_anim {
0% {
    opacity: 1;
    transform: translateY(0px) rotate(-180deg);
}
49% {
    opacity: 0;
    transform: translateY(-9px) rotate(-180deg);
}
51% {
    opacity: 0;
    transform: translateY(9px) rotate(-180deg);
}
100% {
    opacity: 1;
    transform: translateY(0px) rotate(-180deg);
}
}
/* ==================== ##Blog ==================== */
.blog-style-standard.hover-animation .blog-post {
padding-top: 25px;
}
.blog-style-standard.hover-animation .blog-post:hover .blog-post_wrapper {
transform: translateY(-25px);
}
.blog-style-standard .blog-post_wrapper .blog-post_meta_info {
position: absolute;
z-index: 12;
right: 0;
bottom: -25px;
width: 100%;
padding-top: 0;
padding-bottom: 0;
transition: 0.45s;
}
.blog-style-standard .blog-post_wrapper .blog-post_meta_info .meta-data {
margin: 0;
font-size: 14px;
font-weight: 600;
}
.blog-style-standard .blog-post_wrapper > .blog-post_meta_info {
position: relative;
bottom: unset;
}
.blog-style-standard .blog-post_wrapper > .blog-post_meta_info:not(:empty) {
margin-bottom: 3px;
}
.blog-style-standard .wgl_col-12 .blog-post {
margin-bottom: 68px;
}
.blog-style-standard .wgl_col-12 .blog-post.format-no_featured {
margin-bottom: 66px;
}
.blog-style-standard .wgl_col-12:not(.swiper-slide):last-child .blog-post {
margin-bottom: 55px;
}
.blog-style-standard .wgl_col-12 .format-video.blog-post .blog-post_media .blog-post_media_part {
padding-bottom: 56%;
}
.blog-style-standard .wgl_col-12 .format-video.blog-post .blog-post_media .blog-post_media_part.video_image:not(.video_parallax) {
padding-bottom: 0;
}
.blog-style-standard .wgl_col-12 .format-audio.blog-post .blog-post_media .blog-post_media_part {
padding-bottom: 20%;
}
.blog-style-standard .wgl_col-6 .format-quote .blog-post_media, .blog-style-standard .wgl_col-4 .format-quote .blog-post_media, .blog-style-standard .wgl_col-3 .format-quote .blog-post_media {
margin-bottom: 20px;
}
.blog-style-standard .wgl_col-6 .format-quote .blog-post_quote-text, .blog-style-standard .wgl_col-4 .format-quote .blog-post_quote-text, .blog-style-standard .wgl_col-3 .format-quote .blog-post_quote-text {
font-size: 20px;
line-height: 32px;
min-height: 44px;
}
.blog-style-standard .wgl_col-6 .format-quote .blog-post_quote-author, .blog-style-standard .wgl_col-4 .format-quote .blog-post_quote-author, .blog-style-standard .wgl_col-3 .format-quote .blog-post_quote-author {
margin-top: 10px;
}
.blog-style-standard .wgl_col-6 .format-link .blog-post_media, .blog-style-standard .wgl_col-4 .format-link .blog-post_media, .blog-style-standard .wgl_col-3 .format-link .blog-post_media {
margin-bottom: 15px;
}
.blog-style-standard .wgl_col-6 .format-link .blog-post_link .link_post, .blog-style-standard .wgl_col-4 .format-link .blog-post_link .link_post, .blog-style-standard .wgl_col-3 .format-link .blog-post_link .link_post {
font-size: 20px;
line-height: 32px;
min-height: 44px;
}
.blog-style-standard .wgl_col-6 .blog-post, .blog-style-standard .wgl_col-4 .blog-post, .blog-style-standard .wgl_col-3 .blog-post {
margin-bottom: 49px;
}
.blog-style-standard .wgl_col-6 .blog-post.hide_media .blog-post_content, .blog-style-standard .wgl_col-4 .blog-post.hide_media .blog-post_content, .blog-style-standard .wgl_col-3 .blog-post.hide_media .blog-post_content {
padding: 22px 30px 30px;
}
.blog-style-standard .wgl_col-6 .blog-post.hide_media .blog-post_content .post_categories + .post_meta-wrap, .blog-style-standard .wgl_col-4 .blog-post.hide_media .blog-post_content .post_categories + .post_meta-wrap, .blog-style-standard .wgl_col-3 .blog-post.hide_media .blog-post_content .post_categories + .post_meta-wrap {
margin-top: 15px;
}
.blog-style-standard .wgl_col-6 .blog-post .post_meta-wrap, .blog-style-standard .wgl_col-4 .blog-post .post_meta-wrap, .blog-style-standard .wgl_col-3 .blog-post .post_meta-wrap {
margin-top: 25px;
}
.blog-style-standard .wgl_col-6 > :not(.format-no_featured) .blog-post .blog-post_content, .blog-style-standard .wgl_col-4 > :not(.format-no_featured) .blog-post .blog-post_content, .blog-style-standard .wgl_col-3 > :not(.format-no_featured) .blog-post .blog-post_content {
padding-top: 21px;
padding-bottom: 20px;
}
.blog-style-standard .wgl_col-6 .blog-post_title, .blog-style-standard .wgl_col-4 .blog-post_title, .blog-style-standard .wgl_col-3 .blog-post_title {
font-size: 26px;
line-height: 1.615;
margin-top: 7px;
}
.blog-style-standard .wgl_col-6 .blog-post_title > a, .blog-style-standard .wgl_col-4 .blog-post_title > a, .blog-style-standard .wgl_col-3 .blog-post_title > a {
display: inline-block;
font-size: inherit;
line-height: inherit;
}
.blog-style-standard .wgl_col-6 .blog-post_title + .blog-post_footer, .blog-style-standard .wgl_col-4 .blog-post_title + .blog-post_footer, .blog-style-standard .wgl_col-3 .blog-post_title + .blog-post_footer {
margin-top: -10px;
}
.blog-style-standard .wgl_col-6 .read-more-wrap, .blog-style-standard .wgl_col-4 .read-more-wrap, .blog-style-standard .wgl_col-3 .read-more-wrap {
padding-top: 18px;
}
.blog-style-standard .wgl_col-6 .blog-post_media .post_date, .blog-style-standard .wgl_col-4 .blog-post_media .post_date, .blog-style-standard .wgl_col-3 .blog-post_media .post_date {
top: 20px;
right: 20px;
}
.blog-style-standard .wgl_col-6 .blog-post_media .post_categories, .blog-style-standard .wgl_col-4 .blog-post_media .post_categories, .blog-style-standard .wgl_col-3 .blog-post_media .post_categories {
right: 20px;
bottom: 20px;
}
.blog-style-standard .wgl_col-6 .elementor-swiper-button-prev,
.blog-style-standard .wgl_col-6 .elementor-swiper-button-next, .blog-style-standard .wgl_col-4 .elementor-swiper-button-prev,
.blog-style-standard .wgl_col-4 .elementor-swiper-button-next, .blog-style-standard .wgl_col-3 .elementor-swiper-button-prev,
.blog-style-standard .wgl_col-3 .elementor-swiper-button-next {
--wgl-swiper-button-diameter: 40px;
}
.blog-style-standard .wgl_col-6 .elementor-swiper-button-prev, .blog-style-standard .wgl_col-4 .elementor-swiper-button-prev, .blog-style-standard .wgl_col-3 .elementor-swiper-button-prev {
right: 20px;
}
.blog-style-standard .wgl_col-6 .elementor-swiper-button-next, .blog-style-standard .wgl_col-4 .elementor-swiper-button-next, .blog-style-standard .wgl_col-3 .elementor-swiper-button-next {
left: 20px;
}
.blog-style-standard .blog-post {
transition: 0.4s;
border-radius: 0;
overflow: hidden;
}
.blog-style-standard .blog-post .blog-post_wrapper {
position: relative;
z-index: 1;
}
.blog-style-standard .blog-post .post_meta-wrap {
margin-top: 26px;
}
.blog-style-standard .blog-post.hide_media .blog-post_content {
padding: 42px 50px 48px;
}
.blog-style-standard .blog-post.hide_media .blog-post_content .post_meta-wrap {
margin-top: 0;
}
.blog-style-standard .blog-post.hide_media .blog-post_content .post_categories + .post_meta-wrap {
margin-top: 25px;
}
.blog-style-standard .blog-post blockquote cite {
padding-right: 0;
text-align: inherit;
}
.blog-style-standard .blog-post:after {
content: "";
display: block;
height: 0;
clear: both;
}
.blog-style-standard .blog-post.format-no_featured {
background: #232323;
}
.blog-style-standard.blog_carousel .swiper-slide {
margin-bottom: 0;
}
.blog-style-standard.blog_carousel .swiper-slide.swiper-slide {
margin-bottom: 0;
}
.blog-style-standard .blog-post_text {
font-size: 16px;
}
.blog-style-standard .blog-post_text .wp-block-pullquote {
padding: 1em 0;
}
.blog-style-standard .blog-post_text .wp-block-pullquote.is-style-solid-color blockquote p:first-of-type {
margin-top: -0.225em;
}
.blog-style-standard .blog-post_text .wp-block-archives-list,
.blog-style-standard .blog-post_text .wp-block-latest-posts {
list-style: none;
}
.blog-style-standard .blog-post_text .wp-block-categories-list .children li {
padding-right: 0;
}
.blog-style-standard .blog-post_text .more-link {
display: none;
}
.blog-style-standard .blog-post_text .wp-block-search {
margin-bottom: 20px;
}
.blog-style-standard .post_date {
position: relative;
z-index: 1;
display: block;
}
.blog-style-standard.acenter .meta-data {
justify-content: center;
}
.blog-style-standard.aright .meta-data {
justify-content: flex-end;
}

.blog-post {
position: relative;
z-index: 1;
margin-bottom: 60px;
}
.blog-post .blog-post_media {
position: relative;
z-index: 1;
}
.blog-post .blog-post_media .post_date {
position: absolute;
z-index: 1;
top: 30px;
right: 35px;
}
.blog-post .blog-post_media .blog-post_media_part {
position: relative;
line-height: 0;
border-radius: 0;
transition: 0.4s;
}
.blog-post .blog-post_media .blog-post_media_part img {
border-radius: inherit;
}
.blog-post.format-gallery .blog-post_media .blog-post_media_part {
overflow: hidden;
}
.blog-post.format-gallery .blog-post_media .wgl-carousel .swiper-slide:not(:only-child) {
cursor: e-resize;
}
.blog-post.format-gallery .blog-post_media .swiper-pagination-fraction {
bottom: 10px;
}
.blog-post.standard .blog-post_media, .blog-post.format-standard .blog-post_media {
margin-bottom: 12px;
}
.blog-post.format-standard-image .blog-post_content > .share_post-container, .blog-post.format-image .blog-post_content > .share_post-container, .blog-post.format-gallery .blog-post_content > .share_post-container, .blog-post.format-video .blog-post_content > .share_post-container {
top: -26px;
}
.blog-post.format-standard-image .blog-post_content > .share_post-container > a:after, .blog-post.format-image .blog-post_content > .share_post-container > a:after, .blog-post.format-gallery .blog-post_content > .share_post-container > a:after, .blog-post.format-video .blog-post_content > .share_post-container > a:after {
border-top-color: transparent;
border-right-color: transparent;
transform: rotate(-44deg);
}
.blog-post.format-standard-image .blog-post_content > .share_post-container:hover > a:after, .blog-post.format-image .blog-post_content > .share_post-container:hover > a:after, .blog-post.format-gallery .blog-post_content > .share_post-container:hover > a:after, .blog-post.format-video .blog-post_content > .share_post-container:hover > a:after {
transform: rotate(-44deg) scale(0.2);
}
.blog-post.format-standard-image .blog-post_media, .blog-post.format-image .blog-post_media {
position: relative;
z-index: 1;
}
.blog-post.format-standard-image .blog-post_media .image-overlay, .blog-post.format-image .blog-post_media .image-overlay {
display: inline-block;
position: relative;
z-index: 1;
border-radius: inherit;
filter: grayscale(0%);
}
.blog-post.format-standard-image .blog-post_media .image-overlay:before, .blog-post.format-standard-image .blog-post_media .image-overlay:after, .blog-post.format-image .blog-post_media .image-overlay:before, .blog-post.format-image .blog-post_media .image-overlay:after {
display: block;
position: absolute;
z-index: 2;
top: 0;
right: 0;
width: 100%;
height: 100%;
border-radius: inherit;
transition: opacity 0.3s;
}
.blog-post.format-standard-image .blog-post_media .image-overlay:after, .blog-post.format-image .blog-post_media .image-overlay:after {
opacity: 0;
}
.blog-post.format-standard-image .blog-post_media .image-overlay img, .blog-post.format-image .blog-post_media .image-overlay img {
border-radius: inherit;
}
.blog-post.format-standard-image:hover .image-overlay:after, .blog-post.format-image:hover .image-overlay:after {
opacity: 1;
}
.blog-post.format-quote .blog-post_media {
margin-bottom: 26px;
}
.blog-post.format-quote .blog-post_content {
padding: 32px 50px 50px;
}
.blog-post.format-quote .blog-post_quote-text {
font-size: 28px;
line-height: 42px;
font-weight: 400;
margin-bottom: 9px;
position: relative;
z-index: 1;
min-height: 40px;
padding-right: 82px;
font-family: var(--bili-content-font-family);
}
.blog-post.format-quote .blog-post_quote-text:before {
content: "\f10f";
font-family: flaticon;
font-style: normal;
font-size: 56px;
display: block;
line-height: 1;
color: var(--bili-primary-color);
position: absolute;
right: 0;
top: 0;
}
.blog-post.format-quote .blog-post_quote-author {
display: block;
position: relative;
margin-top: 19px;
font-size: 14px;
line-height: 1.3;
font-weight: 700;
font-style: normal;
color: var(--bili-header-font-color);
padding-right: 82px;
letter-spacing: 0.1em;
}
.blog-post.format-quote .blog-post_quote-author .blog-post_quote-image {
display: inline-block;
width: 30px;
vertical-align: middle;
margin-left: 10px;
border-radius: 50%;
}
.blog-post.format-quote .blog-post_quote-author .blog-post_quote-author-name,
.blog-post.format-quote .blog-post_quote-author .blog-post_quote-author-pos {
vertical-align: middle;
}
.blog-post.format-link .blog-post_link {
margin-bottom: 19px;
position: relative;
z-index: 1;
}
.blog-post.format-link .blog-post_link .link_post {
font-size: 28px;
line-height: 42px;
font-weight: 400;
margin-bottom: 9px;
position: relative;
z-index: 1;
min-height: 60px;
padding-right: 76px;
display: block;
font-family: var(--bili-content-font-family);
}
.blog-post.format-link .blog-post_link .link_post:before {
content: "\f111";
font-family: flaticon;
font-style: normal;
font-size: 50px;
font-weight: 400;
display: block;
line-height: 1;
color: var(--bili-primary-color);
position: absolute;
right: 1px;
top: 7px;
}

.related_posts .format-video .blog-post_media .blog-post_media_part {
padding-bottom: 87.5%;
}
.related_posts .format-video .blog-post_media .blog-post_media_part.video_image:not(.video_parallax) {
padding-bottom: 0;
}

#main-content > .blog-posts .elementor {
margin-right: -15px;
margin-left: -15px;
}

.format-video .blog-post_media .blog-post_media_part {
width: 100%;
overflow: hidden;
}
.format-video .blog-post_media .blog-post_media_part .videobox_content {
justify-content: center;
}
.format-video .blog-post_media .blog-post_media_part .videobox_link_wrapper {
top: auto;
}
.format-video .blog-post_media .blog-post_media_part .videobox_link {
width: 80px;
height: 80px;
}
.format-video .blog-post_media .blog-post_media_part, .format-audio .blog-post_media .blog-post_media_part {
padding-bottom: 73.5%;
}
.format-video .blog-post_media .blog-post_media_part.video_image:not(.video_parallax), .format-audio .blog-post_media .blog-post_media_part.video_image:not(.video_parallax) {
padding-bottom: 0;
}
.format-video .blog-post_media iframe, .format-audio .blog-post_media iframe {
position: absolute;
z-index: 1;
height: 100%;
}
.format-audio .blog-post_wrapper .blog-post_media_part {
margin-bottom: 25px;
margin-top: 8px;
}
.format-audio iframe {
border-radius: inherit;
}

.blog-post.sticky-post.format-no_featured {
border: 3px solid #cccccc;
}

.blog-posts .blog-post_title {
font-size: 36px;
display: block;
margin-bottom: 0;
margin-top: 2px;
word-wrap: break-word;
clear: both;
line-height: 1.5;
}
.blog-posts .blog-post_title:last-child {
margin-bottom: 0;
}
.blog-posts .blog-post_title > a {
font-size: inherit;
line-height: inherit;
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
text-decoration-thickness: 0.05em;
text-underline-offset: 0.2em;
}
.blog-posts .blog-post_title > a:hover {
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
}
.blog-posts .blog-post_title + .blog-post_text {
margin-top: 7px;
}

.blog-post_content .page-link {
margin-top: 30px;
}
.blog-post_content:after {
content: "";
display: block;
clear: both;
}
.blog-post_content .read-more-wrap {
padding-top: 20px;
padding-bottom: 0;
}
.blog-post_content .blog-post_title + .read-more-wrap {
padding-top: 0;
}

.blog-post_content p,
.blog-post_content p + address,
#comments .comment_content > p,
#comments .comment_content > p + address {
margin-bottom: 16px;
}
.blog-post_content p:last-child,
#comments .comment_content > p:last-child {
margin-bottom: 0;
}
.blog-post_content p:empty,
#comments .comment_content > p:empty {
display: none;
}

.blog-post_content h1,
.blog-post_content h2,
.blog-post_content h3,
.blog-post_content h4,
.blog-post_content h5,
.blog-post_content h6,
.row > div > h1,
.row > div > h2,
.row > div > h3,
.row > div > h4,
.row > div > h5,
.row > div > h6,
#comments .comment_content h1,
#comments .comment_content h2,
#comments .comment_content h3,
#comments .comment_content h4,
#comments .comment_content h5,
#comments .comment_content h6 {
margin-bottom: 18px;
}

.blog-posts-list + .wgl-pagination {
margin-bottom: 30px;
}
.blog-posts-list:after {
content: "";
display: block;
height: 0;
clear: both;
}

.archive .blog-posts-list {
margin-top: 0;
}

.home .sidebar_right .blog-posts-list,
.home .sidebar_left .blog-posts-list,
.archive .sidebar_right .blog-posts-list,
.archive .sidebar_left .blog-posts-list {
margin-top: 0;
}

.elementor-widget-wgl-blog .elementor-widget-container {
margin-bottom: 40px;
}
.elementor-widget-wgl-blog.nav-left .wgl-pagination {
text-align: right;
}
.elementor-widget-wgl-blog.nav-center .wgl-pagination {
text-align: center;
}
.elementor-widget-wgl-blog.nav-right .wgl-pagination {
text-align: left;
}

.home .row.sidebar_right,
.home .row.sidebar_left {
margin-top: 50px;
}

.mega-ajax-content .item .blog-post_media {
margin-bottom: 14px;
}
.mega-ajax-content .item .blog-post_title {
margin-bottom: 5px;
}
.mega-ajax-content .item .blog-post_content {
white-space: normal;
}
.mega-ajax-content .item .meta-data {
background: none;
padding-right: 0;
padding-left: 0;
}
.mega-ajax-content .format-video .blog-post_media .blog-post_media_part,
.mega-ajax-content .format-audio .blog-post_media .blog-post_media_part {
padding-bottom: 70.272%;
}

.blog_carousel .wgl-carousel .swiper-pagination {
margin-top: 0;
margin-right: auto;
}
.blog_carousel .wgl-carousel-wrapper {
overflow: visible;
}
.blog_carousel .wgl-carousel {
margin-top: -20px;
}
.blog_carousel .swiper-wrapper {
padding-top: 20px;
}
.blog_carousel_title-arrow .wgl-carousel .elementor-swiper-button-prev.elementor-swiper-button,
.blog_carousel_title-arrow .wgl-carousel .elementor-swiper-button-next.elementor-swiper-button {
display: none !important;
}

.slider-wrapper.wgl-carousel .blog-post_media-slider_swiper {
height: 100%;
}
.slider-wrapper.wgl-carousel .blog-post_media-slider_swiper .swiper-slide {
position: relative;
z-index: 5;
height: 100%;
width: 100%;
}
.slider-wrapper.wgl-carousel .blog-post_media-slider_swiper .swiper-slide span {
height: 100%;
width: 100%;
display: block;
background-size: cover;
background-position: center;
transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
overflow: hidden;
}
.slider-wrapper.wgl-carousel .blog-post_media-slider_swiper .swiper-slide span img {
transform: scale(1.25, 1.25);
transition: 500ms ease-in-out;
}
.slider-wrapper.wgl-carousel .blog-post_media-slider_swiper .swiper-slide.swiper-slide-active span img {
transform: scale(1, 1);
}
.slider-wrapper.wgl-carousel .blog-post_media-slider_swiper .swiper-wrapper {
height: 100%;
}
.slider-wrapper.wgl-carousel .swiper-container {
z-index: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slider-wrapper.wgl-carousel .swiper-container .elementor-swiper-button {
z-index: 100;
}

.meta_wrapper,
.post_meta-wrap {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
align-items: flex-start;
}
.meta_wrapper.post_meta-top:not(:first-child),
.post_meta-wrap.post_meta-top:not(:first-child) {
margin-top: 18px;
margin-bottom: 20px;
}
.meta_wrapper .meta-data > span:not(:last-child):after,
.post_meta-wrap .meta-data > span:not(:last-child):after {
content: "";
width: 10px;
height: 2px;
display: inline-block;
background: currentColor;
margin: 0 6px 0 7px;
transform: translateY(2px);
}
.meta_wrapper .meta-data + .meta-data,
.post_meta-wrap .meta-data + .meta-data {
flex-shrink: 0;
font-style: normal;
font-size: 14px;
font-weight: 500;
}
.meta_wrapper .meta-data + .meta-data span,
.post_meta-wrap .meta-data + .meta-data span {
display: inline-block;
vertical-align: baseline;
}
.meta_wrapper .meta-data + .meta-data i,
.post_meta-wrap .meta-data + .meta-data i {
font-size: 14px;
}
.meta_wrapper .meta-data + .meta-data .comments_post i,
.post_meta-wrap .meta-data + .meta-data .comments_post i {
margin-left: 5px;
}
.meta_wrapper .meta-data + .meta-data > *,
.post_meta-wrap .meta-data + .meta-data > * {
margin-left: 15px;
display: inline-block;
}
.meta_wrapper .meta-data + .meta-data > *:after,
.post_meta-wrap .meta-data + .meta-data > *:after {
display: none;
}
.meta_wrapper .meta-data + .meta-data > *:last-child,
.post_meta-wrap .meta-data + .meta-data > *:last-child {
margin-left: 0;
}
.meta_wrapper .sl-count-text,
.post_meta-wrap .sl-count-text {
font-size: 0;
line-height: 0;
width: 0;
}
.meta_wrapper + .blog-post_text,
.post_meta-wrap + .blog-post_text {
margin-top: 10px;
}

.wgl-portfolio-single_item .meta-data,
.blog-post_content .meta-data {
position: relative;
z-index: 1;
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
font-weight: 700;
color: #888;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.wgl-portfolio-single_item .meta-data a,
.blog-post_content .meta-data a {
color: inherit;
}
.wgl-portfolio-single_item .meta-data a:hover,
.blog-post_content .meta-data a:hover {
color: var(--bili-secondary-color);
}
.wgl-portfolio-single_item .meta-data .post_author,
.blog-post_content .meta-data .post_author {
white-space: nowrap;
}
.wgl-portfolio-single_item .meta-data .post_author img,
.blog-post_content .meta-data .post_author img {
border-radius: 50%;
margin-left: 6px;
}
.wgl-portfolio-single_item .meta-data:first-child > *,
.blog-post_content .meta-data:first-child > * {
display: inline-block;
vertical-align: middle;
color: inherit;
padding: 0;
margin: 0;
line-height: inherit;
}
.wgl-portfolio-single_item .meta-data:first-child > *:last-child,
.blog-post_content .meta-data:first-child > *:last-child {
margin-left: 0;
}
.wgl-portfolio-single_item .meta-data:first-child > * a:not(:hover),
.blog-post_content .meta-data:first-child > * a:not(:hover) {
color: inherit;
}
.wgl-portfolio-single_item .meta-data:first-child > *.wgl-views:first-child:after,
.blog-post_content .meta-data:first-child > *.wgl-views:first-child:after {
content: unset;
}

@media (max-width: 479px) {
.meta-data .views_text,
.meta-data .sl-count-text {
    display: none !important;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.blog_columns-2 .meta-data .views_text,
.blog_columns-2 .meta-data .sl-count-text {
    display: none !important;
}
}

@media (min-width: 768px) {
.blog_columns-3 .meta-data .views_text,
.blog_columns-3 .meta-data .sl-count-text,
.blog_columns-4 .meta-data .views_text,
.blog_columns-4 .meta-data .sl-count-text {
    display: none !important;
}
}

.post_categories {
display: block;
position: relative;
z-index: 1;
line-height: 28px;
margin-bottom: -10px;
}
.post_categories span {
display: inline-block;
position: relative;
line-height: inherit;
transition: 0.4s;
}
.post_categories span:not(:last-child):after {
content: "/";
display: inline-block;
margin: 0px 2px 0px 2px;
font-size: 1.2em;
line-height: 0;
transform: translateY(1px);
}
.post_categories a {
display: inline-block;
border: unset;
}
.post_categories a:hover {
color: var(--bili-primary-color);
}

.blog-post_text + .page-link,
.blog-post_text + .page-link + .clear + .button-read-more,
.blog-post_text + .clear + .button-read-more {
margin-bottom: 21px;
}
.blog-post_text .alignleft:last-child,
.blog-post_text .alignright:last-child {
margin-bottom: 10px;
}

.read-more-wrap {
clear: both;
line-height: 1;
}

.button-read-more {
display: inline-block;
position: relative;
z-index: 1;
font-size: 14px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
letter-spacing: 0.1em;
}
.button-read-more > * {
display: inline-block;
vertical-align: middle;
}
.button-read-more .read-more-icon {
line-height: 1;
position: relative;
font-size: 0.7em;
position: absolute;
right: 0;
top: 2px;
opacity: 0;
transform: translateX(10px);
pointer-events: none;
transition: 0.4s;
}
.button-read-more .read-more-icon:before {
vertical-align: sub;
}
.button-read-more:hover {
color: var(--bili-primary-color);
padding-right: 23px;
margin-left: -23px;
}
.button-read-more:hover .read-more-icon {
transform: translateX(0);
opacity: 1;
}

.tagcloud-wrapper .title_tags {
font-size: 15px;
margin-left: 18px;
}

.meta-data + .post_info-divider {
margin-top: 4px;
}

.blog-post_excerpt {
margin: 0 0 38px;
font-size: 20px;
line-height: 1.8;
font-weight: 400;
}
.blog-post_excerpt > p:last-child {
margin-bottom: 0;
}

.blog-post_wrapper {
position: relative;
transition: inherit;
}
.blog-post_wrapper .blog-post_media .bili_module_videobox img {
box-shadow: none;
}
.blog-post_wrapper .blog-post_media .bili_module_videobox .videobox_link {
border-color: transparent;
opacity: 0.9;
}
.blog-post_wrapper .blog-post_content .bili_module_videobox .videobox_wrapper_link:before {
display: none;
}
.blog-post_wrapper .blog-post_content .bili_module_videobox {
margin-bottom: 50px;
}

.row.sidebar_left .content-container {
float: left;
}

.container-grid.row > .wgl-carousel {
margin-right: 0;
margin-left: 0;
}
.container-grid.row > .wgl-carousel.navigation_offset_element {
padding-right: 40px;
padding-left: 40px;
overflow: hidden;
}
.container-grid.row > .wgl-carousel.navigation_offset_element > .swiper-container {
overflow: visible;
}
.container-grid.row > .wgl-carousel.navigation_offset_element .swiper-wrapper {
overflow: hidden;
}

.blog_subtitle {
font-size: 18px;
line-height: 1.4;
}

.attachment_media .meta-data {
margin-bottom: 10px;
font-weight: 600;
}
.attachment_media .meta-data > span {
position: relative;
padding-right: 23px;
}
.attachment_media .meta-data > span:first-child {
padding-right: 0;
}
.attachment_media .meta-data > span:first-child:before {
display: none;
}

.parallax-video {
position: absolute !important;
z-index: 2 !important;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

.jarallax {
position: relative;
z-index: 0;
}
.jarallax > .jarallax-img {
position: absolute;
z-index: -1;
top: 0;
right: 0;
width: 100%;
height: 100%;
font-family: "object-fit: cover;";
object-fit: cover;
}

.archive__heading {
margin-bottom: 45px;
text-align: center;
}
.archive__heading .archive__tax_description {
margin-top: 10px;
}
.archive__heading .archive__tax_title {
max-width: 530px;
display: inline-block;
}
.archive__heading .archive__tax_title, .archive__heading .archive__tax_title > span {
font-size: 36px;
line-height: 48px;
}

.archive .wgl_blog_list {
margin-bottom: 30px;
}

.blog_columns-2:not(.masonry) .item:nth-child(2n+1),
.blog_columns-3:not(.masonry) .wgl_col-4:nth-child(3n+1),
.blog_columns-4:not(.masonry) .wgl_col-3:nth-child(4n+1) {
clear: right;
}

@media (max-width: 1024px) {
.blog_columns-3:not(.masonry) .wgl_col-4:nth-child(3n+1) {
    clear: none;
}
.blog_columns-3:not(.masonry) .wgl_col-4:nth-child(3n+1) {
    clear: right;
}
.blog_columns-4:not(.masonry) .wgl_col-3:nth-child(4n+1) {
    clear: none;
}
.bili-post-navigation {
    margin-bottom: 0;
}
}
/* ==================== ##Comments ==================== */
.single.related_posts + .row #comments {
margin-top: 43px;
margin-bottom: 72px;
padding-top: 0;
}

#comments {
padding-top: 50px;
margin-bottom: 44px;
clear: both;
}
#comments:before {
content: "";
display: block;
clear: both;
}
#comments ul ul.children,
#comments ol ul.children {
margin: 0;
padding: 0;
list-style: none;
}
#comments #respond,
#comments ~ #review_form_wrapper #respond {
position: relative;
z-index: 1;
margin-top: 32px;
padding: 38px 50px 50px;
background: #232323;
overflow: hidden;
}
@media (max-width: 600px) {
#comments #respond,
#comments ~ #review_form_wrapper #respond {
    padding: 30px 30px 35px;
}
}
#comments > h4 {
position: relative;
z-index: 10;
}
#comments .comments-title {
font-size: 38px;
margin-bottom: 38px;
}
@media (max-width: 767px) {
#comments .comments-title {
    font-size: 26px;
}
}
#comments .comments-title .number-comments {
margin-left: 0.25em;
color: #a1a1a1;
font-size: inherit;
font-weight: inherit;
}
#comments .pingback .edit-link .comment-edit-link,
#comments .trackback .edit-link .comment-edit-link {
font-size: 0.75em;
color: #7e7676;
margin-right: 0.3133em;
}
#comments .pingback .edit-link .comment-edit-link:hover,
#comments .trackback .edit-link .comment-edit-link:hover {
color: #b9a9cd;
}
#comments .comment-notes {
margin-bottom: 13px;
}
#comments .comment-notes,
#comments .comment-form-cookies-consent {
font-size: 14px;
}
#comments .form-submit {
margin-bottom: 0;
clear: both;
}
#comments .form-submit input.submit {
min-width: 200px;
}
#comments .commentlist {
position: relative;
margin: 0;
padding: 0;
line-height: inherit;
list-style: none;
}
#comments .commentlist li.pingback,
#comments .commentlist li.trackback {
padding: 0;
}
#comments .commentlist li.pingback .comment-body,
#comments .commentlist li.trackback .comment-body {
display: inline;
}
#comments .commentlist li.pingback:before,
#comments .commentlist li.trackback:before {
display: none;
}
#comments .commentlist + * {
margin-top: 46px;
}
#comments .commentlist #respond {
margin: 0;
margin-bottom: 45px;
}
#comments .commentlist .comment {
padding: 0;
}
#comments .commentlist .comment:before, #comments .commentlist .comment:after {
display: none;
}
#comments .commentlist .comment .stand_comment {
min-height: 90px;
margin-bottom: 0;
padding: 0 110px 28px 0;
}
#comments .commentlist .comment .stand_comment .thiscommentbody {
position: relative;
z-index: 1;
min-height: 80px;
}
#comments .commentlist .comment .stand_comment .meta-data {
color: #888;
}
#comments .commentlist .comment .stand_comment .meta-data > span, #comments .commentlist .comment .stand_comment .meta-data > time {
line-height: inherit;
text-transform: unset;
}
#comments .commentlist .comment .commentava {
position: absolute;
z-index: 1;
top: 0;
right: -110px;
width: 80px;
height: 80px;
}
#comments .commentlist .comment .commentava img {
border-radius: 50%;
}
#comments .commentlist .comment.pingback .stand_comment {
padding-right: 0;
}
#comments .commentlist .comment .children .comment {
margin-right: 80px;
}
#comments .commentlist .comment .children .stand_comment {
padding-right: 110px;
}
#comments .commentlist .comment .children .stand_comment .commentava {
right: -110px;
}
#comments .commentlist > .comment > .children > .comment {
margin-right: 110px;
}
#comments .commentlist > .comment:last-child {
margin-bottom: -1px;
}
#comments .commentlist > .comment:last-child .stand_comment:last-child {
border-bottom: 0;
}
#comments .commentlist .comment_info {
display: block;
font-size: 18px;
line-height: 1;
font-weight: 500;
margin-bottom: 13px;
color: var(--bili-header-font-color);
}
#comments .commentlist .comment_info > * {
display: inline-block;
}
#comments .commentlist .comment_info > *:not(:last-child):after {
content: "/";
margin-right: 6px;
}
#comments .commentlist .comment_info .meta-data {
float: none;
margin-bottom: 0;
padding: 0;
background: none;
opacity: 1;
}
#comments .commentlist .comment_info .meta-data .comment-edit-link {
padding-right: 5px;
color: inherit;
}
#comments .commentlist .comment_info .meta-data .comment-edit-link:hover {
color: var(--bili-primary-color);
}
#comments .commentlist .comment_author_says {
line-height: 1;
}
#comments .commentlist .comment_author_says a, #comments .commentlist .comment_author_says span {
color: var(--bili-primary-color);
font-weight: inherit;
font-size: inherit;
transition: all 0.4s;
}
#comments .commentlist .comment_author_says a:hover, #comments .commentlist .comment_author_says span:hover {
color: var(--bili-secondary-color);
}
#comments .commentlist .comment_content {
margin-top: 0;
line-height: 30px;
font-size: 16px;
}
#comments .commentlist .comment_content > ul,
#comments .commentlist .comment_content > ol {
padding-bottom: 20px;
}
#comments .commentlist .comment_content p:last-child {
margin-bottom: 0;
}
#comments .comment-reply-link {
display: inline-block;
font-size: 14px;
line-height: 1;
font-weight: 700;
font-style: normal;
overflow: hidden;
transition: 0.3s;
z-index: 1;
color: var(--bili-primary-color);
margin-top: 19px;
position: relative;
letter-spacing: 0.1em;
}
#comments .comment-reply-link .flaticon {
line-height: 1;
position: relative;
font-size: 0.65em;
position: absolute;
right: 0;
top: 3px;
opacity: 0;
transform: translateX(10px) scale(0.5);
pointer-events: none;
transition: 0.4s;
}
#comments .comment-reply-link:hover {
padding-right: 20px;
margin-left: -20px;
}
#comments .comment-reply-link:hover .flaticon {
transform: translateX(-1px) scale(1);
opacity: 1;
}
#comments #cancel-comment-reply-link {
text-transform: capitalize;
opacity: 0.8;
}
#comments small #cancel-comment-reply-link {
font-size: 18px;
margin-right: 10px;
}
#comments ol.commentlist > li.comment:first-child {
margin-top: -8px;
}
#comments ol.commentlist > li.trackback:first-child, #comments ol.commentlist > li.pingback:first-child {
margin-top: 26px;
}
#comments button.submit {
position: relative;
z-index: 1;
background: transparent;
}
#comments button.submit:before {
content: "";
position: absolute;
z-index: -1;
top: 0px;
right: 0px;
width: 60px;
height: 60px;
border-radius: 50% 50% 50% 50%;
background-color: var(--bili-primary-color);
display: block;
transition: 0.4s;
}
#comments button.submit:hover {
background: transparent;
}
#comments button.submit:hover:before {
width: 100%;
height: 100%;
border-radius: 32px 32px 32px 32px;
}

body .comment-respond .comment-reply-title {
font-size: 30px;
}
@media (max-width: 767px) {
body .comment-respond .comment-reply-title {
    font-size: 26px;
}
}
body .comment-respond .comment-form {
margin-right: -15px;
margin-left: -15px;
}
body .comment-respond .comment-form [class*=wgl_col-],
body .comment-respond .comment-form > p {
position: relative;
padding-right: 15px;
padding-left: 15px;
}
body .comment-respond .comment-form [class*=wgl_col-] + .form-submit {
padding-top: 18px;
}
body .comment-respond .comment-form .logged-in-as {
margin-bottom: 13px;
font-size: 14px;
}
body .comment-respond label {
position: relative;
margin: 0;
}
body .comment-respond .form_field {
width: 100%;
}
body .comment-respond textarea.form_field {
resize: none;
}
body .comment-respond#respond .form-submit .wgl-button {
pointer-events: none;
border-style: solid;
}
body .comment-respond#respond .form-submit .wgl-button input.submit,
body .comment-respond#respond .form-submit .wgl-button input#submit {
position: relative;
pointer-events: auto;
color: inherit;
z-index: 4;
}
body .comment-respond#respond .form-submit .wgl-button:hover {
color: #ffffff;
}

body .comment-form-cookies-consent {
padding-top: 5px;
clear: both;
padding-bottom: 10px;
}
body .comment-form-cookies-consent > input,
body .comment-form-cookies-consent > label,
body .comment-form-cookies-consent > span {
display: inline-block;
}
body .comment-form-cookies-consent > input {
margin-left: 7px;
}
body .comment-form-cookies-consent > input[type=checkbox] + label {
display: inline;
}

.wp-block-latest-comments > li {
padding-right: 0;
}

.blog-post_content ol.wp-block-latest-comments.has-avatars {
margin-right: 0;
padding-right: 0;
list-style: none;
}
.blog-post_content ol.wp-block-latest-comments.has-avatars li:before {
display: none;
}
.blog-post_content ol.wp-block-latest-comments:not(.has-excerpts):not(.has-avatars) li article {
display: inline-block;
}

/* ==================== ##Contact Form ==================== */
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7 form .wpcf7-response-output {
margin: 20px 0 5px 0;
}
.wpcf7 input[type=text],
.wpcf7 input[type=url],
.wpcf7 input[type=search],
.wpcf7 input[type=email],
.wpcf7 input[type=password],
.wpcf7 input[type=tel],
.wpcf7 input[type=time],
.wpcf7 select,
.wpcf7 textarea {
width: 100%;
}
.wpcf7 .ajax-loader {
display: none !important;
}
.wpcf7-not-valid {
border-color: #ff0000;
}
.wpcf7 input + .wpcf7-not-valid-tip, .wpcf7 textarea + .wpcf7-not-valid-tip, .wpcf7 select + .wpcf7-not-valid-tip {
margin-top: -10px;
}
.wpcf7 .form-icon {
position: absolute;
z-index: 1;
top: 9px;
left: 35px;
font-size: 14px;
color: #bababa;
}
.wpcf7 .wpcf7-spinner {
display: none;
}
.wpcf7 .wpcf7-submit {
padding: 6px 40px;
}
.wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item,
.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item,
.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {
display: flex;
align-items: center;
}
.wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item input,
.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input,
.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input {
width: auto;
height: auto;
}
.wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item input + .wpcf7-list-item-label,
.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input + .wpcf7-list-item-label,
.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input + .wpcf7-list-item-label {
padding-right: 0.5em;
display: inline-block;
}
.wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label,
.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label,
.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item label {
display: flex;
align-items: center;
}
.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input[type=radio] {
-webkit-appearance: radio;
appearance: radio;
}
.wpcf7 .row {
margin-right: -15px;
margin-left: -15px;
}
.wpcf7 .row [class*=wgl_col-] {
padding-left: 15px;
padding-right: 15px;
}
.wpcf7 .row.coming-soon .wpcf7-form-control-wrap {
display: inline-block;
vertical-align: top;
}
@media (min-width: 600px) {
.wpcf7 .row.coming-soon .wpcf7-form-control-wrap {
    margin-left: 20px;
}
}
.wpcf7 .row.coming-soon .wpcf7-form-control-wrap + br {
display: none;
}
.wpcf7 .row.coming-soon input[type=submit] {
padding: 6px 32px;
min-width: 135px;
}
.wpcf7 .row.coming-soon + .wpcf7-mail-sent-ok {
margin-top: -15px;
}
.wpcf7 .row.home-4 input[type=submit], .wpcf7 .row.services input[type=submit] {
min-width: 150px;
}
.wpcf7 .row.home-1 input[type=text],
.wpcf7 .row.home-1 input[type=url],
.wpcf7 .row.home-1 input[type=search],
.wpcf7 .row.home-1 input[type=email],
.wpcf7 .row.home-1 input[type=password],
.wpcf7 .row.home-1 input[type=tel],
.wpcf7 .row.home-1 input[type=time],
.wpcf7 .row.home-1 select, .wpcf7 .row.home-4 input[type=text],
.wpcf7 .row.home-4 input[type=url],
.wpcf7 .row.home-4 input[type=search],
.wpcf7 .row.home-4 input[type=email],
.wpcf7 .row.home-4 input[type=password],
.wpcf7 .row.home-4 input[type=tel],
.wpcf7 .row.home-4 input[type=time],
.wpcf7 .row.home-4 select, .wpcf7 .row.coming-soon input[type=text],
.wpcf7 .row.coming-soon input[type=url],
.wpcf7 .row.coming-soon input[type=search],
.wpcf7 .row.coming-soon input[type=email],
.wpcf7 .row.coming-soon input[type=password],
.wpcf7 .row.coming-soon input[type=tel],
.wpcf7 .row.coming-soon input[type=time],
.wpcf7 .row.coming-soon select, .wpcf7 .row.services input[type=text],
.wpcf7 .row.services input[type=url],
.wpcf7 .row.services input[type=search],
.wpcf7 .row.services input[type=email],
.wpcf7 .row.services input[type=password],
.wpcf7 .row.services input[type=tel],
.wpcf7 .row.services input[type=time],
.wpcf7 .row.services select, .wpcf7 .row.faq input[type=text],
.wpcf7 .row.faq input[type=url],
.wpcf7 .row.faq input[type=search],
.wpcf7 .row.faq input[type=email],
.wpcf7 .row.faq input[type=password],
.wpcf7 .row.faq input[type=tel],
.wpcf7 .row.faq input[type=time],
.wpcf7 .row.faq select {
border: unset;
height: 56px;
box-shadow: 0 15px 38px 0 rgba(46, 63, 38, 0.15);
}
.wpcf7 .row.home-1 textarea, .wpcf7 .row.home-4 textarea, .wpcf7 .row.coming-soon textarea, .wpcf7 .row.services textarea, .wpcf7 .row.faq textarea {
border: unset;
}
.wpcf7 .row.home-1 .label-mail:before, .wpcf7 .row.home-1 .label-name:before, .wpcf7 .row.home-1 .label-url:before, .wpcf7 .row.home-1 .label-textarea:before, .wpcf7 .row.home-4 .label-mail:before, .wpcf7 .row.home-4 .label-name:before, .wpcf7 .row.home-4 .label-url:before, .wpcf7 .row.home-4 .label-textarea:before, .wpcf7 .row.coming-soon .label-mail:before, .wpcf7 .row.coming-soon .label-name:before, .wpcf7 .row.coming-soon .label-url:before, .wpcf7 .row.coming-soon .label-textarea:before, .wpcf7 .row.services .label-mail:before, .wpcf7 .row.services .label-name:before, .wpcf7 .row.services .label-url:before, .wpcf7 .row.services .label-textarea:before, .wpcf7 .row.faq .label-mail:before, .wpcf7 .row.faq .label-name:before, .wpcf7 .row.faq .label-url:before, .wpcf7 .row.faq .label-textarea:before {
height: 56px;
line-height: 56px;
}
.wpcf7 .row.home-1 input[type=submit], .wpcf7 .row.home-4 input[type=submit], .wpcf7 .row.coming-soon input[type=submit], .wpcf7 .row.services input[type=submit], .wpcf7 .row.faq input[type=submit] {
height: 56px;
}
.wpcf7 .wpcf7-list-item {
margin: 0;
}
.wpcf7 .wgl-button.has-animated-bg {
background: transparent;
padding: 0 30px;
margin-top: 16px;
}
.wpcf7 .wgl-button.has-animated-bg:before {
position: absolute;
z-index: -1;
content: "";
top: 0px;
right: 0px;
width: 60px;
height: 60px;
border-radius: 50% 50% 50% 50%;
background-color: var(--bili-button-bg-idle);
transition: 0.4s;
}
.wpcf7 .wgl-button.has-animated-bg:hover:before {
width: 100%;
height: 100%;
border-radius: 32px 32px 32px 32px;
}
.wpcf7 .wgl-button.has-animated-bg .wpcf7-submit {
background: transparent !important;
padding: 0;
}
.wpcf7 .wgl-button.has-animated-bg .wpcf7-submit:hover {
background: transparent !important;
}
.wpcf7 .wgl-button.has-animated-bg .wpcf7-spinner {
display: none;
}

.wpb_text_column .wpcf7 .wpcf7-form-control-wrap {
display: block;
margin-bottom: 20px;
}

.sign_up {
display: flex;
justify-content: center;
margin-left: -20px;
}
.sign_up input[type=submit] {
margin-right: 20px;
height: 56px;
}
.sign_up input[type=email] {
width: 350px;
}
.sign_up .ajax-loader {
display: none;
}

.wgl-filter_wrapper {
pointer-events: none;
}

.isotope-filter {
--wgl-filtet-categories-gap: 26px;
}
.isotope-filter:not(.swiper-container-initialized) {
display: flex;
align-items: flex-end;
max-width: 100%;
overflow: hidden;
margin-bottom: 2px;
}
.isotope-filter:not(.swiper-container-initialized).filter-left {
margin-left: auto;
text-align: right;
}
.isotope-filter:not(.swiper-container-initialized).filter-center {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.isotope-filter:not(.swiper-container-initialized).filter-right {
margin-right: auto;
text-align: left;
}
.isotope-filter.filter-left .swiper-wrapper {
justify-content: flex-start;
}
.isotope-filter.filter-center .swiper-wrapper {
justify-content: center;
}
.isotope-filter.filter-right .swiper-wrapper {
justify-content: flex-end;
}
.isotope-filter.max_width_enabled {
overflow: hidden;
}
@media (max-width: 767px) {
.isotope-filter {
    --wgl-filtet-categories-gap: 16px;
}
}
.isotope-filter .wgl-filter_swiper_wrapper {
width: calc(100% + var(--wgl-filtet-categories-gap));
margin: 0 calc(-0.5 * var(--wgl-filtet-categories-gap));
}
.isotope-filter .swiper-wrapper {
min-width: max-content;
width: auto;
}
.isotope-filter .swiper-slide {
display: inline-block;
width: -moz-fit-content;
width: fit-content;
pointer-events: all;
}
.isotope-filter.wgl-filter_wrapper a {
display: inline-block;
position: relative;
padding: 8px 0 8px 18px;
margin: 0 calc(0.5 * var(--wgl-filtet-categories-gap));
border-radius: unset;
font-size: 14px;
line-height: 1;
font-weight: 700;
transition: 0.4s;
color: var(--bili-secondary-color);
letter-spacing: 0.1em;
text-transform: uppercase;
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
text-underline-offset: 0.15em;
}
.isotope-filter.wgl-filter_wrapper a.active {
color: var(--bili-primary-color);
text-decoration: underline;
}
.isotope-filter.wgl-filter_wrapper a .filter_counter, .isotope-filter.wgl-filter_wrapper a.empty {
display: none;
}
.isotope-filter.wgl-filter_wrapper a:not(.active):hover {
color: var(--bili-primary-color);
}
.isotope-filter.has_filter_counter .filter_counter {
display: block !important;
position: absolute;
z-index: 1;
top: -2px;
left: 0;
text-align: center;
line-height: 1;
font-size: 11px;
font-weight: 700;
color: inherit;
transition: transform 0.5s ease;
}

.isotope-item {
z-index: 2;
}

.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}

.isotope,
.isotope .isotope-item {
transition-duration: 0.8s;
}

.isotope {
transition-property: height, width;
}

.isotope .isotope-item {
transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
transition-duration: 0s;
}

/* ==================== ##Likes ==================== */
.wgl-likes {
display: inline-block;
flex-shrink: 0;
}
.wgl-likes .sl-button {
color: inherit;
cursor: pointer;
transition: 0.4s;
display: inline-block;
}
.wgl-likes .sl-button .sl-icon {
display: inline-block;
position: relative;
z-index: 1;
text-align: center;
transform: translateY(0);
}
.wgl-likes .sl-button .sl-icon:before {
color: inherit;
transition: 0s;
display: inline-block;
vertical-align: middle;
}
.wgl-likes .sl-button .sl-icon.liked {
color: var(--bili-primary-color);
}
.wgl-likes .sl-count {
display: inline-block;
transition: inherit;
margin-right: 10px;
}

/* ==================== ##Lists Style ==================== */
body ul,
body ol {
margin-right: 0;
padding-right: 1.1em;
}
body ul li,
body ol li {
position: relative;
z-index: 1;
margin-bottom: 11px;
}
body ul > li:last-child,
body ol > li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
body ol {
list-style: none;
padding-right: 0.9em;
}

ol li,
ul[class*=bili_] li {
--bili-list-icon-color: currentColor;
}
ol li::before,
ul[class*=bili_] li::before {
color: var(--bili-list-icon-color);
}
ol.list_primary_color li,
ul[class*=bili_].list_primary_color li {
--bili-list-icon-color: var(--bili-primary-color);
}
ol.list_secondary_color li,
ul[class*=bili_].list_secondary_color li {
--bili-list-icon-color: var(--bili-secondary-color);
}
ol.list_tertiary_color li,
ul[class*=bili_].list_tertiary_color li {
--bili-list-icon-color: var(--bili-tertiary-color);
}
ol.list_heading_color li,
ul[class*=bili_].list_heading_color li {
--bili-list-icon-color: var(--bili-header-font-color);
}
ol .bili_disabled_item, ol .bili_disabled_item::before, ol .bili_disabled_item::after,
ol .bili_disabled_item span, ol .bili_disabled_item div, ol .bili_disabled_item b, ol .bili_disabled_item strong, ol .bili_disabled_item i,
ul[class*=bili_] .bili_disabled_item,
ul[class*=bili_] .bili_disabled_item::before,
ul[class*=bili_] .bili_disabled_item::after,
ul[class*=bili_] .bili_disabled_item span,
ul[class*=bili_] .bili_disabled_item div,
ul[class*=bili_] .bili_disabled_item b,
ul[class*=bili_] .bili_disabled_item strong,
ul[class*=bili_] .bili_disabled_item i {
color: #858585;
--bili-list-icon-color: currentColor;
}
ol .bili_disabled_item:before, ol .bili_disabled_item:after,
ul[class*=bili_] .bili_disabled_item:before,
ul[class*=bili_] .bili_disabled_item:after {
opacity: 0.7;
}

ul[class*=bili_] {
margin-right: 0;
padding-right: 0;
}
ul[class*=bili_] li {
list-style: none;
--bili-list-padding: calc(1em + 6px);
padding-right: var(--bili-list-padding);
}
ul[class*=bili_] li:before {
content: "";
position: absolute;
z-index: 1;
border-radius: unset;
font-family: "Font Awesome 5 Free";
font-weight: 600;
box-sizing: border-box;
}
ul[class*=bili_].icon_right li {
padding-right: 0;
padding-left: var(--bili-list-padding);
}
ul[class*=bili_].icon_right li::before {
right: unset;
left: 0;
}
ul.bili_dot li:before {
top: 0.7em;
right: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--bili-list-icon-color);
}
ul.bili_hyphen li {
--bili-list-padding: calc(1em + 8px);
}
ul.bili_hyphen li:before {
content: "\f068";
top: 0.4em;
right: 0;
font-size: 0.7em;
}
ul.bili_plus li {
--bili-list-padding: calc(1em + 8px);
}
ul.bili_plus li:before {
content: "\f067";
top: 0.4em;
right: 0;
font-size: 0.7em;
}
ul.bili_line li {
--bili-list-padding: calc(1em + 12px);
}
ul.bili_line li:before {
top: 0.9em;
right: 0;
width: calc(1em - 2px);
height: 2px;
background-color: var(--bili-list-icon-color);
}
ul.bili_circle li {
--bili-list-padding: calc(1em + 5px);
}
ul.bili_circle li:before {
top: 0.8em;
right: 0;
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid var(--bili-list-icon-color);
background-color: transparent;
}
ul.bili_rhombus li {
--bili-list-padding: calc(1em + 8px);
}
ul.bili_rhombus li:before {
top: 0.8em;
right: 3px;
width: 5px;
height: 5px;
transform: rotate(-45deg);
background: var(--bili-list-icon-color);
}
ul.bili_check li {
--bili-list-padding: calc(1em + 10px);
}
ul.bili_check li:before {
content: "\f110";
font-family: flaticon;
top: 0.5em;
right: 0;
font-size: 15px;
font-weight: normal;
line-height: 1;
background: transparent;
}
ul.bili_arrow li {
--bili-list-padding: calc(1em + 8px);
}
ul.bili_arrow li:before {
content: "\f101";
font-family: flaticon;
top: 0.6em;
right: 0;
font-size: 0.8334em;
line-height: 1;
background: transparent;
}
ul.bili_star li {
--bili-list-padding: calc(1em + 8px);
}
ul.bili_star li:before {
content: "*";
font-family: var(--bili-header-font-family);
top: 0.15em;
right: 0;
font-size: 1.5em;
font-weight: 700;
line-height: 1.25;
background: transparent;
}
ul.no-list-style {
padding: 0;
}
ul.no-list-style li {
padding: 0;
list-style: none;
}
ul.no-list-style li::before {
display: none;
}

body ol {
counter-reset: li;
}
body ol[start="1"] {
counter-reset: li 0;
}
body ol[start="2"] {
counter-reset: li 1;
}
body ol[start="3"] {
counter-reset: li 2;
}
body ol[start="4"] {
counter-reset: li 3;
}
body ol[start="5"] {
counter-reset: li 4;
}
body ol[start="6"] {
counter-reset: li 5;
}
body ol[start="7"] {
counter-reset: li 6;
}
body ol[start="8"] {
counter-reset: li 7;
}
body ol[start="9"] {
counter-reset: li 8;
}
body ol[start="10"] {
counter-reset: li 9;
}
body ol[start="11"] {
counter-reset: li 10;
}
body ol[start="12"] {
counter-reset: li 11;
}
body ol[start="13"] {
counter-reset: li 12;
}
body ol[start="14"] {
counter-reset: li 13;
}
body ol[start="15"] {
counter-reset: li 14;
}
body ol[start="16"] {
counter-reset: li 15;
}
body ol[start="17"] {
counter-reset: li 16;
}
body ol[start="18"] {
counter-reset: li 17;
}
body ol[start="19"] {
counter-reset: li 18;
}
body ol[start="20"] {
counter-reset: li 19;
}
body ol[start="21"] {
counter-reset: li 20;
}
body ol[start="22"] {
counter-reset: li 21;
}
body ol[start="23"] {
counter-reset: li 22;
}
body ol[start="24"] {
counter-reset: li 23;
}
body ol[start="25"] {
counter-reset: li 24;
}
body ol[start="26"] {
counter-reset: li 25;
}
body ol[start="27"] {
counter-reset: li 26;
}
body ol[start="28"] {
counter-reset: li 27;
}
body ol[start="29"] {
counter-reset: li 28;
}
body ol[start="30"] {
counter-reset: li 29;
}
body ol > li {
position: relative;
counter-increment: li;
}
body ol > li:before {
content: "." counter(li);
display: inline-block;
position: static;
width: auto;
height: auto;
margin-right: -0.9em;
margin-left: calc(0.25em + 6px);
line-height: inherit;
font-weight: 500;
direction: ltr;
}

body ul ol > li:before {
top: 0;
background-color: transparent !important;
}

body li ul {
margin-top: 10px;
margin-bottom: 10px;
}
body li ol {
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 0;
}

/* ==================== ##Load More ==================== */
.load_more_wrapper {
position: relative;
z-index: 1;
text-align: center;
margin-top: 60px;
}
.load_more_wrapper .button_wrapper {
display: inline-block;
position: relative;
}
.load_more_wrapper .load_more_item {
position: relative;
height: auto;
padding: 23px 29px;
white-space: nowrap;
transition: 0.4s;
font-weight: 700;
font-size: 14px;
border-radius: 0;
color: var(--bili-button-color-idle);
background: transparent;
letter-spacing: 0.1em;
}
.load_more_wrapper .load_more_item:before {
content: "\f2f1";
display: inline-block;
position: absolute;
z-index: 99;
top: 50%;
right: 50%;
margin: -10px -8px 0 0;
font-family: "Font Awesome 5 Free";
font-weight: 700;
line-height: 1;
font-size: 19px;
color: #fff;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: 0;
transition: all 0.4s, color 0s;
animation: rotating 2s linear infinite;
}
.load_more_wrapper .load_more_item:after {
content: "";
top: 0px;
right: 0px;
width: 60px;
height: 60px;
border-radius: 50% 50% 50% 50%;
background-color: var(--bili-button-bg-hover);
}
.load_more_wrapper .load_more_item .load_more__icon {
line-height: 0;
margin-right: 8px;
}
.load_more_wrapper .load_more_item .flaticon-right {
font-size: 20px;
margin-bottom: -2px;
display: inline-block;
margin-top: -2px;
}
.load_more_wrapper .load_more_item span {
position: relative;
z-index: 2;
transition: opacity 0.3s 0.3s;
}
.load_more_wrapper .load_more_item.loading:before {
color: inherit;
opacity: 1;
transition: all 0.4s 0.2s, color 0s;
}
.load_more_wrapper .load_more_item.loading span {
opacity: 0;
transition: opacity 0.3s 0s;
}
.load_more_wrapper .load_more_item.full_width_btn .load_more_item {
width: 100%;
}
.load_more_wrapper .load_more_item:focus, .load_more_wrapper .load_more_item:active, .load_more_wrapper .load_more_item:hover {
background: transparent;
}
.load_more_wrapper .load_more_item:focus:after, .load_more_wrapper .load_more_item:active:after, .load_more_wrapper .load_more_item:hover:after {
width: 100%;
height: 100%;
border-radius: 32px 32px 32px 32px;
}
.load_more_wrapper .load_more_item:focus:before, .load_more_wrapper .load_more_item:active:before, .load_more_wrapper .load_more_item:hover:before {
animation-play-state: running;
}
@keyframes rotating {
0% {
    transform: rotate(0turn);
}
100% {
    transform: rotate(-1turn);
}
}

/* ==================== ##Pagination ==================== */
.wgl-pagination {
margin: -5px;
padding: 0 0 35px;
list-style: none;
clear: both;
}
.wgl-pagination .page,
.wgl-pagination .post-page-numbers {
display: inline-block;
margin: 5px;
line-height: 1;
}
.wgl-pagination .page .page-numbers,
.wgl-pagination .page .post-page-link,
.wgl-pagination .post-page-numbers .page-numbers,
.wgl-pagination .post-page-numbers .post-page-link {
display: inline-block;
position: relative;
z-index: 1;
height: 60px;
min-width: 60px;
padding: 0 5px;
font-size: 20px;
line-height: 58px;
font-weight: 700;
text-align: center;
vertical-align: middle;
transition: 0.4s;
background: #232323;
color: var(--bili-secondary-color);
border: 1px solid #232323;
border-radius: 50px;
}
.wgl-pagination .page .page-numbers i,
.wgl-pagination .page .post-page-link i,
.wgl-pagination .post-page-numbers .page-numbers i,
.wgl-pagination .post-page-numbers .post-page-link i {
font-style: normal;
display: inline-block;
vertical-align: middle;
transition: all 0.4s, color 0s;
font-size: 20px;
font-weight: 700;
}
.wgl-pagination .page .page-numbers:hover,
.wgl-pagination .page .post-page-link:hover,
.wgl-pagination .post-page-numbers .page-numbers:hover,
.wgl-pagination .post-page-numbers .post-page-link:hover {
border-color: rgba(var(--bili-secondary-rgb), 0.3);
background: transparent;
}
.wgl-pagination .page .page-numbers.next i,
.wgl-pagination .page .post-page-link.next i,
.wgl-pagination .post-page-numbers .page-numbers.next i,
.wgl-pagination .post-page-numbers .post-page-link.next i {
transform: scaleX(-1);
}
.wgl-pagination .page .page-numbers.current,
.wgl-pagination .page .post-page-link.current,
.wgl-pagination .post-page-numbers .page-numbers.current,
.wgl-pagination .post-page-numbers .post-page-link.current {
pointer-events: none;
border-color: rgba(var(--bili-secondary-rgb), 0.3);
background: transparent;
}
.wgl-pagination .page .page-numbers.dots,
.wgl-pagination .page .post-page-link.dots,
.wgl-pagination .post-page-numbers .page-numbers.dots,
.wgl-pagination .post-page-numbers .post-page-link.dots {
pointer-events: none;
}
.wgl-pagination .page.current span.page-link,
.wgl-pagination .post-page-numbers.current span.page-link {
border-color: var(--bili-secondary-color);
}
.wgl-pagination .page.current,
.wgl-pagination .page span.current,
.wgl-pagination .post-page-numbers.current,
.wgl-pagination .post-page-numbers span.current {
-webkit-user-select: none;
user-select: none;
cursor: default;
}
.wgl-pagination .page-numbers.dots,
.wgl-pagination .post-page-numbers.dots {
-webkit-user-select: none;
user-select: none;
cursor: default;
}
.wgl-pagination .page-numbers.dots:after, .wgl-pagination .page-numbers.next:after, .wgl-pagination .page-numbers.prev:after,
.wgl-pagination .post-page-numbers.dots:after,
.wgl-pagination .post-page-numbers.next:after,
.wgl-pagination .post-page-numbers.prev:after {
display: none;
}

.blog-post_content .wgl-pagination {
padding-bottom: 0;
margin-bottom: 10px;
font-size: 0;
}
.blog-post_content .wgl-pagination .page:not(:last-child),
.blog-post_content .wgl-pagination .post-page-numbers:not(:last-child) {
margin-left: 7px;
}
.blog-post_content .wgl-pagination .post-page-link {
min-width: 30px;
height: 30px;
font-size: 14px;
line-height: 28px;
padding: 0 5px;
margin: 25px 0 0 0;
}

/* ==================== ##Revolution Slider ==================== */
.wgl-container rs-module [class*="fab fa-"],
.wgl-container .rb-modal-wrapper [class*="fab fa-"],
.wgl-container #rs_overview [class*="fab fa-"],
.wgl-container #objectlibrary [class*="fab fa-"],
.wgl-container #waitaminute [class*="fab fa-"],
.wgl-container #rs_overview_menu [class*="fab fa-"],
.wgl-container #builderView [class*="fab fa-"] {
font-weight: 400;
font-family: "Font Awesome 5 Brands";
}
.wgl-container rs-module [class*="fab fa-"]:before,
.wgl-container .rb-modal-wrapper [class*="fab fa-"]:before,
.wgl-container #rs_overview [class*="fab fa-"]:before,
.wgl-container #objectlibrary [class*="fab fa-"]:before,
.wgl-container #waitaminute [class*="fab fa-"]:before,
.wgl-container #rs_overview_menu [class*="fab fa-"]:before,
.wgl-container #builderView [class*="fab fa-"]:before {
font-family: "Font Awesome 5 Brands";
font-weight: inherit;
}
.wgl-container rs-module [class*="far fa-"],
.wgl-container rs-module [class*="fal fa-"],
.wgl-container rs-module [class*="fas fa-"],
.wgl-container .rb-modal-wrapper [class*="far fa-"],
.wgl-container .rb-modal-wrapper [class*="fal fa-"],
.wgl-container .rb-modal-wrapper [class*="fas fa-"],
.wgl-container #rs_overview [class*="far fa-"],
.wgl-container #rs_overview [class*="fal fa-"],
.wgl-container #rs_overview [class*="fas fa-"],
.wgl-container #objectlibrary [class*="far fa-"],
.wgl-container #objectlibrary [class*="fal fa-"],
.wgl-container #objectlibrary [class*="fas fa-"],
.wgl-container #waitaminute [class*="far fa-"],
.wgl-container #waitaminute [class*="fal fa-"],
.wgl-container #waitaminute [class*="fas fa-"],
.wgl-container #rs_overview_menu [class*="far fa-"],
.wgl-container #rs_overview_menu [class*="fal fa-"],
.wgl-container #rs_overview_menu [class*="fas fa-"],
.wgl-container #builderView [class*="far fa-"],
.wgl-container #builderView [class*="fal fa-"],
.wgl-container #builderView [class*="fas fa-"] {
font-family: "Font Awesome 5 Free";
font-weight: 400;
}
.wgl-container rs-module [class*="far fa-"]:before,
.wgl-container rs-module [class*="fal fa-"]:before,
.wgl-container rs-module [class*="fas fa-"]:before,
.wgl-container .rb-modal-wrapper [class*="far fa-"]:before,
.wgl-container .rb-modal-wrapper [class*="fal fa-"]:before,
.wgl-container .rb-modal-wrapper [class*="fas fa-"]:before,
.wgl-container #rs_overview [class*="far fa-"]:before,
.wgl-container #rs_overview [class*="fal fa-"]:before,
.wgl-container #rs_overview [class*="fas fa-"]:before,
.wgl-container #objectlibrary [class*="far fa-"]:before,
.wgl-container #objectlibrary [class*="fal fa-"]:before,
.wgl-container #objectlibrary [class*="fas fa-"]:before,
.wgl-container #waitaminute [class*="far fa-"]:before,
.wgl-container #waitaminute [class*="fal fa-"]:before,
.wgl-container #waitaminute [class*="fas fa-"]:before,
.wgl-container #rs_overview_menu [class*="far fa-"]:before,
.wgl-container #rs_overview_menu [class*="fal fa-"]:before,
.wgl-container #rs_overview_menu [class*="fas fa-"]:before,
.wgl-container #builderView [class*="far fa-"]:before,
.wgl-container #builderView [class*="fal fa-"]:before,
.wgl-container #builderView [class*="fas fa-"]:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.wgl-container rs-module [class*="far fa-"],
.wgl-container .rb-modal-wrapper [class*="far fa-"],
.wgl-container #rs_overview [class*="far fa-"],
.wgl-container #objectlibrary [class*="far fa-"],
.wgl-container #waitaminute [class*="far fa-"],
.wgl-container #rs_overview_menu [class*="far fa-"],
.wgl-container #builderView [class*="far fa-"] {
font-weight: 900;
}
.wgl-container rs-module [class*="far fa-"]:before,
.wgl-container .rb-modal-wrapper [class*="far fa-"]:before,
.wgl-container #rs_overview [class*="far fa-"]:before,
.wgl-container #objectlibrary [class*="far fa-"]:before,
.wgl-container #waitaminute [class*="far fa-"]:before,
.wgl-container #rs_overview_menu [class*="far fa-"]:before,
.wgl-container #builderView [class*="far fa-"]:before {
font-weight: 900;
}
.wgl-container .rs-layer.wgl-button,
.wgl-container .rev_slider_button {
transition: all 0.4s;
}

/* ==================== ##Shares Style ==================== */
.elementor-social-icon-instagram.elementor-icon {
background-color: #c52ea7;
}

.blog-post_wrapper .share_post-container {
display: inline-block;
position: relative;
z-index: 1;
-webkit-user-select: none;
user-select: none;
padding: 0;
margin: 0;
cursor: pointer;
}
.blog-post_wrapper .share_post-container:hover .share_social-wpapper,
.blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li {
opacity: 1;
visibility: visible;
}
.blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(1) {
transition-delay: 0s;
}
.blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(2) {
transition-delay: 0.08s;
}
.blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(3) {
transition-delay: 0.16s;
}
.blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(4) {
transition-delay: 0.24s;
}
.blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(5) {
transition-delay: 0.32s;
}
.blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(6) {
transition-delay: 0.4s;
}
.blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(7) {
transition-delay: 0.48s;
}
.blog-post_wrapper .share_post-container:hover > a:after {
transform: scale(0.2);
}
.blog-post_wrapper .share_post-container:after {
content: "";
z-index: 1;
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: calc(100% + 12px);
}
.blog-post_wrapper .share_post-container .share_post {
display: block;
}
.blog-post_wrapper .share_post-container span {
display: block;
line-height: inherit;
border-radius: 50%;
transition: all 0.45s;
}
.blog-post_wrapper .share_post-container > i {
display: inline-block;
position: relative;
z-index: 1;
text-align: center;
transition: color 0.3s;
}
.blog-post_wrapper .share_post-container .share_reddit .fab {
background-color: #FF5700;
}
.blog-post_wrapper .share_post-container .share_twitter .fab {
background-color: #1b82c4;
}
.blog-post_wrapper .share_post-container .share_facebook .fab {
background-color: #354cd9;
}
.blog-post_wrapper .share_post-container .share_linkedin .fab {
background-color: #007bb5;
}
.blog-post_wrapper .share_post-container .share_whatsapp .fab {
background-color: #25d366;
}
.blog-post_wrapper .share_post-container .share_telegram .fab {
background-color: #0088cc;
}
.blog-post_wrapper .share_post-container .share_pinterest .fab {
background-color: #ff1226;
}
.blog-post_wrapper .share_post-container .share_social-wpapper {
display: block;
position: absolute;
left: -8px;
bottom: calc(100% + 8px);
min-width: unset;
z-index: 2;
box-shadow: none;
margin: 0;
padding: 2px;
font-size: 0;
line-height: 0;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
background: var(--bili-primary-color);
}
.blog-post_wrapper .share_post-container .share_social-wpapper:after {
content: "";
position: absolute;
pointer-events: none;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5.5px 0 5.5px;
border-color: currentColor transparent transparent transparent;
left: 10px;
bottom: -5px;
color: var(--bili-primary-color);
}
.blog-post_wrapper .share_post-container .share_social-wpapper a.share_link {
text-align: center;
padding: 0;
display: inline-block;
vertical-align: top;
transition: 0.4s;
opacity: 1;
background: unset !important;
visibility: hidden;
pointer-events: all;
margin: 0;
border-radius: unset;
}
.blog-post_wrapper .share_post-container .share_social-wpapper a.share_link:first-of-type {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.blog-post_wrapper .share_post-container .share_social-wpapper a.share_link:last-of-type {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.blog-post_wrapper .share_post-container .share_social-wpapper a.share_link:before {
display: none;
}
.blog-post_wrapper .share_post-container .share_social-wpapper a.share_link span {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 11px;
border-radius: inherit;
background-color: transparent;
font-weight: normal;
color: #ffffff;
}
.blog-post_wrapper .share_post-container .share_social-wpapper a.share_link:hover span {
background-color: rgba(255, 255, 255, 0.13);
}
.blog-post_wrapper .share_post-container:hover .share_social-wpapper a.share_link {
visibility: visible;
}

.share_social-wpapper {
display: flex;
justify-content: flex-end;
}
.share_social-wpapper:not(:last-child) {
margin-left: 10px;
}
.share_social-wpapper .share_facebook > span {
color: #354cd9;
}
.share_social-wpapper .share_twitter > span {
color: #1b82c4;
}
.share_social-wpapper .share_pinterest > span {
color: #ff1226;
}
.share_social-wpapper .share_linkedin > span {
color: #007bb5;
}
.share_social-wpapper .share_whatsapp > span {
color: #25d366;
}
.share_social-wpapper .share_reddit > span {
color: #FF5700;
}
.share_social-wpapper .share_telegram > span {
color: #0088cc;
}
.share_social-wpapper .share_link:hover[class*=share] > span {
color: #ffffff;
}
.share_social-wpapper .share_link:hover.share_facebook > span {
background-color: #354cd9;
border-color: #354cd9;
}
.share_social-wpapper .share_link:hover.share_twitter > span {
background-color: #1b82c4;
border-color: #1b82c4;
}
.share_social-wpapper .share_link:hover.share_pinterest > span {
background-color: #ff1226;
border-color: #ff1226;
}
.share_social-wpapper .share_link:hover.share_linkedin > span {
background-color: #007bb5;
border-color: #007bb5;
}
.share_social-wpapper .share_link:hover.share_whatsapp > span {
background-color: #25d366;
border-color: #25d366;
}
.share_social-wpapper .share_link:hover.share_reddit > span {
background-color: #FF5700;
border-color: #FF5700;
}
.share_social-wpapper .share_link:hover.share_telegram > span {
background-color: #0088cc;
border-color: #0088cc;
}
.share_social-wpapper .share_link {
border-radius: 30px;
text-align: center;
overflow: hidden;
}
.share_social-wpapper .share_link > span {
display: flex;
font-size: 12px;
line-height: 30px;
height: 30px;
border-radius: inherit;
white-space: nowrap;
max-width: 30px;
transition: 0.65s;
}
.share_social-wpapper .share_link > span:before {
display: inline-block;
width: 30px;
text-align: center;
font-family: "Font Awesome 5 Brands";
flex-shrink: 0;
}
.share_social-wpapper .share_link .share_name {
display: none;
}
.share_social-wpapper .share_link:not(:last-of-type) {
padding-left: 10px;
}

.author-info_social-wrapper .author-info_social-link {
line-height: 30px;
}
.author-info_social-wrapper .author-info_social-link.fa {
color: #b5b5b5;
}

.wgl-page-socials {
position: absolute;
z-index: 90;
right: 50px;
}
.wgl-page-socials.fixed {
position: fixed;
z-index: 90;
}
.wgl-page-socials li {
padding-bottom: 17px;
line-height: 27px;
}
.wgl-page-socials .social__link {
font-size: 13px;
color: #ffffff;
white-space: nowrap;
transition: all 0.4s, width 0s 1s;
}
.wgl-page-socials .social__link .social__name {
display: inline-block;
width: 0;
font-weight: 700;
text-transform: uppercase;
vertical-align: middle;
overflow: hidden;
opacity: 0;
transform-origin: -25px 50%;
transform: translateY(-1px) rotateY(-0.25turn);
transition: inherit;
}
.wgl-page-socials .social__link .social__icon {
padding-left: 1.2em;
}
.wgl-page-socials .social__link:hover {
transition: all 0.4s;
}
.wgl-page-socials .social__link:hover .social__name {
width: auto;
opacity: 1;
transform: translateY(-1px) rotateY(0turn);
}
.wgl-page-socials .socials__list {
margin: 0;
padding: 0;
list-style: none;
}
.wgl-page-socials.appearence-hovered {
padding-top: 35px;
height: 0;
}
.wgl-page-socials.appearence-hovered .socials__desc {
position: absolute;
top: 0;
right: 0;
margin: -5px -5px 0;
padding: 5px 5px 0;
cursor: pointer;
}
.wgl-page-socials.appearence-hovered .socials__desc .social__icon {
color: #ffffff;
}
.wgl-page-socials.appearence-hovered .socials__desc .social__name {
display: none;
}
.wgl-page-socials.appearence-hovered .socials__list {
visibility: hidden;
}
.wgl-page-socials.appearence-hovered .socials__list li {
transform: translateX(150%);
opacity: 0;
visibility: hidden;
transition: 0.45s;
}
.wgl-page-socials.appearence-hovered .socials__list li:nth-child(1) {
transition-delay: 0.05s;
}
.wgl-page-socials.appearence-hovered .socials__list li:nth-child(2) {
transition-delay: 0.1s;
}
.wgl-page-socials.appearence-hovered .socials__list li:nth-child(3) {
transition-delay: 0.15s;
}
.wgl-page-socials.appearence-hovered .socials__list li:nth-child(4) {
transition-delay: 0.2s;
}
.wgl-page-socials.appearence-hovered .socials__list li:nth-child(5) {
transition-delay: 0.25s;
}
.wgl-page-socials.appearence-hovered .socials__list li:nth-child(6) {
transition-delay: 0.3s;
}
.wgl-page-socials.appearence-hovered .socials__list li:nth-child(7) {
transition-delay: 0.35s;
}
.wgl-page-socials.appearence-hovered .socials__list li:nth-child(8) {
transition-delay: 0.4s;
}
.wgl-page-socials.appearence-hovered .socials__list li:nth-child(9) {
transition-delay: 0.45s;
}
.wgl-page-socials.appearence-hovered .socials__list li:nth-child(10) {
transition-delay: 0.5s;
}
.wgl-page-socials.appearence-hovered .socials__desc:hover + .socials__list {
visibility: visible;
}
.wgl-page-socials.appearence-hovered .socials__desc:hover + .socials__list li,
.wgl-page-socials.appearence-hovered .socials__list:hover li {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li {
opacity: 0;
transform: translateX(150%);
animation: soc_slide_right 0.5s forwards;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(1) {
animation-delay: 5.1s;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(2) {
animation-delay: 5.2s;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(3) {
animation-delay: 5.3s;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(4) {
animation-delay: 5.4s;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(5) {
animation-delay: 5.5s;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(6) {
animation-delay: 5.6s;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(7) {
animation-delay: 5.7s;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(8) {
animation-delay: 5.8s;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(9) {
animation-delay: 5.9s;
}
.wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(10) {
animation-delay: 6s;
}
@keyframes soc_slide_right {
0% {
    transform: translateX(150%);
    opacity: 0;
}
50% {
    opacity: 1;
}
100% {
    transform: translateX(0);
    opacity: 1;
}
}

.wgl-social-icons .elementor-icon i {
transition: 0.3s;
}

.single_post_info > * {
margin-bottom: 20px;
}
.single_post_info .share_post-container {
position: relative;
z-index: 1;
display: flex;
align-items: center;
}
.single_post_info .share_post-container:after {
display: none;
}
.single_post_info .share_post-container:hover > a {
color: #888;
}
.single_post_info .share_post-container:hover .share_social-wpapper {
opacity: 1;
visibility: visible;
}
.single_post_info .share_post-container > a {
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
z-index: 3;
margin: 0;
transition: all 0.45s;
font-size: 16px;
display: block;
text-align: center;
background: #232323;
color: #fff;
}
.single_post_info .share_post-container > a:before {
content: "\f115";
font-family: Flaticon;
}
.single_post_info .share_post-container .share_social-wpapper {
position: absolute;
height: 60px;
left: 0;
top: 0;
padding-left: 70px;
background: transparent;
opacity: 0;
visibility: hidden;
transition: 0.6s;
}
.single_post_info .share_post-container .share_social-wpapper:after {
display: none;
}
.single_post_info .share_post-container .share_post-title {
font-size: 14px;
font-weight: 700;
margin-left: 26px;
color: var(--bili-header-font-color);
}
.single_post_info .share_post-container .share_link {
line-height: 60px;
padding: 0;
width: 60px;
height: 60px;
overflow: visible;
border-radius: 50%;
text-align: center;
}
.single_post_info .share_post-container .share_link > span {
font-size: 16px;
transition: 0.4s;
width: inherit;
height: inherit;
line-height: inherit;
max-width: unset;
color: #fff;
background: #232323;
}
.single_post_info .share_post-container .share_link > span:before {
width: inherit;
}
.single_post_info .share_post-container .share_link:hover[class*=share] > span {
background: #232323;
color: var(--bili-primary-color);
}
.single_post_info .share_post-container .share_link:not(:last-child) {
margin-left: 10px;
}
@media (max-width: 767px) {
.single_post_info .share_post-container > a {
    display: none;
}
.single_post_info .share_post-container .share_social-wpapper {
    position: relative;
    opacity: 1;
    visibility: visible;
    padding: 0;
}
}

.woocommerce div.product .share_social-wpapper .share_link {
margin-left: 20px;
font-size: 12px;
color: #c2c2c2;
}
.woocommerce div.product .share_social-wpapper .share_link span.fa {
transition: 0.45s ease-in-out;
}
.woocommerce div.product .share_social-wpapper .share_link:last-child {
margin-left: 0;
}

/*==================== ##Team ==================== */
.elementor-social-icon-instagram.elementor-icon {
background-color: #c52ea7;
}

.wgl_module_team {
position: relative;
z-index: 1;
}
.wgl_module_team .team__member {
margin-bottom: 36px;
transition: 0.3s;
}
.wgl_module_team .member__wrapper {
position: relative;
z-index: 1;
transition: 0.3s;
}
.wgl_module_team .member__wrapper:hover .info__highlighted {
color: var(--bili-primary-color);
}
.wgl_module_team .member__wrapper:hover .member__info-image {
opacity: 1;
transform: scale(1);
}
.wgl_module_team .member__thumbnail {
display: block;
position: relative;
}
.wgl_module_team .member__thumbnail:before, .wgl_module_team .member__thumbnail:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border-radius: inherit;
transition: 0.3s;
}
.wgl_module_team .member__thumbnail img {
transition: 0.3s;
border-radius: inherit;
}
.wgl_module_team .member__media:hover .member__thumbnail:after {
opacity: 1;
}
.wgl_module_team .info__wrapper {
position: relative;
z-index: 1;
}
.wgl_module_team .member__info {
position: relative;
z-index: 1;
margin: 26px 0;
padding: 2px 0;
transition: 0.4s;
}
.wgl_module_team .member__info-image {
position: absolute;
z-index: -1;
right: 0;
top: 0;
height: 100%;
width: 100%;
pointer-events: none;
display: block;
background-repeat: no-repeat;
background-position: left center;
background-size: contain;
opacity: 0;
transition: 0.3s;
transform: scale(0.8);
}
.wgl_module_team .member__name {
font-size: 24px;
line-height: 1.3;
font-weight: 500;
font-family: var(--bili-content-font-family);
}
.wgl_module_team .member__name a,
.wgl_module_team .member__name span {
font: inherit;
line-height: inherit;
color: inherit;
transition: 0.3s;
}
.wgl_module_team .member__name a {
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
text-underline-offset: 3px;
text-decoration-thickness: 2px;
}
.wgl_module_team .member__name a:hover {
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
}
.wgl_module_team .member__name span {
cursor: default;
}
.wgl_module_team .info__highlighted {
margin-top: 16px;
font-size: 18px;
font-weight: 400;
line-height: 1;
transition: 0.4s;
color: #888;
}
.wgl_module_team .member__excerpt {
margin-top: 17px;
line-height: 1.7;
transition: 0.4s;
scrollbar-width: none;
-ms-overflow-style: none;
}
.wgl_module_team .member__excerpt::-webkit-scrollbar {
display: none;
}

.team__member .member__socials {
z-index: 1;
line-height: 1;
}
.team__member .member__media {
position: relative;
z-index: 1;
overflow: hidden;
}
.team__member .member__media .member__socials {
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
transform: translateY(100%);
transition: 0.3s;
padding: 0 10px;
background: rgba(var(--bili-primary-rgb), 0.6);
}
.team__member .member__media .social__icon {
display: inline-block;
position: relative;
z-index: 1;
font-size: 14px;
text-align: center;
width: 38px;
height: 40px;
line-height: 40px;
border-radius: unset;
opacity: 0;
transition: transform 0.2s ease-in, opacity 0.2s ease-in;
transform: translateY(20px);
margin-left: 0;
}
.team__member .member__media .social__icon:before {
width: inherit;
height: inherit;
line-height: inherit;
color: #fff;
transition: 0.4s;
display: block;
}
.team__member .member__media .social__icon:hover:before {
opacity: 0.7;
}
.team__member .member__media:hover .member__socials {
transform: translateY(0);
}
.team__member .member__media:hover .social__icon {
opacity: 1;
transform: translateY(0);
transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.team__member .member__media:hover .social__icon:nth-child(1) {
transition-delay: 0s;
}
.team__member .member__media:hover .social__icon:nth-child(2) {
transition-delay: 0.1s;
}
.team__member .member__media:hover .social__icon:nth-child(3) {
transition-delay: 0.2s;
}
.team__member .member__media:hover .social__icon:nth-child(4) {
transition-delay: 0.3s;
}
.team__member .member__media:hover .social__icon:nth-child(5) {
transition-delay: 0.4s;
}
.team__member .member__media:hover .social__icon:nth-child(6) {
transition-delay: 0.5s;
}
.team__member .member__media:hover .social__icon:nth-child(7) {
transition-delay: 0.6s;
}
.team__member .member__media:hover .social__icon:nth-child(8) {
transition-delay: 0.7s;
}
.team__member .member__media:hover .social__icon:nth-child(9) {
transition-delay: 0.8s;
}
.team__member .member__media:hover .social__icon:nth-child(10) {
transition-delay: 0.9s;
}
@media (max-width: 767px) {
.team__member .member__media .member__socials {
    transform: translateY(0);
}
.team__member .member__media .social__icon {
    opacity: 1;
    transform: translateY(0);
}
}
.team__member .social__icon {
display: inline-block;
position: relative;
z-index: 1;
border-radius: 50%;
font-size: 13px;
text-align: center;
margin-left: 10px;
width: 30px;
height: 30px;
line-height: 30px;
color: #ffffff;
}
.team__member .social__icon:last-child {
margin-left: 0;
}
.team__member .social__icon:hover {
color: var(--bili-secondary-color);
}

.wgl_module_team {
--bili-team-grid-gap: 30px;
}
.wgl_module_team .team__members:not(.carousel) {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.wgl_module_team .team__members:not(.carousel) {
    margin-left: calc(var(--bili-team-grid-gap) / 2 * -1);
    margin-right: calc(var(--bili-team-grid-gap) / 2 * -1);
}
.wgl_module_team .team__members:not(.carousel) .team__member {
    margin-left: calc(var(--bili-team-grid-gap) / 2);
    margin-right: calc(var(--bili-team-grid-gap) / 2);
}
}
.wgl_module_team .team__members.carousel .wgl-carousel_wrapper {
margin-left: calc(var(--bili-team-grid-gap) / 2 * -1);
margin-right: calc(var(--bili-team-grid-gap) / 2 * -1);
}
.wgl_module_team .team__members.carousel .member__wrapper {
margin-left: calc(var(--bili-team-grid-gap) / 2);
margin-right: calc(var(--bili-team-grid-gap) / 2);
}
.wgl_module_team .grid-col--1 .team__member {
width: 100%;
}
.wgl_module_team .grid-col--2 .team__member {
width: calc(50% - var(--bili-team-grid-gap));
}
.wgl_module_team .grid-col--3 .team__member {
width: calc(33.333333% - var(--bili-team-grid-gap));
}
.wgl_module_team .grid-col--4 .team__member {
width: calc(25% - var(--bili-team-grid-gap));
}
.wgl_module_team .grid-col--5 .team__member {
width: calc(20% - var(--bili-team-grid-gap));
}
.wgl_module_team .grid-col--6 .team__member {
width: calc(16.6666% - var(--bili-team-grid-gap));
}
@media (max-width: 1500px) {
.wgl_module_team .grid-col--5 .team__member, .wgl_module_team .grid-col--6 .team__member {
    width: calc(25% - var(--bili-team-grid-gap));
}
}
@media (max-width: 1370px) {
.wgl_module_team .grid-col--4 .team__member, .wgl_module_team .grid-col--5 .team__member, .wgl_module_team .grid-col--6 .team__member {
    width: calc(33.333333% - var(--bili-team-grid-gap));
}
}
@media (max-width: 1025px) {
.wgl_module_team .grid-col--3 .team__member, .wgl_module_team .grid-col--4 .team__member, .wgl_module_team .grid-col--5 .team__member, .wgl_module_team .grid-col--6 .team__member {
    width: calc(50% - var(--bili-team-grid-gap));
}
}
@media (max-width: 767px) {
.wgl_module_team .grid-col--2 .team__member, .wgl_module_team .grid-col--3 .team__member, .wgl_module_team .grid-col--4 .team__member, .wgl_module_team .grid-col--5 .team__member, .wgl_module_team .grid-col--6 .team__member {
    width: 100%;
}
}

/* ==================== ##Views ==================== */
.wgl-views {
display: inline-block;
}
.wgl-views .post_views_inner {
color: inherit;
transition: 0.45s;
}
.wgl-views .sl-icon {
display: inline-block;
position: relative;
z-index: 1;
text-align: center;
font-size: 14px;
}
.wgl-views .sl-count {
display: inline-block;
margin-right: 10px;
transition: inherit;
}

/* ==================== #Author ==================== */
.widget_author {
margin-bottom: -12px;
}

.author-widget_wrapper {
position: relative;
z-index: 1;
text-align: center;
max-width: 270px;
margin-right: auto;
margin-left: auto;
background-size: cover;
overflow: hidden;
}
.author-widget_wrapper > h4 + .author-widget_social,
.author-widget_wrapper > p + .author-widget_social {
margin-top: 20px;
}
.author-widget_img {
width: 220px;
border-radius: 50%;
}
.author-widget_title {
margin-top: 31px;
font-size: 24px;
font-weight: 700;
line-height: 1.3;
}
.author-widget_title span {
font-size: inherit;
line-height: inherit;
}
.author-widget_text {
margin-top: 14px;
margin-bottom: 0;
}
.author-widget_social {
position: relative;
z-index: 1;
}
.author-widget_social a {
display: inline-block;
position: relative;
height: 24px;
border-radius: 0;
font-size: 14px;
line-height: 24px;
font-weight: 400;
color: var(--bili-header-font-color);
}
.author-widget_social a:before {
display: inline-block;
transition: unset;
}
.author-widget_social a:hover {
color: var(--bili-header-font-color);
transform: translateY(-3px);
}
.author-widget_social-link:not(:last-child) {
margin-left: 27px;
}
.author-widget_img_sign-wrapper {
margin: 0;
line-height: 0;
font-size: 0;
margin-top: -15px;
}

/* ==================== #Banner ==================== */
.banner-widget_wrapper {
display: block;
position: relative;
padding: 40px 28px 40px;
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
background-color: #232323;
max-width: 270px;
margin-top: 0;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-top: 9px;
overflow: hidden;
}
.banner-widget_wrapper .banner-widget_img-wrapper {
display: block;
margin-bottom: 24px;
line-height: 0;
}
.banner-widget_wrapper .banner-widget_text_sub {
font-size: 26px;
line-height: 36px;
font-weight: 700;
letter-spacing: 0.025em;
color: var(--bili-primary-color);
}
.banner-widget_wrapper .banner-widget_text_sub + .banner-widget_text {
margin-top: 29px;
}
.banner-widget_wrapper .banner-widget_text {
font-size: 24px;
line-height: 32px;
font-weight: 700;
}
.banner-widget_wrapper .banner-widget_button {
display: inline-block;
position: relative;
z-index: 1;
transition: 0.4s;
text-align: center;
white-space: nowrap;
color: #ffffff;
background: transparent;
width: auto;
font-size: 14px;
font-weight: 700;
padding: 18px 20px;
margin: 27px 0 0;
line-height: 1;
letter-spacing: 0.1em;
}
.banner-widget_wrapper .banner-widget_button:after {
content: "";
position: absolute;
z-index: -1;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
border-radius: 50% 50% 50% 50%;
background-color: var(--bili-primary-color);
display: block;
transition: 0.4s;
}
.banner-widget_wrapper .banner-widget__link {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
right: 0;
left: 0;
border-radius: inherit;
}
.banner-widget_wrapper:hover .banner-widget_button {
color: #ffffff;
}
.banner-widget_wrapper:hover .banner-widget_button:after {
width: 100%;
height: 100%;
border-radius: 32px 32px 32px 32px;
}
.banner-widget_wrapper:empty {
display: none;
}

/* ==================== #Calendar ==================== */
body .widget_calendar .calendar_wrap {
width: 100%;
}
body .widget_calendar .calendar_wrap table td {
position: relative;
z-index: 1;
padding: 4px 0;
text-align: center;
font-size: 14px;
}
body .widget_calendar .calendar_wrap table td > a {
display: inline-block;
width: 100%;
height: 100%;
color: #ffffff;
}
body .widget_calendar .calendar_wrap table td#today {
color: #ffffff;
}
body .widget_calendar .calendar_wrap table tr {
border: 0;
}
body .widget_calendar .calendar_wrap table th {
padding: 5px 0;
text-align: center;
}
body .widget_calendar .calendar_wrap table caption {
font-size: 20px;
font-weight: 500;
padding: 7px;
color: #ffffff;
text-transform: unset;
}
body .widget_calendar .calendar_wrap table tfoot {
display: none;
}
body .widget_calendar .calendar_wrap table td#today:before,
body .widget_calendar .calendar_wrap tbody td > a:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
right: 0;
transition: 0.3s;
}
body .widget_calendar .calendar_wrap .wp-calendar-nav {
margin-bottom: -7px;
}

.footer .calendar_wrap tbody,
.footer .calendar_wrap td#today {
color: #ffffff;
}

.wp-block-calendar {
padding-bottom: 20px;
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
position: relative;
z-index: 1;
text-align: center;
padding: 4px 0;
font-size: 14px;
font-weight: 600;
}
.wp-block-calendar tbody td#today,
.wp-block-calendar tbody td a,
.wp-block-calendar th#today,
.wp-block-calendar th a {
color: #ffffff;
}
.wp-block-calendar tbody td#today:before,
.wp-block-calendar tbody td a:before,
.wp-block-calendar th#today:before,
.wp-block-calendar th a:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
right: 0;
transition: 0.3s;
}
.wp-block-calendar tfoot #next {
text-align: left;
}
.wp-block-calendar table tbody,
.wp-block-calendar table caption {
color: inherit;
}
.wp-block-calendar table caption {
padding: 7px;
font-size: 16px;
font-weight: 600;
}
.wp-block-calendar table caption,
.wp-block-calendar table #today > a {
color: #ffffff;
}
.wp-block-calendar table th {
padding: 5px 0;
text-align: center;
background-color: transparent;
}
.wp-block-calendar a {
text-decoration: none;
}

.widget_calendar .wp-calendar-nav,
.wp-block-calendar .wp-calendar-nav {
display: flex;
justify-content: space-between;
font-size: 14px;
line-height: 0;
}
.widget_calendar .wp-calendar-nav span a,
.wp-block-calendar .wp-calendar-nav span a {
display: inline-block;
margin-top: -1em;
margin-bottom: 21px;
line-height: 1;
}

/* ==================== #Gallery ==================== */
.widget_media_gallery .title-wrapper {
margin-bottom: 24px;
}

[class*=widget][class*=media_gallery] .gallery {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: -5px;
margin-top: -1px;
}
[class*=widget][class*=media_gallery] .gallery-item {
margin: 0;
}
[class*=widget][class*=media_gallery] .gallery-item .gallery-icon {
position: relative;
z-index: 1;
margin: 5px;
}
[class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a {
display: block;
border-radius: 0;
}
[class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a:before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
right: 0;
top: 0;
opacity: 0;
transition: 0.3s;
background: var(--bili-tertiary-color);
}
[class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a:after {
content: "\f103";
font-family: flaticon;
position: absolute;
z-index: 2;
opacity: 0;
right: 50%;
top: 50%;
color: #fff;
transform: translate(50%, -50%);
font-size: 20px;
transition: 0.3s;
}
[class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a:hover:before {
opacity: 0.5;
}
[class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a:hover:after {
opacity: 1;
}
[class*=widget][class*=media_gallery] .gallery-item img {
border: 0;
border-radius: inherit;
}
[class*=widget][class*=media_gallery] .gallery-columns-1 .gallery-item {
width: calc(100% / 1);
}
[class*=widget][class*=media_gallery] .gallery-columns-2 .gallery-item {
width: calc(100% / 2);
}
[class*=widget][class*=media_gallery] .gallery-columns-3 .gallery-item {
width: calc(100% / 3);
}
[class*=widget][class*=media_gallery] .gallery-columns-4 .gallery-item {
width: calc(100% / 4);
}
[class*=widget][class*=media_gallery] .gallery-columns-5 .gallery-item {
width: calc(100% / 5);
}
[class*=widget][class*=media_gallery] .gallery-columns-6 .gallery-item {
width: calc(100% / 6);
}
[class*=widget][class*=media_gallery] .gallery-columns-7 .gallery-item {
width: calc(100% / 7);
}
[class*=widget][class*=media_gallery] .gallery-columns-8 .gallery-item {
width: calc(100% / 8);
}
[class*=widget][class*=media_gallery] .gallery-columns-9 .gallery-item {
width: calc(100% / 9);
}
[class*=widget][class*=media_gallery] .gallery .gallery-caption {
display: none;
}

.blog-post_content .gallery {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin: 10px -5px 20px;
}
.blog-post_content .gallery-item {
margin: 0;
}
.blog-post_content .gallery-item .gallery-icon {
margin: 5px;
text-align: center;
}
.blog-post_content .gallery-columns-1 .gallery-item {
width: calc(100% / 1);
}
.blog-post_content .gallery-columns-2 .gallery-item {
width: calc(100% / 2);
}
.blog-post_content .gallery-columns-3 .gallery-item {
width: calc(100% / 3);
}
.blog-post_content .gallery-columns-4 .gallery-item {
width: calc(100% / 4);
}
.blog-post_content .gallery-columns-5 .gallery-item {
width: calc(100% / 5);
}
.blog-post_content .gallery-columns-6 .gallery-item {
width: calc(100% / 6);
}
.blog-post_content .gallery-columns-7 .gallery-item {
width: calc(100% / 7);
}
.blog-post_content .gallery-columns-8 .gallery-item {
width: calc(100% / 8);
}
.blog-post_content .gallery-columns-9 .gallery-item {
width: calc(100% / 9);
}
.blog-post_content .gallery-caption {
margin-right: 0;
}

/* ==================== ##Widgets Base ==================== */
.widget_block h2,
.title-wrapper .title {
position: relative;
display: block;
z-index: 1;
font-size: 20px;
font-weight: 500;
line-height: 1.3;
color: var(--bili-primary-color);
font-family: var(--bili-content-font-family);
}

.widget {
position: relative;
/* ↓ Categories */
/* ↑ categories */
}
.widget:not(:first-child) {
padding-top: 40px;
}
.widget:last-child {
margin-bottom: 40px;
}
.widget .wp-block-group h2,
.widget .title-wrapper {
margin: 0 0 20px;
line-height: 1.3;
text-align: right;
}
.widget .wp-block-group h2 .rsswidget img,
.widget .title-wrapper .rsswidget img {
margin-top: 6px;
}
.widget ul li {
font-size: 16px;
font-weight: 500;
line-height: 30px;
margin-bottom: 1px;
transition: 0.3s;
}
.widget ul li a {
line-height: 24px;
color: inherit;
}
.widget > ul {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
padding-bottom: 0;
padding-right: 0;
}
.widget > ul > li ul,
.widget > div > ul > li ul,
.widget > div > div > ul > li ul {
padding-right: 15px;
}
.widget ul li a .post_count {
font-size: 11px;
transition: inherit;
padding: 0 !important;
display: inline-block;
font-family: var(--bili-header-font-family);
transform: translate(-5px, -9px);
letter-spacing: 0;
}
.widget.widget_categories ul, .widget.widget_product_categories ul, .widget.widget_layered_nav ul, .widget.widget_archive ul {
position: relative;
}
.widget.widget_categories ul li, .widget.widget_product_categories ul li, .widget.widget_layered_nav ul li, .widget.widget_archive ul li {
margin: 0;
margin-bottom: 4px;
}
.widget.widget_categories ul li a, .widget.widget_product_categories ul li a, .widget.widget_layered_nav ul li a, .widget.widget_archive ul li a {
display: flex;
align-items: flex-start;
font-size: 14px;
font-weight: 700;
padding: 4px 0 3px;
letter-spacing: 0.1em;
font-family: var(--bili-content-font-family);
}
.widget.widget_categories ul li a:before, .widget.widget_product_categories ul li a:before, .widget.widget_layered_nav ul li a:before, .widget.widget_archive ul li a:before {
content: "";
flex: 0 0 auto;
display: inline-block;
background: transparent;
transition: 0.4s;
margin-left: 10px;
margin-top: 9px;
width: 4px;
height: 4px;
border-radius: 50%;
border: 1px solid currentColor;
}
.widget.widget_categories ul li.current-cat > a,
.widget.widget_categories ul li a:hover, .widget.widget_product_categories ul li.current-cat > a,
.widget.widget_product_categories ul li a:hover, .widget.widget_layered_nav ul li.current-cat > a,
.widget.widget_layered_nav ul li a:hover, .widget.widget_archive ul li.current-cat > a,
.widget.widget_archive ul li a:hover {
color: var(--bili-header-font-color);
}
.widget.widget_categories ul li.current-cat > a:before,
.widget.widget_categories ul li a:hover:before, .widget.widget_product_categories ul li.current-cat > a:before,
.widget.widget_product_categories ul li a:hover:before, .widget.widget_layered_nav ul li.current-cat > a:before,
.widget.widget_layered_nav ul li a:hover:before, .widget.widget_archive ul li.current-cat > a:before,
.widget.widget_archive ul li a:hover:before {
background: var(--bili-primary-color);
border-color: var(--bili-primary-color);
}
.widget.widget_categories .title-wrapper + ul, .widget.widget_product_categories .title-wrapper + ul, .widget.widget_layered_nav .title-wrapper + ul, .widget.widget_archive .title-wrapper + ul {
margin-top: -7px;
margin-bottom: -8px;
}
.widget_product_categories ul li img {
margin-left: 13px;
}
.widget_shopping_cart .widget_shopping_cart_content {
margin-top: 24px;
}
.widget_recent_entries > ul > li > a {
position: relative;
padding-right: 20px;
}
.widget_recent_entries > ul > li > a:before {
content: "\f15b";
font-family: "Font Awesome 5 Free";
font-size: 12px;
font-weight: 600;
color: #b7b7b7;
position: absolute;
line-height: 1;
top: 4px;
right: 0;
transition: color 0.3s;
}
.widget_recent_entries ul li .post-date {
display: block;
font-size: 0.8em;
}
.widget_rss .title-wrapper > a {
position: relative;
margin-bottom: 12px;
padding-bottom: 12px;
font-size: 20px;
line-height: 1.4;
font-weight: 500;
text-align: center;
text-transform: capitalize;
}
.widget_rss .title-wrapper > a img {
display: none;
}
.widget_rss ul {
margin-right: 0;
padding-right: 0;
list-style: none;
}
.widget_rss li {
padding: 18px 0 0 0;
}
.widget_rss li:first-child {
padding-top: 0;
}
.widget_rss li .rsswidget {
display: inline-block;
font-size: 20px;
line-height: 26px;
font-weight: 500;
margin-bottom: 10px;
}
.widget_rss li .rss-date {
display: block;
margin: 0 0 9px;
font-size: 14px;
font-weight: 500;
line-height: 22px;
color: #9a9a9a;
font-style: normal;
}
.widget_rss li .rssSummary {
line-height: 26px;
font-weight: 400;
font-size: 14px;
margin-bottom: 8px;
}
.widget_rss li cite {
display: block;
position: relative;
margin-top: 0;
font-size: 14px;
line-height: 24px;
font-style: normal;
font-weight: 700;
color: var(--bili-primary-color);
}
.widget_rss li cite:before {
content: "–";
margin-left: 5px;
}
.widget_text .textwidget {
margin-top: -9px;
}
.widget ul.wp-block-latest-posts li {
padding-right: 0;
}

ul[class*=wp-block-] li a {
color: inherit;
}

.wp-block-rss {
margin-right: 0;
padding-right: 0;
list-style-type: none;
font-weight: 600;
}
.wp-block-rss a {
color: inherit;
}

.wp-block-categories-dropdown,
.wp-block-archives-dropdown {
display: inline-block;
position: relative;
margin-bottom: 10px;
}
@media (min-width: 380px) {
.wp-block-categories-dropdown select,
.wp-block-archives-dropdown select {
    min-width: 270px;
}
}

.widget_comments > ul > li:before,
.widget_meta > ul > li:before,
.widget_archive > ul > li:before,
.widget_recent_comments > ul > li:before,
ul.wp-block-archives > li:before {
font-family: flaticon;
transition: inherit;
}

.widget_archive ul,
.widget_recent_entries ul,
.widget_categories ul,
.widget_product_categories ul,
.widget_layered_nav ul,
.widget_meta ul,
ul.wp-block-archives {
list-style: none;
}
.widget_archive ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul,
.widget_product_categories ul ul,
.widget_layered_nav ul ul,
.widget_meta ul ul,
ul.wp-block-archives ul {
margin: 0;
padding: 0;
}
.widget_archive ul li ul li:last-child,
.widget_recent_entries ul li ul li:last-child,
.widget_categories ul li ul li:last-child,
.widget_product_categories ul li ul li:last-child,
.widget_layered_nav ul li ul li:last-child,
.widget_meta ul li ul li:last-child,
ul.wp-block-archives li ul li:last-child {
border-bottom: 0;
}

.widget_categories ul li img,
.widget_product_categories ul li img,
.widget_layered_nav ul li img,
.widget_meta ul li img,
.widget_archive ul li img,
ul.wp-block-archives li img {
max-width: 40px;
margin-top: -4px;
margin-left: 5px;
vertical-align: middle;
}
.widget_categories ul li ul li img,
.widget_product_categories ul li ul li img,
.widget_layered_nav ul li ul li img,
.widget_meta ul li ul li img,
.widget_archive ul li ul li img,
ul.wp-block-archives li ul li img {
display: none;
}

.widget ul.wp-block-archives {
padding: 0;
}

ul.wp-block-archives {
padding: 0;
padding-bottom: 20px;
position: relative;
}
ul.wp-block-archives li {
margin: 0;
margin-bottom: 4px;
}
ul.wp-block-archives li a {
display: flex;
align-items: flex-start;
font-size: 14px;
font-weight: 700;
padding: 4px 0 3px;
letter-spacing: 0.1em;
font-family: var(--bili-content-font-family);
}
ul.wp-block-archives li a:before {
content: "";
flex: 0 0 auto;
display: inline-block;
background: transparent;
transition: 0.4s;
margin-left: 10px;
margin-top: 9px;
width: 4px;
height: 4px;
border-radius: 50%;
border: 1px solid currentColor;
}
ul.wp-block-archives li a:hover:before {
background: var(--bili-primary-color);
border-color: var(--bili-primary-color);
}
ul.wp-block-archives li a .post_count {
font-size: 11px;
transition: inherit;
padding: 0 !important;
display: inline-block;
font-family: var(--bili-header-font-family);
transform: translate(-5px, -9px);
letter-spacing: 0;
}

.widget_meta.widget > ul li a {
position: relative;
padding-right: 20px;
}
.widget_meta.widget > ul li a:before {
content: "\f02b";
font-family: "Font Awesome 5 Free";
font-size: 12px;
font-weight: 700;
color: #b7b7b7;
position: absolute;
line-height: 1;
top: 4px;
right: 0;
transition: color 0.3s;
}

.widget_recent_comments > ul {
margin-top: -10px;
margin-bottom: -6px;
list-style: none;
}
.widget_recent_comments > ul > li:before {
content: "\f075";
font-family: "Font Awesome 5 Free";
font-size: 12px;
font-weight: 700;
color: #b7b7b7;
position: absolute;
top: 10px;
right: 0;
line-height: 1;
}
.widget_recent_comments ul li {
position: relative;
padding: 3px 20px 3px 0;
line-height: 1.5;
}
.widget_recent_comments a {
display: inline !important;
}
.widget_recent_comments a[rel~=external] {
text-decoration: underline;
}

.widget .wp-block-latest-comments {
margin-top: 5px;
padding-bottom: 0;
}

.wp-block-latest-comments {
padding-right: 0;
}
.wp-block-latest-comments > li {
padding-right: 0;
line-height: 1.3em;
}
.wp-block-latest-comments > li article {
display: inline;
}
.wp-block-latest-comments__comment {
display: flex;
align-items: flex-start;
margin-bottom: 30px;
}
.wp-block-latest-comments__comment:before {
display: none;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
font-size: 14px;
font-weight: 700;
color: var(--bili-header-font-color);
display: inline;
margin-right: 0 !important;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a {
color: inherit;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a:hover {
color: var(--bili-primary-color);
}
.wp-block-latest-comments__comment .avatar,
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-avatar {
width: auto;
height: auto;
float: none;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-date {
font-size: 14px;
line-height: 22px;
color: #9a9a9a;
margin-top: 9px;
margin-bottom: 11px;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt {
margin-right: 0 !important;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt p:last-child {
margin-bottom: 0;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date {
font-size: 14px;
line-height: 22px;
color: #9a9a9a;
margin-top: 5px;
}

ul.wp-block-latest-posts {
margin-right: 0;
padding: 0;
list-style: none;
}
ul.wp-block-latest-posts li {
position: relative;
}
ul.wp-block-latest-posts li:not(:first-child) {
margin-top: 15px;
}
ul.wp-block-latest-posts li a {
display: block;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: inherit;
padding-right: 20px;
}
ul.wp-block-latest-posts li a:before {
content: "\f15b";
font-family: "Font Awesome 5 Free";
font-size: 12px;
font-weight: 600;
color: #b7b7b7;
position: absolute;
line-height: 1;
top: 6px;
right: 0;
transition: color 0.3s;
}
ul.wp-block-latest-posts .wp-block-latest-posts__featured-image {
margin-bottom: 10px;
}
ul.wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
margin-bottom: 25px;
}
ul.wp-block-latest-posts.is-grid li {
margin: 0 0 20px 20px;
}

ul.wp-block-categories {
padding: 0;
position: relative;
}
ul.wp-block-categories,
ul.wp-block-categories ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.wp-block-categories li {
margin: 0;
margin-bottom: 4px;
}
ul.wp-block-categories li a {
display: flex;
align-items: flex-start;
font-size: 14px;
font-weight: 700;
padding: 4px 0 3px;
letter-spacing: 0.1em;
font-family: var(--bili-content-font-family);
}
ul.wp-block-categories li a:before {
content: "";
flex: 0 0 auto;
display: inline-block;
background: transparent;
transition: 0.4s;
margin-left: 10px;
margin-top: 9px;
width: 4px;
height: 4px;
border-radius: 50%;
border: 1px solid currentColor;
}
ul.wp-block-categories li a:hover:before {
background: var(--bili-primary-color);
border-color: var(--bili-primary-color);
}

.wp-block-social-links .wp-social-link a {
line-height: 0;
}

.wc-block-product-categories.is-dropdown {
display: block;
}
.wc-block-product-categories.is-dropdown .wc-block-product-categories__button {
display: none;
}

aside select,
footer select {
margin-bottom: 0;
}
aside .widget_calendar,
footer .widget_calendar {
margin-bottom: -13px;
}

/* ==================== #Navigation Menu ==================== */
.widget_nav_menu .menu,
.widget_pages > ul,
ul.wp-block-page-list {
padding: 0;
margin: 0;
}
.widget_nav_menu .menu li,
.widget_pages > ul li,
ul.wp-block-page-list li {
padding-left: 0;
margin-bottom: 10px;
}
.widget_nav_menu .menu,
.widget_nav_menu .menu ul,
.widget_pages > ul,
.widget_pages > ul ul,
ul.wp-block-page-list,
ul.wp-block-page-list ul {
list-style: none;
}
.widget_nav_menu .menu a,
.widget_pages > ul a,
ul.wp-block-page-list a {
display: block;
position: relative;
padding-right: 17px;
}
.widget_nav_menu .menu a:before,
.widget_pages > ul a:before,
ul.wp-block-page-list a:before {
content: "";
position: absolute;
z-index: 1;
display: block;
top: 10px;
right: 2px;
width: 6px;
height: 6px;
border-radius: 50%;
background: currentColor;
color: #c2c2c2;
transition: background-color 0.3s;
}
.widget_nav_menu .menu a:hover:before,
.widget_pages > ul a:hover:before,
ul.wp-block-page-list a:hover:before {
background-color: var(--bili-secondary-color);
}
.widget_nav_menu .menu .current-menu-item > a:before,
.widget_pages > ul .current-menu-item > a:before,
ul.wp-block-page-list .current-menu-item > a:before {
color: inherit;
}

/* ==================== #Recent Posts ==================== */
.wgl-posts .title-wrapper {
margin-bottom: 23px;
}

.widget .recent-posts-widget {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: -3px;
}
.widget .recent-posts-widget li {
padding: 0;
line-height: inherit;
margin-bottom: -1px;
}
.widget .recent-posts-widget li img {
min-width: 70px;
width: 70px;
}
.widget .recent-posts-widget li:not(:first-child) {
margin-top: 25px;
}
.widget .recent-posts-widget li a {
margin: 0;
display: flex;
}
.widget .recent-posts-widget li a:hover .post__title {
text-decoration: underline;
}
.widget .recent-posts-widget .recent-posts-image_wrapper {
margin: 0 0 0 25px;
}
.widget .recent-posts-widget .recent-posts-image_wrapper img {
border-radius: 0;
}
.widget .recent-posts-widget .meta-data {
font-size: 14px;
line-height: 1.5;
font-weight: 700;
color: #888;
text-transform: uppercase;
letter-spacing: 0.1em;
font-family: var(--bili-content-font-family);
}
.widget .recent-posts-widget .meta-data span {
line-height: inherit;
font: inherit;
letter-spacing: inherit;
}
.widget .recent-posts-widget .recent-posts-content_wrapper {
width: calc(100% - 20px);
align-self: center;
}
.widget .recent-posts-widget .recent-posts-content_wrapper:first-child {
margin-top: -4px;
}
.widget .recent-posts-widget .recent-post-content {
margin-top: 3px;
font-size: 0.9rem;
line-height: 1.8;
}
.widget .recent-posts-widget .post__title {
font-size: 16px;
font-weight: 700;
line-height: 24px;
transition: 0.4s;
margin-top: 7px;
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
}
.widget .recent-posts-widget .counter_posts {
font-size: 14px;
font-weight: 500;
color: #fff;
width: 30px;
height: 30px;
line-height: 24px;
text-align: center;
border: 3px solid #fafafa;
display: inline-block;
position: absolute;
right: 0;
top: 0;
border-radius: 50%;
margin-right: -13px;
margin-top: -15px;
}

.widget_wgl_posts .recent-posts-widget {
margin-top: 0;
margin-bottom: -7px;
}

/* ==================== #Search ==================== */
.widget_search,
.widget_product_search {
margin-bottom: 6px;
}

body .widget_search .search-form,
body .widget_search .woocommerce-product-search,
body .widget_product_search .search-form,
body .widget_product_search .woocommerce-product-search {
position: relative;
z-index: 1;
}
body .widget_search .search-form .search-field,
body .widget_search .woocommerce-product-search .search-field,
body .widget_product_search .search-form .search-field,
body .widget_product_search .woocommerce-product-search .search-field {
width: 100%;
height: 56px;
margin-bottom: 0;
padding-left: 28px;
outline: none;
overflow: hidden;
}
body .widget_search .search-form .search-field::placeholder,
body .widget_search .woocommerce-product-search .search-field::placeholder,
body .widget_product_search .search-form .search-field::placeholder,
body .widget_product_search .woocommerce-product-search .search-field::placeholder {
font: inherit;
line-height: inherit;
color: inherit;
outline: none;
-webkit-appearance: none;
transition: 0.4s;
transform: translateY(0) scale(1);
transform-origin: right bottom;
}
body .widget_search .search-form .search-field:active, body .widget_search .search-form .search-field:focus,
body .widget_search .woocommerce-product-search .search-field:active,
body .widget_search .woocommerce-product-search .search-field:focus,
body .widget_product_search .search-form .search-field:active,
body .widget_product_search .search-form .search-field:focus,
body .widget_product_search .woocommerce-product-search .search-field:active,
body .widget_product_search .woocommerce-product-search .search-field:focus {
border-color: var(--bili-header-font-color);
}
body .widget_search .search-form .search-field:active::placeholder, body .widget_search .search-form .search-field:focus::placeholder,
body .widget_search .woocommerce-product-search .search-field:active::placeholder,
body .widget_search .woocommerce-product-search .search-field:focus::placeholder,
body .widget_product_search .search-form .search-field:active::placeholder,
body .widget_product_search .search-form .search-field:focus::placeholder,
body .widget_product_search .woocommerce-product-search .search-field:active::placeholder,
body .widget_product_search .woocommerce-product-search .search-field:focus::placeholder {
opacity: 0;
}
body .widget_search .search-form .search__icon,
body .widget_search .woocommerce-product-search .search__icon,
body .widget_product_search .search-form .search__icon,
body .widget_product_search .woocommerce-product-search .search__icon {
color: var(--bili-header-font-color);
}
body .widget_search .search-form .search-button:hover ~ .search__icon,
body .widget_search .woocommerce-product-search .search-button:hover ~ .search__icon,
body .widget_product_search .search-form .search-button:hover ~ .search__icon,
body .widget_product_search .woocommerce-product-search .search-button:hover ~ .search__icon {
color: var(--bili-primary-color);
}
body .widget_search .search-form .search-button,
body .widget_search .woocommerce-product-search .search-button,
body .widget_product_search .search-form .search-button,
body .widget_product_search .woocommerce-product-search .search-button {
position: absolute;
z-index: 1;
height: 56px;
width: 20px;
top: 0;
left: 0;
margin: 0;
border: none;
outline: none;
padding: 0;
font-size: 0;
box-shadow: none;
cursor: pointer;
background: transparent;
}
body .widget_search .search-form .search-button:focus, body .widget_search .search-form .search-button:active,
body .widget_search .woocommerce-product-search .search-button:focus,
body .widget_search .woocommerce-product-search .search-button:active,
body .widget_product_search .search-form .search-button:focus,
body .widget_product_search .search-form .search-button:active,
body .widget_product_search .woocommerce-product-search .search-button:focus,
body .widget_product_search .woocommerce-product-search .search-button:active {
box-shadow: none;
}
body .widget_search .search-form .search__icon,
body .widget_search .woocommerce-product-search .search__icon,
body .widget_product_search .search-form .search__icon,
body .widget_product_search .woocommerce-product-search .search__icon {
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 56px;
width: 20px;
font-size: 20px;
line-height: 60px;
font-style: normal;
text-align: center;
transform: translate(0, 0);
opacity: 1;
transition: 0.4s;
pointer-events: none;
border-radius: 0;
}

.wp-block-search .wp-block-search__inside-wrapper {
border: 0;
padding: 0;
position: relative;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
border: 0;
margin: 0;
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
border: 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input {
border: 0;
border-bottom: 1px solid #7d7a78;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border: 0;
padding: 0;
position: relative;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
padding-right: 0;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
margin: 0;
position: absolute;
left: 0;
top: 0;
}
.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
position: absolute;
z-index: 1;
left: 0;
top: 0;
}
.wp-block-search.wp-block-search__text-button.wp-block-search__button-outside .wp-block-search__button, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button {
margin-right: 10px;
}
.wp-block-search.wp-block-search__text-button.wp-block-search__button-outside .wp-block-search__button, .wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button {
font-size: 14px;
padding: 5px 20px;
}
.wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__input {
padding-left: 95px;
}
.wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
padding: 0;
}
.wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button:before, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button:before {
content: "\f103";
font-family: flaticon;
display: block;
top: 0;
right: 12px;
height: 56px;
width: 40px;
font-size: 18px;
font-weight: 400;
line-height: 56px;
font-style: normal;
text-align: center;
transform: translate(0, 0);
opacity: 1;
transition: 0.4s;
pointer-events: none;
color: var(--bili-secondary-color);
}
.wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button:hover:before, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button:hover:before {
color: var(--bili-primary-color);
}
.wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button .search-icon, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button .search-icon {
display: none;
}
.wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__input {
padding-right: 0;
padding-left: 50px;
}
.wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button {
background: transparent;
}
.wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button:before {
color: #fff;
}
.wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button:hover:before {
color: #fff;
}

/* ==================== #Tagcloud ==================== */
.tagcloud,
.wp-block-tag-cloud {
font-size: 0;
margin-bottom: -10px;
}
.tagcloud a,
.wp-block-tag-cloud a {
display: inline-block;
margin-bottom: 10px;
padding: 6px 11px;
font-size: 14px !important;
line-height: 1.143;
font-weight: 500;
color: #888888;
background-color: #232323;
transition: 0.4s;
border-radius: 0;
border: 1px solid #232323;
font-family: var(--bili-content-font-family);
}
.tagcloud a:not(:last-child),
.wp-block-tag-cloud a:not(:last-child) {
margin-left: 10px;
}
.tagcloud a:hover,
.wp-block-tag-cloud a:hover {
color: var(--bili-header-font-color);
background: transparent;
border-color: rgba(var(--bili-header-rgb), 0.3);
}

.widget_tag_cloud,
.widget_product_tag_cloud {
margin-bottom: 15px;
}
.widget_tag_cloud .tagcloud,
.widget_product_tag_cloud .tagcloud {
margin-bottom: -20px;
}
.widget_tag_cloud .title-wrapper,
.widget_product_tag_cloud .title-wrapper {
margin-bottom: 24px;
}

.blog-style-standard .blog-post.format-no_featured .tagcloud a,
.blog-style-standard .blog-post.format-no_featured .wp-block-tag-cloud a {
border-color: rgba(var(--bili-secondary-rgb), 0.3);
}

/* ==================== #Text Widget ==================== */
.textwidget p:last-child {
margin-bottom: 0;
}

/* ==================== ##Header Date ==================== */
.wgl-header-date {
font-size: 11px;
line-height: 1.3em;
font-weight: 400;
text-transform: uppercase;
display: flex;
}
.wgl-header-date.wgl-default-format {
align-items: center;
}
.wgl-header-date.wgl-default-format > span:first-child {
font-size: 28px;
margin-left: 8px;
}
.wgl-header-date.wgl-default-format > span:last-child {
font-weight: 400;
}
.wgl-header-date.wgl-default-format > span:last-child span {
display: block;
}
.wgl-header-date > span:first-child {
color: var(--bili-primary-color);
}
.wgl-header-date > span:last-child {
color: var(--bili-header-font-color);
}

/* ==================== ##Header List Info ==================== */
.elementor-widget.elementor-align-center .wgl-header-list-info .elementor-icon-list-item:after {
margin: 0;
}

.elementor-widget-wgl-header-list-info .elementor-icon-list-item {
list-style-type: none;
margin: 0;
padding: 0;
}
.elementor-widget-wgl-header-list-info .elementor-icon-list-item,
.elementor-widget-wgl-header-list-info .elementor-icon-list-item a {
display: flex;
align-items: flex-start;
}
.elementor-widget-wgl-header-list-info .elementor-icon-list-item:before {
display: none;
}
.elementor-widget-wgl-header-list-info .elementor-icon-list-item span,
.elementor-widget-wgl-header-list-info .elementor-icon-list-item i {
transition: 0.4s;
}
.elementor-widget-wgl-header-list-info .elementor-icon-list-item i, .elementor-widget-wgl-header-list-info .elementor-icon-list-item svg {
color: var(--bili-primary-color);
fill: var(--bili-primary-color);
}
.elementor-widget-wgl-header-list-info .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-widget-wgl-header-list-info .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
color: var(--bili-primary-color);
fill: var(--bili-primary-color);
}
.elementor-widget-wgl-header-list-info .elementor-icon-list-items.elementor-inline-items {
display: flex;
flex-wrap: wrap;
}
.elementor-widget-wgl-header-list-info .wgl-header-list-icon i {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
}
.elementor-widget-wgl-header-list-info a {
color: inherit;
}
.elementor-widget-wgl-header-list-info svg {
transition: inherit;
}
.elementor-widget-wgl-header-list-info .elementor-icon-list-items.elementor-inline-items {
margin-left: -8px;
margin-right: -8px;
}
.elementor-widget-wgl-header-list-info .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
margin-left: 8px;
margin-right: 8px;
}
.elementor-widget-wgl-header-list-info .elementor-icon-list-icon + .elementor-icon-list-text {
align-self: center;
padding-right: 5px;
}

/* ==================== ##Header Modules ==================== */
.elementor-element.elementor-widget.elementor-widget-wgl-header-logo, .elementor-element.elementor-widget.elementor-widget-wgl-header-search, .elementor-element.elementor-widget.elementor-widget-wgl-header-delimiter, .elementor-element.elementor-widget.elementor-widget-wgl-header-list-info, .elementor-element.elementor-widget.elementor-widget-wgl-header-cart, .elementor-element.elementor-widget.elementor-widget-wgl-header-login, .elementor-element.elementor-widget.elementor-widget-wgl-date, .elementor-element.elementor-widget.elementor-widget-wgl-menu {
margin-bottom: 0;
}
.elementor-element.elementor-widget.elementor-widget-wgl-header-logo, .elementor-element.elementor-widget.elementor-widget-wgl-header-date, .elementor-element.elementor-widget.elementor-widget-wgl-header-search, .elementor-element.elementor-widget.elementor-widget-wgl-header-delimiter, .elementor-element.elementor-widget.elementor-widget-wgl-header-list-info, .elementor-element.elementor-widget.elementor-widget-wgl-header-cart, .elementor-element.elementor-widget.elementor-widget-wgl-header-login {
width: auto;
}
.elementor-element.elementor-widget.elementor-widget-wgl-date {
width: auto;
}
.elementor-element.elementor-widget.elementor-widget-wgl-header-delimiter .delimiter {
background: #e5e5e5;
}

/* ==================== ##Accordion ==================== */
.wgl-accordion .wgl-accordion_header {
display: flex;
align-items: center;
font-size: 24px;
line-height: 31px;
font-weight: 500;
cursor: pointer;
transition: 0.4s;
color: var(--bili-header-font-color);
letter-spacing: 0.15px;
font-family: var(--bili-content-font-family);
}
.wgl-accordion .wgl-accordion_header:hover, .wgl-accordion .wgl-accordion_header.active {
color: var(--bili-primary-color);
}
.wgl-accordion .wgl-accordion_title {
font: inherit;
color: inherit;
line-height: inherit;
letter-spacing: inherit;
}
.wgl-accordion .wgl-accordion_title-prefix {
margin-left: 5px;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
}
.wgl-accordion .wgl-accordion_content {
display: none;
}
.wgl-accordion .wgl-accordion_content p:last-child {
margin-bottom: 0;
}
.wgl-accordion .wgl-accordion_panel:first-child {
border-top: unset !important;
}
.wgl-accordion .wgl-accordion_panel:last-child {
border-bottom: unset !important;
margin-bottom: 0 !important;
}
.wgl-accordion .wgl-accordion_icon {
transition: 0.4s, color 0s;
color: inherit;
}
.wgl-accordion .wgl-accordion_icon:before {
width: 1em;
height: 1em;
line-height: 1em;
display: block;
}
.wgl-accordion .wgl-accordion_icon:hover {
color: inherit;
}
.wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon {
position: relative;
z-index: 1;
height: 12px;
width: 12px;
margin-top: 2px;
margin-right: 4px;
margin-left: 18px;
}
.wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon:before, .wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon:after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 50%;
transform: rotate(-90deg);
transition: 0.5s ease-in-out, color 0s;
background-color: currentColor;
}
.wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon:before {
width: inherit;
height: 2px;
margin: -1px -6px 0 0;
}
.wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon:after {
width: 2px;
height: inherit;
margin: -6px -1px 0 0;
}
.wgl-accordion.icon-plus .wgl-accordion_header.active .wgl-accordion_icon:before, .wgl-accordion.icon-plus .wgl-accordion_header.active .wgl-accordion_icon:after {
transform: rotate(90deg);
}
.wgl-accordion.icon-plus .wgl-accordion_header.active .wgl-accordion_icon:before {
opacity: 0;
}
.wgl-accordion.icon-custom .wgl-accordion_header .wgl-accordion_icon {
transition: 0.5s ease-in-out, color 0s;
}

/* ==================== ##Accordion Services ==================== */
.wgl-accordion-services {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin: 0 -10px;
}
.wgl-accordion-services .service__item {
display: flex;
position: relative;
z-index: 1;
margin-bottom: 15px;
transition: 0.5s;
}
.wgl-accordion-services .service__item.active .service__content {
opacity: 1;
visibility: visible;
transition: 0.5s;
transition-delay: 0.3s;
}
.wgl-accordion-services .service__item:not(.active) .service__thumbnail {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.wgl-accordion-services .service__thumbnail {
position: absolute;
z-index: 1;
right: 10px;
top: 0;
width: calc(100% - 15px);
height: 100%;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
transition: 0.3s;
background-color: var(--bili-header-font-color);
}
.wgl-accordion-services .content__title {
color: var(--bili-header-font-color);
}
.wgl-accordion-services .service__content {
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
z-index: 1;
right: -5px;
width: 100%;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: 0.2s;
}
.wgl-accordion-services .content__media {
line-height: 1;
color: var(--bili-primary-color);
}
.wgl-accordion-services .content__media svg {
width: 1em;
height: 1em;
display: block;
}
.wgl-accordion-services .content__button {
align-self: baseline;
color: #fff;
background-color: var(--bili-secondary-color);
}
.wgl-accordion-services .content__button:hover {
color: #fff;
background-color: var(--bili-primary-color);
}

.elementor-widget-wgl-accordion-service.grid-col-2 .service__item {
width: 33.33333%;
}
.elementor-widget-wgl-accordion-service.grid-col-2 .service__item.active {
margin-left: 33.33333%;
}
.elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active), .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) {
margin-left: 33.33333%;
}
.elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content {
opacity: 1;
visibility: visible;
}
.elementor-widget-wgl-accordion-service.grid-col-3 .service__item {
width: 25%;
}
.elementor-widget-wgl-accordion-service.grid-col-3 .service__item.active {
margin-left: 25%;
}
@media only screen and (min-width: 1201px) {
.elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) {
    margin-left: 25%;
}
.elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) .service__content {
    opacity: 1;
    visibility: visible;
}
}
.elementor-widget-wgl-accordion-service.grid-col-4 .service__item {
width: 20%;
}
.elementor-widget-wgl-accordion-service.grid-col-4 .service__item.active {
margin-left: 20%;
}
@media only screen and (min-width: 1301px) {
.elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) + .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(9):not(.active) + .service__item:nth-child(10):not(.active) + .service__item:nth-child(11):not(.active) + .service__item:nth-child(12):not(.active) {
    margin-left: 20%;
}
.elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) + .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(9):not(.active) + .service__item:nth-child(10):not(.active) + .service__item:nth-child(11):not(.active) + .service__item:nth-child(12):not(.active) .service__content {
    opacity: 1;
    visibility: visible;
}
}
@media only screen and (min-width: 1201px) and (max-width: 1300px) {
.elementor-widget-wgl-accordion-service.grid-col-4 .service__item {
    width: 25%;
}
.elementor-widget-wgl-accordion-service.grid-col-4 .service__item.active {
    margin-left: 25%;
}
.elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) {
    margin-left: 25%;
}
.elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) .service__content {
    opacity: 1;
    visibility: visible;
}
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
.elementor-widget-wgl-accordion-service.grid-col-3 .service__item, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item {
    width: 33.33333%;
}
.elementor-widget-wgl-accordion-service.grid-col-3 .service__item.active, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item.active {
    margin-left: 33.33333%;
}
.elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) {
    margin-left: 33.33333%;
}
.elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content {
    opacity: 1;
    visibility: visible;
}
}
@media only screen and (max-width: 992px) {
.elementor-widget-wgl-accordion-service.grid-col-2 .service__item, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item {
    width: 100%;
    margin-left: 0 !important;
}
.elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__content {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__thumbnail {
    position: relative;
    min-height: inherit;
    height: auto;
}
}
@media only screen and (max-width: 767px) {
.elementor-widget-wgl-accordion-service.grid-col-2 .service__item, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item {
    flex-direction: column;
}
.elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__thumbnail,
.elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__thumbnail,
.elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__thumbnail,
.elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__content {
    position: static;
    width: 100%;
}
}

/* ==================== ##Button ==================== */
.wgl-button {
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
border: unset;
border-radius: unset;
font-size: 14px;
line-height: 1;
font-weight: 700;
color: var(--bili-button-color-idle);
background-color: var(--bili-button-bg-idle);
transition: 0.4s;
letter-spacing: 0.1em;
}
.wgl-button::after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: inherit;
transition: inherit;
}
.wgl-button:focus, .wgl-button:hover, .wgl-button:active {
color: var(--bili-button-color-hover);
background-color: var(--bili-button-bg-hover);
}
.wgl-button .button__content {
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 2;
-webkit-user-select: none;
user-select: none;
}
.wgl-button.btn-size-xl {
padding: 25px 34px;
}
.wgl-button.btn-size-lg {
padding: 23px 29px;
}
.wgl-button.btn-size-md {
padding: 21px 24px;
}
.wgl-button.btn-size-sm {
font-size: 12px;
padding: 20px 18px;
}
.wgl-button .elementor-icon {
--icon-size: 14px;
font-size: var(--icon-size);
line-height: 0.7em;
transition: inherit;
}
.wgl-button .media-wrapper {
--media-offset: 12px;
}
.wgl-button .align-icon-left .media-wrapper {
margin-left: var(--media-offset);
}
.wgl-button .align-icon-left .elementor-icon {
text-align: right;
}
.wgl-button .align-icon-right {
flex-direction: row-reverse;
}
.wgl-button .align-icon-right .media-wrapper {
margin-right: var(--media-offset);
}
.wgl-button .align-icon-right .elementor-icon {
text-align: left;
}
.wgl-button .icon-wrapper {
line-height: 0;
font-weight: normal;
}
.wgl-button .icon-wrapper:empty {
display: none;
}

.elementor-widget-wgl-button .elementor-widget-container {
font-size: 0;
}
.elementor-widget-wgl-button.icon-visibility-hover .wgl-button .elementor-icon {
width: calc(var(--icon-size) + var(--media-offset));
}
.elementor-widget-wgl-button.icon-visibility-hover .wgl-button .media-wrapper {
margin: 0 !important;
}
.elementor-widget-wgl-button.icon-visibility-hover .wgl-button:not(:hover) .elementor-icon {
transform: scale(0);
width: 0;
opacity: 0;
}
.elementor-widget-wgl-button .highlight_svg {
position: absolute;
top: -55px;
right: -20px;
width: calc(100% + 50px);
height: calc(100% + 110px);
overflow: visible;
}
.elementor-widget-wgl-button .highlight_svg path {
stroke: white;
stroke-width: 2;
fill: none;
opacity: 0;
stroke-dasharray: 0 1500;
transition: 0.3s;
}
.elementor-widget-wgl-button .highlight_svg.active path {
animation: wgl-headline-dash forwards;
animation-duration: var(--animation-duration, 1.2s);
animation-iteration-count: 1;
}
.elementor-widget-wgl-button .highlight_svg.active path + path {
animation-delay: 350ms;
}
.elementor-widget-wgl-button .highlight_svg.hide-highlight path {
opacity: 1;
stroke-dasharray: 1500 1500;
animation: wgl-hide-highlight 0.4s forwards;
animation-iteration-count: 1;
}
@media (max-width: 1024px) {
.elementor-widget-wgl-button .highlight_svg:not(.active) path {
    animation: wgl-headline-dash forwards;
    animation-duration: var(--animation-duration, 1.2s);
    animation-iteration-count: 1;
}
.elementor-widget-wgl-button .highlight_svg.active path {
    opacity: 1;
    stroke-dasharray: 1500 1500;
    animation: wgl-hide-highlight 0.4s forwards;
    animation-iteration-count: 1;
}
}
.elementor-widget-wgl-button.button-animation-enabled .wgl-button {
background-repeat: no-repeat;
background-size: 0 100%;
background-position: 100% 100%;
transition: 0.8s, background-size 0.8s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.elementor-widget-wgl-button.button-animation-enabled .wgl-button:hover {
background-size: 100% 100%;
}

body .elementor-widget-wgl-button.aleft .wgl-button, body .elementor-widget-wgl-button.acenter .wgl-button, body .elementor-widget-wgl-button.aright .wgl-button {
width: auto;
}
body .elementor-widget-wgl-button.ajustify .wgl-button {
width: 100%;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-button.a-tabletleft .wgl-button, body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-button.a-tabletcenter .wgl-button, body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-button.a-tabletright .wgl-button {
width: auto;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-button.a-tabletjustify .wgl-button {
width: 100%;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-button.a-mobileleft .wgl-button, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-button.a-mobilecenter .wgl-button, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-button.a-mobileright .wgl-button {
width: auto;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-button.a-mobilejustify .wgl-button {
width: 100%;
}

@keyframes wgl-headline-dash {
from {
    stroke-dasharray: 0 1500;
    opacity: 1;
}
to {
    stroke-dasharray: 1500 1500;
    opacity: 1;
}
}
@keyframes wgl-hide-highlight {
from {
    opacity: 1;
    stroke-dasharray: 1500 1500;
}
to {
    opacity: 0;
    filter: blur(10px);
}
}
/* ==================== ##Background Clip Text ==================== */
.elementor-widget-wgl-background-clip-text .clip-text__title {
font-size: 200px;
line-height: 0.9;
letter-spacing: 0.07em;
}

/* ==================== ##Carousel Navigation ==================== */
.wgl-carousel_wrapper {
position: relative;
}
.wgl-carousel_wrapper .elementor-swiper-button,
.wgl-carousel_wrapper .motion-arrow {
--wgl-swiper-button-diameter: 60px;
display: block;
position: absolute;
z-index: 100;
top: 50%;
margin: unset;
width: var(--wgl-swiper-button-diameter);
height: var(--wgl-swiper-button-diameter);
padding: 0;
line-height: 0;
font-size: 16px;
letter-spacing: unset;
border: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
text-align: center;
text-indent: unset;
background-color: unset;
box-shadow: unset;
cursor: pointer;
transition: all 0.4s, transform 0.15s;
border-radius: 50%;
color: var(--bili-secondary-color);
}
.wgl-carousel_wrapper .elementor-swiper-button.swiper-button-disabled,
.wgl-carousel_wrapper .motion-arrow.swiper-button-disabled {
opacity: 0.5;
}
.wgl-carousel_wrapper .elementor-swiper-button:not(.swiper-button-disabled):hover,
.wgl-carousel_wrapper .motion-arrow:not(.swiper-button-disabled):hover {
border-color: var(--bili-secondary-color);
}
@media (max-width: 768px) {
.wgl-carousel_wrapper .elementor-swiper-button,
.wgl-carousel_wrapper .motion-arrow {
    --wgl-swiper-button-diameter: 35px;
}
.wgl-carousel_wrapper .elementor-swiper-button.elementor-swiper-button-prev,
.wgl-carousel_wrapper .motion-arrow.elementor-swiper-button-prev {
    right: -30px;
}
.wgl-carousel_wrapper .elementor-swiper-button.elementor-swiper-button-next,
.wgl-carousel_wrapper .motion-arrow.elementor-swiper-button-next {
    left: -30px;
}
}
.wgl-carousel_wrapper .elementor-swiper-button svg,
.wgl-carousel_wrapper .motion-arrow svg {
fill: currentColor;
}
.wgl-carousel_wrapper .elementor-swiper-button-prev,
.wgl-carousel_wrapper .motion-prev {
right: 50px;
}
.wgl-carousel_wrapper .motion-next,
.wgl-carousel_wrapper .elementor-swiper-button-next {
left: 50px;
transform: scale(-1) translateY(50%);
right: auto;
}
.wgl-carousel_wrapper .swiper-pagination.swiper-pagination-fraction {
position: absolute;
left: 42px;
right: unset;
padding: 0;
width: max-content;
font-size: 16px;
line-height: 1.35;
color: #ffffff;
font-family: var(--bili-hrader-font-family);
font-weight: 700;
}
.wgl-carousel_wrapper .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
margin-left: -1px;
}
.wgl-carousel_wrapper .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
margin-right: -2px;
}
.wgl-carousel_wrapper .bili_carousel_list {
overflow: hidden;
}
.wgl-carousel_wrapper.navigation-position-nearby {
--wgl-swiper-buttons-distance: 10px;
}
.wgl-carousel_wrapper.navigation-position-nearby.navigation-view-under_each_other {
--wgl-swiper-buttons-distance: -12px;
}
.wgl-carousel_wrapper.navigation-position-nearby.navigation-view-under_each_other .elementor-swiper-button,
.wgl-carousel_wrapper.navigation-position-nearby.navigation-view-under_each_other .motion-arrow {
top: calc(50% - var(--wgl-swiper-button-diameter) / 2);
right: calc(110% - var(--wgl-swiper-button-diameter) - var(--wgl-swiper-buttons-distance) / 2);
}
.wgl-carousel_wrapper.navigation-position-nearby.navigation-view-under_each_other .elementor-swiper-button.elementor-swiper-button-prev,
.wgl-carousel_wrapper.navigation-position-nearby.navigation-view-under_each_other .motion-arrow.elementor-swiper-button-prev {
top: calc(50% + var(--wgl-swiper-button-diameter) / 2 + var(--wgl-swiper-buttons-distance));
}
.wgl-carousel_wrapper.navigation-position-nearby.navigation-view-under_each_other .elementor-swiper-button:after,
.wgl-carousel_wrapper.navigation-position-nearby.navigation-view-under_each_other .motion-arrow:after {
right: 0;
left: 0;
}
.wgl-carousel_wrapper.navigation-position-nearby .elementor-swiper-button,
.wgl-carousel_wrapper.navigation-position-nearby .motion-arrow {
top: auto;
bottom: 0;
}
.wgl-carousel_wrapper.navigation-position-nearby .elementor-swiper-button-prev,
.wgl-carousel_wrapper.navigation-position-nearby .motion-prev {
left: calc(var(--wgl-swiper-buttons-distance) + var(--wgl-swiper-button-diameter));
right: auto;
}
.wgl-carousel_wrapper.navigation-position-nearby .elementor-swiper-button-prev:before,
.wgl-carousel_wrapper.navigation-position-nearby .motion-prev:before {
left: 0;
}
.wgl-carousel_wrapper.navigation-position-nearby .elementor-swiper-button-prev:after,
.wgl-carousel_wrapper.navigation-position-nearby .motion-prev:after {
right: auto;
left: 6px;
}
.wgl-carousel_wrapper.navigation-position-nearby .elementor-swiper-button-next,
.wgl-carousel_wrapper.navigation-position-nearby .motion-next {
right: auto;
left: 0;
}
.wgl-carousel_wrapper.navigation-position-nearby .elementor-swiper-button-next:after,
.wgl-carousel_wrapper.navigation-position-nearby .motion-next:after {
right: 6px;
left: auto;
}
.wgl-carousel_wrapper .wgl-carousel_inner_wrapper {
overflow: hidden;
}

div.swiper-pagination .swiper-pagination-bullet button {
display: none;
}

.wgl-carousel .swiper-pagination-bullet {
width: auto;
height: auto;
border-radius: 0;
background: initial;
opacity: 1;
}
.wgl-carousel.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0;
width: max-content;
margin-right: auto;
}
.wgl-carousel .swiper-pagination {
position: relative;
z-index: 2;
width: max-content;
margin: 30px 0 0;
padding: 0 15px;
min-height: 20px;
}
.wgl-carousel .swiper-pagination:not(.swiper-pagination-fraction) {
line-height: 0;
font-size: 0;
}
.wgl-carousel .swiper-pagination .swiper-pagination-bullet {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 5px;
font-size: 0;
line-height: 0;
list-style: none;
opacity: 1;
cursor: pointer;
transition: 0.4s;
}
.wgl-carousel .swiper-pagination .swiper-pagination-bullet button {
display: inline-block;
position: relative;
z-index: 1;
font-size: 0;
line-height: 0;
padding: 0;
margin: 0;
border: 0;
vertical-align: bottom;
transition: inherit;
background: #5B5B5B;
}
.wgl-carousel .swiper-pagination .swiper-pagination-bullet button:focus {
outline: none;
}
.wgl-carousel .swiper-pagination .swiper-pagination-bullet-active button {
background: var(--bili-secondary-color);
}
.wgl-carousel .swiper-pagination .swiper-pagination-bullet:first-child {
margin-right: 0;
}
.wgl-carousel .swiper-pagination .swiper-pagination-bullet:last-child {
margin-left: 0;
}
.wgl-carousel .swiper-pagination .swiper-pagination-bullet:only-child {
display: none;
}
.wgl-carousel .swiper-pagination-fraction {
font-size: 16px;
font-weight: 500;
font-family: var(--bili-header-font-family);
min-height: 1em;
line-height: 1;
color: #9e9eca;
}
.wgl-carousel .swiper-pagination-fraction .swiper-pagination-current {
margin-left: -0.25em;
}
.wgl-carousel .swiper-pagination-fraction .swiper-pagination-total {
margin-right: -0.25em;
}
.wgl-carousel.pagination_circle .swiper-pagination li {
padding: 5px;
}
.wgl-carousel.pagination_circle .swiper-pagination li button {
width: 6px;
height: 6px;
border-radius: 50%;
background: #5B5B5B;
}
.wgl-carousel.pagination_circle .swiper-pagination li.swiper-pagination-bullet {
margin: 0 2px;
}
.wgl-carousel.pagination_circle .swiper-pagination li:hover button, .wgl-carousel.pagination_circle .swiper-pagination li.swiper-pagination-bullet-active button {
background: var(--bili-secondary-color);
}
.wgl-carousel.pagination_circle_border .swiper-pagination li {
margin: 0;
padding: 0;
}
.wgl-carousel.pagination_circle_border .swiper-pagination li button {
border-radius: 50%;
width: 25px;
height: 25px;
border-width: 1px;
border-style: solid;
border-color: transparent;
background: transparent;
opacity: 1;
}
.wgl-carousel.pagination_circle_border .swiper-pagination li button:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 50%;
width: 4px;
height: 4px;
margin-top: -2px;
margin-right: -2px;
border-radius: 50%;
}
.wgl-carousel.pagination_square_border .swiper-pagination li {
margin: 0;
padding: 0;
}
.wgl-carousel.pagination_square_border .swiper-pagination li button {
width: 31px;
height: 31px;
border-width: 2px;
border-style: solid;
border-color: transparent;
border-radius: unset;
background: transparent;
}
.wgl-carousel.pagination_square_border .swiper-pagination li button:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 50%;
width: 6px;
height: 6px;
margin-top: -3px;
margin-right: -3px;
border-radius: unset;
}
.wgl-carousel.pagination_line .swiper-pagination {
min-height: unset;
padding: 0 10px;
max-width: -moz-fit-content;
max-width: fit-content;
margin-right: auto;
margin-left: auto;
}
.wgl-carousel.pagination_line .swiper-pagination:after {
content: "";
position: absolute;
right: 0;
left: 0;
bottom: 7px;
height: 1px;
background-color: rgba(var(--bili-primary-rgb), 0.6);
}
.wgl-carousel.pagination_line .swiper-pagination li {
margin: 0;
padding: 0;
}
.wgl-carousel.pagination_line .swiper-pagination li button {
width: 44px;
height: 15px;
background: transparent;
opacity: 1;
}
.wgl-carousel.pagination_line .swiper-pagination li button:before {
content: "";
position: absolute;
right: 0;
left: 0;
bottom: 8px;
margin-right: auto;
margin-left: auto;
height: 1px;
width: 100%;
transform: translateY(1px) scale3D(0.6, 0, 1);
transition: all 0.4s ease-in-out;
display: block;
}
.wgl-carousel.pagination_line .swiper-pagination li.swiper-pagination-bullet-active button:before {
transform: translateY(1px) scale3D(1, 3, 1);
}
.wgl-carousel.pagination_square .swiper-pagination li button {
width: 8px;
height: 8px;
border-radius: unset;
}
.wgl-carousel.pagination_line_circle .swiper-pagination li {
margin: 0;
padding: 10px 5px;
}
.wgl-carousel.pagination_line_circle .swiper-pagination li button {
width: 6px;
height: 6px;
border-radius: 6px;
}
.wgl-carousel.pagination_line_circle .swiper-pagination li.swiper-pagination-bullet-active button {
width: 25px;
}

.wgl-carousel.animation-style-3d.animation-direction-vertical {
height: 600px;
perspective: 1000px;
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap {
height: 100%;
transform: translateZ(-288px);
transform-style: preserve-3d;
transition: transform 1s;
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
height: 100%;
margin: auto 15px !important;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
transition: transform 0.7s, opacity 1s;
pointer-events: none;
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper .testimonial__item {
pointer-events: auto;
cursor: pointer;
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper .testimonial__item:after {
content: "";
position: absolute;
left: -4px;
top: 0;
bottom: 0;
margin: auto;
width: 7px;
height: 93px;
max-height: 60%;
border-radius: 7px;
z-index: 1;
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper.active {
opacity: 0.6;
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper.current {
opacity: 1;
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper.current .testimonial__item {
cursor: default;
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(1) {
transform: rotateX(0deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(2) {
transform: rotateX(40deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(3) {
transform: rotateX(80deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(4) {
transform: rotateX(120deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(5) {
transform: rotateX(160deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(6) {
transform: rotateX(200deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(7) {
transform: rotateX(240deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(8) {
transform: rotateX(280deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(9) {
transform: rotateX(320deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper > div {
background-color: #ffffff;
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .motion-prev {
transform-origin: 0%;
transform: rotate(-90deg);
}
.wgl-carousel.animation-style-3d.animation-direction-vertical .motion-next {
transform-origin: 100%;
transform: rotate(-90deg);
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal {
height: 600px;
perspective: 1000px;
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap {
height: 100%;
transform: translateZ(-288px);
transform-style: preserve-3d;
transition: transform 1s;
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper {
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
height: -moz-fit-content;
height: fit-content;
width: 700px;
max-width: 100%;
margin: auto !important;
right: 0;
left: 0;
top: 0;
bottom: 0;
opacity: 0;
transition: transform 0.7s, opacity 1s;
pointer-events: none;
}
@media (min-width: 600px) {
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper {
    max-width: 75%;
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper.active {
    opacity: 0.6;
}
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper.current {
opacity: 1;
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper.current .testimonial__item {
cursor: default;
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(1) {
transform: rotateY(0deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(2) {
transform: rotateY(-40deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(3) {
transform: rotateY(-80deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(4) {
transform: rotateY(-120deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(5) {
transform: rotateY(-160deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(6) {
transform: rotateY(-200deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(7) {
transform: rotateY(-240deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(8) {
transform: rotateY(-280deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(9) {
transform: rotateY(-320deg) translateZ(288px);
}
.wgl-carousel.animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper > div {
background-color: #ffffff;
}

body[data-elementor-device-mode=mobile] .wgl-carousel.animation-style-3d.animation-direction-vertical .motion-arrow {
display: none;
}

/* ==================== ##Clients ==================== */
.wgl-cases {
display: flex;
flex-wrap: wrap;
}
.wgl-cases__link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
right: 0;
top: 0;
}
.wgl-cases__link:hover ~ .wgl-cases__button_wrapper .wgl-cases__button > span {
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
}
.wgl-cases__link:hover ~ .wgl-cases__button_wrapper .button-read-more {
padding-right: calc(1em + 9px);
margin-left: calc((1em + 9px) * -1);
}
.wgl-cases__button {
display: flex;
align-items: center;
font-size: 28px;
font-weight: 500;
transition: 0.4s;
}
.wgl-cases__button .read-more-icon {
margin-top: 0.2em;
flex-shrink: 0;
line-height: 0;
align-self: flex-start;
}
.wgl-cases__button .read-more-icon::before {
color: inherit !important;
}
.wgl-cases__button > span {
white-space: normal;
line-height: 1.2em;
transition: inherit;
}
.wgl-cases__button_wrapper {
width: 100%;
}
.wgl-cases .button-read-more:hover {
padding-right: calc(1em + 9px);
margin-left: calc((1em + 9px) * -1);
}
.wgl-cases .image_wrapper {
position: relative;
}
.wgl-cases .media-wrapper:not(.img-wrapper) ~ .case_title__wrapper .case_title {
opacity: 1;
}
.wgl-cases .img-wrapper ~ .case_title__wrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.wgl-cases .case_title {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.1em;
z-index: 1;
}
.wgl-cases .case_title::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: inherit;
pointer-events: none;
transform: scale(1);
transition: inherit;
z-index: -1;
}
.wgl-cases .case_title:hover::before {
transform: scale(1.1);
}
.wgl-cases .wgl-carousel_wrapper {
width: 100%;
overflow: visible;
}
.wgl-cases .case_items {
float: right;
}
.wgl-cases .case_items__inner_wrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
transition: 0.4s;
}
.wgl-cases .hover_image {
display: none;
position: absolute;
z-index: 1;
top: 0;
right: 0;
visibility: hidden;
}
.wgl-cases img {
transition: 0.3s;
}

.elementor-section-full_width .elementor-column-gap-no .elementor-widget-wgl-cases .wgl-carousel .swiper-container {
overflow: visible;
}

/* ==================== ##Circuit Services ==================== */
.wgl-circuit-service {
position: relative;
z-index: 1;
height: 0;
padding-top: 100%;
}
.wgl-circuit-service:before {
content: "";
position: absolute;
z-index: -1;
right: 10%;
top: 10%;
width: 80%;
height: 80%;
border-radius: 50%;
border: 1px solid #dee1ed;
}
.wgl-circuit-service .wgl-services_icon-wrap {
position: absolute;
z-index: 1;
right: 41%;
top: 41%;
width: 18%;
height: 18%;
font-size: 40px;
border-radius: 50%;
box-shadow: 0px 6px 13px rgba(145, 145, 145, 0.2);
cursor: pointer;
transition: 0.4s;
display: flex;
justify-content: center;
align-items: center;
background-color: #fff;
}
.wgl-circuit-service .wgl-services_icon-wrap .services_icon {
transform: translate(50%, -50%);
right: 50%;
top: 50%;
position: absolute;
z-index: 1;
transition: 0.6s;
line-height: 1;
}
.wgl-circuit-service .wgl-services_content-wrap {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
padding: 25% 29%;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: 0.6s;
}
.wgl-circuit-service .wgl-services_icon {
color: var(--bili-primary-color);
}
.wgl-circuit-service .wgl-services_item.active .wgl-services_icon {
color: #fff;
}
.wgl-circuit-service .wgl-services_item.active .wgl-services_icon-wrap {
background-color: var(--bili-primary-color);
}
.wgl-circuit-service .wgl-services_item.active .wgl-services_icon-wrap + .wgl-services_content-wrap {
opacity: 1;
visibility: visible;
}
.wgl-circuit-service .wgl-services_title {
margin-bottom: 10px;
font-size: 24px;
line-height: 1.4;
font-weight: 600;
color: var(--bili-header-font-color);
}
.wgl-circuit-service .wgl-services_text {
font-size: 14px;
color: var(--bili-content-color);
}
.wgl-circuit-service.tablet_resp .services_descr {
display: none;
}
.wgl-circuit-service.tablet_resp .services_title {
margin-bottom: 0;
font-size: 22px;
}
.wgl-circuit-service.tablet_resp .services_icon {
font-size: 75%;
}
.wgl-circuit-service.mobile_resp .services_title {
margin-bottom: 0;
font-size: 18px;
line-height: 26px;
}
.wgl-circuit-service.mobile_resp .services_subtitle {
font-size: 13px;
}
.wgl-circuit-service.mobile_resp .services_icon {
font-size: 55%;
}
.wgl-circuit-service.mobile_resp .services_descr {
display: none;
}

/* ==================== ##Clients ==================== */
.wgl-clients {
display: flex;
flex-wrap: wrap;
}
.wgl-clients .wgl-carousel_wrapper {
width: 100%;
overflow: visible;
}
.wgl-clients .clients_image {
float: right;
display: flex;
align-items: inherit;
transition: 0.4s;
}
.wgl-clients .clients_image .image_wrapper {
display: flex;
position: relative;
z-index: 1;
align-items: center;
height: max-content;
}
.wgl-clients .clients_image .image_wrapper,
.wgl-clients .clients_image .image_wrapper > img {
border-radius: inherit;
}
.wgl-clients .clients_image.swiper-slide {
display: flex;
}
.wgl-clients .hover_image {
display: none;
position: absolute;
z-index: 1;
top: 0;
right: 0;
visibility: hidden;
}
.wgl-clients.items-1 > .clients_image {
width: 100%;
}
.wgl-clients.items-1 > .clients_image:nth-child(2), .wgl-clients.items-1 > .clients_image:nth-child(n+3) {
clear: right;
}
.wgl-clients.items-2 > .clients_image {
width: 50%;
}
.wgl-clients.items-2 > .clients_image:nth-child(3), .wgl-clients.items-2 > .clients_image:nth-child(2n+5) {
clear: right;
}
.wgl-clients.items-3 > .clients_image {
width: 33.33333%;
}
.wgl-clients.items-3 > .clients_image:nth-child(4), .wgl-clients.items-3 > .clients_image:nth-child(3n+7) {
clear: right;
}
.wgl-clients.items-4 > .clients_image {
width: 25%;
}
.wgl-clients.items-4 > .clients_image:nth-child(5), .wgl-clients.items-4 > .clients_image:nth-child(4n+9) {
clear: right;
}
.wgl-clients.items-5 > .clients_image {
width: 20%;
}
.wgl-clients.items-5 > .clients_image:nth-child(6), .wgl-clients.items-5 > .clients_image:nth-child(5n+11) {
clear: right;
}
.wgl-clients.items-6 > .clients_image {
width: 16.66666%;
}
.wgl-clients.items-6 > .clients_image:nth-child(7), .wgl-clients.items-6 > .clients_image:nth-child(6n+13) {
clear: right;
}
.wgl-clients.items-7 > .clients_image {
width: 14.2857%;
}
.wgl-clients.items-7 > .clients_image:nth-child(8), .wgl-clients.items-7 > .clients_image:nth-child(7n+15) {
clear: right;
}
.wgl-clients img {
transition: 0.3s;
}
.wgl-clients.anim-zoom .clients_image img {
transform: scale(0.95);
}
.wgl-clients.anim-zoom .clients_image:hover img {
transform: scale(1);
}
.wgl-clients.anim-opacity .clients_image img {
opacity: 0.5;
}
.wgl-clients.anim-opacity .clients_image:hover img {
opacity: 1;
}
.wgl-clients.anim-grayscale .clients_image img {
filter: grayscale(100%);
opacity: 0.6;
}
.wgl-clients.anim-grayscale .clients_image:hover img {
filter: grayscale(0);
opacity: 1;
}
.wgl-clients.anim-contrast .clients_image:hover img {
filter: contrast(300%);
}
.wgl-clients.anim-blur-1 .clients_image:hover img {
filter: blur(1px);
}
.wgl-clients.anim-blur-2 .clients_image img {
filter: blur(1px);
}
.wgl-clients.anim-blur-2 .clients_image:hover img {
filter: blur(0);
}
.wgl-clients.anim-invert .clients_image:hover img {
filter: invert(100%);
}
.wgl-clients.anim-ex_images .hover_image {
display: block;
opacity: 0;
}
.wgl-clients.anim-ex_images .image_wrapper:hover .hover_image {
opacity: 1;
visibility: visible;
}
.wgl-clients.anim-ex_images .image_wrapper:hover .hover_image + .main_image {
opacity: 0;
}
.wgl-clients.anim-ex_images_ver .image_wrapper {
overflow: hidden;
}
.wgl-clients.anim-ex_images_ver .hover_image {
display: block;
transform: translateY(-100%);
}
.wgl-clients.anim-ex_images_ver .image_wrapper:hover .hover_image {
opacity: 1;
visibility: visible;
transform: translateY(0%);
}
.wgl-clients.anim-ex_images_ver .image_wrapper:hover .hover_image + .main_image {
transform: translateY(100%);
}

.elementor-section-full_width .elementor-column-gap-no .elementor-widget-wgl-clients .wgl-carousel .swiper-container {
overflow: visible;
}

/* ==================== ##Combo Menu ==================== */
.wgl-combo-menu .menu-item {
display: flex;
align-items: center;
}
.wgl-combo-menu .menu-item:first-child {
margin-top: 0 !important;
}
.wgl-combo-menu .menu-item:last-child {
margin-bottom: 0 !important;
}
.wgl-combo-menu .menu-item:hover .menu-item_title {
color: var(--bili-header-font-color);
}
.wgl-combo-menu .menu-item_title {
order: 1;
margin-left: 20px;
font-size: 24px;
font-weight: 300;
line-height: 1.25;
transition: 0.4s;
color: var(--bili-header-font-color);
}
.wgl-combo-menu .menu-item_price {
order: 3;
margin-right: 20px;
font-size: 20px;
font-weight: 300;
line-height: 1;
color: var(--bili-primary-color);
}
.wgl-combo-menu .menu-item_content {
display: flex;
align-items: baseline;
}
.wgl-combo-menu .menu-item_content:after {
content: "";
width: 100%;
height: 1px;
flex: 1;
order: 2;
border-bottom: 1px solid;
border-color: var(--bili-primary-color);
}
.wgl-combo-menu .menu-item_content-wrap {
flex: 1;
}

/* ==================== ##Countdown ==================== */
.wgl-countdown .countdown-row {
display: flex;
align-items: center;
}
.wgl-countdown .countdown-section {
position: relative;
color: inherit;
}
.wgl-countdown .countdown-section .countdown-amount {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
z-index: 1;
margin: 0 auto;
font-size: 1em;
font-weight: 700;
line-height: 1;
font-family: var(--bili-header-font-family);
box-sizing: border-box;
color: var(--bili-header-font-color);
}
.wgl-countdown .countdown-section .countdown-amount span {
display: inline-block;
}
.wgl-countdown .countdown-section .countdown-period {
display: block;
font-size: 14px;
line-height: 1;
color: inherit;
letter-spacing: 0.1em;
text-transform: uppercase;
min-width: 100%;
margin: auto;
padding-top: 6px;
font-weight: 700;
}

.elementor-widget-wgl-countdown.aleft .countdown-row {
justify-content: flex-start;
}
.elementor-widget-wgl-countdown.acenter .countdown-row {
justify-content: center;
}
.elementor-widget-wgl-countdown.aright .countdown-row {
justify-content: flex-end;
}
.elementor-widget-wgl-countdown.ajustify .countdown-section {
flex: 1;
}
.elementor-widget-wgl-countdown:not(.show_title_yes) .countdown-period {
display: none !important;
}
.elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount:before, .elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount:after, .elementor-widget-wgl-countdown.dots_style-rectangle .countdown-section:not(:last-child) .countdown-amount:before, .elementor-widget-wgl-countdown.dots_style-rectangle .countdown-section:not(:last-child) .countdown-amount:after, .elementor-widget-wgl-countdown.dots_style-square .countdown-section:not(:last-child) .countdown-amount:before, .elementor-widget-wgl-countdown.dots_style-square .countdown-section:not(:last-child) .countdown-amount:after {
content: "";
visibility: hidden;
position: absolute;
z-index: 1;
top: 20%;
left: 0;
width: 10px;
height: 10px;
background: currentColor;
color: var(--bili-primary-color);
}
.elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount:before, .elementor-widget-wgl-countdown.dots_style-rectangle .countdown-section:not(:last-child) .countdown-amount:before, .elementor-widget-wgl-countdown.dots_style-square .countdown-section:not(:last-child) .countdown-amount:before {
margin-top: 0;
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount:after, .elementor-widget-wgl-countdown.dots_style-rectangle .countdown-section:not(:last-child) .countdown-amount:after, .elementor-widget-wgl-countdown.dots_style-square .countdown-section:not(:last-child) .countdown-amount:after {
margin-top: 15px;
transform: translateX(-50%) translateY(50%) rotate(-45deg);
}
.elementor-widget-wgl-countdown.dots_style-rectangle .countdown-section:not(:last-child) .countdown-amount:before, .elementor-widget-wgl-countdown.dots_style-rectangle .countdown-section:not(:last-child) .countdown-amount:after {
border-radius: 0;
transform: translateX(-50%) translateY(-50%) rotate(0deg);
}
.elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount:before, .elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount:after {
border-radius: 50%;
}
.elementor-widget-wgl-countdown.dots_style-font .countdown-section:not(:last-child) .countdown-amount:after {
content: ":";
position: absolute;
z-index: 1;
top: 0;
left: 0;
margin-top: 0;
transform: translateX(-50%);
}

body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-countdown.a-tabletleft .countdown-row {
justify-content: flex-start;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-countdown.a-tabletcenter .countdown-row {
justify-content: center;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-countdown.a-tabletright .countdown-row {
justify-content: flex-end;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-countdown.a-tabletjustify .countdown-section {
flex: 1;
}

body[data-elementor-device-mode=mobile] .elementor-widget-wgl-countdown.a-mobileleft .countdown-row {
justify-content: flex-start;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-countdown.a-mobilecenter .countdown-row {
justify-content: center;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-countdown.a-mobileright .countdown-row {
justify-content: flex-end;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-countdown.a-mobilejustify .countdown-section {
flex: 1;
}

/* ==================== ##Counter ==================== */
.wgl-counter {
position: relative;
z-index: 1;
}
.wgl-counter .media-wrap {
display: inline-block;
}
.wgl-counter_value-wrap {
display: inline-flex;
font-size: 130px;
line-height: 1;
font-weight: 700;
justify-content: center;
font-family: var(--bili-header-font-family);
color: transparent;
-webkit-text-stroke-color: rgba(var(--bili-header-rgb), 0.4);
-webkit-text-stroke-width: 1px;
}
.wgl-counter__placeholder-wrap {
font-weight: inherit;
position: relative;
}
.wgl-counter__value {
position: absolute;
z-index: 2;
left: 0;
}
.wgl-counter__placeholder {
visibility: hidden;
}
.wgl-counter__prefix {
text-align: left;
}
.wgl-counter__suffix {
text-align: right;
}
.wgl-counter_title {
font-size: 18px;
width: 100%;
color: var(--bili-header-font-color);
font-weight: 500;
line-height: 1.3;
margin: 0 -15px 0 4px;
font-family: var(--bili-content-font-family);
}
.wgl-counter_divider {
width: 100%;
height: 1px;
background: var(--bili-header-font-color);
}
.wgl-counter.title-inline .content-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.wgl-counter.title-inline .wgl-counter_value-wrap {
font-size: 130px;
}
.wgl-counter.title-top .content-wrap {
display: flex;
flex-direction: column-reverse;
}
.wgl-counter .elementor-icon {
color: var(--bili-primary-color);
}
.wgl-counter .elementor-icon:hover {
color: var(--bili-primary-color);
}

.elementor-widget-wgl-counter.aleft .wgl-counter_title {
text-align: right;
}
.elementor-widget-wgl-counter.aleft .title-inline .content-wrap {
justify-content: flex-start;
}
.elementor-widget-wgl-counter.aright .title-inline .content-wrap {
justify-content: flex-end;
}

.elementor-widget-icon-box.elementor-position-left .wgl-counter_wrap,
.elementor-widget-image-box.elementor-position-left .wgl-counter_wrap {
display: flex;
text-align: right;
flex-direction: row;
}
.elementor-widget-icon-box.elementor-position-left .wgl-counter_media-wrap,
.elementor-widget-image-box.elementor-position-left .wgl-counter_media-wrap {
display: inline-flex;
flex: 0 0 auto;
}
.elementor-widget-icon-box.elementor-position-left .content-wrap,
.elementor-widget-image-box.elementor-position-left .content-wrap {
flex-grow: 1;
}
.elementor-widget-icon-box.elementor-position-right .wgl-counter_wrap,
.elementor-widget-image-box.elementor-position-right .wgl-counter_wrap {
display: flex;
text-align: left;
flex-direction: row-reverse;
}
.elementor-widget-icon-box.elementor-position-right .media-wrap,
.elementor-widget-image-box.elementor-position-right .media-wrap {
display: inline-flex;
flex: 0 0 auto;
}
.elementor-widget-icon-box.elementor-position-right .content-wrap,
.elementor-widget-image-box.elementor-position-right .content-wrap {
flex-grow: 1;
}
.elementor-widget-icon-box.elementor-position-top .elementor-icon-box-img,
.elementor-widget-image-box.elementor-position-top .elementor-icon-box-img {
margin: auto;
}

/* ==================== ##Demo Item ==================== */
.wgl-demo-item {
text-align: center;
}
.wgl-demo-item .demo-item {
box-shadow: -2px 2px 10px 0px rgba(0, 0, 0, 0.12);
padding: 20px 30px 24px;
transition: 0.4s;
display: block;
background: #232323;
}
.wgl-demo-item .demo-item_title {
font-size: 22px;
line-height: 1.3;
transition: 0.4s;
color: var(--bili-header-font-color);
display: flex;
justify-content: space-between;
margin-top: 22px;
}
.wgl-demo-item .demo-item_divider {
position: relative;
z-index: 1;
width: 7px;
height: 7px;
border-radius: 50%;
background: #e7e1dd;
margin-bottom: 20px;
transition: 0.3s;
}
.wgl-demo-item .demo-item_divider:before, .wgl-demo-item .demo-item_divider:after {
content: "";
width: inherit;
height: inherit;
position: absolute;
z-index: 1;
border-radius: inherit;
background: #e7e1dd;
top: 0;
transition: inherit;
}
.wgl-demo-item .demo-item_divider:before {
right: 15px;
}
.wgl-demo-item .demo-item_divider:after {
right: 30px;
}
.wgl-demo-item > a .demo-item_title:after {
content: "\f142";
font-family: flaticon;
color: var(--bili-primary-color);
transform: rotate(135deg);
font-size: 32px;
font-weight: 400;
line-height: 1;
margin: -0.3em 0 0 -0.2em;
}
.wgl-demo-item:hover .demo-item {
transform: translateY(-15px);
}
.wgl-demo-item:hover .demo-item_title {
color: var(--bili-primary-color);
}
.wgl-demo-item:hover .demo-item_divider {
animation: dotFlashing 1s infinite alternate;
animation-delay: 0s;
}
.wgl-demo-item:hover .demo-item_divider:before {
animation: dotFlashing 1s infinite alternate;
animation-delay: 0.5s;
}
.wgl-demo-item:hover .demo-item_divider:after {
animation: dotFlashing 1s infinite alternate;
animation-delay: 1s;
}
.wgl-demo-item.coming-soon {
pointer-events: none;
}

@keyframes dotFlashing {
0% {
    background-color: #aea9a6;
}
50%, 100% {
    background-color: #e7e1dd;
}
}
/* ==================== ##Double Heading ==================== */
.elementor-widget-wgl-double-heading .wgl-double-heading {
position: relative;
z-index: 0;
line-height: 0;
}
.elementor-widget-wgl-double-heading .wgl-double-heading .dblh__subtitle {
margin-bottom: 16px;
color: #888888;
font-family: var(--bili-content-font-family);
font-size: 14px;
line-height: 1.333333333;
font-weight: 700;
letter-spacing: 1.3px;
}
.elementor-widget-wgl-double-heading .wgl-double-heading .dblh__subtitle span {
display: inline-block;
position: relative;
}
.elementor-widget-wgl-double-heading .wgl-double-heading .dblh__subtitle span::before {
content: "";
position: absolute;
z-index: -1;
left: 0.3em;
right: 0;
top: 0;
bottom: 0;
height: calc(100% - 4px);
width: auto;
margin: auto;
}
.elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title-wrapper {
position: relative;
z-index: 1;
line-height: 1.3;
}
.elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title {
font: inherit;
line-height: inherit;
color: inherit;
letter-spacing: inherit;
text-decoration: inherit;
text-transform: inherit;
transition: 0.4s ease-in-out;
text-decoration-thickness: 0.05em !important;
text-underline-offset: 0.1em;
}
.elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title-1 {
color: var(--bili-header-font-color);
}
.elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title-2 {
color: var(--bili-primary-color);
}
.elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title-3 {
color: var(--bili-header-font-color);
}
.elementor-widget-wgl-double-heading.divider-yes .dblh__divider {
display: block;
width: 100%;
height: 1px;
background-color: var(--bili-header-font-color);
margin-top: 20px;
margin-bottom: 10px;
z-index: 1;
}
.elementor-widget-wgl-double-heading.aright .dblh__subtitle:before {
display: none;
}
.elementor-widget-wgl-double-heading.aleft .dblh__subtitle:after {
display: none;
}

body .elementor-widget-wgl-double-heading.aright .dblh__subtitle:before {
display: none;
}
body .elementor-widget-wgl-double-heading.aleft .dblh__subtitle:after {
display: none;
}
body .elementor-widget-wgl-double-heading.acenter .dblh__subtitle:before, body .elementor-widget-wgl-double-heading.acenter .dblh__subtitle:after {
display: inline-block;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-double-heading.a-tabletright .dblh__subtitle:before {
display: none;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-double-heading.a-tabletleft .dblh__subtitle:after {
display: none;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-double-heading.a-tabletcenter .dblh__subtitle:before, body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-double-heading.a-tabletcenter .dblh__subtitle:after {
display: inline-block;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-mobileright .dblh__subtitle:before {
display: none;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-mobileleft .dblh__subtitle:after {
display: none;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-mobilecenter .dblh__subtitle:before, body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-mobilecenter .dblh__subtitle:after {
display: inline-block;
}

/* ==================== ##Image Layers ==================== */
.wgl-image-animate {
position: relative;
line-height: 0;
max-width: 100%;
}
.wgl-image-animate .img-layer_image-wrapper {
position: relative;
line-height: 0;
display: block;
width: inherit;
max-width: 100%;
height: inherit;
max-height: 100%;
}
.wgl-image-animate .img-layer_image-wrapper img {
pointer-events: none;
}
.wgl-image-animate .img-layer_image-wrapper:not(:first-child) {
position: absolute;
right: 0;
top: 0;
}
.wgl-image-animate .img-layer_image-wrapper .img-layer_image {
transition: all 0.5s;
}
.wgl-image-animate .img-layer_image-wrapper.up_down1 .img-layer_image {
animation: image_upDown1 2s infinite alternate;
}
.wgl-image-animate .img-layer_image-wrapper.up_down2 .img-layer_image {
animation: image_upDown2 2s infinite alternate;
}
.wgl-image-animate .img-layer_image-wrapper.up_down3 .img-layer_image {
animation: image_upDown3 2s infinite alternate;
}
.wgl-image-animate .img-layer_image-wrapper.left_right1 .img-layer_image {
animation: image_leftRight1 2s infinite alternate;
}
.wgl-image-animate .img-layer_image-wrapper.left_right2 .img-layer_image {
animation: image_leftRight2 2s infinite alternate;
}
.wgl-image-animate .img-layer_image-wrapper.left_right3 .img-layer_image {
animation: image_leftRight3 2s infinite alternate;
}
.wgl-image-animate .img-layer_image-wrapper.scale1 .img-layer_image {
animation: image_scale1 2s infinite alternate;
}
.wgl-image-animate .img-layer_image-wrapper.scale2 .img-layer_image {
animation: image_scale2 2s infinite linear;
}
.wgl-image-animate .img-layer_image-wrapper.scale3 .img-layer_image {
animation: image_scale3 2s infinite linear;
}
.wgl-image-animate .img-layer_image-wrapper.move1 .img-layer_image {
animation: image_move1 4s infinite linear;
}
.wgl-image-animate .img-layer_image-wrapper.move2 .img-layer_image {
animation: image_move2 4s infinite linear;
}
.wgl-image-animate .img-layer_image-wrapper.move3 .img-layer_image {
animation: image_move3 4s infinite linear;
}
.wgl-image-animate .img-layer_image-wrapper.move4 .img-layer_image {
animation: image_move4 4s infinite linear;
}
.wgl-image-animate .img-layer_image-wrapper.move-rotate1 .img-layer_image {
animation: image_move_rotate1 4s infinite linear;
}
.wgl-image-animate .img-layer_image-wrapper.move-rotate2 .img-layer_image {
animation: image_move_rotate2 4s infinite linear;
}
.wgl-image-animate .img-layer_image-wrapper.move-rotate3 .img-layer_image {
animation: image_move_rotate3 4s infinite linear;
}
.wgl-image-animate .img-layer_image-wrapper.move-rotate4 .img-layer_image {
animation: image_move_rotate4 4s infinite linear;
}

@keyframes image_upDown1 {
0% {
    transform: translateY(-5px);
}
100% {
    transform: translateY(5px);
}
}
@keyframes image_upDown2 {
0% {
    transform: translateY(-10px);
}
100% {
    transform: translateY(10px);
}
}
@keyframes image_upDown3 {
0% {
    transform: translateY(-15px);
}
100% {
    transform: translateY(15px);
}
}
@keyframes image_leftRight1 {
0% {
    transform: translateX(5px);
}
100% {
    transform: translateX(-5px);
}
}
@keyframes image_leftRight2 {
0% {
    transform: translateX(10px);
}
100% {
    transform: translateX(-10px);
}
}
@keyframes image_leftRight3 {
0% {
    transform: translateX(15px);
}
100% {
    transform: translateX(-15px);
}
}
@keyframes image_scale1 {
0% {
    transform: scale(0.8);
}
100% {
    transform: scale(1.1);
}
}
@keyframes image_scale2 {
0% {
    transform: scale(0.9);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(0.9);
}
}
@keyframes image_scale3 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(0.9);
}
100% {
    transform: scale(1);
}
}
@keyframes image_move1 {
0% {
    transform: translate(0px, 0px);
}
25% {
    transform: translate(-10px, 20px);
}
50% {
    transform: translate(-30px, 30px);
}
75% {
    transform: translate(-20px, 10px);
}
100% {
    transform: translate(0px, 0px);
}
}
@keyframes image_move2 {
0% {
    transform: translate(0px, 0px);
}
25% {
    transform: translate(-20px, -20px);
}
50% {
    transform: translate(0px, -40px);
}
75% {
    transform: translate(-20px, -20px);
}
100% {
    transform: translate(0px, 0px);
}
}
@keyframes image_move3 {
0% {
    transform: translate(0px, 0px);
}
25% {
    transform: translate(-20px, 0px);
}
50% {
    transform: translate(-30px, -20px);
}
75% {
    transform: translate(-20px, 0px);
}
100% {
    transform: translate(0px, 0px);
}
}
@keyframes image_move4 {
0% {
    transform: translate(0px, 0px);
}
15% {
    transform: translate(0px, 20px);
}
30% {
    transform: translate(20px, 20px);
}
45% {
    transform: translate(20px, 40px);
}
60% {
    transform: translate(25px, 30px);
}
75% {
    transform: translate(20px, 20px);
}
90% {
    transform: translate(0px, 20px);
}
100% {
    transform: translate(0px, 0px);
}
}
@keyframes image_move_rotate1 {
0% {
    transform: translate(0px, 0px) rotate(0);
}
25% {
    transform: translate(10px, -10px) rotate(-5deg);
}
50% {
    transform: translate(20px, 0px) rotate(0);
}
75% {
    transform: translate(10px, -10px) rotate(2deg);
}
100% {
    transform: translate(0, 0) rotate(0);
}
}
@keyframes image_move_rotate2 {
0% {
    transform: translate(0px, 0px) rotate(0);
}
25% {
    transform: translate(-10px, 10px) rotate(5deg);
}
50% {
    transform: translate(5px, 15px) rotate(10deg);
}
75% {
    transform: translate(10px, 5px) rotate(5deg);
}
100% {
    transform: translate(0, 0) rotate(0);
}
}
@keyframes image_move_rotate3 {
0% {
    transform: translate(0px, 0px) rotate(0);
}
20% {
    transform: translate(0px, -10px) rotate(5deg);
}
40% {
    transform: translate(-15px, -15px) rotate(0deg);
}
60% {
    transform: translate(-25px, 0px) rotate(-7deg);
}
80% {
    transform: translate(-10px, 10px) rotate(2deg);
}
100% {
    transform: translate(0, 0) rotate(0);
}
}
@keyframes image_move_rotate4 {
0% {
    transform: translate(0px, 0px) rotate(0);
}
15% {
    transform: translate(10px, 10px) rotate(-5deg);
}
30% {
    transform: translate(25px, 15px) rotate(-10deg);
}
45% {
    transform: translate(25px, 25px) rotate(-13deg);
}
60% {
    transform: translate(5px, 20px) rotate(-16deg);
}
75% {
    transform: translate(-5px, 5px) rotate(-13deg);
}
90% {
    transform: translate(-15px, -10px) rotate(-8deg);
}
100% {
    transform: translate(0, 0) rotate(0);
}
}
/* ==================== ##Image Comparison ==================== */
.wgl-image_comparison.cocoen {
cursor: pointer;
line-height: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
-webkit-user-select: none;
user-select: none;
border-radius: 0;
}
.wgl-image_comparison.cocoen img.comp-image {
max-width: none;
display: block;
width: 100%;
}
.wgl-image_comparison.cocoen > div {
height: 100%;
right: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 50%;
}
.wgl-image_comparison.cocoen .cocoen-drag {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
right: 50%;
width: 2px;
margin-right: -1px;
background: #fff;
cursor: ew-resize;
}
.wgl-image_comparison.cocoen .cocoen-drag:before, .wgl-image_comparison.cocoen .cocoen-drag:after {
font-family: "Flaticon";
position: absolute;
top: 50%;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
color: var(--bili-tertiary-color);
cursor: pointer;
font-size: 30px;
font-weight: 300;
margin-top: -40px;
border-radius: 0;
padding-right: 37px;
}
.wgl-image_comparison.cocoen .cocoen-drag:before {
z-index: 1;
content: "\f101";
right: 50%;
margin-right: -40px;
background-color: var(--bili-secondary-color);
border-radius: 40px;
transform: scaleX(-1);
}
.wgl-image_comparison.cocoen .cocoen-drag:after {
z-index: 2;
content: "\f101";
left: 50%;
margin-left: -40px;
background: transparent !important;
}

/* ==================== ##Image Layers ==================== */
.wgl-image-layers {
position: relative;
line-height: 0;
max-width: 100%;
}
.wgl-image-layers .img-layer_image-wrapper {
position: relative;
line-height: 0;
display: block;
width: inherit;
max-width: 100%;
height: inherit;
max-height: 100%;
}
.wgl-image-layers .img-layer_image-wrapper:not(:first-child) {
position: absolute;
right: 0;
top: 0;
}
.wgl-image-layers .img-layer_image-wrapper .img-layer_image {
transition: all 0.5s;
}
.wgl-image-layers .img-layer_image-wrapper.fade_in .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_big_up .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_big_down .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_big_left .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_big_right .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_up .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_down .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_left .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.slide_right .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.flip_x .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.flip_y .img-layer_image, .wgl-image-layers .img-layer_image-wrapper.zoom_in .img-layer_image {
opacity: 0;
visibility: hidden;
}
.wgl-image-layers .img-layer_image-wrapper.slide_big_up .img-layer_image {
transform: translateY(100%);
}
.wgl-image-layers .img-layer_image-wrapper.slide_big_down .img-layer_image {
transform: translateY(-100%);
}
.wgl-image-layers .img-layer_image-wrapper.slide_big_left .img-layer_image {
transform: translateX(-100%);
}
.wgl-image-layers .img-layer_image-wrapper.slide_big_right .img-layer_image {
transform: translateX(100%);
}
.wgl-image-layers .img-layer_image-wrapper.slide_up .img-layer_image {
transform: translateY(50%);
}
.wgl-image-layers .img-layer_image-wrapper.slide_down .img-layer_image {
transform: translateY(-50%);
}
.wgl-image-layers .img-layer_image-wrapper.slide_left .img-layer_image {
transform: translateX(-50%);
}
.wgl-image-layers .img-layer_image-wrapper.slide_right .img-layer_image {
transform: translateX(50%);
}
.wgl-image-layers .img-layer_image-wrapper.flip_x .img-layer_image {
transform: rotateX(-100deg);
}
.wgl-image-layers .img-layer_image-wrapper.flip_y .img-layer_image {
transform: rotateY(100deg);
}
.wgl-image-layers .img-layer_image-wrapper.zoom_in .img-layer_image {
transform: scale3d(0.2, 0.2, 0.2);
}
.wgl-image-layers.img-layer_animate .img-layer_image-wrapper.fade_in .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_up .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_down .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_left .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_right .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_up .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_down .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_left .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_right .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.flip_x .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.flip_y .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.zoom_in .img-layer_image {
opacity: 1;
visibility: visible;
}
.wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_up .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_down .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_up .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_down .img-layer_image {
transform: translateY(0);
}
.wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_left .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_big_right .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_left .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.slide_right .img-layer_image {
transform: translateX(0);
}
.wgl-image-layers.img-layer_animate .img-layer_image-wrapper.flip_x .img-layer_image, .wgl-image-layers.img-layer_animate .img-layer_image-wrapper.flip_y .img-layer_image {
transform: rotate(0);
}
.wgl-image-layers.img-layer_animate .img-layer_image-wrapper.zoom_in .img-layer_image {
transform: scale3d(1, 1, 1);
}

/* ==================== ##Info Box ==================== */
.elementor-widget-wgl-info-box.elementor-view-bubble .wgl-infobox .elementor-icon {
color: var(--bili-primary-color);
}
.elementor-widget-wgl-info-box.elementor-view-bubble .wgl-infobox .wgl-icon .icon, .elementor-widget-wgl-info-box.elementor-view-bubble .wgl-infobox .wgl-icon .number,
.elementor-widget-wgl-info-box.elementor-view-bubble .wgl-infobox .wgl-number .icon,
.elementor-widget-wgl-info-box.elementor-view-bubble .wgl-infobox .wgl-number .number {
z-index: 1;
}
.elementor-widget-wgl-info-box.elementor-view-bubble .wgl-infobox .wgl-icon .icon:after, .elementor-widget-wgl-info-box.elementor-view-bubble .wgl-infobox .wgl-icon .number:after,
.elementor-widget-wgl-info-box.elementor-view-bubble .wgl-infobox .wgl-number .icon:after,
.elementor-widget-wgl-info-box.elementor-view-bubble .wgl-infobox .wgl-number .number:after {
content: "";
position: absolute;
top: 0;
right: 0;
z-index: -1;
border-radius: 50%;
transition: 0.4s;
background-color: rgba(var(--bili-primary-rgb), 0.08);
}
.elementor-widget-wgl-info-box.elementor-view-bubble:hover .elementor-icon {
color: var(--bili-primary-color);
border-color: var(--bili-primary-color);
}
.elementor-widget-wgl-info-box.elementor-view-bubble:hover .elementor-icon svg {
fill: var(--bili-primary-color);
}
.elementor-widget-wgl-info-box.elementor-view-stacked .wgl-infobox .elementor-icon {
color: var(--bili-primary-color);
background-color: var(--bili-secondary-color);
}
.elementor-widget-wgl-info-box.elementor-view-stacked .wgl-infobox .elementor-icon svg {
fill: var(--bili-primary-color);
}
.elementor-widget-wgl-info-box.elementor-view-stacked:hover .elementor-icon {
background-color: var(--bili-primary-color);
}
.elementor-widget-wgl-info-box.elementor-view-framed .wgl-infobox .elementor-icon {
color: var(--bili-header-font-color);
border-color: var(--bili-header-font-color);
background-color: transparent;
}
.elementor-widget-wgl-info-box.elementor-view-framed .wgl-infobox .elementor-icon svg {
fill: var(--bili-header-font-color);
border-color: var(--bili-header-font-color);
}
.elementor-widget-wgl-info-box.elementor-view-framed:hover .elementor-icon {
color: var(--bili-primary-color);
border-color: var(--bili-primary-color);
}
.elementor-widget-wgl-info-box.elementor-view-framed:hover .elementor-icon svg {
fill: var(--bili-primary-color);
}
.elementor-widget-wgl-info-box.elementor-view-default .wgl-infobox .elementor-icon {
color: #888888;
border-color: #888888;
}
.elementor-widget-wgl-info-box.elementor-view-default .wgl-infobox .elementor-icon svg {
fill: #888888;
border-color: #888888;
}
.elementor-widget-wgl-info-box.elementor-view-default:hover .elementor-icon {
color: var(--bili-primary-color);
border-color: var(--bili-primary-color);
}
.elementor-widget-wgl-info-box.elementor-view-default:hover .elementor-icon svg {
fill: var(--bili-primary-color);
}
.elementor-widget-wgl-info-box .elementor-icon {
width: 1em;
height: 1em;
box-sizing: content-box;
}
.elementor-widget-wgl-info-box .elementor-widget-container {
position: relative;
}
.elementor-widget-wgl-info-box .elementor-widget-container .wgl-infobox__link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
right: 0;
top: 0;
}
.elementor-widget-wgl-info-box .elementor-widget-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: inherit;
opacity: 0;
transition: inherit;
}
.elementor-widget-wgl-info-box .elementor-widget-container:hover:before {
opacity: 1;
}
.elementor-widget-wgl-info-box .elementor-widget-container:hover .wgl-infobox:before, .elementor-widget-wgl-info-box .elementor-widget-container:hover .wgl-infobox:after {
opacity: 0;
transition: all 0.5s ease-in-out;
}
.elementor-widget-wgl-info-box .elementor-widget-container:hover .wgl-infobox:before {
transform: scale(1.15, 0.85);
}
.elementor-widget-wgl-info-box .elementor-widget-container:hover .wgl-infobox:after {
transform: scale(0.85, 1.15);
}
.elementor-widget-wgl-info-box .elementor-widget-container .wgl-infobox__link + .wgl-infobox_wrapper .button-read-more {
transition: all 0.4s;
}
.elementor-widget-wgl-info-box .elementor-widget-container .wgl-infobox__link:hover + .wgl-infobox_wrapper .button-read-more {
padding-right: 23px;
margin-left: -23px;
}
.elementor-widget-wgl-info-box .elementor-widget-container .wgl-infobox__link:hover + .wgl-infobox_wrapper .read-more-icon {
transform: translateX(0);
opacity: 1;
}
.elementor-widget-wgl-info-box .elementor-widget-container .wgl-infobox__link:hover + .wgl-infobox_wrapper .wgl-infobox_button__media {
opacity: 1;
transform: translateX(0) translateY(0);
}
.elementor-widget-wgl-info-box .elementor-widget-container:hover .wgl-infobox_title {
border-color: var(--bili-primary-color);
}
.elementor-widget-wgl-info-box .wgl-infobox {
transition: 0.4s;
}
.elementor-widget-wgl-info-box .wgl-infobox:before, .elementor-widget-wgl-info-box .wgl-infobox:after {
display: none;
content: "";
position: absolute;
opacity: 1;
border-radius: inherit;
transition: all 0.5s ease-in-out, opacity 0.3s 0.2s ease-in-out;
transform: scale(1, 1);
color: rgba(var(--bili-primary-rgb), 0.7);
}
.elementor-widget-wgl-info-box .wgl-infobox:before {
top: 10px;
left: 10px;
bottom: -10px;
right: 10px;
border-top: 1px solid currentColor;
border-bottom: 1px solid currentColor;
z-index: 1;
pointer-events: none;
}
.elementor-widget-wgl-info-box .wgl-infobox:after {
top: 11px;
left: 10px;
bottom: -9px;
right: 10px;
border-left: 1px solid currentColor;
border-right: 1px solid currentColor;
pointer-events: none;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button:not(.button-read-more) {
padding: 10px;
display: inline-block;
transition: all 0.4s;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button:not(.button-read-more):before {
line-height: 1em;
vertical-align: middle;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button .read-more-svg {
width: 1em;
height: 1em;
display: inline-block;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button .read-more-svg svg {
width: 1em;
height: 1em;
position: relative;
display: block;
transition: all 0.4s;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button .wgl-infobox_button__media {
opacity: 0;
transition: all 0.4s;
transform: translateX(20px) translateY(20px);
display: inline-block;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_wrapper {
position: relative;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title {
position: relative;
z-index: 1;
margin-bottom: 10px;
font-size: 24px;
font-weight: 500;
line-height: 2;
word-break: break-word;
transition: 0.4s;
color: var(--bili-header-font-color);
letter-spacing: 0.18px;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title a {
font: inherit;
line-height: inherit;
text-transform: inherit;
letter-spacing: inherit;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title .wgl-infobox_title-idle,
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title .wgl-infobox_bg_text {
font: inherit;
color: inherit;
line-height: inherit;
text-transform: inherit;
letter-spacing: inherit;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title .wgl-infobox_bg_text {
transition: 0.4s;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title:after {
content: "";
display: none;
margin: 25px 0 20px 0;
background-color: currentColor;
transition: color 0.3s;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title i {
font-size: calc(1em + 1px);
margin: -0.1em 0.7em -0.35em 0;
display: inline-block;
vertical-align: middle;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-image-box_img {
display: inline-block;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-image-box_img > span {
display: block;
}
.elementor-widget-wgl-info-box .wgl-infobox .content_wrapper {
position: relative;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-title_wrapper {
position: relative;
display: block;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_content {
transition: 0.4s;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_content p:last-child {
margin-bottom: 0;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_subtitle {
font-size: 14px;
font-weight: 700;
line-height: 1.5em;
color: var(--bili-secondary-color);
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_bg_text_wrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_bg_text_wrapper .wgl-infobox_bg_text {
font-family: var(--bili-header-font-family);
font-weight: var(--bili-header-font-weight);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 150px;
line-height: 0.8;
transition: 0.4s;
max-width: 100%;
max-height: 100%;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-button_wrapper {
margin-top: 10px;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-button_wrapper .wgl-infobox_button.corner-attached {
position: absolute;
right: 0;
bottom: 0;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-button_wrapper .wgl-infobox_button.corner-attached.corner-position_right {
right: auto;
left: 0;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-left .number-wrapper,
.elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-right .number-wrapper {
display: grid;
grid-template-areas: "number delimiter" "description delimiter";
grid-template-rows: min-content;
text-align: center;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-left .number-wrapper:after,
.elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-right .number-wrapper:after {
content: "";
display: none;
align-self: stretch;
margin: 25px 0 20px 0;
background-color: currentColor;
transition: color 0.3s;
grid-area: delimiter;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-left .number-wrapper .wgl-number,
.elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-right .number-wrapper .wgl-number {
max-width: -moz-fit-content;
max-width: fit-content;
margin: auto auto 8px;
grid-area: number;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-left .number-wrapper .number_description,
.elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-right .number-wrapper .number_description {
grid-area: description;
font-family: var(--bili-header-font-family);
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5em;
margin-left: -0.5em;
transition: 0.4s;
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-right .number-wrapper {
grid-template-areas: "delimiter number" "delimiter description";
}
.elementor-widget-wgl-info-box .wgl-infobox .wgl-number {
font-size: 24px;
font-weight: 500;
font-family: var(--bili-header-font-family);
}
.elementor-widget-wgl-info-box .wgl-infobox .elementor-icon,
.elementor-widget-wgl-info-box .wgl-infobox .wgl-image-box_img {
position: relative;
color: rgba(var(--bili-primary-rgb), 1);
}
.elementor-widget-wgl-info-box.animation_lifting {
padding-top: 20px;
transition: 0.5s;
}
.elementor-widget-wgl-info-box.animation_lifting > .elementor-widget-container {
position: relative;
transform: translateY(0);
will-change: transform;
transition: 0.5s;
}
.elementor-widget-wgl-info-box.animation_lifting:hover > .elementor-widget-container {
transform: translateY(-10px);
}
.elementor-widget-wgl-info-box.animation_toggling .wgl-infobox_wrapper,
.elementor-widget-wgl-info-box.animation_toggling .media-wrapper {
transition: 0.6s;
}
.elementor-widget-wgl-info-box.animation_toggling .wgl-infobox_content,
.elementor-widget-wgl-info-box.animation_toggling .wgl-infobox-button_wrapper {
opacity: 0;
}
.elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container {
overflow: hidden;
}
.elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container:hover .media-wrapper {
opacity: 0;
}
.elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container:hover .wgl-infobox_content,
.elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container:hover .wgl-infobox-button_wrapper {
opacity: 1;
}
.elementor-widget-wgl-info-box.animation_toggling_icon .content_wrapper {
transition: 0.4s;
}
.elementor-widget-wgl-info-box.animation_toggling_icon .media-wrapper {
position: absolute;
z-index: 1;
right: 0;
transition: 0.4s;
opacity: 0;
transform: translateX(10px) scale(0.5);
}
.elementor-widget-wgl-info-box.animation_toggling_icon .elementor-widget-container:hover .wgl-infobox .media-wrapper {
opacity: 1;
transform: translateX(0) scale(1);
}
.elementor-widget-wgl-info-box.icon_on_image_yes .wgl-image-box_img {
position: relative;
}
.elementor-widget-wgl-info-box.icon_on_image_yes .wgl-image-box_img:after {
content: "\f112";
font-family: "Flaticon";
line-height: 1;
font-size: 50px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
pointer-events: none;
font-weight: 400;
transform: rotate(-90deg);
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(34, 35, 40, 0.3);
opacity: 0;
transition: opacity 0.4s;
}
.elementor-widget-wgl-info-box.button_left .wgl-infobox-button_wrapper {
text-align: right;
}
.elementor-widget-wgl-info-box.button_center .wgl-infobox-button_wrapper {
text-align: center;
}
.elementor-widget-wgl-info-box.button_right .wgl-infobox-button_wrapper {
text-align: left;
}
.elementor-widget-wgl-info-box.button_justify .wgl-infobox-button_wrapper {
text-align: justify;
}
.elementor-widget-wgl-info-box.button_justify .wgl-infobox_button {
width: 100%;
}

/* ==================== ##Services 1 ==================== */
.elementor-widget-wgl-service-1 .wgl-service_link {
position: absolute;
z-index: 4;
width: 100%;
height: 100%;
right: 0;
top: 0;
}
.elementor-widget-wgl-service-1 .wgl-service_link:hover ~ .wgl-service-1 {
pointer-events: none;
}
.elementor-widget-wgl-service-1 .wgl-service_link:hover ~ .wgl-service-1 .read-more-icon:before {
transform: translateX(-150%);
}
.elementor-widget-wgl-service-1 .elementor-widget-container {
position: relative;
z-index: 1;
overflow: hidden;
background-color: #232323;
border-radius: 0;
padding: 245px 0 20px 0;
}
.elementor-widget-wgl-service-1 .elementor-widget-container:before, .elementor-widget-wgl-service-1 .elementor-widget-container:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: inherit;
display: flex;
opacity: 1;
z-index: -1;
background: rgba(255, 255, 255, 0.01);
pointer-events: none;
transition: inherit;
}
.elementor-widget-wgl-service-1 .elementor-widget-container:after {
opacity: 0;
}
.elementor-widget-wgl-service-1 .wgl-service_button-wrapper {
margin: 43px 0 0;
z-index: 3;
}
.elementor-widget-wgl-service-1 .wgl-service_button-wrapper .wgl-service_button .read-more-icon {
text-align: center;
display: inline-block;
line-height: 0;
transition: background-color 0.4s, color 0.4s, transform 0.4s;
will-change: transform;
border-radius: 0;
box-sizing: content-box;
}
.elementor-widget-wgl-service-1 .wgl-service_button-wrapper .wgl-service_button .read-more-icon::before {
color: unset;
transition: transform 0.4s;
}
.elementor-widget-wgl-service-1.height_full {
height: 100%;
}
.elementor-widget-wgl-service-1.height_full .elementor-widget-container {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-service-1 .elementor-widget-container:before, .elementor-widget-wgl-service-1:hover .elementor-widget-container:before {
opacity: 0;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-service-1 .elementor-widget-container:after, .elementor-widget-wgl-service-1:hover .elementor-widget-container:after {
opacity: 1;
}
.elementor-widget-wgl-service-1.animation_toggling .wgl-service_description {
opacity: 0;
transition: opacity 0.4s;
}
.elementor-widget-wgl-service-1.animation_toggling:hover .wgl-service_content {
transform: translateY(0) !important;
}
.elementor-widget-wgl-service-1.animation_toggling:hover .wgl-service_description {
animation: 0.3s ease-in 0.3s normal forwards 1 service_1_slide_top;
}
.elementor-widget-wgl-service-1.animation_stroke .wgl-service_subtitle {
-webkit-text-stroke: 1px transparent;
}
.elementor-widget-wgl-service-1.button_animation_toggling .wgl-service_description {
opacity: 0;
transition: opacity 0.4s;
}

body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-service-1.animation_toggling .wgl-service_description {
opacity: 1;
animation: none;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-service-1.animation_toggling .wgl-service_content {
transform: translateY(0) !important;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-service-1:before {
opacity: 0;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-service-1 .elementor-widget-container:before {
opacity: 1;
}

.wgl-service-1 .wgl-service_subtitle {
position: relative;
z-index: 1;
top: 0;
right: 0;
font-size: 36px;
font-family: var(--bili-header-font-family);
font-weight: 300;
color: #fff;
-webkit-text-stroke-color: #fff;
line-height: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: all 0.45s;
}
.wgl-service-1 .wgl-service_title {
line-height: 1.3125;
}
.wgl-service-1 .wgl-service_title .service__title {
font-size: 36px;
font-weight: 600;
line-height: inherit;
position: relative;
color: #fff;
display: inline-block;
}
.wgl-service-1 .wgl-service_title .service_title-2 {
font-size: 18px;
line-height: 1.25em;
font-weight: 400;
top: -19px;
left: 5px;
color: var(--bili-primary-color);
}
.wgl-service-1 .wgl-service_description {
font-size: 18px;
line-height: 1.875em;
}
.wgl-service-1 .wgl-service_content-wrap:after {
content: "";
display: none;
width: 40px;
height: 2px;
margin: 19px 0 21px 0;
background-color: currentColor;
transition: color 0.3s;
color: rgba(0, 0, 0, 0.1);
}
.wgl-service-1 .button-read-more {
color: #fff;
}
.wgl-service-1 .button-read-more:hover {
color: #fff;
}

@keyframes service_1_slide_top {
0% {
    opacity: 0;
}
30% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
/* ==================== ##Striped Services ==================== */
.wgl-striped-services {
display: flex;
flex-direction: row;
}
.wgl-striped-services .service-item {
flex: 1;
height: 100%;
transition: 0.5s;
position: relative;
}
.wgl-striped-services .service-item .service-image {
height: 100%;
width: 100%;
background-repeat: no-repeat;
transition: 0.5s;
z-index: 0;
position: relative;
}
.wgl-striped-services .service-item .service-image:after {
content: "";
right: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
transition: all 0.4s;
background-color: rgba(var(--bili-tertiary-rgb), 0.2);
}
.wgl-striped-services .service-item_title {
position: relative;
z-index: 1;
font-size: 36px;
line-height: 1.3;
font-weight: 700;
transition: all 0.5s ease;
opacity: 0;
}
.wgl-striped-services .service-item_title a {
display: inline-block;
font-size: 1em;
line-height: inherit;
color: inherit;
}
.wgl-striped-services .service-item_subtitle {
font-size: 15px;
line-height: 1.1;
text-transform: uppercase;
letter-spacing: 5px;
margin-top: 14px;
transition: all 0.5s ease;
opacity: 0;
}
.wgl-striped-services .service-item_bg_text {
font-size: 36px;
line-height: 1.33;
position: absolute;
right: 38px;
top: 40px;
transition: all 0.5s ease;
}
.wgl-striped-services .service-item_content {
display: flex;
position: absolute;
top: 0;
right: 0;
justify-content: flex-end;
align-items: flex-start;
text-align: right;
flex-direction: column;
width: 100%;
height: 100%;
}
.wgl-striped-services .service-item_link {
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
font-size: 16px;
line-height: 60px;
text-align: center;
color: #ffffff;
background-color: rgba(var(--bili-secondary-rgb), 0.3);
transition: 0.5s;
opacity: 0;
}
.wgl-striped-services .service-item_link svg {
width: 1em;
height: 1em;
position: relative;
top: 4px;
}
.wgl-striped-services .service-item_link:hover:after {
transition: 0.29s;
}
.wgl-striped-services .service-item.active .service-item_title,
.wgl-striped-services .service-item.active .service-item_link,
.wgl-striped-services .service-item.active .service-item_subtitle {
opacity: 1;
}
.wgl-striped-services .service-item.active .service-image:after {
background-color: rgba(var(--bili-tertiary-rgb), 0);
}
.wgl-striped-services .service-item .service-item_subtitle {
font-weight: 700;
}
@media (min-width: 1025px) {
.wgl-striped-services .service-item.active {
    flex: 3;
}
}
@media (max-width: 1024px) {
.wgl-striped-services {
    flex-direction: column;
}
.wgl-striped-services .service-item {
    display: flex;
    width: 100%;
    height: 50%;
    flex: 1;
}
.wgl-striped-services .service-item.active {
    flex: 3;
}
}
@media (max-width: 400px) {
.wgl-striped-services .service-item_title {
    font-size: 28px;
}
.wgl-striped-services .service-item_subtitle {
    font-size: 12px;
}
.wgl-striped-services .service-item_link:before {
    display: none;
}
}

/* ==================== ##Flip Box ==================== */
.wgl-flipbox {
position: relative;
perspective: 1000px;
width: 100%;
height: 300px;
}
.wgl-flipbox_wrap {
position: relative;
z-index: 1;
transition: 0.7s;
width: 100%;
height: 100%;
transform-style: preserve-3d;
perspective: inherit;
}
.wgl-flipbox_wrap .media-wrapper.number-wrapper .wgl-number {
font-size: 18px;
font-weight: 500;
padding: 19px;
width: 1em;
height: 1em;
background-color: #FF7425;
box-sizing: content-box;
border-radius: 50%;
}
.wgl-flipbox_title {
display: inline-block;
font-size: 24px;
line-height: 1.5;
font-weight: 700;
color: #fff;
}
.wgl-flipbox_title span {
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
text-transform: inherit;
letter-spacing: inherit;
color: inherit;
}
.wgl-flipbox_subtitle {
display: inline-block;
font-size: 14px;
line-height: 1.4;
font-weight: 700;
color: #888888;
text-transform: uppercase;
}
.wgl-flipbox_subtitle span {
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
text-transform: inherit;
letter-spacing: inherit;
color: inherit;
}
.wgl-flipbox_content p:last-child {
margin-bottom: 0;
}
.wgl-flipbox_button-wrap {
line-height: 0;
font-size: 0;
}
.wgl-flipbox_button-wrap .wgl-flipbox_button {
color: #ffffff;
}
.wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more {
line-height: inherit;
font-size: inherit;
display: inline-block;
transition: 0.4s;
}
.wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more i, .wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more span {
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
margin: 10px;
text-align: center;
display: inline-block;
transition: background-color 0.4s, color 0.4s, transform 0.4s;
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
background: var(--bili-primary-color);
border-radius: 0;
}
.wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more i:before, .wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more span:before {
display: block;
transition: transform 0.4s;
line-height: inherit;
}
.wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more:hover i, .wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more:hover span {
background-color: var(--bili-primary-color);
}
.wgl-flipbox_button-wrap .wgl-flipbox_button .read-more-icon {
--icon-color-hover: #ffffff;
}
.wgl-flipbox_button-wrap .wgl-flipbox_button .read-more-icon::before {
color: inherit;
}
.wgl-flipbox_item-link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
right: 0;
top: 0;
}
.wgl-flipbox_front, .wgl-flipbox_back {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #232323;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: rotate(0);
transition: 0.7s;
perspective: inherit;
transform-style: preserve-3d;
border-radius: 0;
padding: 31px 42px;
}
.wgl-flipbox_front {
z-index: 2;
}
.wgl-flipbox_front .elementor-icon {
color: #fff;
}
.wgl-flipbox_front .elementor-icon svg {
fill: #fff;
}
.wgl-flipbox_back .elementor-icon {
color: var(--bili-primary-color);
}
.wgl-flipbox_back .elementor-icon svg {
fill: var(--bili-primary-color);
}
.wgl-flipbox_back .wgl-flipbox_content {
color: #fff;
font-size: 16px;
line-height: 1.875;
margin-bottom: 35px;
}
.wgl-flipbox.type_flip_right .wgl-flipbox_back {
transform: rotateY(180deg);
}
.wgl-flipbox.type_flip_right:hover .wgl-flipbox_wrap {
transform: rotateY(-180deg);
}
.wgl-flipbox.type_flip_left .wgl-flipbox_back {
transform: rotateY(-180deg);
}
.wgl-flipbox.type_flip_left:hover .wgl-flipbox_wrap {
transform: rotateY(180deg);
}
.wgl-flipbox.type_flip_top .wgl-flipbox_back {
transform: rotateX(-180deg);
}
.wgl-flipbox.type_flip_top:hover .wgl-flipbox_wrap {
transform: rotateX(180deg);
}
.wgl-flipbox.type_flip_bottom .wgl-flipbox_back {
transform: rotateX(180deg);
}
.wgl-flipbox.type_flip_bottom:hover .wgl-flipbox_wrap {
transform: rotateX(-180deg);
}

.elementor-widget-wgl-flipbox.aleft .wgl-flipbox .wgl-image-box_img {
margin-left: auto;
}
.elementor-widget-wgl-flipbox.acenter .wgl-flipbox .wgl-image-box_img {
margin-right: auto;
margin-left: auto;
}
.elementor-widget-wgl-flipbox.aright .wgl-flipbox .wgl-image-box_img {
margin-right: auto;
}

/* ==================== ##Gallery ==================== */
.wgl-gallery_items:not(.gallery-carousel) {
display: flex;
flex-wrap: wrap;
}
.wgl-gallery_items.gallery-justified .wgl-gallery_item {
position: absolute;
box-sizing: content-box;
width: 100%;
height: 100%;
}
.wgl-gallery_item-wrapper > a {
display: flex;
width: -moz-fit-content;
width: fit-content;
margin-right: auto;
margin-left: auto;
flex-direction: column;
}
.wgl-gallery_item {
position: relative;
z-index: 1;
overflow: hidden;
}
.wgl-gallery_item:before, .wgl-gallery_item:after {
content: "";
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
transition: 0.4s;
}
.wgl-gallery_item:after {
opacity: 0;
}
.wgl-gallery_image-info {
position: absolute;
z-index: 1;
right: 0;
top: 0;
left: 0;
bottom: 0;
display: flex;
flex-direction: column;
transition: 0.4s;
opacity: 0;
visibility: hidden;
}
.wgl-gallery_image-info.show_until_hover, .wgl-gallery_image-info.show_always {
opacity: 1;
visibility: visible;
}
.wgl-gallery_image-title {
line-height: 1.1;
font-size: 1.1em;
font-weight: 600;
color: var(--bili-header-font-color);
}
.wgl-gallery_image-title + .wgl-gallery_image-descr {
margin-top: 5px;
}
.wgl-gallery_image-descr {
line-height: 1;
color: var(--bili-header-font-color);
}
.wgl-gallery_item:hover:before {
opacity: 0;
}
.wgl-gallery_item:hover:after {
opacity: 1;
}
.wgl-gallery_item:hover .wgl-gallery_image-info {
opacity: 1;
visibility: visible;
}
.wgl-gallery_item:hover .wgl-gallery_image-info.show_until_hover {
opacity: 0;
visibility: hidden;
}
.wgl-gallery_items.appear-animation .wgl-gallery_item-wrapper {
opacity: 0;
}
.wgl-gallery_items.appear-animation.fade-in .wgl-gallery_item-wrapper.animate {
animation: fade_in 0.9s ease forwards;
}
.wgl-gallery_items.appear-animation.slide-top .wgl-gallery_item-wrapper.animate {
animation: slide_top 0.5s ease forwards;
transform: translateY(50px);
}
.wgl-gallery_items.appear-animation.slide-bottom .wgl-gallery_item-wrapper.animate {
animation: slide_bottom 0.5s ease forwards;
transform: translateY(-50px);
}
.wgl-gallery_items.appear-animation.slide-left .wgl-gallery_item-wrapper.animate {
animation: slide_left 0.5s ease forwards;
transform: translateX(-50px);
}
.wgl-gallery_items.appear-animation.slide-right .wgl-gallery_item-wrapper.animate {
animation: slide_right 0.5s ease forwards;
transform: translateX(50px);
}
.wgl-gallery_items.appear-animation.zoom .wgl-gallery_item-wrapper.animate {
animation: zoom_in 0.5s ease forwards;
transform: scale(0.5);
}

.elementor-widget-wgl-gallery.col-1 .wgl-gallery_item-wrapper {
width: 100%;
}
.elementor-widget-wgl-gallery.col-2 .wgl-gallery_item-wrapper {
width: 50%;
}
.elementor-widget-wgl-gallery.col-3 .wgl-gallery_item-wrapper {
width: 33.333333%;
}
.elementor-widget-wgl-gallery.col-4 .wgl-gallery_item-wrapper {
width: 25%;
}
.elementor-widget-wgl-gallery.col-5 .wgl-gallery_item-wrapper {
width: 20%;
}
@media (max-width: 1024px) {
.elementor-widget-wgl-gallery.col-tablet-1 .wgl-gallery_item-wrapper {
    width: 100%;
}
.elementor-widget-wgl-gallery.col-tablet-2 .wgl-gallery_item-wrapper {
    width: 50%;
}
.elementor-widget-wgl-gallery.col-tablet-3 .wgl-gallery_item-wrapper {
    width: 33.333333%;
}
.elementor-widget-wgl-gallery.col-tablet-4 .wgl-gallery_item-wrapper {
    width: 25%;
}
.elementor-widget-wgl-gallery.col-tablet-5 .wgl-gallery_item-wrapper {
    width: 20%;
}
}
@media (max-width: 767px) {
.elementor-widget-wgl-gallery.col-mobile-1 .wgl-gallery_item-wrapper {
    width: 100%;
}
.elementor-widget-wgl-gallery.col-mobile-2 .wgl-gallery_item-wrapper {
    width: 50%;
}
.elementor-widget-wgl-gallery.col-mobile-3 .wgl-gallery_item-wrapper {
    width: 33.333333%;
}
.elementor-widget-wgl-gallery.col-mobile-4 .wgl-gallery_item-wrapper {
    width: 25%;
}
.elementor-widget-wgl-gallery.col-mobile-5 .wgl-gallery_item-wrapper {
    width: 20%;
}
}

/* justifiedGallery */
.justified-gallery {
width: 100%;
position: relative;
overflow: hidden;
}

.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure {
position: absolute;
display: inline-block;
filter: "alpha(opacity=10)";
opacity: 0.1;
margin: 0;
padding: 0;
}

.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img,
.justified-gallery > a > svg,
.justified-gallery > div > svg,
.justified-gallery > figure > svg,
.justified-gallery > a > a > svg,
.justified-gallery > div > a > svg,
.justified-gallery > figure > a > svg {
position: absolute;
top: 50%;
right: 50%;
margin: 0;
padding: 0;
border: none;
filter: "alpha(opacity=0)";
opacity: 0;
}

.justified-gallery > .jg-entry-visible {
filter: "alpha(opacity=100)";
opacity: 1;
background: none;
}

.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg {
filter: "alpha(opacity=100)";
opacity: 1;
transition: opacity 500ms ease-in;
}

.justified-gallery > .jg-spinner {
position: absolute;
bottom: 0;
margin-right: -24px;
padding: 10px 0 10px 0;
right: 50%;
filter: "alpha(opacity=100)";
opacity: 1;
overflow: initial;
}

.justified-gallery > .jg-spinner > span {
display: inline-block;
filter: "alpha(opacity=0)";
opacity: 0;
width: 8px;
height: 8px;
margin: 0 4px 0 4px;
background-color: #000;
border-radius: 6px;
}

/* ==================== ##Pie Chart ==================== */
.wgl-pie_chart .chart__wrapper {
position: relative;
line-height: 0;
}
.wgl-pie_chart .chart {
position: relative;
display: inline-block;
}
.wgl-pie_chart .chart canvas {
display: block;
}
.wgl-pie_chart .chart__percent {
font-size: 18px;
line-height: 1;
font-weight: 700;
letter-spacing: 0;
padding-right: 0;
z-index: 1;
text-align: center;
position: absolute;
right: 0;
top: 0;
margin-top: 20px;
margin-right: 20px;
width: calc(100% - 40px);
height: calc(100% - 40px);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #ffffff;
font-family: var(--bili-content-font-family);
background-color: var(--bili-primary-color);
}
.wgl-pie_chart .chart__sub_title {
display: block;
font-size: 16px;
font-weight: 700;
line-height: 1.5em;
color: var(--bili-header-font-color);
font-family: var(--bili-header-font-family);
}
.wgl-pie_chart .chart__title {
display: block;
font-size: 24px;
font-weight: 700;
line-height: 1.5em;
color: var(--bili-header-font-color);
font-family: var(--bili-header-font-family);
margin-top: 20px;
}
.wgl-pie_chart .chart__description {
display: block;
font-size: 16px;
line-height: 1.875em;
color: var(--bili-content-color);
}

body[data-elementor-device-mode=tablet] .wgl-pie_chart .wgl-layout-left, body[data-elementor-device-mode=tablet] .wgl-pie_chart .wgl-layout-right,
body[data-elementor-device-mode=mobile] .wgl-pie_chart .wgl-layout-left,
body[data-elementor-device-mode=mobile] .wgl-pie_chart .wgl-layout-right {
display: block;
}

/* ==================== ##Portfolio ==================== */
.row .portfolio__item.swiper-slide {
display: inline-block;
}

body[data-elementor-device-mode=desktop] .item__wrapper.wgl-cursor-text .item__description,
body[data-elementor-device-mode=laptop] .item__wrapper.wgl-cursor-text .item__description,
body[data-elementor-device-mode=widescreen] .item__wrapper.wgl-cursor-text .item__description {
display: none;
}

.portfolio__item .description__wrapper {
width: 100%;
transition: 0.3s;
}
.portfolio__item .item__title .title {
font-size: 26px;
font-weight: 700;
line-height: 1.3;
}
.portfolio__item .item__title .title a {
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
text-underline-offset: 0.4em;
text-decoration-thickness: 0.05em;
}
.portfolio__item .item__title .title a:hover {
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
}
.portfolio__item .item__title span,
.portfolio__item .item__title a {
color: inherit;
font: inherit;
line-height: inherit;
transition: 0.4s;
}
.portfolio__item .overlay {
display: flex;
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: 0.5s;
}
.portfolio__item .overlay i {
color: #ffffff;
font-size: 30px;
margin: auto;
}
.portfolio__item .portfolio_link {
display: block;
position: absolute;
z-index: 0;
top: 0;
right: 0;
width: 100%;
height: 100%;
font-size: 24px;
opacity: 0;
}
.portfolio__item .portfolio_link, .portfolio__item .portfolio_link-icon {
transition: 0.5s;
}
.portfolio__item .gallery_mode {
position: relative;
overflow: hidden;
}
.portfolio__item .gallery_mode .portfolio_link {
justify-content: center;
align-items: center;
}
.portfolio__item .gallery_mode:hover .overlay {
opacity: 1;
}
.portfolio__item .gallery_mode .item__image img {
display: block;
}
.portfolio__item .wgl-portfolio-item_icon {
display: inline-block;
position: relative;
z-index: 2;
border-radius: 50%;
font-size: 20px;
line-height: 0;
background: #ffffff;
transition: 0.4s;
}
.portfolio__item .wgl-portfolio-item_icon:hover a,
.portfolio__item .wgl-portfolio-item_icon:hover i {
color: #ffffff;
}
.portfolio__item .wgl-portfolio-item_icon:hover .icon_plus {
background: #ffffff;
}
.portfolio__item .wgl-portfolio-item_icon .icon_plus:before, .portfolio__item .wgl-portfolio-item_icon .icon_plus:after {
content: "";
position: absolute;
z-index: 1;
width: 16px;
height: 2px;
right: 50%;
top: 50%;
margin-right: -8px;
margin-top: -1px;
background: currentColor;
transition: 0s, background-color 0.4s;
}
.portfolio__item .wgl-portfolio-item_icon .icon_plus:after {
transform: rotate(-90deg);
}
.portfolio__item .wgl-portfolio-item_icon a {
display: inline-block;
transition: 0s;
}
.portfolio__item .wgl-portfolio-item_icon > a,
.portfolio__item .wgl-portfolio-item_icon > i {
display: inline-flex;
justify-content: center;
align-items: center;
width: 1em;
height: 1em;
padding: 20px;
}
.portfolio__item .wgl-portfolio-item_icon:empty {
display: none;
}
.portfolio__item .item__image img {
border-radius: inherit;
transition: 0.4s;
}
.portfolio__item .item__wrapper {
position: relative;
z-index: 1;
}
.portfolio__item .item__wrapper .item__image {
position: relative;
overflow: hidden;
border-radius: 0;
}
.portfolio__item .item__wrapper .item__image:before, .portfolio__item .item__wrapper .item__image:after {
content: "";
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: inherit;
transition: 0.35s;
}
.portfolio__item .item__wrapper .item__image:after {
opacity: 0;
}
.portfolio__item .item__wrapper:hover .item__image:after {
opacity: 1;
}
.portfolio__item .item__wrapper:hover .item__image:before {
opacity: 0;
}
.portfolio__item .item__wrapper .description__icon {
display: inline-block;
margin-top: 24px;
border-radius: 0;
font-size: 22px;
line-height: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: 0.4s;
}
.portfolio__item .item__wrapper .description__icon svg {
width: 1em;
height: 1em;
display: block;
position: absolute;
}
.portfolio__item .item__wrapper .description__icon a {
transition: 0s;
display: inline-block;
background-color: var(--bili-primary-color);
color: #ffffff;
}
.portfolio__item .item__wrapper .description__icon a:hover {
color: var(--bili-primary-color);
background: #ffffff;
}
.portfolio__item .item__wrapper .description__icon > a,
.portfolio__item .item__wrapper .description__icon > i {
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: inherit;
width: 2.273em;
height: 2.273em;
transition: 0.4s;
background-color: var(--bili-primary-color);
color: #ffffff;
}
.portfolio__item .item__wrapper .description__icon i:before {
display: inline-block;
}
.portfolio__item .item__wrapper .description__icon:empty {
display: none;
}
.portfolio__item .item__wrapper.description_under_image .item__image {
position: relative;
}
.portfolio__item .item__wrapper.description_under_image .item__image:after {
background: rgba(34, 35, 40, 0.3);
}
.portfolio__item .item__wrapper.description_under_image .description__icon {
position: absolute;
z-index: 2;
left: 10px;
bottom: 10px;
opacity: 0;
margin: 0;
}
.portfolio__item .item__wrapper.description_under_image:hover .description__icon,
.portfolio__item .item__wrapper.description_under_image:hover .overlay {
opacity: 1;
}
.portfolio__item .item__description {
width: 100%;
}
.portfolio__item .item__description:empty {
display: none;
}
.portfolio__item.additional-post .item__wrapper {
display: flex;
height: 100%;
}
.portfolio__item.additional-post .item__button {
position: absolute;
z-index: 1;
border: solid 2px var(--bili-primary-color);
border-radius: 0;
padding: 13px 40px;
font-size: 14px;
font-weight: bold;
}
.portfolio__item.additional-post .item__button:hover {
color: #ffffff;
background-color: var(--bili-primary-color);
}

.post_cats {
font-size: 14px;
font-weight: 700;
margin-bottom: 12px;
line-height: 1;
color: #888;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.post_cats .portfolio-category {
color: inherit;
letter-spacing: inherit;
}
.post_cats .portfolio-category:after {
content: "|";
display: inline-block;
margin: 0 7px;
line-height: 0;
vertical-align: inherit;
transform: translateY(-1px);
color: #888;
}
.post_cats .portfolio-category:last-child:after {
display: none;
}
.post_cats .portfolio-category:hover {
color: var(--bili-primary-color);
}

.description_under_image {
position: relative;
z-index: 1;
}
.description_under_image .item__image {
position: relative;
overflow: hidden;
transition: 0.6s ease-in-out;
}
.description_under_image .item__image img {
transform: translateY(0);
transition: 0.5s;
}
.description_under_image .portfolio_link {
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.description_under_image .item__description {
z-index: 3;
padding-top: 28px;
padding-bottom: 23px;
transition: 0.4s;
}
.description_under_image .overlay {
background: transparent;
z-index: 2;
}
.description_under_image .overlay:before, .description_under_image .overlay:after {
content: "";
position: absolute;
z-index: 1;
right: 50%;
top: 50%;
}
.description_under_image .overlay:before {
width: 30px;
height: 2px;
transform: translate(15px, -1px);
}
.description_under_image .overlay:after {
height: 30px;
width: 2px;
transform: translate(1px, -15px);
}
.description_inside_image {
position: relative;
}
.description_inside_image .item__image:empty {
height: 320px;
background: currentColor;
}
.description_inside_image .item__description {
display: flex;
position: absolute;
z-index: 3;
top: 0;
right: 0;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 100%;
padding: 27px 30px 31px;
opacity: 0;
overflow: hidden;
transition: 0.5s;
}
.description_inside_image .description__wrapper a {
position: relative;
z-index: 2;
}
.description_inside_image .description__wrapper .title {
color: #ffffff;
}
.description_inside_image.animation_simple {
overflow: hidden;
}
.description_inside_image.animation_simple .description__wrapper {
pointer-events: none;
}
.description_inside_image.animation_simple .description__wrapper a {
pointer-events: auto;
}
.description_inside_image.animation_simple .description__wrapper > div,
.description_inside_image.animation_simple .description__wrapper > span,
.description_inside_image.animation_simple .description__wrapper > a {
transition: 0.5s;
opacity: 0;
transform: translateY(40px);
}
.description_inside_image.animation_simple .description__wrapper > div:nth-child(2),
.description_inside_image.animation_simple .description__wrapper > span:nth-child(2),
.description_inside_image.animation_simple .description__wrapper > a:nth-child(2) {
transition: 0.7s;
}
.description_inside_image.animation_simple .description__wrapper > div:nth-child(3),
.description_inside_image.animation_simple .description__wrapper > span:nth-child(3),
.description_inside_image.animation_simple .description__wrapper > a:nth-child(3) {
transition: 0.9s;
}
.description_inside_image.animation_simple .description__wrapper > div:nth-child(4),
.description_inside_image.animation_simple .description__wrapper > span:nth-child(4),
.description_inside_image.animation_simple .description__wrapper > a:nth-child(4) {
transition: 1.1s;
}
.description_inside_image.animation_simple:hover .description__wrapper > div,
.description_inside_image.animation_simple:hover .description__wrapper > span,
.description_inside_image.animation_simple:hover .description__wrapper > a {
opacity: 1;
transform: translateY(0);
}
.description_inside_image.animation_sub_layer {
overflow: hidden;
border-radius: 0;
perspective: 300px;
}
.description_inside_image.animation_sub_layer .item__description {
top: initial;
right: 0;
bottom: 40px;
height: auto;
align-items: flex-start;
width: 100%;
max-width: 300px;
word-break: break-word;
background: var(--bili-tertiary-color);
transform: rotateY(-20deg);
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit;
transition: opacity 0.5s, transform 0.5s;
transform-origin: right center;
}
.description_inside_image.animation_sub_layer .wgl-portfolio-item_icon {
margin-top: 28px;
}
.description_inside_image.animation_sub_layer .portfolio_link {
z-index: 1;
}
.description_inside_image.animation_sub_layer .item__image:after {
background: transparent;
}
.description_inside_image.animation_sub_layer:hover .item__description {
transition: opacity 0.2s, transform 0.5s;
transform: rotateY(0);
}
.description_inside_image.animation_offset {
z-index: 1;
}
.description_inside_image.animation_offset .item__image,
.description_inside_image.animation_offset .item__description {
transition: 0.5s;
}
.description_inside_image.animation_offset .item__image:after {
background: rgba(35, 36, 40, 0.7);
}
.description_inside_image.animation_offset .overlay {
z-index: -1;
background-color: var(--bili-primary-color);
border-radius: 0;
}
.description_inside_image.animation_offset:hover {
z-index: 2;
}
.description_inside_image.animation_offset:hover .item__image,
.description_inside_image.animation_offset:hover .item__description {
transform: translate(-15px, 15px);
}
.description_inside_image.animation_zoom_in .overlay {
top: 5%;
right: 5%;
width: 90%;
height: 90%;
transform: scale(0.7);
}
.description_inside_image.animation_zoom_in .item__description {
transform: scale(0.9);
}
.description_inside_image.animation_zoom_in:hover .overlay,
.description_inside_image.animation_zoom_in:hover .item__description {
transform: scale(1);
}
.description_inside_image.animation_outline {
overflow: hidden;
border-radius: 0;
}
.description_inside_image.animation_outline .overlay:before {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
right: 0;
top: 0;
border-radius: inherit;
transition: 0.5s;
}
.description_inside_image.animation_outline:hover .overlay:before {
box-shadow: inset 0px 0px 0px 10px var(--bili-primary-color);
}
.description_inside_image.animation_until_hover .item__image:before {
background: rgba(35, 36, 40, 0.7);
}
.description_inside_image.animation_until_hover .item__image:after {
background-color: transparent;
}
.description_inside_image:hover .item__description,
.description_inside_image:hover .overlay,
.description_inside_image:hover .portfolio_link, .description_inside_image.animation_until_hover .item__description,
.description_inside_image.animation_until_hover .overlay,
.description_inside_image.animation_until_hover .portfolio_link {
opacity: 1;
}
.description_inside_image.animation_until_hover:hover .description__wrapper,
.description_inside_image.animation_until_hover:hover .description_content,
.description_inside_image.animation_until_hover:hover .overlay {
opacity: 0;
visibility: hidden;
}
.description_cursor_tooltip .portfolio_link {
z-index: 1;
}

.elementor-widget-wgl-portfolio.animation_rotate-icon .description__icon:hover i:before {
transform: rotate(-1turn);
transition: 0.4s;
}
.elementor-widget-wgl-portfolio.layout-scale .portfolio__item:nth-child(even) {
--wgl-portfolio-scale-size: 0.7357;
}
.elementor-widget-wgl-portfolio.layout-scale .portfolio__item:nth-child(even) .item__wrapper {
transform: scale(var(--wgl-portfolio-scale-size));
}
.elementor-widget-wgl-portfolio.layout-scale .portfolio__item:nth-child(even) .overlay {
pointer-events: none;
}
.elementor-widget-wgl-portfolio.layout-scale .portfolio__item:nth-child(even) .overlay::before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transform: scale(var(--wgl-portfolio-scale-size));
pointer-events: auto;
}

.wgl-portfolio .load_more_wrapper {
margin-top: 40px;
}

.wgl-portfolio_container .wgl-carousel_wrapper .wgl-carousel {
margin-right: 0;
margin-left: 0;
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .item__description,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .overlay,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .portfolio_link {
opacity: 1;
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .description__wrapper > div,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .description__wrapper > span,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .description__wrapper > a {
opacity: 1;
transform: translateY(0);
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_sub_layer .item__description,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_sub_layer .overlay,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_sub_layer .portfolio_link {
opacity: 1;
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_sub_layer .item__description {
transform: translateY(0);
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_offset .item__description,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_offset .overlay,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_offset .portfolio_link {
opacity: 1;
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_offset .item__image,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_offset .item__description {
transform: translate(-15px, 15px);
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_offset .item__image:after {
opacity: 1;
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_zoom_in .item__description,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_zoom_in .overlay,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_zoom_in .portfolio_link {
opacity: 1;
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_zoom_in .overlay,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_zoom_in .item__description {
transform: scale(1);
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_outline .item__description,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_outline .overlay,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_outline .portfolio_link {
opacity: 1;
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_outline .overlay:before {
box-shadow: inset 0px 0px 0px 10px var(--bili-primary-color);
}
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_until_hover .description__wrapper,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_until_hover .description_content,
.wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_until_hover .overlay {
opacity: 0;
visibility: hidden;
}
.wgl-portfolio_container .wgl-carousel.variable-width {
margin-left: 15px;
}
.wgl-portfolio_container .wgl-carousel.variable-width .portfolio__item {
width: auto !important;
}
.wgl-portfolio_container .wgl-carousel .wgl-carousel_swiper {
padding-bottom: 5px;
margin-bottom: 30px;
}
.wgl-portfolio_container .wgl-carousel .portfolio__item {
width: 1000px;
}
@media (max-width: 992px) {
.wgl-portfolio_container .wgl-carousel .portfolio__item {
    width: 750px;
}
}
@media (max-width: 767px) {
.wgl-portfolio_container .wgl-carousel .portfolio__item {
    width: 600px;
}
}
@media (max-width: 600px) {
.wgl-portfolio_container .wgl-carousel .portfolio__item {
    width: 550px;
}
}

.wgl-portfolio_container.appear-animation .portfolio__item .item__wrapper {
opacity: 0;
}
.wgl-portfolio_container.appear-animation.anim-fade-in .animate .item__wrapper {
animation: fade_in 0.9s ease forwards;
}
.wgl-portfolio_container.appear-animation.anim-slide-top .animate .item__wrapper {
animation: slide_top 0.5s ease forwards;
transform: translateY(50px);
}
.wgl-portfolio_container.appear-animation.anim-slide-bottom .animate .item__wrapper {
animation: slide_bottom 0.5s ease forwards;
transform: translateY(-50px);
}
.wgl-portfolio_container.appear-animation.anim-slide-left .animate .item__wrapper {
animation: slide_left 0.5s ease forwards;
transform: translateX(-50px);
}
.wgl-portfolio_container.appear-animation.anim-slide-right .animate .item__wrapper {
animation: slide_right 0.5s ease forwards;
transform: translateX(50px);
}
.wgl-portfolio_container.appear-animation.anim-zoom .animate .item__wrapper {
animation: zoom_in 0.5s ease forwards;
transform: scale(0.5);
}

.wgl-portfolio {
--portfolio-columns-gap: 30px;
}
.wgl-portfolio_header {
display: flex;
margin-bottom: 48px;
}
.wgl-portfolio_header .item_title {
min-width: 33.33%;
}
.wgl-portfolio_header .portfolio_subtitle {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.1em;
color: #888;
margin-bottom: 12px;
}
.wgl-portfolio_header.filter-left {
flex-direction: row-reverse;
}
.wgl-portfolio_header.filter-left .item_title {
text-align: left;
}
.wgl-portfolio_header.filter-left .swiper-wrapper {
justify-content: flex-start;
}
.wgl-portfolio_header.filter-left .isotope-filter:not(.swiper-container-initialized) {
margin-left: auto;
text-align: right;
}
.wgl-portfolio_header.filter-center {
flex-direction: column;
text-align: center;
}
.wgl-portfolio_header.filter-center .item_title {
margin-bottom: 30px;
}
.wgl-portfolio_header.filter-center .swiper-wrapper {
justify-content: center;
}
.wgl-portfolio_header.filter-center .isotope-filter:not(.swiper-container-initialized) {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.wgl-portfolio_header.filter-right .swiper-wrapper {
justify-content: flex-end;
}
.wgl-portfolio_header.filter-right .isotope-filter:not(.swiper-container-initialized) {
margin-right: auto;
text-align: left;
}
@media (max-width: 1200px) {
.wgl-portfolio_header[class*=filter] {
    flex-direction: column;
    text-align: center;
}
.wgl-portfolio_header[class*=filter] .item_title {
    margin-bottom: 30px;
}
.wgl-portfolio_header[class*=filter] .swiper-wrapper {
    justify-content: center;
}
.wgl-portfolio_header[class*=filter] .isotope-filter:not(.swiper-container-initialized) {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
}

.wgl-portfolio_container {
margin-bottom: calc(var(--portfolio-columns-gap) * -1);
margin-right: calc(var(--portfolio-columns-gap) * -0.5);
margin-left: calc(var(--portfolio-columns-gap) * -0.5);
}
.wgl-portfolio_container .portfolio__item {
padding: 0 calc(var(--portfolio-columns-gap) / 2) var(--portfolio-columns-gap);
}
.wgl-portfolio_container[style*="height: 0px;"] {
margin-bottom: 0;
}
.wgl-portfolio_container:not(.carousel):not([class*=masonry]) {
display: flex;
flex-wrap: wrap;
}
.wgl-portfolio_container[class*=masonry] .portfolio__item {
float: right;
min-height: 1px;
}
.wgl-portfolio_container.masonry-2 .portfolio__item {
width: 100%;
}
.wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+2) img, .wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+6) img {
max-width: unset;
width: calc(100% + var(--portfolio-columns-gap) / 2 + var(--portfolio-masonry-2-equalizer, 0px));
}
@media (min-width: 993px) {
.wgl-portfolio_container.masonry-2 .portfolio__item {
    width: 25%;
}
.wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+1), .wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+7) {
    width: 50%;
}
}
@media (min-width: 601px) and (max-width: 992px) {
.wgl-portfolio_container.masonry-2 .portfolio__item {
    width: 50%;
}
.wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+1), .wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+7) {
    width: 50%;
}
}
.wgl-portfolio_container.masonry-3 .portfolio__item {
width: 100%;
}
@media (min-width: 993px) {
.wgl-portfolio_container.masonry-3 .portfolio__item {
    width: 25%;
}
.wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+1), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+2), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+5), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+6) {
    width: 50%;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.wgl-portfolio_container.masonry-3 .portfolio__item {
    width: 50%;
}
}
@media (min-width: 601px) and (max-width: 768px) {
.wgl-portfolio_container.masonry-3 .portfolio__item {
    width: 50%;
}
.wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+1), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+2), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+5), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+6) {
    width: 100%;
}
}
.wgl-portfolio_container.masonry-4 .portfolio__item {
width: 100%;
}
@media (min-width: 993px) {
.wgl-portfolio_container.masonry-4 .portfolio__item {
    width: 25%;
}
.wgl-portfolio_container.masonry-4 .portfolio__item:nth-of-type(6n+1), .wgl-portfolio_container.masonry-4 .portfolio__item:nth-of-type(6n+6) {
    width: 50%;
}
}
@media (min-width: 601px) and (max-width: 992px) {
.wgl-portfolio_container.masonry-4 .portfolio__item {
    width: 50%;
}
.wgl-portfolio_container.masonry-4 .portfolio__item:nth-of-type(6n+1), .wgl-portfolio_container.masonry-4 .portfolio__item:nth-of-type(6n+6) {
    width: 100%;
}
}
.wgl-portfolio_container.col-5 .portfolio__item {
width: 20%;
}
.wgl-portfolio_container.col-4 .portfolio__item {
width: 25%;
}
.wgl-portfolio_container.col-3 .portfolio__item {
width: 33.3333%;
}
.wgl-portfolio_container.col-2 .portfolio__item {
width: 50%;
}
.wgl-portfolio_container.col-1 .portfolio__item {
width: 100%;
}
@media (max-width: 1545px) {
.wgl-portfolio_container.col-5 .portfolio__item {
    width: 25%;
}
}
@media (max-width: 1370px) {
.wgl-portfolio_container:is(.col-4,
.col-5) .portfolio__item {
    width: 33.3333%;
}
}
@media (max-width: 1024px) {
.wgl-portfolio_container:is(.col-3,
.col-4,
.col-5) .portfolio__item {
    width: 50%;
}
}
@media (max-width: 767px) {
.wgl-portfolio_container:is(.col-2,
.col-3,
.col-4,
.col-5) .portfolio__item {
    width: 100%;
}
}

@keyframes fade_in {
100% {
    opacity: 1;
}
}
@keyframes slide_top {
100% {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes slide_bottom {
100% {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes slide_left {
100% {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes slide_right {
100% {
    opacity: 1;
    transform: translateX(0);
}
}
@keyframes zoom_in {
100% {
    opacity: 1;
    transform: scale(1);
}
}
.wgl-portfolio .wgl-pagination {
margin-top: 33px;
}

.wgl-portfolio-single_wrapper .portfolio-item__meta-wrap {
margin-bottom: 20px;
}
.wgl-portfolio-single_wrapper .portfolio-item__meta-wrap:empty {
display: none;
}
.wgl-portfolio-single_wrapper .post_categories {
margin-bottom: 0;
}

.wgl-portfolio-single_item .item__image {
border-radius: 0;
overflow: hidden;
}
.wgl-portfolio-single_item .item__image img {
display: block;
border-radius: inherit;
}
.wgl-portfolio-single_item .item__image:first-child {
margin-top: 0;
margin-bottom: 34px;
}
.wgl-portfolio-single_item .item__image:last-child {
margin-top: 40px;
margin-bottom: 10px;
}
.wgl-portfolio-single_item .item__image + .meta_wrapper {
margin-top: -16px;
}
.wgl-portfolio-single_item .item__image + .post_categories {
margin-top: 40px;
}
.wgl-portfolio-single_item .post_categories + .item__title {
margin-top: 13px;
}
.wgl-portfolio-single_item .item__title {
font-size: 42px;
}
@media (max-width: 600px) {
.wgl-portfolio-single_item .item__title {
    font-size: var(--bili-h4-font-size);
    line-height: var(--bili-h4-line-height);
}
}
.wgl-portfolio-single_item .item__title + .meta_wrapper {
margin-bottom: 25px;
margin-top: 12px;
}
.wgl-portfolio-single_item .description_content {
margin-bottom: 36px;
}
.wgl-portfolio-single_item + .bili-post-navigation {
margin-top: 30px;
}
.wgl-portfolio-single_item .single_post_info {
margin-top: 36px;
}

.single_portfolio .related_portfolio {
margin-top: 82px;
}
.single_portfolio .related_portfolio .wgl-carousel {
margin: 0;
}
.single_portfolio .related_portfolio .bili_module_title {
margin-bottom: 30px;
}
.single_portfolio .related_portfolio .bili_module_title h3,
.single_portfolio .related_portfolio .bili_module_title h4 {
font-size: 38px;
}
@media (max-width: 767px) {
.single_portfolio .related_portfolio .bili_module_title h3,
.single_portfolio .related_portfolio .bili_module_title h4 {
    font-size: 24px;
}
}
.single_portfolio .related_portfolio .wgl-portfolio_container .wgl-carousel .portfolio__item.wgl_col-6 {
width: 600px;
}
.single_portfolio .related_portfolio .wgl-portfolio_container .wgl-carousel .portfolio__item.wgl_col-4 {
width: 400px;
}
.single_portfolio .related_portfolio .wgl-portfolio_container .wgl-carousel .portfolio__item.wgl_col-3 {
width: 300px;
}
.single_portfolio #comments {
margin-top: 58px;
padding-top: 0;
}
.single_portfolio #comments .comment-respond {
margin-bottom: 70px;
}

.wgl-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.wgl-ellipsis span {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
background: #ffffff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.wgl-ellipsis span:nth-child(1) {
right: 6px;
animation: wgl-ellipsis1 0.6s infinite;
}
.wgl-ellipsis span:nth-child(2) {
right: 6px;
animation: wgl-ellipsis2 0.6s infinite;
}
.wgl-ellipsis span:nth-child(3) {
right: 26px;
animation: wgl-ellipsis2 0.6s infinite;
}
.wgl-ellipsis span:nth-child(4) {
right: 45px;
animation: wgl-ellipsis3 0.6s infinite;
}
@keyframes wgl-ellipsis1 {
0% {
    transform: scale(0);
}
100% {
    transform: scale(1);
}
}
@keyframes wgl-ellipsis2 {
0% {
    transform: translate(0, 0);
}
100% {
    transform: translate(-19px, 0);
}
}
@keyframes wgl-ellipsis3 {
0% {
    transform: scale(1);
}
100% {
    transform: scale(0);
}
}

/* ==================== ##Pricing Table ==================== */
.elementor-widget-wgl-pricing-table .wgl-pricing_plan {
position: relative;
z-index: 1;
max-width: 370px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan.hover-animation {
padding-top: 20px;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan.hover-animation .pricing__wrapper {
transform: translateY(0);
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan.hover-animation:hover .pricing__wrapper {
transform: translateY(-20px);
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__wrapper {
background-size: cover;
background-position: center;
overflow: hidden;
transition: 0.5s;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__header {
position: relative;
z-index: 1;
line-height: 0;
border-color: var(--bili-primary-color);
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__pretitle {
position: relative;
font-family: var(--bili-header-font-family);
font-size: 14px;
line-height: 1.286em;
font-weight: 600;
letter-spacing: 0.2em;
transition: 0.4s;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__pretitle .pretitle {
position: relative;
display: inline-block;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
letter-spacing: inherit;
transition: 0.4s;
z-index: 1;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__pretitle .pretitle::before {
content: "";
position: absolute;
z-index: -1;
left: 0;
top: 0;
height: 100%;
width: calc(100% + 100px);
background: var(--bili-secondary-color);
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__title {
position: relative;
font-family: var(--bili-content-font-family);
font-size: 14px;
line-height: 1.3;
font-weight: 700;
letter-spacing: 1.2px;
transition: 0.4s;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__title .title__suffix {
font: inherit;
transition: inherit;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__title .title {
position: relative;
display: inline-block;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
letter-spacing: inherit;
transition: 0.4s;
z-index: 1;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__price {
font-family: var(--bili-content-font-family);
font-size: 64px;
line-height: 1;
font-weight: 400;
letter-spacing: 1.7px;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__price .price__currency {
line-height: 1.3;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__price .price__value {
position: relative;
z-index: 1;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
vertical-align: baseline;
text-decoration: inherit;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__price .price__period {
display: inline-block;
position: relative;
font-family: var(--bili-content-font-family);
letter-spacing: 0px;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__content {
padding-top: 39px;
padding-bottom: 29px;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__content ul {
padding-bottom: 19px;
word-break: break-word;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__content ul:last-child {
padding-bottom: 0;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__content ul[class*=bili_] {
display: flex;
flex-direction: column;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__content ul[class*=bili_] li:not(:last-child) {
margin-bottom: 11px;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__content ul li:before {
margin-top: -1px;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__content ul li[style*=color]:before {
color: inherit;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__content ul li i {
margin-left: 10px;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__content ul li b {
color: var(--bili-header-font-color);
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__content p {
margin-bottom: 20px;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .pricing__description {
font-family: var(--bili-header-font-family);
font-size: 14px;
font-weight: 500;
line-height: 1.4;
}
.elementor-widget-wgl-pricing-table .wgl-pricing_plan .wgl-button {
display: inline-flex;
justify-content: center;
}

body .elementor-widget-wgl-pricing-table.aleft .pricing__content ul {
align-items: flex-start;
}
body .elementor-widget-wgl-pricing-table.acenter .pricing__content ul {
align-items: center;
margin-right: 0;
padding-right: 0;
}
body .elementor-widget-wgl-pricing-table.aright .pricing__content ul {
align-items: flex-end;
}
body .elementor-widget-wgl-pricing-table.button-align-left .pricing__button {
text-align: right;
}
body .elementor-widget-wgl-pricing-table.button-align-left .wgl-button {
width: auto;
}
body .elementor-widget-wgl-pricing-table.button-align-center .pricing__button {
text-align: center;
}
body .elementor-widget-wgl-pricing-table.button-align-center .wgl-button {
width: auto;
}
body .elementor-widget-wgl-pricing-table.button-align-right .pricing__button {
text-align: left;
}
body .elementor-widget-wgl-pricing-table.button-align-right .wgl-button {
width: auto;
}
body .elementor-widget-wgl-pricing-table.button-align-justify .pricing__button {
text-align: center;
}
body .elementor-widget-wgl-pricing-table.button-align-justify .wgl-button {
width: 100%;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.a-tabletleft .pricing__content ul {
align-items: flex-start;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.a-tabletcenter .pricing__content ul {
align-items: center;
margin-right: 0;
padding-right: 0;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.a-tabletright .pricing__content ul {
align-items: flex-end;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-left .pricing__button {
text-align: right;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-left .wgl-button {
width: auto;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-center .pricing__button {
text-align: center;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-center .wgl-button {
width: auto;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-right .pricing__button {
text-align: left;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-right .wgl-button {
width: auto;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-justify .pricing__button {
text-align: center;
}
body:not([data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-justify .wgl-button {
width: 100%;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.a-mobileleft .pricing__content ul {
align-items: flex-start;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.a-mobilecenter .pricing__content ul {
align-items: center;
margin-right: 0;
padding-right: 0;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.a-mobileright .pricing__content ul {
align-items: flex-end;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.button-align-mobile-left .pricing__button {
text-align: right;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.button-align-mobile-left .wgl-button {
width: auto;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.button-align-mobile-center .pricing__button {
text-align: center;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.button-align-mobile-center .wgl-button {
width: auto;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.button-align-mobile-right .pricing__button {
text-align: left;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.button-align-mobile-right .wgl-button {
width: auto;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.button-align-mobile-justify .pricing__button {
text-align: center;
}
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-pricing-table.button-align-mobile-justify .wgl-button {
width: 100%;
}

/* ==================== ##Progress Bar ==================== */
.wgl-progress-bar {
display: block;
border-radius: unset;
transition: 1.5s;
}
.wgl-progress-bar .progress__content {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
font-family: var(--bili-content-font-family);
font-size: 14px;
font-weight: 700;
letter-spacing: 1.38px;
line-height: 1;
transition: inherit;
}
.wgl-progress-bar .content__value {
position: relative;
margin-right: 8px;
margin-left: -2px;
font-size: 1em;
color: var(--bili-secondary-color);
}
.wgl-progress-bar .progress__bar {
position: relative;
z-index: 0;
width: 100%;
box-sizing: content-box;
transition: inherit;
}
.wgl-progress-bar .bar__filled {
position: absolute;
z-index: 1;
top: 50%;
right: 0;
width: 0;
height: inherit;
border-radius: inherit;
transform: translateY(-50%);
transition: inherit;
}
.wgl-progress-bar.layout-fixed, .wgl-progress-bar.layout-dynamic {
margin-top: -5px;
}
.wgl-progress-bar.layout-fixed .progress__bar, .wgl-progress-bar.layout-dynamic .progress__bar {
margin-top: 14px;
margin-bottom: 9px;
}
.wgl-progress-bar.layout-dynamic .progress__content {
width: 0;
white-space: nowrap;
}
.wgl-progress-bar.layout-aside {
display: flex;
align-items: flex-end;
margin-top: 7px;
font-size: 14px;
line-height: 1;
font-weight: 700;
}
.wgl-progress-bar.layout-aside .progress__bar {
margin-top: 28px;
}
.wgl-progress-bar.layout-aside .aside__wrapper {
flex-grow: 1;
transition: inherit;
}
.wgl-progress-bar.layout-aside .content__value {
position: relative;
margin-right: 15px;
}
.wgl-progress-bar.layout-aside .content__value,
.wgl-progress-bar.layout-aside .content__value .value__wrapper {
text-align: left;
}
.wgl-progress-bar.layout-aside .content__value .value__wrapper {
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wgl-progress-bar.layout-aside .content__value .placeholder__digit, .wgl-progress-bar.layout-aside .content__value .placeholder__unit {
visibility: hidden;
}

/* ==================== ##Rotated Text ==================== */
.elementor-widget-wgl-rotated-text .elementor-widget-container {
transform: rotate(-180deg);
writing-mode: vertical-rl;
}

.wgl-rotated_text {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.wgl-rotated_text .rt__title-wrapper .rt__title {
font: inherit;
line-height: inherit;
text-transform: inherit;
letter-spacing: inherit;
transition: color 0.3s;
}
.wgl-rotated_text .rt-title {
color: var(--bili-header-font-color);
}
.wgl-rotated_text .rt__subtitle {
font-size: 16px;
line-height: 1.3em;
transition: color 0.3s;
color: var(--bili-secondary-color);
height: 100%;
}
.wgl-rotated_text .rt-title span,
.wgl-rotated_text .rt__subtitle span {
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
text-transform: inherit;
letter-spacing: inherit;
}
.wgl-rotated_text .rt__link {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: block;
z-index: 1;
}
.wgl-rotated_text .media-wrapper {
line-height: 0;
transition: 0.4s;
}

body[data-elementor-device-mode=desktop] .elementor-widget-wgl-rotated-text.disable-rotation-yes .elementor-widget-container,
body[data-elementor-device-mode=tablet] .elementor-widget-wgl-rotated-text.disable-rotation-tablet-yes .elementor-widget-container,
body[data-elementor-device-mode=mobile] .elementor-widget-wgl-rotated-text.disable-rotation-mobile-yes .elementor-widget-container {
transform: unset;
writing-mode: unset;
height: auto;
}

/* ==================== ##Satellite Service ==================== */
.elementor-widget-wgl-satellite-service:hover .wgl-services_title {
color: var(--bili-header-font-color);
}
.elementor-widget-wgl-satellite-service:hover .wgl-services_title a {
color: var(--bili-header-font-color);
}

.wgl-service-sat .wgl-services_wrap {
transition: 0.4s;
}
.wgl-service-sat .wgl-services_media-wrap {
position: relative;
z-index: 1;
width: 110px;
height: 110px;
line-height: 110px;
font-size: 45px;
display: inline-block;
border: 1px dashed CurrentColor;
box-sizing: content-box;
border-radius: 50%;
text-align: center;
transition: 0.4s;
border-color: var(--bili-secondary-color);
}
.wgl-service-sat .wgl-services_title {
font-size: 24px;
line-height: 1.4;
transition: 0.4s;
color: var(--bili-header-font-color);
}
.wgl-service-sat .wgl-services_circle-wrapper {
position: absolute;
z-index: -1;
width: 78px;
height: 78px;
right: 16px;
top: 16px;
}
.wgl-service-sat .wgl-services_circle-wrapper:nth-child(1) {
transform: rotate(0deg);
animation: service_hexagon_1 2s infinite linear;
animation-play-state: paused;
}
.wgl-service-sat .wgl-services_circle-wrapper:nth-child(1) .wgl-services_circle {
background-color: var(--bili-secondary-color);
}
.wgl-service-sat .wgl-services_circle-wrapper:nth-child(2) {
transform: rotate(-180deg);
animation: service_hexagon_2 2s infinite linear;
animation-play-state: paused;
}
.wgl-service-sat .wgl-services_circle-wrapper:nth-child(2) .wgl-services_circle {
background-color: var(--bili-secondary-color);
}
.wgl-service-sat .wgl-services_circle {
width: 8px;
height: 8px;
border-radius: 50%;
background: red;
transform: translate3d(50%, -50%, 0);
}
.wgl-service-sat .wgl-services_readmore {
display: inline-block;
color: var(--bili-primary-color);
}
.wgl-service-sat .wgl-services_readmore:hover {
color: var(--bili-secondary-color);
}
.wgl-service-sat .wgl-services_item-link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
right: 0;
top: 0;
}
.wgl-service-sat .wgl-icon {
color: var(--bili-secondary-color);
}
.wgl-service-sat .elementor-icon {
display: block;
line-height: inherit;
font-size: inherit;
}
.wgl-service-sat .elementor-icon i {
display: inline;
}
.wgl-service-sat .wgl-widget_wrapper.elementor-image-box-img {
height: 100%;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
.wgl-service-sat .wgl-image-box_img > span {
display: flex;
}
.wgl-service-sat:hover .wgl-services_circle-wrapper:nth-child(1), .wgl-service-sat:hover .wgl-services_circle-wrapper:nth-child(2) {
animation-play-state: running;
}

@keyframes service_hexagon_1 {
0% {
    transform: rotate(-90deg);
}
100% {
    transform: rotate(-450deg);
}
}
@keyframes service_hexagon_2 {
0% {
    transform: rotate(90deg);
}
100% {
    transform: rotate(-270deg);
}
}
/* ==================== ## Social Icons ==================== */
.elementor-shape-rounded .elementor-icon.elementor-social-icon {
border-radius: 10%;
}

.elementor-shape-circle .elementor-icon.elementor-social-icon {
border-radius: 50%;
}

div.elementor-widget-wgl-social-icons.elementor-grid-0 .elementor-widget-container, div.elementor-widget-wgl-social-icons.elementor-grid-mobile-0 .elementor-widget-container, div.elementor-widget-wgl-social-icons.elementor-grid-tablet-0 .elementor-widget-container {
line-height: 1;
font-size: 0;
}
div.elementor-widget-wgl-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid {
display: inline-grid;
}
div.elementor-widget-wgl-social-icons .elementor-grid {
grid-column-gap: var(--grid-column-gap, 5px);
grid-row-gap: var(--grid-row-gap, 5px);
grid-template-columns: var(--grid-template-columns);
justify-content: var(--justify-content, center);
justify-items: var(--justify-content, center);
}
div.elementor-widget-wgl-social-icons .elementor-social-icon {
--e-social-icon-icon-color: #fff;
display: inline-flex;
background-color: #818a91;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
}
div.elementor-widget-wgl-social-icons .elementor-social-icon i {
color: var(--e-social-icon-icon-color);
}
div.elementor-widget-wgl-social-icons .elementor-social-icon svg {
fill: var(--e-social-icon-icon-color);
}
div.elementor-widget-wgl-social-icons .elementor-social-icon:last-child {
margin: 0;
}
div.elementor-widget-wgl-social-icons .elementor-social-icon:hover {
opacity: 0.9;
color: #fff;
}
div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-social-icon {
font-size: var(--icon-size, 25px);
line-height: var(--icon-size, 25px);
width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, 0.5em));
height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, 0.5em));
}
div.elementor-widget-wgl-social-icons .wgl-social-icons .icon__wrapper {
display: inline-block;
}
div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:active, div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:focus, div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:hover {
transform: none;
}
div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:active .elementor-icon, div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:focus .elementor-icon, div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:hover .elementor-icon {
transform: translateY(-8px);
}
div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-twitter, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-twitter-square, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-flaticon-twitter, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-twitter, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-twitter-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-flaticon-twitter, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-twitter, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-twitter-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-flaticon-twitter {
background-color: #1b82c4;
}
div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-instagram, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-flaticon-instagram, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-instagram, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-flaticon-instagram, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-instagram, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-flaticon-instagram {
background-color: #c52ea7;
}
div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-telegram, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-telegram-plane, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-telegram, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-telegram-plane, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-telegram, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-telegram-plane {
background-color: #0088cc;
}
div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-pinterest-p, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-pinterest-square, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-flaticon-pinterest-round-logo, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-pinterest-p, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-pinterest-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-flaticon-pinterest-round-logo, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-pinterest-p, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-pinterest-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-flaticon-pinterest-round-logo {
background-color: #ff1226;
}
div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-facebook, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-facebook-f, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-facebook-square, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-facebook-messenger, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-flaticon-facebook-circular-logo, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-facebook, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-facebook-f, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-facebook-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-facebook-messenger, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-flaticon-facebook-circular-logo, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-facebook, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-facebook-f, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-facebook-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-facebook-messenger, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-flaticon-facebook-circular-logo {
background-color: #354cd9;
}
div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-reddit, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-reddit-alien, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-reddit-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-reddit, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-reddit-alien, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-reddit-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-reddit, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-reddit-alien, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-reddit-square {
background-color: #FF5700;
}
div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-whatsapp-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-whatsapp-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-whatsapp-square {
background-color: #25d366;
}
div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-youtube, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-youtube-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-youtube, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-youtube-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-youtube, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-youtube-square {
background-color: #ff0000;
}
div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-dribbble-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-dribbble-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-dribbble-square {
background-color: #ea4c89;
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .icon__wrapper:hover i {
color: var(--bili-secondary-color);
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon {
background-color: transparent;
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon i {
color: var(--bili-primary-color);
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-twitter i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-twitter-square i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-flaticon-twitter i {
color: #1b82c4;
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-instagram i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-flaticon-instagram i {
color: #c52ea7;
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-telegram i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-telegram-plane i {
color: #0088cc;
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-pinterest-p i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-pinterest-square i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-flaticon-pinterest-round-logo i {
color: #ff1226;
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-facebook i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-facebook-f i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-facebook-square i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-facebook-messenger i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-flaticon-facebook-circular-logo i {
color: #354cd9;
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-reddit i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-reddit-alien i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-reddit-square i {
color: #FF5700;
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-whatsapp i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-whatsapp-square i {
color: #25d366;
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-youtube i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-youtube-square i {
color: #ff0000;
}
div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-dribbble-square i {
color: #ea4c89;
}

.socials-official-idle .social__icon:not(:hover)[class*=skype] {
background-color: #00aff0;
}
.socials-official-idle .social__icon:not(:hover)[class*=tumblr] {
background-color: #35465d;
}
.socials-official-idle .social__icon:not(:hover)[class*=twitter] {
background-color: #1b82c4;
}
.socials-official-idle .social__icon:not(:hover)[class*=youtube] {
background-color: #ff0000;
}
.socials-official-idle .social__icon:not(:hover)[class*=facebook] {
background-color: #354cd9;
}
.socials-official-idle .social__icon:not(:hover)[class*=linkedin] {
background-color: #007bb5;
}
.socials-official-idle .social__icon:not(:hover)[class*=telegram] {
background-color: #0088cc;
}
.socials-official-idle .social__icon:not(:hover)[class*=whatsapp] {
background-color: #25d366;
}
.socials-official-idle .social__icon:not(:hover)[class*=dribbble] {
background-color: #ea4c89;
}
.socials-official-idle .social__icon:not(:hover)[class*=pinterest] {
background-color: #ff1226;
}
.socials-official-idle .social__icon:not(:hover)[class*=instagram] {
background-color: #c52ea7;
}
.socials-official-hover .social__icon:hover[class*=skype] {
background-color: #00aff0;
}
.socials-official-hover .social__icon:hover[class*=tumblr] {
background-color: #35465d;
}
.socials-official-hover .social__icon:hover[class*=twitter] {
background-color: #1b82c4;
}
.socials-official-hover .social__icon:hover[class*=youtube] {
background-color: #ff0000;
}
.socials-official-hover .social__icon:hover[class*=facebook] {
background-color: #354cd9;
}
.socials-official-hover .social__icon:hover[class*=linkedin] {
background-color: #007bb5;
}
.socials-official-hover .social__icon:hover[class*=telegram] {
background-color: #0088cc;
}
.socials-official-hover .social__icon:hover[class*=whatsapp] {
background-color: #25d366;
}
.socials-official-hover .social__icon:hover[class*=dribbble] {
background-color: #ea4c89;
}
.socials-official-hover .social__icon:hover[class*=pinterest] {
background-color: #ff1226;
}
.socials-official-hover .social__icon:hover[class*=instagram] {
background-color: #c52ea7;
}

/* ==================== ## WGL Tabs ==================== */
.wgl-tabs_headings:not(.swiper-wrapper) {
display: flex;
align-items: stretch;
flex-wrap: wrap;
flex-direction: row;
position: relative;
overflow: hidden;
}
.wgl-tabs_headings:not(.swiper-wrapper) .wgl-tabs_headings {
flex-direction: column;
}
.wgl-tabs.has-divider .wgl-tabs_header:after {
content: "";
display: block;
width: 60px;
height: 2px;
position: absolute;
right: 0;
bottom: 0;
margin-right: 0;
border-radius: 0;
opacity: 0;
visibility: hidden;
transition: all 0.45s;
transform: translateY(-30px);
}
.wgl-tabs.has-divider .wgl-tabs_header.active:after {
opacity: 1;
visibility: visible;
transform: translateY(0);
background-color: var(--bili-header-font-color);
}
.wgl-tabs .lavalamp {
position: relative;
}
.wgl-tabs .lavalamp-object {
position: absolute;
z-index: 5;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto 0 -2px auto;
opacity: 0;
}
.wgl-tabs .lavalamp_animate .lavalamp-object {
opacity: 1;
background-color: var(--bili-secondary-color);
border-radius: 0;
}
.wgl-tabs_header {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
text-align: center;
font-size: 24px;
font-weight: 500;
line-height: 31px;
margin: 0;
cursor: pointer;
transition: 0.4s;
z-index: 1;
color: #888888;
border-radius: 0;
letter-spacing: 0.2px;
font-family: var(--bili-content-font-family);
}
.wgl-tabs_header:first-child {
margin-right: 0 !important;
}
.wgl-tabs_header:last-child {
margin-left: 0 !important;
}
.wgl-tabs_header:hover, .wgl-tabs_header.active {
color: var(--bili-header-font-color);
}
.wgl-tabs_swiper-wrapper {
overflow: hidden;
}
.wgl-tabs_headings.swiper-wrapper .wgl-tabs_header {
width: -moz-fit-content;
width: fit-content;
min-width: -moz-fit-content;
min-width: fit-content;
}
.wgl-tabs.fill-bg-animation .wgl-tabs_header {
margin-bottom: 1px;
}
.wgl-tabs_content {
display: block;
}
.wgl-tabs_content > .elementor {
margin: 10px;
}
.wgl-tabs_content-wrap {
min-height: -moz-fit-content;
min-height: fit-content;
transition: height 0.6s ease-in-out;
}
.wgl-tabs_icon {
line-height: 1;
color: inherit;
transition: 0.4s;
}
.wgl-tabs_icon svg {
width: 1em;
height: 1em;
fill: currentColor;
transition: inherit;
}
.wgl-tabs_title {
font: inherit;
color: inherit;
line-height: inherit;
text-transform: inherit;
letter-spacing: inherit;
}
.wgl-tabs.icon_position-left .wgl-tabs_header {
flex-direction: row-reverse;
}
.wgl-tabs.icon_position-right .wgl-tabs_header {
flex-direction: row;
}
.wgl-tabs.icon_position-top .wgl-tabs_header {
flex-direction: column-reverse;
}
.wgl-tabs.icon_position-bottom .wgl-tabs_header {
flex-direction: column;
}
.wgl-tabs.tabs_align-left .wgl-tabs_headings {
justify-content: flex-start;
}
.wgl-tabs.tabs_align-left .wgl-tabs_headings .wgl-tabs_header:last-child {
margin-left: 0;
}
.wgl-tabs.tabs_align-right .wgl-tabs_headings {
justify-content: flex-end;
}
.wgl-tabs.tabs_align-right .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-right: 0;
}
.wgl-tabs.tabs_align-center .wgl-tabs_headings {
justify-content: center;
}
.wgl-tabs.tabs_align-center .wgl-tabs_headings .wgl-tabs_header:last-child {
margin-left: 0;
}
.wgl-tabs.tabs_align-center .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-right: 0;
}
.wgl-tabs.tabs_align-justify .wgl-tabs_headings .wgl-tabs_header {
flex: 1;
}
.wgl-tabs.tabs_align-justify .wgl-tabs_headings .wgl-tabs_header:last-child {
margin-left: 0;
}
.wgl-tabs.tabs_align-justify .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-right: 0;
}

body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-left .wgl-tabs_headings {
justify-content: flex-start;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-left .wgl-tabs_headings .wgl-tabs_header {
flex: none;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-left .wgl-tabs_headings .wgl-tabs_header:last-child {
margin-left: 0;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-right .wgl-tabs_headings {
justify-content: flex-end;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-right .wgl-tabs_headings .wgl-tabs_header {
flex: none;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-right .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-right: 0;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-center .wgl-tabs_headings {
justify-content: center;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-center .wgl-tabs_headings .wgl-tabs_header {
flex: none;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-center .wgl-tabs_headings .wgl-tabs_header:last-child {
margin-left: 0;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-center .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-right: 0;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-justify .wgl-tabs_headings .wgl-tabs_header {
flex: 1;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-justify .wgl-tabs_headings .wgl-tabs_header:last-child {
margin-left: 0;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-tablet-justify .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-right: 0;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.icon_position-tablet-left .wgl-tabs_header {
flex-direction: row-reverse;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.icon_position-tablet-right .wgl-tabs_header {
flex-direction: row;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.icon_position-tablet-top .wgl-tabs_header {
flex-direction: column-reverse;
}
body:is([data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile]) .wgl-tabs.icon_position-tablet-bottom .wgl-tabs_header {
flex-direction: column;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs_headings:not(.swiper-wrapper) {
flex-direction: column;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs_headings:not(.swiper-wrapper) .lavalamp-object {
display: none;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-left .wgl-tabs_headings {
justify-content: flex-start;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-left .wgl-tabs_headings .wgl-tabs_header {
flex: none;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-left .wgl-tabs_headings .wgl-tabs_header:last-child {
margin-left: 0;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-right .wgl-tabs_headings {
justify-content: flex-end;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-right .wgl-tabs_headings .wgl-tabs_header {
flex: none;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-right .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-right: 0;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-center .wgl-tabs_headings {
justify-content: center;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-center .wgl-tabs_headings .wgl-tabs_header {
flex: none;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-center .wgl-tabs_headings .wgl-tabs_header:last-child {
margin-left: 0;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-center .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-right: 0;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-justify .wgl-tabs_headings .wgl-tabs_header {
flex: 1 !important;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-justify .wgl-tabs_headings .wgl-tabs_header:last-child {
margin-left: 0 !important;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-justify .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-right: 0 !important;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.icon_position-mobile-left .wgl-tabs_header {
flex-direction: row-reverse;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.icon_position-mobile-right .wgl-tabs_header {
flex-direction: row;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.icon_position-mobile-top .wgl-tabs_header {
flex-direction: column-reverse;
}
body:is([data-elementor-device-mode=mobile]) .wgl-tabs.icon_position-mobile-bottom .wgl-tabs_header {
flex-direction: column;
}

.wgl-testimonials {
position: relative;
}
.wgl-testimonials .testimonials__wrapper {
transition: 0.4s;
}
.wgl-testimonials .testimonial__item {
--image-width: 170px;
--image-gap: 200px;
position: relative;
z-index: 1;
transform: translate(0);
transition: inherit;
}
.wgl-testimonials .testimonial__item .item__content {
position: relative;
}
.wgl-testimonials .testimonial__item .item__content:before {
content: "\f10f";
font-family: flaticon;
color: var(--bili-primary-color);
font-size: 48px;
line-height: 0.8;
margin-bottom: 27px;
display: none;
transform: rotate(-180deg);
position: absolute;
}
.wgl-testimonials.hover_animation .testimonials__wrapper {
padding-top: 20px;
}
.wgl-testimonials.hover_animation .testimonials__wrapper:hover .testimonial__item {
transform: translateY(-20px);
}
.wgl-testimonials .item__author {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.wgl-testimonials .author__meta {
display: flex;
flex-direction: column;
}
.wgl-testimonials .item__rating {
display: inline-block;
position: relative;
width: 5.35em;
font-size: 20px;
letter-spacing: 0.1em;
line-height: 1;
color: var(--bili-primary-color);
margin-bottom: 20px;
}
.wgl-testimonials .item__rating::before,
.wgl-testimonials .item__rating ::before {
content: "\f138\f138\f138\f138\f138";
font-family: flaticon;
}
.wgl-testimonials .item__rating::before {
color: rgba(var(--bili-primary-rgb), 0.4);
}
.wgl-testimonials .item__rating span {
position: absolute;
top: 0;
right: 0;
padding-top: 1em;
overflow: hidden;
}
.wgl-testimonials .item__rating span::before {
position: absolute;
top: 0;
right: 0;
color: var(--bili-primary-color);
}
.wgl-testimonials .author__name {
font-size: 20px;
line-height: 1.3;
font-weight: 500;
transition: 0.4s;
font-family: var(--bili-content-font-family);
}
.wgl-testimonials .author__name a {
font: inherit;
color: inherit;
line-height: inherit;
letter-spacing: inherit;
}
@media (max-width: 600px) {
.wgl-testimonials .author__name {
    font-size: 18px;
}
}
.wgl-testimonials .author__position {
display: block;
font-size: 14px;
font-weight: 600;
line-height: 1.25;
color: var(--bili-primary-color);
margin-top: 12px;
letter-spacing: 0.1em;
}
.wgl-testimonials .item__title {
font-size: 24px;
font-weight: 500;
color: var(--bili-header-font-color);
font-family: var(--bili-content-font-family);
letter-spacing: 0;
line-height: 2;
}
.wgl-testimonials .item__title:before {
display: none;
vertical-align: middle;
content: "\f153";
font-family: "Flaticon";
font-size: 26px;
line-height: 1;
font-style: normal;
transform: translateY(-3px);
margin-left: 15px;
color: var(--bili-secondary-color);
}
.wgl-testimonials.triangle-direction-bottom .item__quote:before {
top: 100%;
border-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) transparent transparent;
border-width: 15px;
}
.wgl-testimonials.triangle-direction-bottom .item__quote:after {
top: calc(100% - 2px);
border-color: #181818 #181818 transparent transparent;
border-width: 14px;
left: calc(15% + 1px);
}
.wgl-testimonials .item__quote {
position: relative;
font-family: var(--bili-content-font-family);
font-size: 20px;
line-height: 1.8em;
color: var(--bili-header-font-color);
}
.wgl-testimonials .item__quote:before {
background: transparent;
}
.wgl-testimonials .item__quote:before, .wgl-testimonials .item__quote:after {
display: block;
position: absolute;
left: 15%;
width: 0;
height: 0;
border-style: solid;
}
.wgl-testimonials .item__quote p:last-child {
margin-bottom: 0;
}
.wgl-testimonials .author__thumbnail {
flex-shrink: 0;
padding-left: 30px;
}
.wgl-testimonials .author__thumbnail img {
display: inline-block;
width: var(--image-width);
}
@media (max-width: 600px) {
.wgl-testimonials .author__thumbnail {
    padding-left: 20px;
}
}
.wgl-testimonials.type-top_block .author__thumbnail {
margin-bottom: 40px;
padding-left: 0;
margin-right: 0;
}
.wgl-testimonials.type-top_block .item__author {
padding-top: 28px;
}
.wgl-testimonials.type-bottom_block .item__author {
flex-direction: column;
margin-top: 30px;
}
.wgl-testimonials.type-bottom_block .author__thumbnail {
padding: 0 0 11px 0;
}
.wgl-testimonials.type-top_inline .item__author {
padding-bottom: 28px;
}
.wgl-testimonials.type-top_inline .item__quote {
margin-top: 20px;
}
.wgl-testimonials.type-bottom_inline .item__quote {
margin-bottom: 26px;
}
.wgl-testimonials.type-bottom_inline .author__name {
margin-top: -4px;
}
.wgl-testimonials .wgl-carousel_wrapper .wgl-carousel:not(.animation-style-3d) {
margin: -20px -15px -20px;
padding: 20px 0 40px;
}
.wgl-testimonials .wgl-carousel_wrapper .wgl-carousel:not(.animation-style-3d) .swiper-slide {
padding: 0 15px;
}
@media (max-width: 600px) {
.wgl-testimonials.type-inline_top .author__thumbnail {
    position: relative;
    margin-right: 0;
    margin-top: 0;
}
.wgl-testimonials.type-inline_top .wgl-carousel_wrapper .testimonials__wrapper {
    padding-right: 15px;
}
}

.elementor-widget-wgl-testimonials .testimonials__wrapper.no_image .testimonial__item {
margin: 0;
padding: 0;
}
.elementor-widget-wgl-testimonials .testimonials__wrapper.no_image .author__thumbnail {
position: static;
top: unset;
right: unset;
left: unset;
transform: unset;
}
.elementor-widget-wgl-testimonials.imagedefault .testimonial__item {
margin: 0;
padding: 0;
display: flex;
flex-direction: column-reverse;
}
.elementor-widget-wgl-testimonials.imagedefault .author__thumbnail {
position: static;
top: unset;
right: unset;
left: unset;
transform: unset;
}
.elementor-widget-wgl-testimonials.imageleft .testimonial__item {
display: flex;
flex-direction: row-reverse;
}
.elementor-widget-wgl-testimonials.imageleft .testimonial__item .item__author {
min-width: var(--image-gap);
}
.elementor-widget-wgl-testimonials.imageright .testimonial__item {
display: flex;
flex-direction: row;
}
.elementor-widget-wgl-testimonials.imageright .testimonial__item .item__author {
min-width: var(--image-gap);
}
.elementor-widget-wgl-testimonials.aleft .type-bottom_block .item__author {
align-items: flex-start;
justify-content: center;
}
.elementor-widget-wgl-testimonials.aleft .type-top_block .item__author,
.elementor-widget-wgl-testimonials.aleft .type-top_inline .item__author,
.elementor-widget-wgl-testimonials.aleft .type-bottom_inline .item__author {
align-items: center;
justify-content: flex-end;
flex-direction: column;
align-items: flex-start;
}
.elementor-widget-wgl-testimonials.aleft .type-bottom_inline .item__author {
flex-direction: row;
align-items: center;
}
.elementor-widget-wgl-testimonials.acenter .type-bottom_block .item__author {
align-items: center;
justify-content: center;
}
.elementor-widget-wgl-testimonials.acenter .type-top_block .item__author,
.elementor-widget-wgl-testimonials.acenter .type-top_inline .item__author,
.elementor-widget-wgl-testimonials.acenter .type-bottom_inline .item__author {
align-items: center;
justify-content: center;
flex-direction: column;
}
.elementor-widget-wgl-testimonials.aright .type-bottom_block .item__author {
align-items: flex-end;
justify-content: center;
}
.elementor-widget-wgl-testimonials.aright .type-top_block .item__author,
.elementor-widget-wgl-testimonials.aright .type-top_inline .item__author,
.elementor-widget-wgl-testimonials.aright .type-bottom_inline .item__author {
align-items: center;
justify-content: flex-start;
flex-direction: row;
align-items: center;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-tabletdefault .testimonial__item {
margin: 0;
padding: 0;
display: flex;
flex-direction: column-reverse;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-tabletdefault .author__thumbnail {
position: static;
top: unset;
right: unset;
left: unset;
transform: unset;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-tabletleft .testimonial__item {
display: flex;
flex-direction: row-reverse;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-tabletleft .testimonial__item .item__author {
min-width: var(--image-gap);
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-tabletright .testimonial__item {
display: flex;
flex-direction: row;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-tabletright .testimonial__item .item__author {
min-width: var(--image-gap);
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletleft .type-bottom_block .item__author {
align-items: flex-start;
justify-content: center;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletleft .type-top_block .item__author,
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletleft .type-top_inline .item__author,
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletleft .type-bottom_inline .item__author {
align-items: center;
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletleft .type-bottom_inline .item__author {
flex-direction: row;
align-items: center;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletcenter .type-bottom_block .item__author {
align-items: center;
justify-content: center;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletcenter .type-top_block .item__author,
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletcenter .type-top_inline .item__author,
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletcenter .type-bottom_inline .item__author {
align-items: center;
justify-content: center;
flex-direction: column;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-bottom_block .item__author {
align-items: flex-end;
justify-content: center;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-top_block .item__author,
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-top_inline .item__author,
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-bottom_inline .item__author {
align-items: center;
justify-content: flex-end;
flex-direction: column;
align-items: flex-end;
}
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-top_block .item__author .author__meta,
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-top_inline .item__author .author__meta,
body:is([data-elementor-device-mode=tablet_extra],
[data-elementor-device-mode=tablet],
[data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-bottom_inline .item__author .author__meta {
align-items: flex-end;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-mobiledefault .testimonial__item {
margin: 0;
padding: 0;
display: flex;
flex-direction: column-reverse;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-mobiledefault .author__thumbnail {
position: static;
top: unset;
right: unset;
left: unset;
transform: unset;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-mobileleft .testimonial__item {
display: flex;
flex-direction: row-reverse;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-mobileleft .testimonial__item .item__author {
min-width: var(--image-gap);
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-mobileright .testimonial__item {
display: flex;
flex-direction: row;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.image-mobileright .testimonial__item .item__author {
min-width: var(--image-gap);
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileleft .type-bottom_block .item__author {
align-items: flex-start;
justify-content: center;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileleft .type-top_block .item__author,
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileleft .type-top_inline .item__author,
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileleft .type-bottom_inline .item__author {
align-items: center;
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileleft .type-bottom_inline .item__author {
flex-direction: row;
align-items: center;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobilecenter .type-bottom_block .item__author {
align-items: center;
justify-content: center;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobilecenter .type-top_block .item__author,
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobilecenter .type-top_inline .item__author,
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobilecenter .type-bottom_inline .item__author {
align-items: center;
justify-content: center;
flex-direction: column;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-bottom_block .item__author {
align-items: flex-end;
justify-content: center;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-top_block .item__author,
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-top_inline .item__author,
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-bottom_inline .item__author {
align-items: center;
justify-content: flex-end;
flex-direction: column;
align-items: flex-end;
}
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-top_block .item__author .author__meta,
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-top_inline .item__author .author__meta,
body:is([data-elementor-device-mode=mobile],
[data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-bottom_inline .item__author .author__meta {
align-items: flex-end;
}

.wgl-instagram {
position: relative;
}
.wgl-instagram .instagram__wrapper {
transition: 0.4s;
}
.wgl-instagram .instagram__wrapper.wgl_col-12:nth-child(2), .wgl-instagram .instagram__wrapper.wgl_col-12:nth-child(n+3) {
clear: right;
}
.wgl-instagram .instagram__wrapper.wgl_col-6:nth-child(3), .wgl-instagram .instagram__wrapper.wgl_col-6:nth-child(2n+5) {
clear: right;
}
.wgl-instagram .instagram__wrapper.wgl_col-4:nth-child(4), .wgl-instagram .instagram__wrapper.wgl_col-4:nth-child(3n+7) {
clear: right;
}
.wgl-instagram .instagram__wrapper.wgl_col-3:nth-child(5), .wgl-instagram .instagram__wrapper.wgl_col-3:nth-child(4n+9) {
clear: right;
}
.wgl-instagram .instagram__wrapper.wgl_col-1-5:nth-child(6), .wgl-instagram .instagram__wrapper.wgl_col-1-5:nth-child(5n+11) {
clear: right;
}
.wgl-instagram .instagram__item {
position: relative;
z-index: 1;
transform: translate(0);
transition: inherit;
}
.wgl-instagram .instagram__item:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
z-index: 1;
}
.wgl-instagram .instagram__item:hover .item__icon:after {
animation-play-state: running;
}
.wgl-instagram .item__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.wgl-instagram .item__content .item_image {
position: relative;
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.wgl-instagram .item__content .item_image img {
transition: transform 0.3s ease-in-out;
}
.wgl-instagram .item__content .item_image:after, .wgl-instagram .item__content .item_image:before {
content: "";
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
pointer-events: none;
transition: 0.4s;
}
.wgl-instagram .item__content .item_image:after {
opacity: 0;
background-color: rgba(var(--bili-secondary-rgb), 0.3);
}
.wgl-instagram .item__content .item_image:hover:before {
opacity: 0;
}
.wgl-instagram .item__content .item_image:hover:after {
opacity: 1;
}
.wgl-instagram .item__author {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.wgl-instagram .author__meta {
display: flex;
flex-direction: column;
}
.wgl-instagram .author__name {
font-size: 14px;
line-height: 1.3;
font-weight: 500;
transition: 0.4s;
padding-bottom: 19px;
color: var(--bili-header-font-color);
font-family: var(--bili-header-font-family);
}
.wgl-instagram .author__name a {
font-weight: inherit;
font-family: inherit;
color: inherit;
line-height: inherit;
font-size: inherit;
}
@media (max-width: 600px) {
.wgl-instagram .author__name {
    font-size: 18px;
}
}
.wgl-instagram .item__icon {
display: block;
font-size: 24px;
line-height: 1em;
position: absolute;
z-index: 2;
left: 0;
margin: -15px 0px 0 -8px;
}
.wgl-instagram .item__icon:before {
display: inline-block;
content: "\f16d";
font-family: "Font Awesome 5 Brands";
position: static;
min-width: 1em;
min-height: 1em;
line-height: 1em;
font-style: normal;
color: var(--bili-primary-color);
}
.wgl-instagram .item__icon:after {
content: "";
position: absolute;
top: 0.36em;
right: 0.37em;
width: 0.8em;
height: 0.8em;
z-index: -1;
background-color: rgba(var(--bili-primary-rgb), 0.08);
border-radius: 50%;
transition: 0.4s;
}
.wgl-instagram .item__icon a {
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.wgl-instagram .item__info {
position: relative;
font-size: 14px;
line-height: 1.857142em;
letter-spacing: 0;
color: var(--bili-primary-color);
}
.wgl-instagram .item__info p:last-child {
margin-bottom: 0;
}
.wgl-instagram .item__info .likes_count {
font-size: 14px;
font-family: var(--bili-header-font-family);
font-weight: 500;
color: var(--bili-header-font-color);
margin: 0 0 6px 0;
}
.wgl-instagram .item__info .likes_count.show_icon:before {
display: inline-block;
}
.wgl-instagram .item__info .likes_count:before {
content: "\f10c";
display: none;
font-family: "Flaticon";
font-size: 1em;
color: inherit;
margin-left: 6px;
transform: translateY(2px);
}
.wgl-instagram .author__thumbnail {
flex-shrink: 0;
padding-left: 17px;
padding-bottom: 19px;
}
.wgl-instagram .author__thumbnail img {
display: inline-block;
}
.wgl-instagram .wgl-carousel:not(.animation-style-3d) .wgl-carousel_wrapper {
overflow: visible;
margin: 0 -15px;
}
.wgl-instagram .wgl-carousel:not(.animation-style-3d) .wgl-carousel_wrapper .swiper-wrapper {
padding: 0 15px;
}

@media (max-width: 1300px) {
.wgl-instagram .row .wgl_col-1-5 {
    width: 33.333%;
}
.wgl-instagram .row .wgl_col-1-5:nth-child(4), .wgl-instagram .row .wgl_col-1-5:nth-child(3n+7) {
    clear: right;
}
.wgl-instagram .row .wgl_col-1-5:nth-child(6), .wgl-instagram .row .wgl_col-1-5:nth-child(5n+11) {
    clear: none;
}
}
@media (max-width: 1024px) {
.wgl-instagram .row .wgl_col-3 {
    width: 33.333%;
}
.wgl-instagram .row .wgl_col-3:nth-child(5), .wgl-instagram .row .wgl_col-3:nth-child(4n+9) {
    clear: none;
}
.wgl-instagram .row .wgl_col-3:nth-child(4), .wgl-instagram .row .wgl_col-3:nth-child(3n+7) {
    clear: right;
}
}
@media (max-width: 768px) {
.wgl-instagram .row .wgl_col-3,
.wgl-instagram .row .wgl_col-4,
.wgl-instagram .row .wgl_col-1-5 {
    width: 100%;
}
}
/* ==================== ##Time Line Horizontal ==================== */
.wgl-timeline-horizontal .time_line_h-items_wrap {
--items-width: 33.333%;
--items-gap: 30px;
display: flex;
flex-flow: row wrap;
align-items: flex-start;
margin: calc(0px - var(--items-gap) / 2);
padding: 0;
}
.wgl-timeline-horizontal .time_line_h-items_wrap.carousel_active {
margin: 0;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-items {
margin: calc(var(--items-gap) / 2);
width: calc(var(--items-width) - var(--items-gap));
}
.wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-date {
--separator-color: var(--bili-secondary-color);
display: block;
position: relative;
transition: 0.4s;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-date::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
width: 100%;
background-color: var(--separator-color);
}
.wgl-timeline-horizontal .time_line_h-items_wrap .wgl-time_line-date {
display: inline-block;
font-size: 30px;
line-height: 1.5em;
font-weight: normal;
color: var(--bili-primary-color);
padding-bottom: 28px;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .wgl-time_line-separator {
--triangle-size: 14px;
display: block;
height: 0;
width: 100%;
padding: 0 var(--items-gap);
}
.wgl-timeline-horizontal .time_line_h-items_wrap .wgl-time_line-separator::after {
content: "";
display: inline-block;
width: 0;
height: 0;
border-right: calc(var(--triangle-size) * 0.5) solid transparent;
border-left: calc(var(--triangle-size) * 0.5) solid transparent;
border-top: calc(var(--triangle-size) * 0.9) solid var(--separator-color);
vertical-align: top;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-content_wrap {
margin-top: 45px;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-title {
margin-bottom: 24px;
transition: 0.4s;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text {
font-size: 18px;
line-height: 1.667em;
transition: 0.4s;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text p {
margin-bottom: 7px;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h1, .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h2, .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h3, .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h4, .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h5, .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h6, .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h1 {
margin-bottom: 12px;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h1:not(:first-child), .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h2:not(:first-child), .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h3:not(:first-child), .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h4:not(:first-child), .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h5:not(:first-child), .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h6:not(:first-child), .wgl-timeline-horizontal .time_line_h-items_wrap .time_line_h-content .time_line_h-text h1:not(:first-child) {
margin-top: 24px;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .wgl-carousel_wrapper {
width: 100%;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .wgl-carousel_wrapper .time_line_h-items {
margin: 0 0 0 var(--items-gap);
padding: 0;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .wgl-carousel_wrapper .wgl-time_line-separator {
padding: 0;
}
.wgl-timeline-horizontal .time_line_h-items_wrap .wgl-carousel_wrapper .time_line_h-date::after {
width: 200vw;
margin-right: 50%;
transform: translateX(50%);
}
.wgl-timeline-horizontal.appear_anim .wgl-time_line-date,
.wgl-timeline-horizontal.appear_anim .time_line_h-content_wrap {
opacity: 0;
transition: 0.4s;
}
.wgl-timeline-horizontal.appear_anim .time_line_h-items.show .wgl-time_line-date {
opacity: 1;
transition: 0.4s;
}
.wgl-timeline-horizontal.appear_anim .time_line_h-items.show .time_line_h-content_wrap {
opacity: 1;
transition: 0.4s 0.2s;
}

/* ==================== ##Time Line Vertical ==================== */
.wgl-timeline-vertical {
position: relative;
z-index: 1;
padding: 10px 0 10px;
}
.wgl-timeline-vertical .tlv__items-wrapper {
display: flex;
justify-content: flex-start;
align-items: flex-start;
position: relative;
}
.wgl-timeline-vertical .tlv__items-wrapper:after {
content: "";
position: relative;
align-self: stretch;
width: 1px;
min-width: 1px;
order: 1;
background-color: var(--bili-secondary-color);
z-index: 1;
}
.wgl-timeline-vertical .tlv__items-wrapper + .tlv__items-wrapper {
margin-top: -42px;
}
.wgl-timeline-vertical .tlv__item {
display: flex;
justify-content: flex-end;
position: relative;
text-align: right;
width: 50%;
z-index: 2;
}
.wgl-timeline-vertical .tlv__item .tlv__volume-wrapper {
padding: 25px 0 50px 0;
}
.wgl-timeline-vertical .tlv__item.empty {
margin: unset !important;
padding: unset !important;
}
.wgl-timeline-vertical .tlv__item:nth-child(even) {
text-align: right;
order: 2;
}
.wgl-timeline-vertical .tlv__item:nth-child(even).has_media .tlv__content-wrapper {
margin-right: 240px;
}
.wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__curve-wrapper span {
right: -5px;
}
.wgl-timeline-vertical .tlv__item:nth-child(odd) {
flex-direction: row-reverse;
margin-top: 70px;
}
.wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__curve-wrapper:before {
left: 1px;
right: auto;
}
.wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__media {
left: 0;
right: auto;
}
.wgl-timeline-vertical .tlv__item:nth-child(odd).has_media .tlv__content-wrapper {
margin-left: 240px;
}
.wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__date-wrapper {
justify-content: flex-start;
}
.wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__volume-wrapper:after, .wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__volume-wrapper:before {
left: 9px;
right: 0;
}
.wgl-timeline-vertical .tlv__item:hover .tlv__thumbnail--hover {
opacity: 1;
}
.wgl-timeline-vertical .tlv__item:hover .tlv__thumbnail--hover + .tlv__thumbnail--idle {
opacity: 0;
}
.wgl-timeline-vertical .tlv__item:hover .tlv__curve-wrapper span:before {
transform: rotate3d(0, 0, 1, -45deg) scale(1);
}
.wgl-timeline-vertical .tlv__item:hover .tlv__volume-wrapper:before, .wgl-timeline-vertical .tlv__item:hover .tlv__volume-wrapper:after {
opacity: 1;
transform: scale(1, 1);
transition: all 0.4s ease-in-out, opacity 0.3s 0.1s ease-in-out;
}
.wgl-timeline-vertical .tlv__volume-wrapper {
padding: 20px 0 10px 0;
width: 100%;
transition: 0.5s;
}
.wgl-timeline-vertical .tlv__curve-wrapper {
position: relative;
min-width: 1px;
}
.wgl-timeline-vertical .tlv__curve-wrapper:before {
content: "";
position: absolute;
top: 50%;
right: 1px;
width: 80px;
height: 2px;
transition: all 0.45s;
background-color: var(--bili-secondary-color);
}
.wgl-timeline-vertical .tlv__curve-wrapper span {
position: absolute;
right: -3px;
top: calc(50% - 4px);
z-index: 2;
margin: auto;
width: 9px;
height: 9px;
transition: all 0.45s;
background-color: var(--bili-primary-color);
}
.wgl-timeline-vertical .tlv__volume-wrapper {
position: relative;
z-index: 1;
}
.wgl-timeline-vertical .tlv__volume-wrapper:before, .wgl-timeline-vertical .tlv__volume-wrapper:after {
content: "";
position: absolute;
border-radius: inherit;
opacity: 0;
pointer-events: none;
transition: transform 0s 0.3s, opacity 0.3s ease-in-out;
}
.wgl-timeline-vertical .tlv__volume-wrapper:before {
top: 30px;
left: 0;
bottom: 32px;
right: 9px;
border-top: 1px solid var(--bili-secondary-color);
border-bottom: 1px solid var(--bili-secondary-color);
z-index: 1;
pointer-events: none;
transform: scale(0.77, 0.8);
}
.wgl-timeline-vertical .tlv__volume-wrapper:after {
top: 30px;
left: 0;
bottom: 32px;
right: 9px;
border-left: 1px solid var(--bili-secondary-color);
border-right: 1px solid var(--bili-secondary-color);
z-index: 1;
pointer-events: none;
transform: scale(0.86, 0.5);
}
.wgl-timeline-vertical .tlv__media {
position: absolute;
right: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
max-width: 230px;
overflow: hidden;
}
.wgl-timeline-vertical .tlv__media [class|=tlv__thumbnail] {
border-radius: inherit;
transition: 0.6s;
}
.wgl-timeline-vertical .tlv__thumbnail--hover {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
}
.wgl-timeline-vertical .tlv__content {
transition: 0.5s;
}
.wgl-timeline-vertical .tlv__content p:last-child {
margin-bottom: 0;
}
.wgl-timeline-vertical .tlv__title {
margin-bottom: 10px;
font-size: 22px;
line-height: 1.4;
transition: 0.5s;
margin-top: 24px;
}
.wgl-timeline-vertical .tlv__text {
transition: 0.5s;
font-size: 14px;
line-height: 2;
}
.wgl-timeline-vertical .tlv__date-wrapper {
display: flex;
align-items: center;
margin: 0;
}
.wgl-timeline-vertical .tlv__date {
font-size: 42px;
line-height: 0.9em;
position: relative;
transition: 0.5s;
margin-top: 19px;
padding-bottom: 28px;
color: var(--bili-primary-color);
}
.wgl-timeline-vertical .tlv__date:after {
content: "";
display: none;
width: 40px;
height: 2px;
background-color: var(--bili-secondary-color);
position: absolute;
bottom: 0;
right: 0;
}
.wgl-timeline-vertical .tlv__items-start,
.wgl-timeline-vertical .tlv__items-end {
height: 42px;
width: 100%;
position: relative;
}
.wgl-timeline-vertical .tlv__items-start:before, .wgl-timeline-vertical .tlv__items-start:after,
.wgl-timeline-vertical .tlv__items-end:before,
.wgl-timeline-vertical .tlv__items-end:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
display: block;
background-color: var(--bili-secondary-color);
}
.wgl-timeline-vertical .tlv__items-start:before,
.wgl-timeline-vertical .tlv__items-end:before {
width: 50px;
height: 2px;
}
.wgl-timeline-vertical .tlv__items-start:after,
.wgl-timeline-vertical .tlv__items-end:after {
width: 1px;
height: 100%;
background: transparent;
}
.wgl-timeline-vertical .tlv__items-end:before {
top: auto;
bottom: 0;
}
.wgl-timeline-vertical.appear_animation .tlv__items-wrapper:after,
.wgl-timeline-vertical.appear_animation .tlv__items-start:before,
.wgl-timeline-vertical.appear_animation .tlv__items-start:after,
.wgl-timeline-vertical.appear_animation .tlv__items-end:before,
.wgl-timeline-vertical.appear_animation .tlv__items-end:after {
opacity: 0;
transition: opacity 0.5s 0.4s;
}
.wgl-timeline-vertical.appear_animation .tlv__item {
opacity: 0;
}
.wgl-timeline-vertical.appear_animation .tlv__item,
.wgl-timeline-vertical.appear_animation .tlv__item .tlv__date-wrapper,
.wgl-timeline-vertical.appear_animation .tlv__item .tlv__volume-wrapper {
transition: all 0.4s, opacity 0.5s 0.4s, transform 0.5s 0.4s;
}
.wgl-timeline-vertical.appear_animation .tlv__item:nth-child(even) .tlv__date-wrapper {
transform: translateX(20%);
}
.wgl-timeline-vertical.appear_animation .tlv__item:nth-child(even) .tlv__volume-wrapper {
transform: translateX(-20%);
}
.wgl-timeline-vertical.appear_animation .tlv__item:nth-child(odd) .tlv__date-wrapper {
transform: translateX(-20%);
}
.wgl-timeline-vertical.appear_animation .tlv__item:nth-child(odd) .tlv__volume-wrapper {
transform: translateX(20%);
}
.wgl-timeline-vertical.appear_animation .tlv__items-wrapper.show:after {
opacity: 1;
}
.wgl-timeline-vertical.appear_animation .tlv__items-wrapper.show .tlv__item {
opacity: 1;
}
.wgl-timeline-vertical.appear_animation .tlv__items-wrapper.show .tlv__item .tlv__date-wrapper,
.wgl-timeline-vertical.appear_animation .tlv__items-wrapper.show .tlv__item .tlv__volume-wrapper {
transform: translateX(0);
}
.wgl-timeline-vertical.appear_animation .tlv__items-start.show:before,
.wgl-timeline-vertical.appear_animation .tlv__items-start.show:after,
.wgl-timeline-vertical.appear_animation .tlv__items-end.show:before,
.wgl-timeline-vertical.appear_animation .tlv__items-end.show:after {
opacity: 1;
}
.wgl-timeline-vertical .tlv__content-wrapper:before, .wgl-timeline-vertical .tlv__content-wrapper:after {
color: rgba(var(--bili-primary-rgb), 0.7);
}

body[data-elementor-device-mode=tablet] .wgl-timeline-vertical,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical,
body.elementor-device-tablet .wgl-timeline-vertical,
body.elementor-device-mobile .wgl-timeline-vertical {
max-width: 600px;
margin: auto;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__media,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__media,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__media,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__media {
max-width: 160px;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item {
flex-direction: row-reverse;
width: 100%;
margin-top: 0;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item:nth-child(odd),
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item:nth-child(odd),
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item:nth-child(odd),
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item:nth-child(odd) {
text-align: right;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__curve-wrapper span,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__curve-wrapper span,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__curve-wrapper span,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__curve-wrapper span {
right: -5px;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item:nth-child(odd).has_media .tlv__content-wrapper,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item:nth-child(odd).has_media .tlv__content-wrapper,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item:nth-child(odd).has_media .tlv__content-wrapper,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item:nth-child(odd).has_media .tlv__content-wrapper {
margin-left: 160px;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__media,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__media,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__media,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__media {
left: 0;
right: auto;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item:nth-child(even).has_media .tlv__content-wrapper,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item:nth-child(even).has_media .tlv__content-wrapper,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item:nth-child(even).has_media .tlv__content-wrapper,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item:nth-child(even).has_media .tlv__content-wrapper {
margin-left: 160px;
margin-right: 0;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__curve-wrapper:before,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__curve-wrapper:before,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__curve-wrapper:before,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__curve-wrapper:before {
left: 1px;
right: auto;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__date-wrapper,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__date-wrapper,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__date-wrapper,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__date-wrapper {
justify-content: unset;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper {
padding: 0px;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper:after, body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper:before,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper:after,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper:before,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper:after,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper:before,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper:after,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item .tlv__volume-wrapper:before {
left: 9px;
right: 0;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__items-wrapper,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__items-wrapper,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__items-wrapper,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__items-wrapper {
flex-direction: column;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__items-wrapper:not(:first-child),
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__items-wrapper:not(:first-child),
body.elementor-device-tablet .wgl-timeline-vertical .tlv__items-wrapper:not(:first-child),
body.elementor-device-mobile .wgl-timeline-vertical .tlv__items-wrapper:not(:first-child) {
margin-top: 0;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__items-wrapper:after,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__items-wrapper:after,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__items-wrapper:after,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__items-wrapper:after {
position: absolute;
left: 1px;
height: 100%;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__items-start:before,
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__items-end:before,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__items-start:before,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__items-end:before,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__items-start:before,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__items-end:before,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__items-start:before,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__items-end:before {
margin-left: -25px;
}
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__items-start:after,
body[data-elementor-device-mode=tablet] .wgl-timeline-vertical .tlv__items-end:after,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__items-start:after,
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__items-end:after,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__items-start:after,
body.elementor-device-tablet .wgl-timeline-vertical .tlv__items-end:after,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__items-start:after,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__items-end:after {
margin-left: 1px;
}
body[data-elementor-device-mode=tablet] .tlv__date,
body[data-elementor-device-mode=mobile] .tlv__date,
body.elementor-device-tablet .tlv__date,
body.elementor-device-mobile .tlv__date {
font-size: 30px;
}

body[data-elementor-device-mode=mobile] .tlv__date,
body.elementor-device-mobile .tlv__date {
margin: 8px 22px 17px 22px;
}
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item.has_media .tlv__media,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item.has_media .tlv__media {
position: relative;
}
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item:nth-child(odd).has_media .tlv__content-wrapper,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item:nth-child(odd).has_media .tlv__content-wrapper {
margin-left: 0;
}
body[data-elementor-device-mode=mobile] .wgl-timeline-vertical .tlv__item:nth-child(even).has_media .tlv__content-wrapper,
body.elementor-device-mobile .wgl-timeline-vertical .tlv__item:nth-child(even).has_media .tlv__content-wrapper {
margin-left: 0;
}

/* ==================== ##Link Overlay ==================== */
.wgl-link-overlay {
position: absolute;
z-index: 999;
top: 0;
right: 0;
left: 0;
bottom: 0;
}

/* ==================== ##Video Popup ==================== */
.wgl-video-popup {
position: relative;
z-index: 1;
}
.wgl-video-popup .videobox_content {
display: inline-flex;
align-items: center;
cursor: pointer;
transition: 0.4s;
}
.wgl-video-popup .videobox_background img {
position: relative;
z-index: 0;
width: 100%;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
}
.wgl-video-popup .title {
position: relative;
z-index: 2;
font-size: 14px;
line-height: 1.5;
font-weight: normal;
color: var(--bili-header-font-color);
}
.wgl-video-popup.with_image .videobox_link_wrapper {
position: absolute;
z-index: 1;
top: 50%;
}
.wgl-video-popup .videobox_link {
display: block;
position: relative;
flex-shrink: 0;
border-radius: 50%;
transition: all 0.4s;
cursor: pointer;
color: var(--bili-secondary-color);
fill: currentColor;
border: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
}
.wgl-video-popup .videobox_link:hover {
transform: scale(1.1);
}
.wgl-video-popup .videobox_icon {
display: block;
position: absolute;
z-index: 1;
top: 50%;
right: 50%;
width: 22px;
transform: translate(40%, -50%);
stroke-width: 0.025em;
transition: none;
}
.wgl-video-popup .videobox_icon.icon_pack {
width: auto;
transform: translate(50%, -50%);
}
.wgl-video-popup .videobox_icon.icon_pack:before {
display: inline-block;
content: "\f122";
font-family: "Flaticon";
vertical-align: middle;
}
.wgl-video-popup.title_pos-top .videobox_content {
flex-direction: column;
}
.wgl-video-popup.title_pos-top .title {
order: 0;
margin-bottom: 12px;
}
.wgl-video-popup.title_pos-right .videobox_content {
justify-content: flex-start;
}
.wgl-video-popup.title_pos-right .title {
margin-right: 12px;
order: 1;
}
.wgl-video-popup.title_pos-bot .videobox_content {
flex-direction: column;
}
.wgl-video-popup.title_pos-bot .title {
order: 1;
margin-top: 12px;
}
.wgl-video-popup.title_pos-left .title {
order: 0;
margin-left: 12px;
}
.wgl-video-popup .videobox_animation {
display: block;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
border-radius: 50%;
color: var(--bili-primary-color);
}
.wgl-video-popup.animation-circles .videobox_animation {
z-index: 1;
border-width: 0.5px;
border-style: solid;
opacity: 0;
animation: circles 3.9s linear 0s infinite;
animation-play-state: paused;
}
.wgl-video-popup.animation-circles .videobox_animation.circle_2 {
animation-delay: 1.3s;
}
.wgl-video-popup.animation-circles .videobox_animation.circle_3 {
animation-delay: 2.6s;
}
.wgl-video-popup.animation-circles .videobox_link:hover .videobox_animation, .wgl-video-popup.animation-circles.idle-animation .videobox_animation {
animation-play-state: running;
}
.wgl-video-popup.animation-circles.idle-animation .videobox_link:hover .videobox_animation {
animation-play-state: paused;
}
@keyframes circles {
0% {
    transform: scale(1);
    opacity: 0;
}
20% {
    transform: scale(1.44);
    opacity: 0.5;
}
100% {
    transform: scale(3.2);
    opacity: 0;
}
}
.wgl-video-popup.animation-ring_pulse .videobox_animation {
z-index: -1;
background: inherit;
background-color: var(--bili-primary-color);
animation: pulse_ring 2.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite;
animation-play-state: paused;
}
.wgl-video-popup.animation-ring_pulse .videobox_link:hover .videobox_animation, .wgl-video-popup.animation-ring_pulse.idle-animation .videobox_animation {
animation-play-state: running;
}
.wgl-video-popup.animation-ring_pulse.idle-animation .videobox_link:hover .videobox_animation {
animation-play-state: paused;
}
@keyframes pulse_ring {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.7);
}
100% {
    transform: scale(1);
}
}
.wgl-video-popup.animation-ring_static .videobox_animation {
z-index: -1;
border: 1px solid;
border-radius: inherit;
top: -70%;
right: -70%;
width: 242%;
height: 242%;
transition: 0.5s;
}
.wgl-video-popup.animation-ring_static .videobox_link:hover .videobox_animation:not(:hover) {
transform: scale(0.3);
opacity: 0;
}
.wgl-video-popup.animation-scale .videobox_link {
transition: 0.4s, transform 0.2s;
}
.wgl-video-popup.animation-scale .videobox_link:hover {
transform: scale(1.03);
}
.wgl-video-popup.animation-scale .videobox_link:active {
transform: scale(0.97);
}

body .elementor-widget-wgl-video-popup.button_align-left {
text-align: right;
}
body .elementor-widget-wgl-video-popup.button_align-left .videobox_content {
justify-content: flex-start;
}
body .elementor-widget-wgl-video-popup.button_align-left .title_pos-bot .videobox_content,
body .elementor-widget-wgl-video-popup.button_align-left .title_pos-top .videobox_content {
justify-content: unset;
align-items: flex-start;
}
body .elementor-widget-wgl-video-popup.button_align-left.elementor-element {
display: block;
width: 100%;
}
body .elementor-widget-wgl-video-popup.button_align-center {
text-align: center;
}
body .elementor-widget-wgl-video-popup.button_align-center .videobox_content {
justify-content: center;
align-items: center;
}
body .elementor-widget-wgl-video-popup.button_align-center .title_pos-right .videobox_content {
justify-content: center;
align-items: center;
}
body .elementor-widget-wgl-video-popup.button_align-center.elementor-element {
display: block;
width: 100%;
}
body .elementor-widget-wgl-video-popup.button_align-right {
text-align: left;
}
body .elementor-widget-wgl-video-popup.button_align-right .videobox_content {
justify-content: flex-end;
flex-direction: row;
}
body .elementor-widget-wgl-video-popup.button_align-right .title_pos-bot .videobox_content {
justify-content: unset;
align-items: flex-end;
flex-direction: column;
}
body .elementor-widget-wgl-video-popup.button_align-right .title_pos-bot .title {
order: 1;
}
body .elementor-widget-wgl-video-popup.button_align-right .title_pos-top .videobox_content {
justify-content: unset;
align-items: flex-end;
flex-direction: column;
}
body .elementor-widget-wgl-video-popup.button_align-right .title_pos-top .title {
order: 0;
}
body .elementor-widget-wgl-video-popup.button_align-right.elementor-element {
display: block;
width: 100%;
}
body .elementor-widget-wgl-video-popup.button_align-inline.elementor-element {
display: inline-block;
width: auto;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-left {
text-align: right;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-left .videobox_content {
justify-content: flex-start;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-left .title_pos-bot .videobox_content,
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-left .title_pos-top .videobox_content {
justify-content: unset;
align-items: flex-start;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-left.elementor-element {
display: block;
width: 100%;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-center {
text-align: center;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-center .videobox_content {
justify-content: center;
align-items: center;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-center .title_pos-right .videobox_content {
justify-content: center;
align-items: center;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-center.elementor-element {
display: block;
width: 100%;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right {
text-align: left;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right .videobox_content {
justify-content: flex-end;
flex-direction: row;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-bot .videobox_content {
justify-content: unset;
align-items: flex-end;
flex-direction: column;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-bot .title {
order: 1;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-top .videobox_content {
justify-content: unset;
align-items: flex-end;
flex-direction: column;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-top .title {
order: 0;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right.elementor-element {
display: block;
width: 100%;
}
body:is(:not([data-elementor-device-mode=widescreen],
[data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-inline.elementor-element {
display: inline-block;
width: auto;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-left {
text-align: right;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-left .videobox_content {
justify-content: flex-start;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-left .title_pos-bot .videobox_content,
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-left .title_pos-top .videobox_content {
justify-content: unset;
align-items: flex-start;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-left.elementor-element {
display: block;
width: 100%;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-center {
text-align: center;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-center .videobox_content {
justify-content: center;
align-items: center;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-center .title_pos-right .videobox_content {
justify-content: center;
align-items: center;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-center.elementor-element {
display: block;
width: 100%;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right {
text-align: left;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right .videobox_content {
justify-content: flex-end;
flex-direction: row;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-bot .videobox_content {
justify-content: unset;
align-items: flex-end;
flex-direction: column;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-bot .title {
order: 1;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-top .videobox_content {
justify-content: unset;
align-items: flex-end;
flex-direction: column;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-top .title {
order: 0;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right.elementor-element {
display: block;
width: 100%;
}
body:is([data-elementor-device-mode=mobile_extra],
[data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-inline.elementor-element {
display: inline-block;
width: auto;
}

/* ==================== ##Working Hours ==================== */
.wgl-working-hours .working-item {
display: flex;
align-items: baseline;
}
.wgl-working-hours .working-item_day {
order: 1;
margin-left: 13px;
}
.wgl-working-hours .working-item_hours {
order: 3;
margin-right: 13px;
}
.wgl-working-hours .working-item:after {
content: "";
width: 100%;
height: 1px;
flex: 1;
order: 2;
transform: translateY(1px);
}
.wgl-working-hours .working-item .working-item_day {
font-weight: 400;
}
.wgl-working-hours .working-item .working-item_hours {
font-weight: 600;
}

/* ==================== ##Showcase ==================== */
.admin-bar .wgl-showcase-height-full .wgl-showcase.slide-showcase .showcase__wrapper {
height: calc(100vh - 32px);
}

.elementor-widget-wgl-showcase .wgl-double-heading .dblh__title-1 {
color: #fff;
}
.elementor-widget-wgl-showcase.acenter .showcase__title {
align-self: center;
}
.elementor-widget-wgl-showcase.aleft .showcase__title {
align-self: flex-start;
}
.elementor-widget-wgl-showcase.aright .showcase__title {
align-self: flex-end;
}

.elementor-widget-wgl-showcase.wgl-showcase-height-full .wgl-showcase.fade_bg-showcase .showcase__wrapper, .elementor-widget-wgl-showcase.wgl-showcase-height-full .wgl-showcase.slide-showcase .showcase__wrapper {
height: 100vh;
}
.elementor-widget-wgl-showcase .wgl-showcase {
position: relative;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__wrapper {
position: relative;
width: 100%;
display: inline-block;
visibility: hidden;
vertical-align: top;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase.showcase__init .showcase__wrapper {
visibility: visible;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__title-inner {
transition: inherit;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles {
position: absolute;
z-index: 2;
top: 0;
right: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 992px) {
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles {
    width: 100% !important;
}
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles::-webkit-scrollbar {
display: none;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles .showcase__title {
display: inline-block;
margin: 20px 0;
transition: all 0.45s;
max-width: max-content;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles .showcase__title:first-child {
margin-top: auto !important;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles .showcase__title:last-child {
margin-bottom: auto !important;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles .showcase__title.active {
margin-right: 0;
margin-left: 0;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles .showcase__title.active .title {
color: var(--bili-header-font-color);
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles .showcase__title.active .showcase__button .wgl-showcase_button.icon-read-more {
transform: translateX(-5px);
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles .showcase__title.active .showcase__button .wgl-showcase_button.icon-read-more i,
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles .showcase__title.active .showcase__button .wgl-showcase_button.icon-read-more span {
color: var(--bili-primary-color);
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles .showcase__title .title {
font-size: 130px;
line-height: 1;
font-family: var(--bili-content-font-family);
font-weight: 700;
color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--bili-secondary-color);
vertical-align: middle;
transition: all 0.45s;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__titles .showcase__title .subtitle {
display: inline-block;
font-size: 32px;
line-height: 1;
font-family: var(--bili-header-font-family);
color: transparent;
transition: all 0.45s;
vertical-align: middle;
padding-left: 12px;
transform: translateY(-0.3em);
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__images {
position: relative;
width: 33%;
height: 100%;
overflow: hidden;
margin-right: auto;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__images .showcase__image {
position: absolute;
top: 50%;
right: 0;
width: 100%;
height: 100%;
max-height: 88%;
transform: translateY(-50%);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
animation: wgl-split-to-left 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
transition: opacity 0s 0.7s;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__images .showcase__image:hover:before {
opacity: 0;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__images .showcase__image:hover:after {
opacity: 1;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__images .showcase__image:before, .elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__images .showcase__image:after {
content: "";
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
transition: 0.4s;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__images .showcase__image img {
display: none;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__images .showcase__image.active {
opacity: 1;
z-index: 1;
transition: opacity 0s;
animation: wgl-split-from-left 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__button {
display: inline-block;
line-height: 1em;
margin-right: 31px;
vertical-align: middle;
transition: 0.4s;
}
@media (max-width: 1200px) {
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__button {
    vertical-align: middle;
    margin-right: 10px;
}
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__button .wgl-showcase_button.icon-read-more i {
    font-size: 40px;
}
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__wrapper {
position: relative;
width: 100%;
display: inline-block;
visibility: hidden;
vertical-align: top;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase.showcase__init .showcase__wrapper {
visibility: visible;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__title-inner {
transition: inherit;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles {
--wgl-showcase-titles-gap: 30px;
position: absolute;
z-index: 2;
top: 0;
right: 0;
left: 0;
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
margin: calc(var(--wgl-showcase-titles-gap) * -0.5);
}
@media (max-width: 992px) {
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles {
    width: 100% !important;
}
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles::-webkit-scrollbar {
display: none;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles .showcase__title-inner {
margin: calc(var(--wgl-showcase-titles-gap) * 0.5);
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles .showcase__title {
display: inline-block;
transition: all 0.45s;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles .showcase__title.active .title {
color: #ffffff;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles .showcase__title.active .subtitle {
color: #ffffff;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles .showcase__title.active .showcase__button .wgl-showcase_button.icon-read-more {
transform: translateX(-5px);
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles .showcase__title.active .showcase__button .wgl-showcase_button.icon-read-more i,
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles .showcase__title.active .showcase__button .wgl-showcase_button.icon-read-more span {
color: var(--bili-primary-color);
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles .showcase__title .title {
font-size: 30px;
line-height: 1.1;
font-family: var(--bili-header-font-family);
font-weight: 600;
color: #ffffff;
vertical-align: middle;
transition: all 0.45s;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__titles .showcase__title .subtitle {
display: inline-block;
font-size: 24px;
line-height: 1;
font-weight: 300;
font-family: var(--bili-header-font-family);
color: #ffffff;
transition: all 0.45s;
vertical-align: middle;
padding-left: 12px;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__images {
position: absolute;
top: 0;
right: 50%;
transform: translateX(50%);
width: 100%;
height: 100%;
margin-right: auto;
overflow: hidden;
text-align: center;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__images .showcase__image {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 100%;
opacity: 0;
transition: opacity 0.7s;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__images .showcase__image.active {
opacity: 1;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__button {
display: inline-block;
line-height: 1em;
margin-right: 31px;
vertical-align: middle;
transition: 0.4s;
}
@media (max-width: 1200px) {
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__button {
    vertical-align: middle;
    margin-right: 10px;
}
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__button .wgl-showcase_button.icon-read-more i {
    font-size: 40px;
}
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .showcase__wrapper {
position: relative;
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .showcase__title {
position: relative;
z-index: 2;
display: flex;
align-items: center;
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .showcase__image {
position: absolute;
top: -28%;
height: auto;
right: 56%;
width: 41%;
z-index: 1;
visibility: hidden;
opacity: 0;
transform: translateY(40px) rotate(0deg) skewY(10deg);
transform-origin: top center;
transition: all 0.45s;
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .category {
font-size: 14px;
font-weight: bold;
font-family: var(--bili-content-font-family);
color: var(--bili-secondary-color);
transition: all 0.45s;
line-height: 1;
display: inline-block;
margin-top: 23px;
letter-spacing: 1.4px;
margin-top: 36px;
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .subtitle {
font-size: 144px;
line-height: 1;
font-weight: bold;
font-family: var(--bili-content-font-family);
color: transparent;
margin-left: 80px;
position: relative;
top: -2px;
transition: all 0.45s;
-webkit-text-stroke-color: var(--bili-secondary-color);
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .title {
font-size: 42px;
font-weight: bold;
font-family: var(--bili-header-font-family);
color: var(--bili-header-font-color);
transition: all 0.45s;
line-height: 1.2;
letter-spacing: 3.4px;
padding-top: 5px;
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .showcase__link {
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 3;
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .showcase__content {
position: relative;
padding: 50px 0;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 17px;
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .showcase__content:hover .showcase__image {
opacity: 1;
transform: translateY(0) skewY(0) scaleZ(1) rotate(15deg);
visibility: visible;
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .showcase__content:hover .subtitle {
color: var(--bili-secondary-color);
}
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .showcase__content:hover .showcase__button .wgl-showcase_button.icon-read-more i,
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .showcase__content:hover .showcase__button .wgl-showcase_button.icon-read-more span {
color: var(--bili-primary-color);
}
.elementor-widget-wgl-showcase .wgl-showcase .showcase__button {
position: relative;
}
.elementor-widget-wgl-showcase .wgl-showcase .showcase__button .wgl-showcase_button.icon-read-more {
line-height: 0;
font-size: 0;
display: inline-block;
transition: 0.4s;
}
.elementor-widget-wgl-showcase .wgl-showcase .showcase__button .wgl-showcase_button.icon-read-more i, .elementor-widget-wgl-showcase .wgl-showcase .showcase__button .wgl-showcase_button.icon-read-more span {
text-align: center;
display: inline-block;
transition: background-color 0.4s, color 0.4s, transform 0.4s;
will-change: transform;
color: var(--bili-header-font-color);
border-radius: 50%;
box-sizing: content-box;
font-size: 42px;
}

@keyframes wgl-split-to-left {
from {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
}
to {
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0);
}
}
@keyframes wgl-split-from-left {
from {
    -webkit-clip-path: inset(0 0 0 100%);
    clip-path: inset(0 0 0 100%);
}
to {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
}
}
/* ==================== ## WGL Text Path ==================== */
.elementor-widget-wgl-text-path {
font-family: var(--bili-header-font-family);
font-size: 22px;
font-weight: 500;
text-align: var(--alignment, right);
letter-spacing: 0.3em;
direction: ltr;
}
.elementor-widget-wgl-text-path .wgl-text-path {
transform: rotate(var(--rotate, 0));
}
.elementor-widget-wgl-text-path .wgl-text-path[data-type-svg=wgl_line_simple] {
overflow: hidden;
}
.elementor-widget-wgl-text-path .wgl-text-path.rotate_circle svg {
animation-name: wgl-rotation;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.elementor-widget-wgl-text-path .simple_line {
white-space: nowrap;
width: var(--width);
margin: 0 auto;
}
.elementor-widget-wgl-text-path .simple_line .text--word {
display: inline-block;
}
.elementor-widget-wgl-text-path .simple_line .text--word .text {
word-spacing: var(--word-spacing);
transition: all var(--transition);
}
.elementor-widget-wgl-text-path .simple_line .divider {
display: inline-block;
position: relative;
vertical-align: middle;
}
.elementor-widget-wgl-text-path .wgl-text-path > svg {
width: var(--width);
height: auto;
overflow: visible;
word-spacing: var(--word-spacing);
transform: scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
}
.elementor-widget-wgl-text-path .wgl-text-path > svg path {
vector-effect: non-scaling-stroke;
fill: var(--path-fill, transparent);
stroke: var(--stroke-color, transparent);
stroke-width: var(--stroke-width, 1px);
transition: var(--stroke-transition) stroke, var(--stroke-transition) fill;
}
.elementor-widget-wgl-text-path .wgl-text-path > svg:hover path {
--path-fill: var( --path-fill-hover );
--stroke-color: var( --stroke-color-hover );
--stroke-width: var( --stroke-width-hover );
}
.elementor-widget-wgl-text-path .wgl-text-path > svg text {
fill: var(--bili-primary-color);
transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill;
}
.elementor-widget-wgl-text-path .wgl-text-path > svg text:hover {
fill: var(--bili-primary-color);
}

@keyframes wgl-rotation {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(-359deg);
}
}
/* ==================== ##Image Hotspots ==================== */
.wgl-image-hotspots {
display: inline-block;
position: relative;
z-index: 1;
}
.wgl-image-hotspots .hotspots_image-wrap {
display: inline-block;
}
.wgl-image-hotspots .hotspots__container {
position: absolute;
z-index: 1;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wgl-image-hotspots .hotspots__container.appear_animation .hotspots__item {
opacity: 0;
visibility: hidden;
transition: 1.4s;
}
.wgl-image-hotspots .hotspots__container.appear_animation .hotspots__item.appeared {
opacity: 1;
visibility: visible;
}
.wgl-image-hotspots .hotspots__container.loop_animation-pulse .hotspots__item {
animation: 5s both running infinite hotspots_pulse;
}
.wgl-image-hotspots .hotspots__container.loop_animation-flash .hotspots__item {
animation: 5s both running infinite hotspots_flash;
}
.wgl-image-hotspots .hotspots__container.loop_animation-zoom .hotspots__item {
animation: 5s both running infinite hotspots_zoom;
}
.wgl-image-hotspots .hotspots__container.loop_animation-shake .hotspots__item {
animation: 5s both running infinite hotspots_shake;
}
.wgl-image-hotspots .hotspots__container.loop_animation-swing .hotspots__item {
animation: 5s both running infinite hotspots_swing;
}
.wgl-image-hotspots .hotspots__container.loop_animation-rubber .hotspots__item {
animation: 5s both running infinite hotspots_rubber;
}
.wgl-image-hotspots .hotspots__container.loop_animation .hotspots__item:hover {
animation-play-state: paused;
}
.wgl-image-hotspots .hotspots__item {
position: absolute;
cursor: pointer;
}
.wgl-image-hotspots .hotspots__item:hover .desktop-tooltips-hover {
opacity: 1;
visibility: visible;
transition: 0.4s;
}
.wgl-image-hotspots .hotspots__item:hover .desktop-tooltips-hover .tooltip__wrapper {
opacity: inherit;
visibility: inherit;
transition: inherit;
}
@media (max-width: 1024px) {
.wgl-image-hotspots .hotspots__item:hover .tablet-tooltips-hover {
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
}
.wgl-image-hotspots .hotspots__item:hover .tablet-tooltips-hover .tooltip__wrapper {
    opacity: inherit;
    visibility: inherit;
    transition: inherit;
}
}
@media (max-width: 767px) {
.wgl-image-hotspots .hotspots__item:hover .mobile-tooltips-hover {
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
}
.wgl-image-hotspots .hotspots__item:hover .mobile-tooltips-hover .tooltip__wrapper {
    opacity: inherit;
    visibility: inherit;
    transition: inherit;
}
}
.wgl-image-hotspots .hotspots__item:hover .animation-zoom .tooltip__wrapper {
transform: scale3d(1, 1, 1);
}
.wgl-image-hotspots .hotspots__item:hover .animation-to_left .tooltip__wrapper, .wgl-image-hotspots .hotspots__item:hover .animation-to_top .tooltip__wrapper, .wgl-image-hotspots .hotspots__item:hover .animation-to_right .tooltip__wrapper, .wgl-image-hotspots .hotspots__item:hover .animation-to_bottom .tooltip__wrapper {
transform: translate(0);
}
.wgl-image-hotspots .hotspots__item:hover .animation-shake .tooltip__wrapper {
animation: tooltips_shake 0.4s ease-in-out forwards;
}
.wgl-image-hotspots .hotspots__item:hover .hotspots_point-icon.default {
transform: translate(50%, -50%) scale(1.553);
}
.wgl-image-hotspots .hotspots_media-wrap {
transition: 0.4s;
}
.wgl-image-hotspots .hotspots_point-wrap {
display: flex;
align-items: center;
transition: 0.4s;
}
.wgl-image-hotspots .hotspots_point-icon {
line-height: 1;
}
.wgl-image-hotspots .hotspots_point-icon.default {
content: "";
position: absolute;
top: 50%;
right: 50%;
width: clamp(1px, 16.08%, 20px);
height: clamp(1px, 16.08%, 20px);
border-radius: 50%;
background-color: #ffffff;
transform: translate(50%, -50%);
transition: inherit;
}
.wgl-image-hotspots .hotspots_point-icon svg {
width: 1em;
height: 1em;
display: block;
}
.wgl-image-hotspots .hotspots_point-text {
margin: 0;
line-height: 1;
transition: 0.4s;
}
.wgl-image-hotspots .hotspots__item.tt-desktop-left .hotspot__tooltip {
top: 50%;
left: 100%;
bottom: initial;
right: initial;
transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-desktop-left .tooltip__wrapper {
margin-left: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-desktop-left .tooltip__wrapper:after {
top: 50%;
left: 14px;
transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-desktop-top .hotspot__tooltip {
top: initial;
left: initial;
bottom: 100%;
right: 50%;
transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-desktop-top .tooltip__wrapper {
margin-bottom: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-desktop-top .tooltip__wrapper:after {
right: 50%;
bottom: 14px;
transform: translateX(50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-desktop-right .hotspot__tooltip {
top: 50%;
left: initial;
bottom: initial;
right: 100%;
transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-desktop-right .tooltip__wrapper {
margin-right: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-desktop-right .tooltip__wrapper:after {
top: 50%;
right: 14px;
transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-desktop-bottom .hotspot__tooltip {
top: 100%;
left: initial;
bottom: initial;
right: 50%;
transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-desktop-bottom .tooltip__wrapper {
margin-top: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-desktop-bottom .tooltip__wrapper:after {
right: 50%;
top: 14px;
transform: translateX(50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.m-desktop-left .hotspots_point-wrap {
flex-direction: row;
}
.wgl-image-hotspots .hotspots__item.m-desktop-top .hotspots_point-wrap {
flex-direction: column;
}
.wgl-image-hotspots .hotspots__item.m-desktop-right .hotspots_point-wrap {
flex-direction: row-reverse;
}
.wgl-image-hotspots .hotspots__item.m-desktop-bottom .hotspots_point-wrap {
flex-direction: column-reverse;
}
@media (max-width: 1024px) {
.wgl-image-hotspots .hotspots__item.tt-tablet-left .hotspot__tooltip {
    top: 50%;
    left: 100%;
    bottom: initial;
    right: initial;
    transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-tablet-left .tooltip__wrapper {
    margin-left: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-tablet-left .tooltip__wrapper:after {
    top: 50%;
    left: 14px;
    transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-tablet-top .hotspot__tooltip {
    top: initial;
    left: initial;
    bottom: 100%;
    right: 50%;
    transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-tablet-top .tooltip__wrapper {
    margin-bottom: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-tablet-top .tooltip__wrapper:after {
    right: 50%;
    bottom: 14px;
    transform: translateX(50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-tablet-right .hotspot__tooltip {
    top: 50%;
    left: initial;
    bottom: initial;
    right: 100%;
    transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-tablet-right .tooltip__wrapper {
    margin-right: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-tablet-right .tooltip__wrapper:after {
    top: 50%;
    right: 14px;
    transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-tablet-bottom .hotspot__tooltip {
    top: 100%;
    left: initial;
    bottom: initial;
    right: 50%;
    transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-tablet-bottom .tooltip__wrapper {
    margin-top: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-tablet-bottom .tooltip__wrapper:after {
    right: 50%;
    top: 14px;
    transform: translateX(50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.m-tablet-left .hotspots_point-wrap {
    flex-direction: row;
}
.wgl-image-hotspots .hotspots__item.m-tablet-top .hotspots_point-wrap {
    flex-direction: column;
}
.wgl-image-hotspots .hotspots__item.m-tablet-right .hotspots_point-wrap {
    flex-direction: row-reverse;
}
.wgl-image-hotspots .hotspots__item.m-tablet-bottom .hotspots_point-wrap {
    flex-direction: column-reverse;
}
}
@media (max-width: 767px) {
.wgl-image-hotspots .hotspots__item.tt-mobile-left .hotspot__tooltip {
    top: 50%;
    left: 100%;
    bottom: initial;
    right: initial;
    transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-mobile-left .tooltip__wrapper {
    margin-left: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-mobile-left .tooltip__wrapper:after {
    top: 50%;
    left: 14px;
    transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-mobile-top .hotspot__tooltip {
    top: initial;
    left: initial;
    bottom: 100%;
    right: 50%;
    transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-mobile-top .tooltip__wrapper {
    margin-bottom: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-mobile-top .tooltip__wrapper:after {
    right: 50%;
    bottom: 14px;
    transform: translateX(50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-mobile-right .hotspot__tooltip {
    top: 50%;
    left: initial;
    bottom: initial;
    right: 100%;
    transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-mobile-right .tooltip__wrapper {
    margin-right: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-mobile-right .tooltip__wrapper:after {
    top: 50%;
    right: 14px;
    transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-mobile-bottom .hotspot__tooltip {
    top: 100%;
    left: initial;
    bottom: initial;
    right: 50%;
    transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-mobile-bottom .tooltip__wrapper {
    margin-top: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-mobile-bottom .tooltip__wrapper:after {
    right: 50%;
    top: 14px;
    transform: translateX(50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.m-mobile-left .hotspots_point-wrap {
    flex-direction: row;
}
.wgl-image-hotspots .hotspots__item.m-mobile-top .hotspots_point-wrap {
    flex-direction: column;
}
.wgl-image-hotspots .hotspots__item.m-mobile-right .hotspots_point-wrap {
    flex-direction: row-reverse;
}
.wgl-image-hotspots .hotspots__item.m-mobile-bottom .hotspots_point-wrap {
    flex-direction: column-reverse;
}
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-left .hotspot__tooltip {
top: 50%;
left: 100%;
bottom: initial;
right: initial;
transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-left .tooltip__wrapper {
margin-left: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-left .tooltip__wrapper:after {
top: 50%;
left: 14px;
transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-top .hotspot__tooltip {
top: initial;
left: initial;
bottom: 100%;
right: 50%;
transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-top .tooltip__wrapper {
margin-bottom: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-top .tooltip__wrapper:after {
right: 50%;
bottom: 14px;
transform: translateX(50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-right .hotspot__tooltip {
top: 50%;
left: initial;
bottom: initial;
right: 100%;
transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-right .tooltip__wrapper {
margin-right: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-right .tooltip__wrapper:after {
top: 50%;
right: 14px;
transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom .hotspot__tooltip {
top: 100%;
left: initial;
bottom: initial;
right: 50%;
transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom .tooltip__wrapper {
margin-top: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom .tooltip__wrapper:after {
right: 50%;
top: 14px;
transform: translateX(50%) rotate(-45deg);
}
@media (max-width: 1024px) {
.wgl-image-hotspots .hotspots__item.tt-c-tablet-left .hotspot__tooltip {
    top: 50%;
    left: 100%;
    bottom: initial;
    right: initial;
    transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-left .tooltip__wrapper {
    margin-left: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-left .tooltip__wrapper:after {
    top: 50%;
    left: 14px;
    transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-top .hotspot__tooltip {
    top: initial;
    left: initial;
    bottom: 100%;
    right: 50%;
    transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-top .tooltip__wrapper {
    margin-bottom: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-top .tooltip__wrapper:after {
    right: 50%;
    bottom: 14px;
    transform: translateX(50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-right .hotspot__tooltip {
    top: 50%;
    left: initial;
    bottom: initial;
    right: 100%;
    transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-right .tooltip__wrapper {
    margin-right: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-right .tooltip__wrapper:after {
    top: 50%;
    right: 14px;
    transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom .hotspot__tooltip {
    top: 100%;
    left: initial;
    bottom: initial;
    right: 50%;
    transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom .tooltip__wrapper {
    margin-top: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom .tooltip__wrapper:after {
    right: 50%;
    top: 14px;
    transform: translateX(50%) rotate(-45deg);
}
}
@media (max-width: 767px) {
.wgl-image-hotspots .hotspots__item.tt-c-mobile-left .hotspot__tooltip {
    top: 50%;
    left: 100%;
    bottom: initial;
    right: initial;
    transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-left .tooltip__wrapper {
    margin-left: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-left .tooltip__wrapper:after {
    top: 50%;
    left: 14px;
    transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-top .hotspot__tooltip {
    top: initial;
    left: initial;
    bottom: 100%;
    right: 50%;
    transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-top .tooltip__wrapper {
    margin-bottom: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-top .tooltip__wrapper:after {
    right: 50%;
    bottom: 14px;
    transform: translateX(50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-right .hotspot__tooltip {
    top: 50%;
    left: initial;
    bottom: initial;
    right: 100%;
    transform: translateY(-50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-right .tooltip__wrapper {
    margin-right: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-right .tooltip__wrapper:after {
    top: 50%;
    right: 14px;
    transform: translateY(-50%) rotate(-45deg);
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom .hotspot__tooltip {
    top: 100%;
    left: initial;
    bottom: initial;
    right: 50%;
    transform: translateX(50%);
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom .tooltip__wrapper {
    margin-top: 20px;
}
.wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom .tooltip__wrapper:after {
    right: 50%;
    top: 14px;
    transform: translateX(50%) rotate(-45deg);
}
}
.wgl-image-hotspots .hotspot__tooltip {
position: absolute;
z-index: 1;
pointer-events: none;
transition: 0.2s;
}
.wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper {
font-size: 14px;
font-weight: 500;
transition: 0.2s;
}
.wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper p:last-child {
margin-bottom: 0;
}
.wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper p:last-of-type {
display: inline;
}
.wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper .tooltip__icon {
display: inline-block;
margin-right: 12px;
}
.wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper .tooltip__icon.flaticon-long-next {
width: 23px;
margin-bottom: 5px;
vertical-align: middle;
}
.wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper:after {
width: 20px;
height: 20px;
background: inherit;
position: absolute;
z-index: -1;
pointer-events: none;
}
.wgl-image-hotspots .hotspot__tooltip.desktop-tooltips-hover {
visibility: hidden;
}
.wgl-image-hotspots .hotspot__tooltip.desktop-tooltips-hover .tooltip__wrapper {
opacity: 0;
visibility: inherit;
}
.wgl-image-hotspots .hotspot__tooltip.desktop-tooltips-show {
opacity: 1;
visibility: visible;
transition: 0.4s;
}
.wgl-image-hotspots .hotspot__tooltip.desktop-tooltips-show .tooltip__wrapper {
opacity: inherit;
visibility: inherit;
transition: inherit;
}
@media (max-width: 1024px) {
.wgl-image-hotspots .hotspot__tooltip.tablet-tooltips-hover {
    visibility: hidden;
}
.wgl-image-hotspots .hotspot__tooltip.tablet-tooltips-hover .tooltip__wrapper {
    opacity: 0;
    visibility: inherit;
}
.wgl-image-hotspots .hotspot__tooltip.tablet-tooltips-show {
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
}
.wgl-image-hotspots .hotspot__tooltip.tablet-tooltips-show .tooltip__wrapper {
    opacity: inherit;
    visibility: inherit;
    transition: inherit;
}
}
@media (max-width: 767px) {
.wgl-image-hotspots .hotspot__tooltip.mobile-tooltips-hover {
    visibility: hidden;
}
.wgl-image-hotspots .hotspot__tooltip.mobile-tooltips-hover .tooltip__wrapper {
    opacity: 0;
    visibility: inherit;
}
.wgl-image-hotspots .hotspot__tooltip.mobile-tooltips-show {
    opacity: 1;
    visibility: visible;
    transition: 0.4s;
}
.wgl-image-hotspots .hotspot__tooltip.mobile-tooltips-show .tooltip__wrapper {
    opacity: inherit;
    visibility: inherit;
    transition: inherit;
}
}
.wgl-image-hotspots .hotspot__tooltip.animation-zoom .tooltip__wrapper {
transform: scale3d(0.1, 0.1, 0.1);
}
.wgl-image-hotspots .hotspot__tooltip.animation-to_left .tooltip__wrapper {
transform: translateX(-20px);
}
.wgl-image-hotspots .hotspot__tooltip.animation-to_top .tooltip__wrapper {
transform: translateY(20px);
}
.wgl-image-hotspots .hotspot__tooltip.animation-to_right .tooltip__wrapper {
transform: translateX(20px);
}
.wgl-image-hotspots .hotspot__tooltip.animation-to_bottom .tooltip__wrapper {
transform: translateY(-20px);
}
.wgl-image-hotspots .hotspots_link:hover .hotspot__tooltip {
pointer-events: all;
}

@keyframes tooltips_shake {
0% {
    transform: rotate(-2deg) translateY(9px);
}
50% {
    transform: rotate(3deg) translateY(6px);
}
70% {
    transform: rotate(-3deg) translateY(3px);
}
100% {
    transform: rotate(0deg) translateY(0);
}
}
@keyframes hotspots_pulse {
0%, 89%, to {
    transform: scale3d(1, 1, 1);
}
90%, 94%, 98% {
    transform: scale3d(1.1, 1.1, 1.1);
}
92%, 96% {
    transform: scale3d(0.9, 0.9, 0.9);
}
}
@keyframes hotspots_flash {
0%, 89%, to {
    opacity: 1;
}
90%, 94%, 98% {
    opacity: 0;
}
92%, 96% {
    opacity: 1;
}
}
@keyframes hotspots_shake {
0%, 89%, to {
    transform: translate3d(0, 0, 0);
}
90%, 94%, 98% {
    transform: translate3d(5px, 0, 0);
}
92%, 96% {
    transform: translate3d(-5px, 0, 0);
}
}
@keyframes hotspots_zoom {
0%, 86%, to {
    transform: scale3d(1, 1, 1);
}
87% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 3deg);
}
90%, 94%, 98% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
92%, 96% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
}
@keyframes hotspots_rubber {
64% {
    transform: scale3d(1, 1, 1);
}
73% {
    transform: scale3d(1.25, 0.75, 1);
}
77% {
    transform: scale3d(0.75, 1.25, 1);
}
81% {
    transform: scale3d(1.15, 0.85, 1);
}
86% {
    transform: scale3d(0.95, 1.05, 1);
}
90% {
    transform: scale3d(1.05, 0.95, 1);
}
to {
    transform: scale3d(1, 1, 1);
}
}
@keyframes hotspots_swing {
0%, 75%, to {
    transform: rotate3d(0, 0, 1, 0deg);
}
80% {
    transform: rotate3d(0, 0, 1, -15deg);
}
85% {
    transform: rotate3d(0, 0, 1, 10deg);
}
90% {
    transform: rotate3d(0, 0, 1, -5deg);
}
95% {
    transform: rotate3d(0, 0, 1, 5deg);
}
}
/*===========================

##Blog
    #Single Post
    #Post Prev/Next Navigation
    #Related Post

============================*/
.elementor-social-icon-instagram.elementor-icon {
    background-color: #c52ea7;
}

.single_meta.format-video .blog-post_media .blog-post_media_part, .single_meta.format-audio .blog-post_media .blog-post_media_part {
    padding-bottom: 58%;
}
.single_meta.format-video .blog-post_media .blog-post_media_part.video_image:not(.video_parallax), .single_meta.format-audio .blog-post_media .blog-post_media_part.video_image:not(.video_parallax) {
    padding-bottom: 0;
}
.single_meta .wgl-carousel {
    overflow: hidden;
}
.single_meta .bili_module_videobox img {
    box-shadow: none;
}
.single_meta .blog-post_title {
    margin-bottom: 14px;
    font-size: 42px;
    line-height: 1.25;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.single_meta .blog-post_media {
    margin-bottom: 50px;
}
.single_meta.post_format-post-format-quote .blog-post_media .blog-post_media_part {
    padding-top: 0;
}
.single_meta .item_wrapper .blog-post_content > .post_categories {
    position: static;
    margin-bottom: 0;
}
.single_meta .item_wrapper .blog-post_content > .post_categories + .blog-post_media {
    margin-top: 30px;
}

.blog-post.blog-post-single-item .format-quote .blog-post_media,
.blog-post.blog-post-single-item .format-link .blog-post_media {
    background: #232323;
    padding: 30px;
    margin-bottom: 50px;
}
.blog-post.blog-post-single-item .format-quote .link_post,
.blog-post.blog-post-single-item .format-quote .blog-post_quote-text,
.blog-post.blog-post-single-item .format-link .link_post,
.blog-post.blog-post-single-item .format-link .blog-post_quote-text {
    margin: 0;
}
.blog-post.blog-post-single-item .format-link .blog-post_link {
    margin-bottom: 0;
}

.single_type-1 .blog-post.blog-post-single-item .blog-post_content {
    padding: 0;
}
.single_type-1 .blog-post.blog-post-single-item .blog-post_content .blog-post_title {
    margin-top: -10px;
}
.single_type-1 .blog-post.blog-post-single-item .blog-post_content .meta_wrapper {
    margin-bottom: 39px;
}
.single_type-1 .blog-post.blog-post-single-item.format-link .blog-post_media {
    margin-top: 29px;
    margin-bottom: 32px;
}
.single_type-1 .blog-post.blog-post-single-item.format-quote .blog-post_media {
    margin-top: 37px;
    margin-bottom: 32px;
}
.single_type-1 .blog-post.blog-post-single-item .blog-post_media {
    overflow: hidden;
}

.single_type-2 .blog-post.blog-post-single-item .blog-post_content {
    padding: 0;
}
.single_type-2 .blog-post.blog-post-single-item .blog-post_content .blog-post_media {
    margin-bottom: 42px;
}
.single_type-2 .blog-post.blog-post-single-item .blog-post_content .blog-post_media + .blog-post_title {
    margin-top: 26px;
}
.single_type-2 .blog-post.blog-post-single-item .blog-post_content .blog-post_title {
    margin-top: 15px;
}
.single_type-2 .blog-post.blog-post-single-item .blog-post_content .meta_wrapper {
    margin-bottom: 40px;
}
.single_type-2 .blog-post.blog-post-single-item .blog-post_content .blog-post_likes-wrap .sl-count-text {
    display: none;
}
.single_type-2 .blog-post.blog-post-single-item.format-audio .blog-post_media, .single_type-2 .blog-post.blog-post-single-item.format-link .blog-post_media, .single_type-2 .blog-post.blog-post-single-item.format-quote .blog-post_media {
    margin-bottom: 30px;
}
.single_type-2 .blog-post.blog-post-single-item.format-standard-image .blog-post_media + .post_meta-categories {
    position: absolute;
}
.single_type-2 .blog-post.blog-post-single-item .blog-post_media {
    overflow: hidden;
}

.post_featured_bg {
    position: relative;
    margin-top: -40px;
}
.post_featured_bg > .blog-post .single_meta {
    margin: 0 auto;
}
.post_featured_bg .parallax-video {
    z-index: 1 !important;
}
.post_featured_bg .parallax-video + .wgl-container {
    position: relative;
    z-index: 2;
}
.post_featured_bg .blog-post_bg_media {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.post_featured_bg .blog-post_bg_media:before, .post_featured_bg .blog-post_bg_media:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.post_featured_bg .blog-post_bg_media:before {
    opacity: 0.4;
    background-color: #212121;
}
.post_featured_bg .blog-post_bg_media:after {
    opacity: 0.3;
    background: linear-gradient(0deg, #212121 30%, rgba(0, 0, 0, 0) 100%);
}
.post_featured_bg .post_categories a {
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: 14px;
}
.post_featured_bg .post_categories a:hover {
    color: var(--bili-primary-color);
}
.post_featured_bg .post_categories span:after {
    color: #fff;
    font-size: 0.9em;
    transform: translateY(-1px);
    margin: 0 1px;
}
.post_featured_bg .meta_wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 0 0 66px;
}
.post_featured_bg .meta-data {
    color: #ffffff;
}
.post_featured_bg .meta-data i[class*=flaticon-] {
    font-size: 18px;
}
.post_featured_bg .meta-data a {
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 0.1em;
}
.post_featured_bg .meta-data a, .post_featured_bg .meta-data a:hover {
    color: inherit;
    transform: translateY(0);
}
.post_featured_bg .meta-data a:hover {
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
}
.post_featured_bg .meta-data:empty {
    display: none;
}
.post_featured_bg .meta-data img {
    transition: 0.3s;
}
.post_featured_bg .meta-data span.post_author a {
    margin-right: 0.1em;
}
.post_featured_bg .meta-data span.post_author a,
.post_featured_bg .meta-data span.comments_post a {
    color: inherit;
}
.post_featured_bg .meta-data:first-child {
    margin-left: auto;
}
.post_featured_bg .meta-data:not(:first-child) {
    margin-right: 15px;
}
.post_featured_bg .meta-data + .meta-data > * {
    margin-left: 25px;
}
.post_featured_bg .meta-data > span:after {
    color: inherit !important;
}
.post_featured_bg .meta-data > span:not(:last-child):after {
    margin: 0 8px;
}
.post_featured_bg .wgl-views .sl-icon,
.post_featured_bg .wgl-likes .sl-icon {
    color: #ffffff;
    border-radius: 50%;
    width: auto;
    height: 40px;
    font-size: 18px;
    line-height: 38px;
    margin-bottom: -10px;
    margin-top: -10px;
}
.post_featured_bg .wgl-views .sl-icon.liked,
.post_featured_bg .wgl-likes .sl-icon.liked {
    color: #fff;
}
.post_featured_bg .wgl-likes .sl-icon:before {
    width: 18px;
}
.post_featured_bg .wgl-views .sl-icon:before {
    display: block;
    transform: translate(-3px, 2px);
}
.post_featured_bg .wgl-likes.post_likes .sl-count {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}
.post_featured_bg .blog-post_title {
    font-size: 52px;
    line-height: 1.285;
    position: relative;
    z-index: 1;
    color: #ffffff;
    margin-bottom: 25px;
    margin-top: 19px;
}
.post_featured_bg .content-container {
    position: relative;
    text-align: right;
}
.post_featured_bg .format-quote .blog-post_content {
    padding: 0;
}

.single_type-3 .blog-post.blog-post-single-item .blog-post_content {
    padding: 0;
}

body.single #main-content > .blog-post {
    margin-bottom: 40px;
}
body.single .wgl-container .row.single_type-3 {
    padding-top: 10px;
}

.single_post_info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 50px;
    margin-bottom: -20px;
    clear: both;
}
@media (max-width: 767px) {
    .single_post_info {
    flex-direction: column;
    align-items: center;
    }
    .single_post_info .tagcloud-wrapper:not(:first-child) {
    margin-right: unset;
    }
}
.single_post_info .post_meta-wrap.post_meta-bottom .sl-count {
    transform: translateY(1px);
}
.single_post_info .post_meta-wrap > div:not(:first-child) {
    margin-right: 15px;
}

.post_info-divider {
    clear: both;
    margin-top: 40px;
    border-bottom: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
}
.post_info-divider + .author-info_wrapper {
    margin-top: 38px;
}

.bili-post-navigation {
    position: relative;
    margin-top: -12px;
}
.bili-post-navigation:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.prev-link_wrapper,
.next-link_wrapper {
    width: calc(50% - 8px);
}
@media (max-width: 768px) {
    .prev-link_wrapper,
.next-link_wrapper {
    max-width: 100%;
    width: 100%;
    }
}
.prev-link_wrapper .info_wrapper > a,
.next-link_wrapper .info_wrapper > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: 0.4s;
    min-height: 70px;
    border-radius: 0;
}
@media (max-width: 768px) {
    .prev-link_wrapper .info_wrapper > a,
.next-link_wrapper .info_wrapper > a {
    min-height: unset;
    }
}
.prev-link_wrapper .info_wrapper > a img,
.next-link_wrapper .info_wrapper > a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: inherit;
    border-radius: 0;
}
.prev-link_wrapper .info_wrapper > a .flaticon,
.next-link_wrapper .info_wrapper > a .flaticon {
    font-size: 32px;
    line-height: 0;
    color: inherit;
}
.prev-link_wrapper .info_wrapper > a .flaticon svg,
.next-link_wrapper .info_wrapper > a .flaticon svg {
    fill: currentColor;
}
.prev-link_wrapper .info_wrapper .image_prev,
.prev-link_wrapper .info_wrapper .image_next,
.next-link_wrapper .info_wrapper .image_prev,
.next-link_wrapper .info_wrapper .image_next {
    position: relative;
    align-self: flex-start;
    flex-shrink: 0;
    width: 70px;
    height: 70px;
    vertical-align: top;
    transition: inherit;
    overflow: hidden;
    z-index: 1;
}
.prev-link_wrapper .info_wrapper .prev-link-info_wrapper,
.prev-link_wrapper .info_wrapper .next-link-info_wrapper,
.next-link_wrapper .info_wrapper .prev-link-info_wrapper,
.next-link_wrapper .info_wrapper .next-link-info_wrapper {
    word-break: break-word;
    width: 100%;
}
.prev-link_wrapper .info_wrapper .prev_title,
.prev-link_wrapper .info_wrapper .next_title,
.next-link_wrapper .info_wrapper .prev_title,
.next-link_wrapper .info_wrapper .next_title {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    word-wrap: break-word;
    transition: 0.4s;
    margin-top: 4px;
    text-decoration: underline;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    text-underline-offset: 0.4em;
}
.prev-link_wrapper .info_wrapper .prev_title-info_wrap,
.prev-link_wrapper .info_wrapper .next_title-info_wrap,
.next-link_wrapper .info_wrapper .prev_title-info_wrap,
.next-link_wrapper .info_wrapper .next_title-info_wrap {
    color: #888;
}
.prev-link_wrapper .info_wrapper .prev_title-info_wrap > *,
.prev-link_wrapper .info_wrapper .next_title-info_wrap > *,
.next-link_wrapper .info_wrapper .prev_title-info_wrap > *,
.next-link_wrapper .info_wrapper .next_title-info_wrap > * {
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 350px) {
    .prev-link_wrapper .info_wrapper .prev_title,
.prev-link_wrapper .info_wrapper .next_title,
.next-link_wrapper .info_wrapper .prev_title,
.next-link_wrapper .info_wrapper .next_title {
    max-width: 168px;
    }
}
.prev-link_wrapper .info_wrapper .prev_title:empty,
.prev-link_wrapper .info_wrapper .next_title:empty,
.next-link_wrapper .info_wrapper .prev_title:empty,
.next-link_wrapper .info_wrapper .next_title:empty {
    display: none;
}
.prev-link_wrapper .info_wrapper .prev_title-info,
.prev-link_wrapper .info_wrapper .next_title-info,
.next-link_wrapper .info_wrapper .prev_title-info,
.next-link_wrapper .info_wrapper .next_title-info {
    font-size: 14px;
    font-weight: 700;
    transition: 0.4s;
    letter-spacing: 0.1em;
    color: inherit;
    line-height: 1;
}
.prev-link_wrapper .link-icon,
.next-link_wrapper .link-icon {
    display: inline-block;
    margin: 0;
    text-align: center;
    font-size: 30px;
    transition: 0.4s;
    align-self: flex-start;
    line-height: 1;
    color: var(--bili-secondary-color);
}
.prev-link_wrapper .link-icon:before,
.next-link_wrapper .link-icon:before {
    display: inline-block;
}
.prev-link_wrapper a:hover .prev_title,
.prev-link_wrapper a:hover .next_title,
.next-link_wrapper a:hover .prev_title,
.next-link_wrapper a:hover .next_title {
    text-decoration: underline;
}

.prev-link_wrapper {
    float: right;
}
.prev-link_wrapper .info_wrapper > a {
    text-align: right;
}
.prev-link_wrapper .info_wrapper > a .flaticon {
    margin-left: 9px;
}
.prev-link_wrapper .info_wrapper > a:hover .prev_title-info {
    transform: translateX(-10px);
}
@media (max-width: 767px) {
    .prev-link_wrapper + .next-link_wrapper {
    margin-top: 25px;
    }
}

.next-link_wrapper {
    float: left;
}
.next-link_wrapper .info_wrapper > a {
    text-align: left;
}
.next-link_wrapper .info_wrapper > a .flaticon {
    margin-right: 9px;
    transform: scale(-1);
}
.next-link_wrapper .info_wrapper > a:hover .next_title-info {
    transform: translateX(10px);
}

.single.related_posts {
    margin-top: 79px;
}
.single.related_posts .bili_module_title {
    padding-bottom: 29px;
}
.single.related_posts .bili_module_title h3 {
    font-size: 38px;
}
@media (max-width: 767px) {
    .single.related_posts .bili_module_title h3 {
    font-size: 24px;
    }
}

body .author-info_wrapper {
    display: flex;
    position: relative;
    z-index: 0;
    margin-top: 40px;
    background-color: #232323;
    border-radius: 0;
    padding: 40px;
}
body .author-info_avatar {
    min-width: 160px;
    width: 160px;
    border-radius: 50%;
    margin-left: 40px;
}
body .author-info_avatar img {
    border-radius: inherit;
}
body .author-info_content {
    flex-grow: 1;
}
body .author-info_name {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 8px;
    color: #fff;
}
body .author-info_name span {
    margin-left: 0.35em;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    color: inherit;
}
body .author-info_description {
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}
body .author-info_social-wrapper {
    margin: 15px 0 0;
    line-height: 1;
}
body .author-info_social-wrapper .author-info_social-link {
    display: inline-block;
    position: relative;
    font-size: 16px;
    text-align: center;
    margin-left: 28px;
    color: #fff;
}
body .author-info_social-wrapper .author-info_social-link:last-child {
    margin-left: 0;
}
body .author-info_social-wrapper .author-info_social-link:hover {
    color: var(--bili-primary-color);
}

.blog-post_bg_media {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.blog-post_bg_media .slider-wrapper,
.blog-post_bg_media .blog-post_media-slider {
    height: 100%;
}

.blog_title.bili_module_title {
    justify-content: flex-start;
    padding-bottom: 15px;
}
p + .alignfull,
p + .alignwide {
margin-top: 2em;
}

main .alignfull {
width: 100vw;
max-width: calc(100% + 100px);
margin-right: -50px;
margin-left: -50px;
}
@media (max-width: 767px) {
main .alignfull {
    max-width: calc(100% + 50px);
    margin-right: -25px;
    margin-left: -25px;
}
}
@media (max-width: 379px) {
main .alignfull {
    max-width: calc(100% + 30px);
    margin-right: -15px;
    margin-left: -15px;
}
}
main .alignfull img {
width: 100vw;
}
main .alignfull .wp-block-column {
padding: 0 5px;
}
main .alignfull > figcaption {
margin-right: auto;
margin-left: auto;
width: -moz-fit-content;
width: fit-content;
}
main .alignwide {
width: auto;
max-width: calc(100vw - 50px);
margin-right: calc(50px * -0.5);
margin-left: calc(50px * -0.5);
}
@media (max-width: 767px) {
main .alignwide {
    max-width: calc(100% + 25px);
    margin-right: calc(25px * -0.5);
    margin-left: calc(25px * -0.5);
}
}
@media (max-width: 379px) {
main .alignwide {
    max-width: calc(100% + 15px);
    margin-right: calc(15px * -0.5);
    margin-left: calc(15px * -0.5);
}
}
main .blog-post:not(.format-no_featured) .alignfull {
max-width: calc(100% + 50px);
margin-right: -25px;
margin-left: -25px;
}
@media (max-width: 379px) {
main .blog-post:not(.format-no_featured) .alignfull {
    max-width: calc(100% + 30px);
    margin-right: -15px;
    margin-left: -15px;
}
}
main .blog-post:not(.format-no_featured) .alignwide {
max-width: calc(100% + 25px);
margin-right: calc(25px * -0.5);
margin-left: calc(25px * -0.5);
}
@media (max-width: 379px) {
main .blog-post:not(.format-no_featured) .alignwide {
    max-width: calc(100% + 15px);
    margin-right: calc(15px * -0.5);
    margin-left: calc(15px * -0.5);
}
}
main .alignnone {
margin-left: auto;
margin-right: auto;
}
main .sidebar > :last-child {
margin-bottom: 70px;
}

.single main .sidebar_left .alignwide, .single main .sidebar_right .alignwide {
margin-right: 0;
margin-left: 0;
max-width: 100%;
}
.single main .sidebar_left .alignfull, .single main .sidebar_right .alignfull {
margin-right: 0;
margin-left: 0;
max-width: 100%;
}
.single main .sidebar_left .alignfull img, .single main .sidebar_right .alignfull img {
width: 100%;
}
.single main .sidebar_none .alignwide {
margin-right: calc((100vw - 100%) / -4);
margin-left: calc((100vw - 100%) / -4);
max-width: unset;
}
.single main .sidebar_none .alignfull {
margin-right: calc((100vw - 100%) / -2);
margin-left: calc((100vw - 100%) / -2);
max-width: unset;
}
.single main .sidebar_none .alignfull img {
width: 100%;
}

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

.alignleft {
float: right;
margin: 0 0 30px 30px;
}

.alignright {
float: left;
margin: 0 30px 10px 0;
}

.wp-caption.aligncenter {
margin-right: auto;
margin-left: auto;
}

.wp-block-cover,
.wp-block-button,
p + .alignfull,
p + .alignwide {
margin-top: 2rem;
margin-bottom: 2rem;
}

.wp-block-button.alignleft {
margin-left: 2rem;
margin-top: 0;
}
.wp-block-button.alignright {
margin-right: 2rem;
margin-top: 0;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: inherit;
}

.wp-block-cover.alignleft {
margin-left: 2rem;
margin-top: 0.6rem;
}
.wp-block-cover.alignright {
margin-right: 2rem;
margin-top: 0.6rem;
}

.wp-block-quote {
width: 100%;
}
.wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin-bottom: 2rem;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding-top: 62px;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: 1.15em;
}
.wp-block-quote.is-large p:first-child, .wp-block-quote.is-style-large p:first-child {
margin-top: -0.16em;
}
.wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite {
font-size: 0.9em;
}

.blog-post_text blockquote,
#comments .comment_content blockquote {
margin-bottom: 2rem;
}

.wp-block-pullquote {
text-align: right;
}
.wp-block-pullquote p {
font-size: inherit !important;
line-height: inherit;
}

figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed figcaption {
text-align: center;
}

.blog-post_content .wp-block-cover .wp-block-cover-image-text, .blog-post_content .wp-block-cover-image .wp-block-cover-image-text,
.blog-post_content .wp-block-cover .wp-block-cover-text, .blog-post_content .wp-block-cover-image .wp-block-cover-text,
.blog-post_content .wp-block-cover h2, .blog-post_content .wp-block-cover-image h2 {
color: #ffffff;
}
.blog-post_content > .wp-block-search {
margin-bottom: 20px;
}
.blog-post_content > .wp-block-media-text {
margin-bottom: 2rem;
}

.wp-block-group {
margin-top: 1rem;
margin-bottom: 1rem;
}
.wp-block-group.has-background {
padding: 2rem;
}
.wp-block-group p:last-child {
margin-bottom: 0;
}

.wp-block-group.has-background.wp-container-1,
.wp-block-media-text.has-background .wp-block-media-text__content {
color: #232323;
}

.wp-block-gallery {
margin-bottom: 16px;
}
.wp-block-gallery li.blocks-gallery-item {
padding-right: 0;
margin-bottom: 16px;
}
.wp-block-gallery li.blocks-gallery-item figcaption {
line-height: 1.5;
}
.wp-block-gallery.alignwide {
clear: both;
}

.wp-block-search__button {
font-size: 13px;
color: #ffffff;
height: 56px;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: rgba(255, 255, 255, 0.09);
}

.widget_block .wp-block-search {
margin: 0;
}
.widget_block .wp-block-group {
margin-top: 0;
margin-bottom: 0;
}
@charset "UTF-8";
/* ==================== ##Page 404 ==================== */
body.error404 #main {
padding: 0;
}
body.error404 #main > .wgl-container {
margin: 114px 0 208px;
padding: 18px 0;
}
@media (max-width: 768px) {
body.error404 #main > .wgl-container {
    margin: 20px 0 90px;
}
}

.page_404_wrapper {
position: relative;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
padding: 0;
text-align: center;
}
.page_404_wrapper .error_page {
padding-top: 20px;
}
.page_404_wrapper .error_page__banner {
white-space: nowrap;
}
@media (min-width: 768px) {
.page_404_wrapper .error_page__banner {
    margin-right: 12px;
}
}
.page_404_wrapper .error_page__subtitle {
font-size: 130px;
color: transparent;
line-height: 0.7;
margin-top: -40px;
-webkit-text-stroke-width: 1px;
stroke-width: 1px;
-webkit-text-stroke-color: var(--bili-secondary-color);
stroke: var(--bili-secondary-color);
}
.page_404_wrapper .error_page__num {
font-size: 288px;
font-weight: 700;
font-family: var(--bili-content-font-family);
line-height: 0.8;
color: var(--bili-primary-color);
margin-top: -32px;
margin-bottom: 20px;
}
.page_404_wrapper .error_page__title {
font-size: 42px;
margin-bottom: 16px;
}
.page_404_wrapper .error_page__description {
margin-bottom: 32px;
font-size: 18px;
}
.page_404_wrapper .search-form .search-field,
.page_404_wrapper .search-form {
width: 100%;
max-width: 450px;
}
.page_404_wrapper .search-form {
display: inline-block;
position: relative;
z-index: 1;
margin-bottom: 30px;
transition: 0.45s;
}
.page_404_wrapper .search-form .search-field {
margin-bottom: 10px;
}
.page_404_wrapper .search-form .search-field::placeholder {
font: inherit;
line-height: inherit;
color: inherit;
outline: none;
-webkit-appearance: none;
transition: 0.4s;
transform: translateY(0) scale(1);
transform-origin: right bottom;
}
.page_404_wrapper .search-form .search-field:active, .page_404_wrapper .search-form .search-field:focus {
border-color: var(--bili-header-font-color);
}
.page_404_wrapper .search-form .search-field:active::placeholder, .page_404_wrapper .search-form .search-field:focus::placeholder {
opacity: 0;
}
.page_404_wrapper .search-form .search-button:hover,
.page_404_wrapper .search-form .search-button:hover ~ .search__icon {
background: transparent;
color: var(--bili-primary-color);
}
.page_404_wrapper .wgl-button {
background: transparent;
}
.page_404_wrapper .wgl-button:after {
content: "";
top: 0px;
right: 0px;
width: 60px;
height: 60px;
border-radius: 50% 50% 50% 50%;
background-color: var(--bili-button-bg-hover);
}
.page_404_wrapper .wgl-button:hover:after {
width: 100%;
height: 100%;
border-radius: 32px 32px 32px 32px;
}
.page_404_wrapper .search-button {
position: absolute;
z-index: 1;
height: 56px;
width: 20px;
top: 0;
left: 0;
margin: 0;
border: none;
outline: none;
padding: 0;
font-size: 0;
box-shadow: none;
cursor: pointer;
background: transparent;
}
.page_404_wrapper .search-button:focus, .page_404_wrapper .search-button:active {
box-shadow: none;
}
.page_404_wrapper .search__icon {
position: absolute;
z-index: 1;
top: 0;
left: 0;
height: 56px;
width: 20px;
font-size: 20px;
line-height: 60px;
font-style: normal;
text-align: center;
transform: translate(0, 0);
opacity: 1;
transition: 0.4s;
pointer-events: none;
border-radius: 0;
}
@media (max-width: 768px) {
.page_404_wrapper {
    text-align: center;
}
.page_404_wrapper .error_page__banner {
    transform: scale(0.8);
}
.page_404_wrapper .error_page__subtitle {
    font-size: 70px;
}
.page_404_wrapper .error_page__num {
    font-size: 160px;
    margin-top: -12px;
}
}
@media (max-width: 600px) {
.page_404_wrapper .error_page__banner {
    transform: scale(0.7);
}
}
@media (max-width: 480px) {
.page_404_wrapper .error_page__title {
    font-size: 34px;
    line-height: 1.2;
}
.page_404_wrapper .error_page__num {
    font-size: 120px;
}
.page_404_wrapper .error_page__description {
    margin-right: 0;
    margin-left: 0;
}
}

/**
* Search Page
*/
header.searсh-header {
margin-bottom: 30px;
}
header.searсh-header .page-title {
font-size: 36px;
line-height: 1.65;
}
header.searсh-header .page-title span {
font-size: 1.15em;
line-height: inherit;
}

.search-no-results header.searсh-header {
margin-bottom: 0;
}
.search-no-results .page_404_wrapper {
display: flex;
flex-direction: column;
justify-content: center;
padding: 20px 0 70px;
min-height: 100%;
}
.search-no-results .page_404_wrapper .banner_404_text {
color: inherit;
margin: 25px 0 26px;
font-size: 18px;
}
.search-no-results .page_404_wrapper .bili_404_button.wgl_button .wgl_button_link:hover {
color: #fff;
}
@media (max-width: 480px) {
.search-no-results .page_404_wrapper .banner_404_text {
    margin-right: 0;
    margin-left: 0;
}
}
/* ==================== ##Preloader ==================== */
#preloader-wrapper {
    background-color: #fdfaf8;
    z-index: 10000;
    position: fixed;
    width: 100%;
    height: 100%;
}

.preloader-container {
    position: relative;
    width: 82px;
    height: 82px;
    right: 50%;
    top: 50%;
    margin-top: -41px;
    margin-right: -41px;
}
.preloader-container > div {
    position: relative;
    width: 25px;
    height: 25px;
    margin: 1px;
    float: right;
    background: tomato;
    transform: scale(0);
    transform-origin: center center;
    animation: loader 2s infinite linear;
}
.preloader-container > div:nth-of-type(1), .preloader-container > div:nth-of-type(5), .preloader-container > div:nth-of-type(9) {
    animation-delay: 0.4s;
}
.preloader-container > div:nth-of-type(4), .preloader-container > div:nth-of-type(8) {
    animation-delay: 0.2s;
}
.preloader-container > div:nth-of-type(2), .preloader-container > div:nth-of-type(6) {
    animation-delay: 0.6s;
}
.preloader-container > div:nth-of-type(3) {
    animation-delay: 0.8s;
}

@keyframes loader {
    0% {
    transform: scale(0);
    }
    40% {
    transform: scale(1);
    }
    80% {
    transform: scale(1);
    }
    100% {
    transform: scale(0);
    }
}
/* ==================== #Side Panel  ==================== */
.elementor-widget-wgl-header-side_panel {
    width: 60px;
    height: 60px;
}
.elementor-widget-wgl-header-side_panel .elementor-widget-container,
.elementor-widget-wgl-header-side_panel .side_panel {
    height: 100%;
}

.side_panel {
    text-align: center;
    transition: 0.4s;
    background: rgba(var(--bili-secondary-rgb), 0.1);
    border-radius: 60px;
    overflow: hidden;
    color: var(--bili-secondary-color);
}
.side_panel .side_panel_inner {
    display: block;
    height: 100%;
}
.side_panel .side_panel_inner .side_panel-toggle {
    border-color: currentColor;
    color: currentColor;
}
.side_panel .side_panel-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.side_panel .side_panel-toggle:hover .side_panel-toggle-inner span {
    transition: 0.3s ease-in-out;
}
.side_panel .side_panel-toggle:hover .side_panel-toggle-inner span:nth-child(1) {
    transform: translate(0, 0);
}
.side_panel .side_panel-toggle:hover .side_panel-toggle-inner span:nth-child(2) {
    transform: translate(0, 7px);
}
.side_panel .side_panel-toggle:hover .side_panel-toggle-inner span:nth-child(3) {
    transform: translate(0, 14px);
}
.side_panel .side_panel-toggle:hover .side_panel-toggle-inner span:nth-child(4) {
    transform: translate(0, 21px);
}
.side_panel .side_panel-toggle-inner {
    width: 18px;
    height: 16px;
    line-height: 0;
    cursor: pointer;
    position: relative;
    text-align: right;
    overflow: hidden;
}
.side_panel .side_panel-toggle-inner span {
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 18px;
    border-radius: 0;
    background-color: currentColor;
    color: inherit;
    vertical-align: top;
    transition: 0s ease-in-out;
}
.side_panel .side_panel-toggle-inner span:nth-child(1) {
    transform: translate(0, -7px);
}
.side_panel .side_panel-toggle-inner span:nth-child(2) {
    transform: translate(0, 0);
}
.side_panel .side_panel-toggle-inner span:nth-child(3) {
    transform: translate(0, 7px);
}
.side_panel .side_panel-toggle-inner span:nth-child(4) {
    transform: translate(0, 14px);
}

body.admin-bar #side-panel {
    top: 32px;
}
body.side-panel--opened .side-panel_overlay {
    opacity: 1;
    visibility: visible;
}

.side-panel_overlay {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(24, 24, 24, 0.6);
    visibility: hidden;
    opacity: 0;
    transition: 0.45s ease-in-out;
}

#side-panel {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 480px;
    background: transparent;
    transform: translateX(calc(-1*(100% + 80px)));
    opacity: 0;
    transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    color: #ffffff;
}
#side-panel.side-panel_position_left {
    right: 0;
    left: auto;
    transform: translateX(calc(-1*(-100% - 80px)));
}
#side-panel.side-panel_position_left .side-panel_close {
    right: 100%;
    left: auto;
}
#side-panel.side-panel_open {
    transform: translateX(0);
    opacity: 1;
}
#side-panel .side-panel_sidebar {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}
#side-panel .side-panel_sidebar::-webkit-scrollbar {
    display: none;
}
#side-panel .side-panel_sidebar .widget ul li,
#side-panel .side-panel_sidebar .widget ul li a {
    color: inherit;
}
#side-panel .side-panel_sidebar .widget:not(:first-child) {
    padding-top: 40px;
}
#side-panel .side-panel_sidebar .widget_media_gallery .gallery-item .gallery-icon {
    margin: 5px;
}
#side-panel .side-panel_sidebar .widget_media_gallery .gallery {
    margin: -5px;
}
#side-panel .side-panel_close {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    left: calc(100% + 20px);
    width: 60px;
    height: 60px;
    padding: 0;
    border-radius: 50%;
    line-height: 0;
    border: unset;
    color: var(--bili-secondary-color);
    text-align: center;
    background-color: rgba(var(--bili-secondary-rgb), 0.1);
    cursor: pointer;
    transition: 0.45s ease-in-out;
}
#side-panel .side-panel_close:before {
    content: "";
    width: inherit;
    height: inherit;
    background: var(--bili-tertiary-color);
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
    border-radius: inherit;
}
#side-panel .side-panel_close .side-panel_close_icon {
    width: 34px;
    line-height: 0;
    cursor: pointer;
    transition: 0.4s;
}
#side-panel .side-panel_close .side-panel_close_icon span {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 2px;
    vertical-align: top;
    background: currentColor;
}
#side-panel .side-panel_close .side-panel_close_icon span:nth-child(1) {
    top: 1px;
    transform: rotate(-45deg);
}
#side-panel .side-panel_close .side-panel_close_icon span:nth-child(2) {
    top: -1px;
    transform: rotate(-135deg);
}
#side-panel .side-panel_close:hover .side-panel_close_icon {
    transform: scale(1.3);
}
/*===========================

##Team
    #Single Post

============================*/
.elementor-social-icon-instagram.elementor-icon {
    background-color: #c52ea7;
}

.single-team .wgl_col-12 > .team__member {
    display: flex;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
@media (max-width: 992px) {
    .single-team .wgl_col-12 > .team__member {
    margin-top: 0;
    margin-right: 0;
    }
}
.single-team .wgl_col-12 > .team__member:empty {
    display: none;
}
.single-team .wgl_col-12 > .team__member .member__thumbnail-wrap {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    margin-left: 68px;
}
@media (min-width: 993px) {
    .single-team .wgl_col-12 > .team__member .member__thumbnail-wrap .thumbnail__featured {
    width: 470px;
    }
}
.single-team .wgl_col-12 > .team__member .member__thumbnail {
    position: relative;
    z-index: 1;
}
.single-team .wgl_col-12 > .team__member .member__info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 18px 0 60px;
    margin-left: 4%;
    color: inherit;
}
.single-team .wgl_col-12 > .team__member .member__name {
    position: relative;
    z-index: 1;
    margin-bottom: 14px;
    color: var(--bili-secondary-color);
}
.single-team .wgl_col-12 > .team__member .member__name,
.single-team .wgl_col-12 > .team__member .member__name span {
    font-size: 42px;
    line-height: 1.3;
}
.single-team .wgl_col-12 > .team__member .member__excerpt {
    margin-bottom: 17px;
    font-size: 18px;
    line-height: 30px;
}
.single-team .wgl_col-12 > .team__member .info__highlighted {
    margin-bottom: 29px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: var(--bili-primary-color);
}
.single-team .wgl_col-12 > .team__member .info__item {
    padding: 7px 0;
    font-size: 16px;
    line-height: 1.85;
    margin-bottom: 4px;
}
.single-team .wgl_col-12 > .team__member .info__item h5,
.single-team .wgl_col-12 > .team__member .info__item span {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
}
.single-team .wgl_col-12 > .team__member .info__item h5 {
    margin-left: 1em;
    font-weight: 700;
    font-family: var(--bili-content-font-family);
    color: var(--bili-secondary-color);
    letter-spacing: 0.1em;
}
.single-team .wgl_col-12 > .team__member .info__item a {
    color: inherit;
}
.single-team .wgl_col-12 > .team__member .member__socials {
    margin: 0;
    margin-top: 24px;
    line-height: 1;
}
.single-team .wgl_col-12 > .team__member .social__icon {
    display: inline-block;
    position: relative;
    z-index: 1;
    text-align: right;
    font-size: 16px;
    width: auto;
    color: var(--bili-secondary-color);
}
.single-team .wgl_col-12 > .team__member .social__icon:not(:last-child) {
    margin-left: 28px;
}
.single-team .wgl_col-12 > .team__member .social__icon:hover {
    color: var(--bili-primary-color);
}
@media (max-width: 1200px) {
    .single-team .wgl_col-12 > .team__member .member__thumbnail-wrap {
    margin-left: 50px;
    }
    .single-team .wgl_col-12 > .team__member .member__info {
    padding: 50px 0 50px;
    }
}
@media (max-width: 992px) {
    .single-team .wgl_col-12 > .team__member {
    flex-direction: column;
    }
    .single-team .wgl_col-12 > .team__member .member__thumbnail-wrap {
    margin: 0 auto;
    }
    .single-team .wgl_col-12 > .team__member .member__info {
    width: 100%;
    padding: 35px 0;
    text-align: center;
    display: block;
    margin: 0;
    }
    .single-team .wgl_col-12 > .team__member .info__item {
    padding: 10px 0;
    }
    .single-team .wgl_col-12 > .team__member .info__item h5 {
    min-width: auto;
    margin-left: 0;
    }
}
@media (max-width: 767px) {
    .single-team .wgl_col-12 > .team__member[style^="background-image: url"] {
    background-image: none !important;
    }
}
@media (max-width: 600px) {
    .single-team .wgl_col-12 > .team__member .member__name {
    margin-bottom: 17px;
    }
    .single-team .wgl_col-12 > .team__member .member__name,
.single-team .wgl_col-12 > .team__member .member__name span {
    font-size: 34px;
    }
    .single-team .wgl_col-12 > .team__member .info__item h5 + span,
.single-team .wgl_col-12 > .team__member .info__item h5 + a {
    display: block;
    margin-right: unset;
    }
}
@media (max-width: 380px) {
    .single-team .wgl_col-12 > .team__member .member__name,
.single-team .wgl_col-12 > .team__member .member__name span {
    font-size: 30px;
    line-height: 34px;
    }
}
@charset "UTF-8";
/*================

##Woocommerce Plugin
    #Header Elements
    #Catalog
    #Pagination
    #Tabs
    #Single
    #Respond
    #Cart
    #Checkout
    #My Account
    #Order
    #Responsive
    #Dynamic

=================*/
/* ==================== ##Woo - Header ==================== */
.woocommerce form span.show-password-input,
.woocommerce-page form span.show-password-input {
left: 0;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
.woocommerce form.login, .woocommerce form.register,
.woocommerce-page form.login,
.woocommerce-page form.register {
box-shadow: none;
padding: 30px 35px 20px;
border: none;
background-color: #232323;
border-radius: 0;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
margin-top: 10px;
margin-bottom: 25px;
display: block;
}

.wgl-theme-header .login-in {
display: inline-block;
padding-top: 0;
}
.wgl-theme-header .login-in.woocommerce {
display: inline-block;
padding-top: 0;
}

.login-in_wrapper {
display: flex;
align-items: center;
height: 100%;
color: inherit;
}
.login-in_wrapper .button {
line-height: 30px;
padding: 5px 16px;
text-align: center;
min-width: unset;
margin: 0;
background-color: transparent;
color: inherit;
border: 1px solid var(--bili-button-bg-idle);
}
.login-in_wrapper .button:hover, .login-in_wrapper .button:focus {
color: var(--bili-button-color-idle);
background-color: var(--bili-button-bg-idle);
}

.wgl_modal-window {
display: flex;
justify-content: center;
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: auto;
outline: none;
z-index: 1000000;
opacity: 0;
visibility: hidden;
-webkit-overflow-scrolling: touch;
text-align: center;
transition: 0.45s;
}
.wgl_modal-window .modal-dialog {
max-width: 380px;
width: 100%;
position: relative;
padding: 0;
margin: 30px;
z-index: 2;
}
.wgl_modal-window .col2-set .col-1,
.wgl_modal-window .col2-set .col-2 {
width: 100%;
}
@media all and (min-width: 768px) {
.wgl_modal-window {
    align-items: center;
}
.wgl_modal-window .modal-dialog {
    max-width: 970px;
}
}
@media all and (min-width: 768px) and (min-width: 768px) {
.wgl_modal-window .col2-set .col-1,
.wgl_modal-window .col2-set .col-2 {
    width: calc(50% - 15px);
}
}
.wgl_modal-window .overlay {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: var(--bili-submenu-background);
opacity: 0.9;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
visibility: visible;
pointer-events: none;
transition: 0.4s;
}

.open_login .wgl_modal-window {
opacity: 1;
visibility: visible;
}
.open_login .wgl_modal-window .overlay {
pointer-events: auto;
}

.wgl-theme-header .mini_cart-overlay {
position: absolute;
z-index: 15;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(37, 37, 37, 0.85);
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
.wgl-theme-header .mini-cart {
display: block;
position: relative;
}
.wgl-theme-header .mini-cart a {
color: var(--bili-header-font-color);
cursor: pointer;
}
.wgl-theme-header .mini-cart:hover svg line.st_transform-left {
transform: rotate(60deg);
}
.wgl-theme-header .mini-cart:hover svg line.st_transform-right {
transform: rotate(-60deg);
}
.wgl-theme-header .mini-cart .woo_mini_cart:before {
content: "";
position: absolute;
width: 100%;
height: 38px;
top: -38px;
right: 0;
left: 0;
}
.wgl-theme-header .mini-cart .woocommerce-mini-cart__empty-message {
font-size: 16px;
line-height: 1.5;
}
.wgl-theme-header .mini-cart .woocommerce-mini-cart.cart_list.product_list_widget li {
text-align: right;
list-style: none;
}
.wgl-theme-header .mini-cart .woocommerce-mini-cart.cart_list.product_list_widget li:after {
content: "";
display: block;
height: 0;
clear: both;
}
.wgl-theme-header .mini-cart .woocommerce-mini-cart.cart_list.product_list_widget li:first-child {
margin-top: 0;
}
.wgl-theme-header .mini-cart .woocommerce-mini-cart.cart_list.product_list_widget li:last-child {
margin-bottom: 5px;
}
.wgl-theme-header.open_cart .mini_cart-overlay {
visibility: visible;
opacity: 1;
}
.wgl-theme-header.open_cart .woocommerce .woo_mini_cart {
transform: translateX(0);
}
.wgl-theme-header .woocommerce .woo_mini_cart {
display: flex;
flex-direction: column;
position: absolute;
z-index: 100000;
top: calc(-1px * var(--positioning-size));
left: calc(-1px * var(--positioning-size));
width: 350px;
min-height: 20vh;
max-height: calc(100vh - 30px);
border-radius: 0;
padding: 40px 40px 40px 40px;
text-align: center;
border: unset;
box-sizing: border-box;
overflow-x: hidden;
overflow-y: scroll;
overscroll-behavior-y: contain;
transform: translateX(calc(-1*(100% + 40px)));
transition: 0.3s ease-in;
scrollbar-width: none;
}
@media (max-width: 419px) {
.wgl-theme-header .woocommerce .woo_mini_cart {
    width: calc(100vw - 30px);
    max-height: calc(100vh - 120px);
    padding: 15px;
}
}
.wgl-theme-header .woocommerce .woo_mini_cart .variation {
color: inherit;
border-right: 2px solid rgba(255, 255, 255, 0.5);
}
.wgl-theme-header .woocommerce .woo_mini_cart ul.cart_list {
padding-top: 0;
margin-top: 0;
max-height: 375px;
scrollbar-color: #ffffff #9d9d9d;
scrollbar-width: thin;
}
.wgl-theme-header .woocommerce .woo_mini_cart ul.cart_list::-webkit-scrollbar-track {
background-color: rgba(var(--bili-secondary-rgb), 0.3);
border-color: var(--bili-submenu-background);
}
.wgl-theme-header .woocommerce .woo_mini_cart ul.cart_list::-webkit-scrollbar-thumb {
background-color: var(--bili-header-font-color);
border-color: var(--bili-submenu-background);
}
.wgl-theme-header .woocommerce .woo_mini_cart .mini_cart_title {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-bottom: 44px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 18px;
text-align: right;
}
.wgl-theme-header .woocommerce .woo_mini_cart .mini_cart_title h4 {
font-size: 24px;
}
.wgl-theme-header .woocommerce .woo_mini_cart .close_mini_cart:after {
content: "\f169";
padding-right: 8px;
font-family: "flaticon";
font-size: 13px;
line-height: 0;
color: #c2c2c2;
text-rendering: auto;
box-shadow: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
transition: 0.3s;
}
.wgl-theme-header .woocommerce .woo_mini_cart .blockUI.blockOverlay {
background-color: transparent !important;
}
.wgl-theme-header .woo_icon {
display: flex;
align-items: center;
line-height: 30px;
height: 100%;
letter-spacing: 0;
}
.wgl-theme-header .woo_mini-count {
display: inline-flex;
align-items: center;
position: relative;
font-style: normal;
color: inherit;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
line-height: 20px;
transition: 0.4s;
}
.wgl-theme-header .woo_mini-count:before {
display: inline-block;
font-size: 20px;
line-height: 1em;
letter-spacing: unset;
font-weight: normal;
}
.wgl-theme-header .woo_mini-count span {
display: inline-block;
border-radius: 10px;
font-family: var(--bili-header-font-family);
font-weight: 700;
line-height: 20px;
font-size: 11px;
padding: 0;
color: inherit;
background-color: transparent;
text-align: center;
position: absolute;
bottom: calc(100% - 7px);
right: -8px;
align-self: flex-start;
order: -1;
}

body {
--admin-bar-height: 0.01px;
}

.admin-bar {
--admin-bar-height: 32px;
}
@media all and (max-width: 782px) {
.admin-bar {
    --admin-bar-height: 46px;
}
}
@media all and (max-width: 600px) {
.admin-bar {
    --admin-bar-height: 0.01px;
}
}
.admin-bar .wgl-sticky-header {
top: var(--admin-bar-height);
}
.admin-bar .wgl-theme-header .woo_mini_cart {
margin-top: 0;
}

/* ==================== ##Shop - Catalog ==================== */
.wgl-woocommerce-sorting {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
margin-top: -14px;
}
.wgl-woocommerce-sorting:after {
display: block;
height: 0;
content: "";
clear: both;
}

.wgl-products-catalog,
.wgl-products-related {
clear: both;
}

.wgl-products-catalog {
margin-bottom: 60px;
}

.elementor-widget-wgl-products-grid .wgl-products-catalog {
margin-bottom: 0;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
width: 50%;
margin: 11px 0 0 0;
font-size: 18px;
font-weight: 500;
color: var(--bili-header-font-color);
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
width: 50%;
text-align: left;
float: unset;
margin-bottom: 0;
}
.woocommerce .woocommerce-ordering:only-child,
.woocommerce-page .woocommerce-ordering:only-child {
margin-right: auto;
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
float: left;
display: block;
width: 270px;
max-width: calc(100% - 30px);
outline: none;
-webkit-appearance: none;
appearance: none;
}
.woocommerce .woocommerce-ordering select.orderby,
.woocommerce-page .woocommerce-ordering select.orderby {
max-width: unset;
margin-bottom: 0;
}

.woo_product_post_media {
margin: 0;
}

.wgl-products-catalog.carousel div.wgl-products {
display: block;
margin: 0;
}
.wgl-products-catalog.carousel div.wgl-products div.product {
display: flex;
}

div.wgl-products,
.woocommerce .products div.wgl-products {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
margin: calc(0px - var(--products-gap) / 2);
padding: 0;
}
@keyframes wgl_fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
}
100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}
div.wgl-products.animated_products div.product,
.woocommerce .products div.wgl-products.animated_products div.product {
opacity: 0;
transform: translate3d(0, 20px, 0);
}
div.wgl-products.animated_products div.product.visible_item,
.woocommerce .products div.wgl-products.animated_products div.product.visible_item {
animation-fill-mode: both;
animation-name: wgl_fadeInUp;
animation-duration: 0.3s;
}
div.wgl-products div.product,
.woocommerce .products div.wgl-products div.product {
display: flex;
align-items: center;
flex-flow: column nowrap;
margin: calc(var(--products-gap) / 2);
padding: 0;
border-radius: 0;
background-color: transparent;
}
div.wgl-products div.product .woo_product_image,
.woocommerce .products div.wgl-products div.product .woo_product_image {
display: flex;
justify-content: center;
border: unset;
transition: inherit;
position: relative;
overflow: hidden;
border-radius: 0;
}
div.wgl-products div.product .price,
.woocommerce .products div.wgl-products div.product .price {
font-family: var(--bili-content-font-family);
display: block;
margin-top: 0;
font-size: 18px;
line-height: 30px;
font-weight: 500;
transition: color 0.3s;
}
div.wgl-products div.product .price ins,
.woocommerce .products div.wgl-products div.product .price ins {
font-weight: inherit;
}
div.wgl-products div.product .price del,
.woocommerce .products div.wgl-products div.product .price del {
color: #888888;
opacity: 1;
margin-left: 9px;
transition: 0.3s;
}
div.wgl-products div.product .price .woocommerce-Price-currencySymbol,
.woocommerce .products div.wgl-products div.product .price .woocommerce-Price-currencySymbol {
font-weight: 400;
}
div.wgl-products .woo_product_content,
.woocommerce .products div.wgl-products .woo_product_content {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin: 0;
padding: 24px 0 11px;
text-align: right;
opacity: 1;
transition: 0.3s;
position: relative;
}
div.wgl-products .woocommerce-loop-product__title,
.woocommerce .products div.wgl-products .woocommerce-loop-product__title {
display: block;
position: relative;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 7px;
}
div.wgl-products .woocommerce-loop-product__title > a,
.woocommerce .products div.wgl-products .woocommerce-loop-product__title > a {
display: block;
font-family: inherit;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
color: inherit;
text-transform: inherit;
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
text-decoration-thickness: 0.05em;
text-underline-offset: 0.2em;
}
div.wgl-products .woocommerce-loop-product__title > a:hover,
.woocommerce .products div.wgl-products .woocommerce-loop-product__title > a:hover {
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
}
div.wgl-products .woocommerce-loop-category__title,
.woocommerce .products div.wgl-products .woocommerce-loop-category__title {
font-size: 20px;
line-height: 1.7;
font-weight: 500;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
transition: color 0.4s;
}
div.wgl-products .woocommerce-loop-category__title mark,
.woocommerce .products div.wgl-products .woocommerce-loop-category__title mark {
color: var(--bili-content-color);
opacity: 1;
background-color: unset;
font-weight: 500;
}
div.wgl-products .star-rating,
.woocommerce .products div.wgl-products .star-rating {
float: none;
margin: 0 0 9px;
order: -1;
font-size: 13px;
}
div.wgl-products .star-rating:before,
.woocommerce .products div.wgl-products .star-rating:before {
content: "\f11f\f11f\f11f\f11f\f11f";
font-family: "Flaticon";
color: #434343;
opacity: 1;
}
.woocommerce .star-rating::before {
    right: -5px;
}
.woocommerce .star-rating span {
    right: -3px;
}
.woocommerce .star-rating span::before {
    right: -2px;
}
div.wgl-products .star-rating span:before,
.woocommerce .products div.wgl-products .star-rating span:before {
color: #888888;
opacity: 1;
}
div.wgl-products .wgl-carousel_wrapper,
.woocommerce .products div.wgl-products .wgl-carousel_wrapper {
width: 100%;
}
div.wgl-products .wgl-carousel_wrapper .wgl-carousel,
.woocommerce .products div.wgl-products .wgl-carousel_wrapper .wgl-carousel {
margin: -15px;
padding: 15px;
}
div.wgl-products .wgl-carousel_wrapper .swiper-pagination,
.woocommerce .products div.wgl-products .wgl-carousel_wrapper .swiper-pagination {
margin-right: 50%;
transform: translateX(50%);
margin-top: 47px;
}
div.wgl-products .wgl-carousel_wrapper .swiper-pagination li:only-child,
.woocommerce .products div.wgl-products .wgl-carousel_wrapper .swiper-pagination li:only-child {
display: none;
}
div.wgl-products .wgl-carousel_wrapper div.product.swiper-slide,
.woocommerce .products div.wgl-products .wgl-carousel_wrapper div.product.swiper-slide {
margin: 0;
padding: 0;
}
div.wgl-products div.product .woocommerce-product-rating,
.woocommerce .products div.wgl-products div.product .woocommerce-product-rating {
margin-top: -3px;
margin-bottom: 6px;
}
div.wgl-products div.product .woocommerce-product-rating .star-rating,
.woocommerce .products div.wgl-products div.product .woocommerce-product-rating .star-rating {
font-size: 12px;
width: 6.255em;
letter-spacing: 0.2em;
margin-top: 0;
}
div.wgl-products div.product .woocommerce-product-rating .woocommerce-review-link,
.woocommerce .products div.wgl-products div.product .woocommerce-product-rating .woocommerce-review-link {
font-size: 14px;
color: var(--bili-content-color);
text-decoration: underline;
text-underline-offset: 1px;
}
div.wgl-products div.product .woocommerce-product-rating .woocommerce-review-link:hover,
.woocommerce .products div.wgl-products div.product .woocommerce-product-rating .woocommerce-review-link:hover {
color: var(--bili-primary-color);
}

.woocommerce .star-rating {
width: 6.895em;
margin-top: 0;
font-size: 12px;
line-height: 1;
letter-spacing: 0.375em;
float: unset;
}
.woocommerce .star-rating:before,
.woocommerce .star-rating span:before {
content: "\f11f\f11f\f11f\f11f\f11f";
font-family: "Flaticon";
color: #434343;
opacity: 1;
}
.woocommerce .star-rating span:before,
.woocommerce .star-rating span span:before {
color: #888888;
opacity: 1;
}
.woocommerce .woocommerce-product-rating .star-rating {
width: 6.595em;
font-size: 16px;
margin-top: -4px;
margin-left: 13px;
margin-right: 0;
letter-spacing: 0.375em;
}

.columns-6 div.wgl-products {
--products-width: 16.66666%;
}

.columns-5 div.wgl-products {
--products-width: 20%;
}

.columns-4 div.wgl-products {
--products-width: 25%;
}

.columns-3 div.wgl-products {
--products-width: 33.333%;
}

.columns-2 div.wgl-products {
--products-width: 50%;
}

.columns-1 div.wgl-products {
--products-width: 100%;
--products-gap: 20px;
}

@media all and (max-width: 1599px) {
body[data-elementor-device-mode=desktop] .columns-6 div.wgl-products,
body[data-elementor-device-mode=desktop] .columns-5 div.wgl-products {
    --products-width: 25% !important;
}
}
body[data-elementor-device-mode=tablet] .columns-tablet-6 div.wgl-products {
--products-width: 16.66666%;
}
body[data-elementor-device-mode=tablet] .columns-tablet-5 div.wgl-products {
--products-width: 20%;
}
body[data-elementor-device-mode=tablet] .columns-tablet-4 div.wgl-products {
--products-width: 25%;
}
body[data-elementor-device-mode=tablet] .columns-tablet-3 div.wgl-products {
--products-width: 33.333%;
}
body[data-elementor-device-mode=tablet] .columns-tablet-2 div.wgl-products {
--products-width: 50%;
}
body[data-elementor-device-mode=tablet] .columns-tablet-1 div.wgl-products {
--products-width: 100%;
--products-gap: 20px;
}

body[data-elementor-device-mode=mobile] .columns-mobile-6 div.wgl-products {
--products-width: 16.66666%;
}
body[data-elementor-device-mode=mobile] .columns-mobile-5 div.wgl-products {
--products-width: 20%;
}
body[data-elementor-device-mode=mobile] .columns-mobile-4 div.wgl-products {
--products-width: 25%;
}
body[data-elementor-device-mode=mobile] .columns-mobile-3 div.wgl-products {
--products-width: 33.333%;
}
body[data-elementor-device-mode=mobile] .columns-mobile-2 div.wgl-products {
--products-width: 50%;
}
body[data-elementor-device-mode=mobile] .columns-mobile-1 div.wgl-products {
--products-width: 100%;
--products-gap: 20px;
}

div.wgl-products {
--products-gap: 30px;
}
div.wgl-products div.product {
width: calc(var(--products-width) - var(--products-gap));
}
@media all and (max-width: 599px) {
div.wgl-products {
    --products-gap: 20px;
}
}

div.wgl-products div.product {
transition: box-shadow 0.4s;
}
div.wgl-products div.product:before, div.wgl-products div.product:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
z-index: 2;
transition: opacity 0.4s;
border-radius: inherit;
}
div.wgl-products div.product:before {
opacity: 1;
}
div.wgl-products div.product .picture {
position: relative;
padding: 0;
text-align: center;
box-shadow: 0 0 0 0 transparent;
transition: box-shadow 0.3s;
}
div.wgl-products div.product .picture .woo_post-link {
display: block;
position: relative;
font-size: 0;
line-height: 0;
opacity: 1;
transition: opacity 0.3s;
}
div.wgl-products div.product .picture img {
border-radius: 0;
}
div.wgl-products div.product .picture img.attachment-shop_catalog {
display: none;
position: absolute;
top: 0;
right: 0;
left: auto;
pointer-events: none;
opacity: 0;
transition: opacity 0.7s;
}
div.wgl-products div.product .picture:after {
display: block;
content: "";
background: var(--bili-shop-products-overlay);
opacity: 0;
transition: all 0.4s;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
div.wgl-products div.product.added_to_cart_item:before, div.wgl-products div.product:hover:before {
opacity: 0;
}
div.wgl-products div.product.added_to_cart_item:after, div.wgl-products div.product:hover:after {
opacity: 1;
}
div.wgl-products div.product.added_to_cart_item .picture img.attachment-shop_catalog, div.wgl-products div.product:hover .picture img.attachment-shop_catalog {
opacity: 1;
pointer-events: inherit;
transform: translateZ(0) translateY(0) !important;
}
div.wgl-products div.product.added_to_cart_item .picture:before, div.wgl-products div.product:hover .picture:before {
opacity: 0;
}
div.wgl-products div.product.added_to_cart_item .picture:after, div.wgl-products div.product:hover .picture:after {
opacity: 1;
}
div.wgl-products div.product .wgl_woo_button_wrapper {
position: absolute;
top: 10px;
left: 10px;
bottom: 10px;
right: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
pointer-events: none;
z-index: 1;
}
div.wgl-products div.product a.button,
div.wgl-products div.product a.wc-forward {
pointer-events: auto;
display: flex;
align-items: flex-start;
justify-content: center;
color: var(--bili-button-color-hover);
background: var(--bili-button-bg-hover);
margin: 0;
border-radius: 28px;
border: unset;
padding: 16px 30px;
text-align: center;
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.1em;
width: 230px;
min-width: -moz-fit-content;
min-width: fit-content;
max-width: 100%;
z-index: 2;
transition: 0.3s ease-in-out;
text-transform: uppercase;
-webkit-appearance: none;
}
div.wgl-products div.product a.button:hover, div.wgl-products div.product a.button:focus, div.wgl-products div.product a.button:active,
div.wgl-products div.product a.wc-forward:hover,
div.wgl-products div.product a.wc-forward:focus,
div.wgl-products div.product a.wc-forward:active {
color: var(--bili-button-color-idle);
background: var(--bili-button-bg-idle);
}
div.wgl-products div.product a.button {
opacity: 0;
}
div.wgl-products div.product a.button:before {
display: none;
content: "\f10b";
font-family: "Flaticon";
font-size: 16px;
min-width: 1em;
margin-left: 10px;
font-weight: 300;
color: inherit;
overflow: hidden;
opacity: 1;
transition: all 0.3s 0.3s, color 0s, opacity 0.3s, margin 0.3s;
}
div.wgl-products div.product a.button:after {
content: "";
position: static;
font-size: 19px;
background-image: var(--bili-button-loading);
background-size: 1em;
background-position: center;
background-repeat: no-repeat;
width: 0;
height: 1em;
transition: all 0.3s, opacity 0.3s 0.3s, background-size 0s;
order: 1;
opacity: 0;
animation: fa-spin 2s infinite linear;
}
div.wgl-products div.product a.button.product_type_grouped::before, div.wgl-products div.product a.button.product_type_variable::before, div.wgl-products div.product a.button.product_type_external::before {
font-family: "Font Awesome 5 Free";
font-size: 16px;
min-width: 1.2em;
font-weight: 900;
}
div.wgl-products div.product a.button.product_type_grouped::before {
content: "\f5fd";
}
div.wgl-products div.product a.button.product_type_variable::before {
content: "\f0ca";
}
div.wgl-products div.product a.button.product_type_external::before {
content: "\f35d";
}
div.wgl-products div.product a.wc-forward {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
height: -moz-fit-content;
height: fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
visibility: hidden;
transform: translateY(-50%);
}
div.wgl-products div.product:hover a.button,
div.wgl-products div.product a.button.loading {
opacity: 1;
visibility: visible;
}
div.wgl-products div.product a.button.loading:before {
width: 0;
margin: 0;
opacity: 0;
}
div.wgl-products div.product a.button.loading:after {
width: 1em;
opacity: 1;
margin: 3px 10px 0 0;
}
div.wgl-products div.product a.button.added {
opacity: 0;
transform: scale(1.15);
filter: blur(5px);
transition: 0.5s 1.5s;
}
div.wgl-products div.product a.button.added:before {
width: 0;
margin: 0;
opacity: 0;
}
div.wgl-products div.product a.button.added:after {
font-size: 22px;
background-size: 1em;
width: 1em;
opacity: 0;
margin: 0 7px 0 0;
animation: wc_fade_out_in 0.6s forwards;
}
div.wgl-products div.product a.button.added + .added_to_cart {
animation: wc_fade_in 0.6s 2s both;
}
@keyframes fa-spin {
0% {
    transform: rotate(0turn);
}
100% {
    transform: rotate(-1turn);
}
}
@keyframes wc_slide_right {
0% {
    opacity: 0;
    transform: translateY(0);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes wc_fade_out {
0% {
    opacity: 1;
    transform: translateY(0);
}
100% {
    z-index: -1;
    opacity: 0;
    transform: translateY(15px);
}
}
@keyframes wc_fade_in {
0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%);
}
100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
}
@keyframes wc_fade_out_in {
0% {
    opacity: 0;
    background-image: var(--bili-button-loading);
}
20% {
    opacity: 0;
    background-image: var(--bili-button-success);
}
100% {
    opacity: 1;
    background-image: var(--bili-button-success);
}
}

.woocommerce span.onsale {
top: 0;
left: auto;
bottom: auto;
right: 0;
min-width: 50px;
min-height: auto;
width: auto;
height: auto;
border-radius: 0;
padding: 7px 12px 6px;
font-family: var(--bili-content-font-family);
font-size: 14px;
line-height: 17px;
font-weight: 700;
letter-spacing: 0.1em;
color: var(--bili-header-font-color);
background-color: #232323;
text-transform: uppercase;
z-index: 1;
}
.woocommerce .products .star-rating {
margin: 5px auto 10px;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
border: unset;
border-radius: 28px;
font-size: 14px;
font-weight: 700;
padding: 13px 39px;
line-height: 30px;
height: auto;
letter-spacing: 0.1em;
color: var(--bili-button-color-idle);
background-color: rgba(var(--bili-button-color-rgb-idle), 0.1);
text-transform: uppercase;
transition: 0.3s ease-in-out;
}
.woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:active,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:active {
color: var(--bili-button-color-hover);
background-color: var(--bili-button-bg-idle);
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
padding: 13px 39px;
margin-bottom: 15px;
min-width: 150px;
color: var(--bili-button-color-idle);
background-color: rgba(var(--bili-button-color-rgb-idle), 0.1);
}
.woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active {
color: var(--bili-button-color-hover);
background-color: var(--bili-button-bg-idle);
}
.woocommerce .woocommerce-error .button.woocommerce-Button,
.woocommerce .woocommerce-info .button.woocommerce-Button,
.woocommerce .woocommerce-message .button.woocommerce-Button,
.woocommerce .woocommerce-button.button.woocommerce-form-register__submit,
.woocommerce .woocommerce-button.button.woocommerce-form-login__submit,
.woocommerce .woocommerce-ResetPassword .woocommerce-Button.button,
.woocommerce table.my_account_orders .button,
.woocommerce .return-to-shop a.button {
min-width: unset;
padding: 13px 30px;
margin-bottom: 15px;
color: var(--bili-button-color-idle);
background-color: rgba(var(--bili-button-color-rgb-idle), 0.1);
text-transform: uppercase;
overflow: hidden;
z-index: 1;
transition: 0.3s ease-in-out;
}
.woocommerce .woocommerce-error .button.woocommerce-Button:hover, .woocommerce .woocommerce-error .button.woocommerce-Button:focus, .woocommerce .woocommerce-error .button.woocommerce-Button:active,
.woocommerce .woocommerce-info .button.woocommerce-Button:hover,
.woocommerce .woocommerce-info .button.woocommerce-Button:focus,
.woocommerce .woocommerce-info .button.woocommerce-Button:active,
.woocommerce .woocommerce-message .button.woocommerce-Button:hover,
.woocommerce .woocommerce-message .button.woocommerce-Button:focus,
.woocommerce .woocommerce-message .button.woocommerce-Button:active,
.woocommerce .woocommerce-button.button.woocommerce-form-register__submit:hover,
.woocommerce .woocommerce-button.button.woocommerce-form-register__submit:focus,
.woocommerce .woocommerce-button.button.woocommerce-form-register__submit:active,
.woocommerce .woocommerce-button.button.woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-button.button.woocommerce-form-login__submit:focus,
.woocommerce .woocommerce-button.button.woocommerce-form-login__submit:active,
.woocommerce .woocommerce-ResetPassword .woocommerce-Button.button:hover,
.woocommerce .woocommerce-ResetPassword .woocommerce-Button.button:focus,
.woocommerce .woocommerce-ResetPassword .woocommerce-Button.button:active,
.woocommerce table.my_account_orders .button:hover,
.woocommerce table.my_account_orders .button:focus,
.woocommerce table.my_account_orders .button:active,
.woocommerce .return-to-shop a.button:hover,
.woocommerce .return-to-shop a.button:focus,
.woocommerce .return-to-shop a.button:active {
color: var(--bili-button-color-hover);
background-color: var(--bili-button-bg-idle);
}
.woocommerce #respond input#submit {
padding: 8px 33px;
border: none;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
padding: 13px 39px;
opacity: 1 !important;
color: rgba(var(--bili-button-color-rgb-idle), 0.5);
background-color: rgba(var(--bili-button-color-rgb-idle), 0.1);
box-shadow: unset !important;
border: unset !important;
border-radius: 28px !important;
}
.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit.disabled:focus, .woocommerce #respond input#submit.disabled:active, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled:focus, .woocommerce #respond input#submit:disabled:active, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce #respond input#submit:disabled[disabled]:focus, .woocommerce #respond input#submit:disabled[disabled]:active,
.woocommerce a.button.disabled:hover,
.woocommerce a.button.disabled:focus,
.woocommerce a.button.disabled:active,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled:focus,
.woocommerce a.button:disabled:active,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce a.button:disabled[disabled]:focus,
.woocommerce a.button:disabled[disabled]:active,
.woocommerce button.button.disabled:hover,
.woocommerce button.button.disabled:focus,
.woocommerce button.button.disabled:active,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled:focus,
.woocommerce button.button:disabled:active,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce button.button:disabled[disabled]:focus,
.woocommerce button.button:disabled[disabled]:active,
.woocommerce input.button.disabled:hover,
.woocommerce input.button.disabled:focus,
.woocommerce input.button.disabled:active,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled:focus,
.woocommerce input.button:disabled:active,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce input.button:disabled[disabled]:focus,
.woocommerce input.button:disabled[disabled]:active {
color: rgba(var(--bili-button-color-rgb-idle), 0.5);
background-color: rgba(var(--bili-button-color-rgb-idle), 0.1);
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled[disabled] {
color: rgba(var(--bili-button-color-rgb-idle), 0.5);
background-color: rgba(var(--bili-button-color-rgb-idle), 0.1);
}
.woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt.disabled:focus, .woocommerce #respond input#submit.alt.disabled:active, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled:focus, .woocommerce #respond input#submit.alt:disabled:active, .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce #respond input#submit.alt:disabled[disabled]:focus, .woocommerce #respond input#submit.alt:disabled[disabled]:active,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt.disabled:focus,
.woocommerce a.button.alt.disabled:active,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled:focus,
.woocommerce a.button.alt:disabled:active,
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce a.button.alt:disabled[disabled]:focus,
.woocommerce a.button.alt:disabled[disabled]:active,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt.disabled:focus,
.woocommerce button.button.alt.disabled:active,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled:focus,
.woocommerce button.button.alt:disabled:active,
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt:disabled[disabled]:focus,
.woocommerce button.button.alt:disabled[disabled]:active,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt.disabled:focus,
.woocommerce input.button.alt.disabled:active,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled:focus,
.woocommerce input.button.alt:disabled:active,
.woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt:disabled[disabled]:focus,
.woocommerce input.button.alt:disabled[disabled]:active {
color: rgba(var(--bili-button-color-rgb-idle), 0.5);
background-color: rgba(var(--bili-button-color-rgb-idle), 0.1);
}

.wgl-products.appear-animation.anim-fade-in .product {
transition: opacity 0.9s ease, box-shadow 0.4s;
}
.wgl-products.appear-animation.anim-slide-top .product {
transform: translateY(50px);
transition: all 0.5s ease-in-out;
}
.wgl-products.appear-animation.anim-slide-bottom .product {
transform: translateY(-50px);
transition: all 0.5s ease-in-out;
}
.wgl-products.appear-animation.anim-slide-left .product {
transform: translateX(-50px);
transition: all 0.5s ease-in-out;
}
.wgl-products.appear-animation.anim-slide-right .product {
transform: translateX(50px);
transition: all 0.5s ease-in-out;
}
.wgl-products.appear-animation.anim-zoom .product {
transform: scale(0.5);
transition: all 0.5s ease-in-out;
}
.wgl-products.appear-animation .product {
opacity: 0;
}
.wgl-products.appear-animation .animate .product,
.wgl-products.appear-animation .product.animate {
opacity: 1;
transform: unset;
}

/* ==================== ##Shop - Single ==================== */
.woocommerce .summary .product_meta {
position: relative;
border-top: unset;
padding: 1px 0 30px;
}
.woocommerce .summary .product_meta > span {
display: block;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 30px;
}
.woocommerce .summary .product_meta > span:not(:last-child) {
margin-bottom: 16px;
}
.woocommerce .summary .product_meta > span span.title,
.woocommerce .summary .product_meta > span a.title {
font-family: var(--bili-content-font-family);
font-size: 16px;
font-weight: 700;
margin-left: 17px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.woocommerce .summary .product_meta > span span.title ~ span:first-child,
.woocommerce .summary .product_meta > span a.title ~ span:first-child {
margin-right: 5px;
}
.woocommerce .summary .product_meta > span a {
color: #C4C4C4;
}
.woocommerce .summary .product_meta > span a:hover {
color: var(--bili-primary-color);
}
.woocommerce .summary .woocommerce-product-details__short-description {
font-size: 16px;
}
.woocommerce .summary .woocommerce-product-details__short-description ul {
color: var(--bili-header-font-color);
margin-top: 15px;
line-height: 1.875em;
}
.woocommerce .summary .woocommerce-product-details__short-description ul:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.woocommerce .summary .woocommerce-product-details__short-description ul li {
--bili-list-padding: calc(1em + 14px);
}
.woocommerce .summary .woocommerce-product-details__short-description p:last-child {
margin-bottom: 0;
}
.woocommerce .summary .product_additional_information {
width: 100%;
margin-top: 26px;
margin-bottom: 0;
border-top: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
padding: 32px 0 8px;
}
.woocommerce .summary .product_additional_information + .product_meta {
border: unset;
padding-top: 0;
margin-top: 0;
}
.woocommerce .summary table.shop_attributes {
border: unset;
width: 100%;
font-size: 16px;
font-weight: 400;
margin: 0;
}
.woocommerce .summary table.shop_attributes tr {
display: block;
}
.woocommerce .summary table.shop_attributes tr:not(:last-child) {
margin-bottom: 8px;
}
.woocommerce .summary table.shop_attributes th {
padding: 0 0 0 4px;
width: auto;
border: unset;
font-weight: 500;
display: inline-block;
color: var(--bili-header-font-color);
background: transparent !important;
}
.woocommerce .summary table.shop_attributes th:after {
content: ":";
}
.woocommerce .summary table.shop_attributes td {
display: inline-block;
width: auto;
border: unset;
font-style: normal;
font-weight: 400;
background: transparent !important;
}
.woocommerce .summary table.shop_attributes td p {
padding: 0;
}

.woocommerce.single-product div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 12px;
left: 12px;
height: 50px;
width: 50px;
line-height: 50px;
color: var(--bili-tertiary-color);
background-color: transparent;
text-align: center;
border-radius: 0;
text-decoration: none;
box-shadow: unset;
transition: 0.3s;
}
.woocommerce.single-product div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
content: "\f103";
font-family: "Flaticon";
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 1em;
height: 1em;
line-height: 1em;
border: unset;
font-size: 18px;
font-weight: 400;
text-indent: 0;
margin: auto;
}
.woocommerce.single-product div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__trigger:after {
display: none;
}
.woocommerce.single-product div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
color: var(--bili-primary-color);
background-color: transparent;
}
.woocommerce.single-product div.product div.images.woocommerce-product-gallery .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper {
border-radius: 0;
}

.product .flex-control-nav li {
margin-right: 0;
padding: 0;
}
.product .flex-control-nav li img {
margin: 0 auto;
}

.woocommerce div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce-page #content div.product div.images {
float: right;
width: 48%;
max-width: 540px;
margin-bottom: 40px;
}
.woocommerce div.product div.summary,
.woocommerce #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce-page #content div.product div.summary {
float: left;
width: 49%;
max-width: 570px;
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.woocommerce div.product div.images,
.woocommerce #content div.product div.images,
.woocommerce-page div.product div.images,
.woocommerce-page #content div.product div.images {
    width: 100%;
    max-width: unset;
}
.woocommerce div.product div.summary,
.woocommerce #content div.product div.summary,
.woocommerce-page div.product div.summary,
.woocommerce-page #content div.product div.summary {
    width: 100%;
    clear: both;
    max-width: unset;
}
}

.woocommerce div.product {
margin-bottom: 60px;
}
.woocommerce div.product .woocommerce-product-rating {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.woocommerce div.product .summary .woocommerce-product-rating {
margin-bottom: 0;
padding-top: 0;
}
.woocommerce div.product div.images.woocommerce-product-gallery figure {
overflow: hidden;
border-radius: 0;
}
.woocommerce div.product div.images.woocommerce-product-gallery figure a {
pointer-events: none;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport {
border-radius: 0;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport:after {
display: block;
content: "";
background: var(--bili-shop-products-overlay);
opacity: 1;
transition: all 0.4s;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
grid-gap: 10px;
margin-top: 10px;
overflow: visible !important;
pointer-events: none;
}
@media (min-width: 768px) {
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs {
    grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
    grid-gap: 20px;
    margin-top: 20px;
}
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li {
margin: 0;
padding: 0;
list-style: none;
float: right;
cursor: pointer;
width: 100%;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li:after {
display: block;
content: "";
background: var(--bili-shop-products-overlay);
opacity: 1;
transition: all 0.4s;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li,
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li img {
border-radius: 0;
position: relative;
transition: 0.3s;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li img {
opacity: 0.5;
box-shadow: none;
pointer-events: auto;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li img:hover, .woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li:before {
display: none;
}
.woocommerce div.product div.images.woocommerce-product-gallery .flex-control-thumbs li:last-child {
margin-left: 0;
}
.woocommerce div.product div.images.woocommerce-product-gallery__trigger {
position: absolute;
z-index: 99;
top: 1em;
left: 1em;
}
.woocommerce div.product .product_title {
margin-top: -0.18em;
margin-bottom: 5px;
font-size: 42px;
line-height: 1.143em;
}
@media all and (max-width: 380px) {
.woocommerce div.product .product_title {
    font-size: 30px;
}
}
.woocommerce div.product .summary p.price,
.woocommerce div.product .summary span.price {
font-family: var(--bili-content-font-family);
margin-top: 1px;
margin-bottom: 18px;
font-size: 28px;
font-weight: 500;
line-height: 1.71em;
color: var(--bili-primary-color);
}
.woocommerce div.product .summary p.price .woocommerce-Price-currencySymbol,
.woocommerce div.product .summary span.price .woocommerce-Price-currencySymbol {
padding-left: 0;
}
.woocommerce div.product .summary p.price ins,
.woocommerce div.product .summary span.price ins {
font-weight: inherit;
}
.woocommerce div.product .summary p.price del,
.woocommerce div.product .summary span.price del {
opacity: 1;
}
.woocommerce div.product .summary .woocommerce-product-rating {
margin-top: -5px;
margin-bottom: 13px;
padding-top: 0;
order: -1;
}
.woocommerce div.product .summary .woocommerce-product-rating .woocommerce-review-link {
font-size: 16px;
color: #D0D0D0;
}
.woocommerce div.product .summary .woocommerce-product-rating .woocommerce-review-link:hover {
color: var(--bili-header-font-color);
}
.woocommerce div.product p.stock {
margin-bottom: 30px;
}
.woocommerce div.product form.cart {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
margin-top: 40px;
margin-bottom: 22px;
border-top: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
padding-top: 50px;
}
.woocommerce div.product form.cart.variations_form {
display: block;
}
.woocommerce div.product form.cart.grouped_form .group_table {
margin-top: -15px;
margin-bottom: 30px;
}
.woocommerce div.product form.cart.grouped_form div.quantity .quantity_title {
display: none;
}
.woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__label {
text-align: right;
}
.woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__label a {
color: var(--bili-header-font-color);
}
.woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__label a:hover {
color: var(--bili-primary-color);
}
.woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__price {
display: flex;
height: 40px;
align-items: center;
box-sizing: content-box;
color: var(--bili-primary-color);
font-size: 18px;
font-weight: 500;
line-height: 1.2;
padding-left: 0;
}
.woocommerce div.product form.cart.grouped_form .woocommerce-grouped-product-list-item__price del {
margin-left: 1em;
}
.woocommerce div.product form.cart.grouped_form tr {
border: 0;
}
.woocommerce div.product form.cart.grouped_form td {
vertical-align: middle;
padding: 0 0 20px 0;
}
.woocommerce div.product form.cart.grouped_form td:first-child {
width: 82px;
}
.woocommerce div.product form.cart.grouped_form td.woocommerce-grouped-product-list-item__quantity {
padding-left: 10px;
}
.woocommerce div.product form.cart.grouped_form td label {
font-family: var(--bili-header-font-family);
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
}
@media all and (max-width: 1200px) {
.woocommerce div.product form.cart.grouped_form div.quantity .quantity_title {
    display: none;
}
.woocommerce div.product form.cart.grouped_form td.woocommerce-grouped-product-list-item__quantity {
    padding-left: 0;
}
}
@media all and (max-width: 768px) {
.woocommerce div.product form.cart.grouped_form {
    padding-top: 30px;
}
.woocommerce div.product form.cart.grouped_form tr {
    display: flex;
    flex-wrap: wrap;
}
.woocommerce div.product form.cart.grouped_form td.woocommerce-grouped-product-list-item__label {
    width: 100%;
    order: -1;
    padding: 15px 0 5px;
}
.woocommerce div.product form.cart.grouped_form td.woocommerce-grouped-product-list-item__price {
    padding-right: 20px;
}
}
.woocommerce div.product form.cart .button {
flex: 1;
margin-bottom: 20px;
min-width: -moz-fit-content;
min-width: fit-content;
max-width: 100%;
}
.woocommerce div.product form.cart .button::before {
display: none;
content: "\f101";
font-size: 21px;
font-family: "Flaticon";
vertical-align: middle;
transform: translateY(-2px);
line-height: 21px;
height: 21px;
margin: 0 12px 0 0;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 30px;
margin-top: -11px;
position: relative;
}
.woocommerce div.product form.cart .woocommerce-variation-description {
margin-bottom: 23px;
}
.woocommerce div.product form.cart .woocommerce-variation-description p:last-child {
margin-bottom: 0;
}
.woocommerce div.product form.cart .woocommerce-variation-price span.price {
margin-bottom: 27px;
}

.woocommerce del {
color: #888888;
opacity: 1;
margin-left: 0.1em;
}
.woocommerce del .woocommerce-Price-amount {
color: inherit;
}
.woocommerce ins {
text-decoration: none;
}

.related.products,
.upsells.products {
clear: both;
margin-top: 45px;
}
.related.products:not(:last-child),
.upsells.products:not(:last-child) {
margin-bottom: 53px;
}
.related.products > h4,
.upsells.products > h4 {
position: relative;
z-index: 1;
margin-bottom: 26px;
font-size: 30px;
line-height: 50px;
text-align: right;
}
.related.products div.wgl-products,
.upsells.products div.wgl-products {
margin: 0 !important;
}

/* ==================== ##PhotoSwipe ==================== */
body .pswp .pswp__scroll-wrap .pswp__button--arrow--left:before,
body .pswp .pswp__scroll-wrap .pswp__button--arrow--right:before {
background-color: unset;
}

/* ==================== ##Shop - Cart ==================== */
.widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
text-align: right;
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
overflow: hidden;
padding: 0;
}
.woocommerce ul.cart_list li:not(:last-child),
.woocommerce ul.product_list_widget li:not(:last-child) {
margin-bottom: 30px;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
display: inline-block;
font-size: 18px;
line-height: 1.3;
margin-bottom: 4px;
font-family: var(--bili-header-font-family);
font-weight: 700;
color: var(--bili-header-font-color);
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
text-decoration-thickness: 0.05em;
text-underline-offset: 0.2em;
transition: 0.3s ease-in-out;
}
.woocommerce ul.cart_list li a:hover,
.woocommerce ul.product_list_widget li a:hover {
color: var(--bili-header-font-color);
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
}
.woocommerce ul.cart_list li a:hover:after,
.woocommerce ul.product_list_widget li a:hover:after {
opacity: 1;
}
.woocommerce ul.cart_list li a ~ .price,
.woocommerce ul.product_list_widget li a ~ .price {
margin-top: 4px;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: right;
width: 70px;
min-width: 70px;
margin: 0;
border: unset;
border-radius: unset;
transition: inherit;
}
.woocommerce .wgl_mini-cart_flex {
display: flex;
align-items: center;
}
.woocommerce .wgl_mini-cart_flex .wgl_mini-cart_image {
width: 70px;
min-width: 70px;
margin: 0 0 0 20px;
transition: 0.4s;
box-shadow: unset;
border-radius: 0;
align-self: flex-start;
position: relative;
font-size: 0;
line-height: 0;
}
.woocommerce .wgl_mini-cart_flex .wgl_mini-cart_image a {
margin: 0;
}
.woocommerce .wgl_mini-cart_flex .wgl_mini-cart_image a:after {
display: block;
content: "";
background: var(--bili-shop-products-overlay);
opacity: 0;
transition: all 0.4s;
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.woocommerce .wgl_mini-cart_flex .wgl_mini-cart_image:hover a:after {
opacity: 1;
}
.woocommerce .wgl_mini-cart_flex .wgl_mini-cart_image:hover ~ .wgl_mini-cart_contents a {
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
color: var(--bili-header-font-color);
}
.woocommerce .wgl_mini-cart_flex .wgl_mini-cart_contents {
margin-top: -3px;
transition: opacity 0.3s;
}
.woocommerce .wgl_mini-cart_flex p.price {
font-family: var(--bili-content-font-family);
margin: 0;
line-height: 1;
font-size: 16px;
font-weight: 500;
}
.woocommerce ul.cart_list li.wgl_mini-cart_flex {
padding-right: 0;
}
.woocommerce ul.cart_list li.wgl_mini-cart_flex .wgl_mini-cart_contents {
position: relative;
margin: -4px 0 0px;
padding-left: 17px;
width: 100%;
}

.woocommerce .woo_mini_cart::-webkit-scrollbar {
display: none;
}
.woocommerce .woo_mini_cart ul.cart_list {
padding: 10px 0 0 0;
margin: -10px 0 auto 0;
max-height: 380px;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: var(--bili-header-font-color) rgba(var(--bili-secondary-rgb), 0.3);
scrollbar-width: thin;
}
.woocommerce .woo_mini_cart ul.cart_list::-webkit-scrollbar {
width: 20px;
}
.woocommerce .woo_mini_cart ul.cart_list::-webkit-scrollbar-track {
background-color: rgba(var(--bili-button-color-rgb-idle), 0.3);
}
.woocommerce .woo_mini_cart ul.cart_list::-webkit-scrollbar-thumb {
background-color: var(--bili-header-font-color);
}
@-moz-document url-prefix() {
.woocommerce .woo_mini_cart ul.cart_list {
    padding: 10px 0 0 10px;
    margin: -10px 0 auto -10px;
}
}
.woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item a {
display: block;
}
.woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item a.remove {
position: absolute;
z-index: 2;
top: 6px;
bottom: auto;
right: auto;
left: 0;
font-size: 12px;
height: 1em;
width: 1em;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
background: unset !important;
}
.woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item a.remove:before {
content: "\f11a";
font-family: "Flaticon";
position: static;
padding: 0;
font-size: inherit;
line-height: 1em;
box-shadow: none;
}
.woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item a.remove:hover ~ a, .woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item a.remove:hover ~ dl, .woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item a.remove:hover ~ span {
opacity: 0.5;
}
.woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item .quantity {
display: block;
margin-top: 10px;
color: #888888;
transition: opacity 0.4s;
}
.woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item .quantity,
.woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item .quantity .amount {
font-size: 16px;
line-height: 1;
margin-top: 8px;
font-weight: 500;
}
.woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item .quantity .woocommerce-Price-currencySymbol {
display: inline-block;
}
.woocommerce .woo_mini_cart .total {
display: flex;
justify-content: flex-start;
align-items: baseline;
flex-wrap: wrap;
margin-top: 25px;
margin-bottom: 18px;
line-height: 30px;
border: unset;
padding: 0;
text-align: right;
}
.woocommerce .woo_mini_cart .total > span {
font-size: 20px;
font-weight: 500;
}
.woocommerce .woo_mini_cart .total strong {
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
}
.woocommerce .woo_mini_cart .total .woocommerce-Price-amount {
padding-right: 7px;
font-family: var(--bili-content-font-family);
}
.woocommerce .woo_mini_cart .total .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
padding-left: 0;
font-weight: 500;
}
.woocommerce .woo_mini_cart .buttons {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 -5px -10px;
padding-bottom: 4px;
}
.woocommerce .woo_mini_cart .buttons .button {
width: 100%;
min-width: calc(50% - 10px);
flex-grow: 1;
margin: 0 5px 10px;
font-family: var(--bili-content-font-family);
font-size: 14px;
font-weight: 700;
padding: 16px 20px;
line-height: 24px;
text-align: center;
white-space: nowrap;
letter-spacing: 0.1em;
border: unset;
transition: 0.4s;
}
.woocommerce .woo_mini_cart .buttons .button:not(.checkout) {
background-color: var(--bili-button-bg-idle);
color: var(--bili-button-color-idle);
}
.woocommerce .woo_mini_cart .buttons .button:not(.checkout):hover, .woocommerce .woo_mini_cart .buttons .button:not(.checkout):focus, .woocommerce .woo_mini_cart .buttons .button:not(.checkout):active {
background-color: rgba(var(--bili-button-color-rgb-idle), 0.1);
color: var(--bili-button-color-hover);
}
.woocommerce .woo_mini_cart .buttons .button.checkout {
background-color: rgba(var(--bili-button-color-rgb-idle), 0.1);
color: var(--bili-button-color-hover);
}
.woocommerce .woo_mini_cart .buttons .button.checkout:hover, .woocommerce .woo_mini_cart .buttons .button.checkout:focus, .woocommerce .woo_mini_cart .buttons .button.checkout:active {
background-color: var(--bili-button-bg-idle);
color: var(--bili-button-color-idle);
}
.woocommerce .woo_mini_cart .buttons:before, .woocommerce .woo_mini_cart .buttons:after {
display: none !important;
}

.woocommerce div.product form.cart .variations tr {
border: 0;
border-bottom: 10px solid transparent;
}
.woocommerce div.product form.cart .variations td.label {
padding: 0;
width: 100px;
line-height: 24px;
vertical-align: middle;
}
.woocommerce div.product form.cart .variations td.label label {
font-weight: 700;
color: var(--bili-header-font-color);
font-size: 14px;
line-height: 24px;
letter-spacing: 0.1em;
margin: 0 0 0 23px;
text-transform: uppercase;
}
.woocommerce div.product form.cart .variations td.label label::after {
content: ":";
}
.woocommerce div.product form.cart .variations td.value {
max-width: 270px;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
line-height: 1;
padding: 0;
vertical-align: unset;
}
.woocommerce div.product form.cart .variations select {
min-width: auto;
display: inline-block;
margin-left: 0;
margin-bottom: 0;
cursor: pointer;
width: 100%;
}
.woocommerce div.product form.cart .reset_variations {
position: absolute;
top: 100%;
left: 0;
font-size: 12px;
line-height: 24px;
}
.woocommerce div.product form.cart .single_variation {
margin-top: 21px;
margin-bottom: 21px;
}

.woocommerce div.product form.cart .quantity {
display: inline-block;
position: relative;
background: transparent;
}
.woocommerce div.product form.cart .quantity label.label-qty {
display: none;
}
.woocommerce div.product form.cart .quantity .quantity-wrapper {
display: flex;
align-items: center;
position: relative;
padding: 0;
height: 44px;
line-height: 0;
border-radius: 0;
border-bottom: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
}
.woocommerce div.product form.cart .quantity .quantity-wrapper .qty {
display: inline-block;
color: var(--bili-header-font-color);
font-family: var(--bili-content-font-family);
height: 44px;
width: 32px;
border: 0;
padding: 0;
margin: 0;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.1em;
vertical-align: middle;
background: transparent;
box-shadow: unset !important;
}
.woocommerce div.product form.cart .quantity .quantity-wrapper .qty::placeholder {
color: var(--bili-header-font-color);
font-size: 16px;
font-weight: 500;
}
.woocommerce div.product form.cart .quantity .quantity-wrapper span {
cursor: pointer;
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
width: 34px;
height: 100%;
opacity: 1;
transform: translateY(0);
padding-left: 0;
background-color: transparent;
border-radius: 0;
}
@media all and (max-width: 768px) {
.woocommerce div.product form.cart .quantity .quantity-wrapper span {
    width: 25px;
}
}
.woocommerce div.product form.cart .quantity .quantity-wrapper span::after {
content: "\f11e";
font-family: "flaticon";
font-size: 12px;
line-height: 1em;
color: #888888;
width: 1em;
height: 1em;
transition: 0.3s;
transform: rotate(-180deg);
will-change: transform;
}
.woocommerce div.product form.cart .quantity .quantity-wrapper span.minus {
padding-right: 0;
padding-left: 0;
}
.woocommerce div.product form.cart .quantity .quantity-wrapper span.minus::after {
transform: rotate(0deg);
}
.woocommerce div.product form.cart .quantity .quantity-wrapper span:active {
transform: translate3d(-1px, 1px, 0);
}
.woocommerce div.product form.cart .quantity .quantity-wrapper input[type=number] {
-webkit-appearance: textfield;
appearance: textfield;
}
.woocommerce div.product form.cart .quantity .quantity-wrapper input[type=number]::-webkit-inner-spin-button, .woocommerce div.product form.cart .quantity .quantity-wrapper input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.woocommerce div.product form.cart div.quantity {
margin-top: 6px;
margin-bottom: 20px;
margin-left: 22px;
display: flex;
align-items: center;
}
.woocommerce div.product form.cart div.quantity .quantity_title {
display: none;
font-weight: 700;
color: var(--bili-header-font-color);
font-size: 14px;
line-height: 30px;
letter-spacing: 0.1em;
margin-left: 11px;
}
.woocommerce div.product form.cart div.quantity.hidden {
display: none;
}
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart-disabled .wgl-button {
opacity: 0.5;
}

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-destination {
font-size: 16px;
font-weight: 400;
clear: both;
color: var(--bili-content-color);
}
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals .woocommerce-shipping-destination strong {
font-weight: 500;
color: var(--bili-header-font-color);
}
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th {
line-height: 36px;
vertical-align: top;
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
width: 100%;
margin-top: 65px;
margin-bottom: 50px;
float: unset;
clear: both;
}
.woocommerce .cart-collaterals .cross-sells > h4,
.woocommerce-page .cart-collaterals .cross-sells > h4 {
position: relative;
z-index: 1;
margin-bottom: 26px;
font-size: 34px;
line-height: 50px;
text-align: center;
}
.woocommerce .cart-collaterals .cross-sells div.wgl-products,
.woocommerce-page .cart-collaterals .cross-sells div.wgl-products {
--products-width: 33.333%;
}
.woocommerce .cart-collaterals .cross-sells div.wgl-products > .product,
.woocommerce-page .cart-collaterals .cross-sells div.wgl-products > .product {
float: right;
}
.woocommerce .cart-collaterals .cross-sells div.wgl-products.wgl-swiper-enable,
.woocommerce-page .cart-collaterals .cross-sells div.wgl-products.wgl-swiper-enable {
margin: 0;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
background: transparent;
float: left;
width: 370px;
max-width: calc(50% - 15px);
margin-top: 44px;
margin-bottom: 60px;
padding: 0;
border-radius: 0;
box-shadow: unset;
}
.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-page .cart-collaterals .cart_totals h2 {
font-size: 30px;
font-weight: var(--bili-header-font-weight);
line-height: 40px;
margin-top: 0;
margin-bottom: 0;
}
.woocommerce .cart-collaterals .cart_totals table tr,
.woocommerce-page .cart-collaterals .cart_totals table tr {
border: 0;
}
.woocommerce .cart-collaterals .cart_totals table tr th,
.woocommerce-page .cart-collaterals .cart_totals table tr th {
display: none;
}
.woocommerce .cart-collaterals .cart_totals table tr td,
.woocommerce-page .cart-collaterals .cart_totals table tr td {
text-align: right !important;
}
.woocommerce .cart-collaterals .cart_totals table tr td::before,
.woocommerce-page .cart-collaterals .cart_totals table tr td::before {
font-family: var(--bili-header-font-family);
color: var(--bili-header-font-color);
font-size: 22px;
content: attr(data-title) ":";
font-weight: 700;
float: unset;
}
.woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal th,
.woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal th,
.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td {
padding-bottom: 3px;
}
.woocommerce .cart-collaterals .cart_totals table tr.cart-discount td::before,
.woocommerce-page .cart-collaterals .cart_totals table tr.cart-discount td::before {
margin-left: 6px;
}
.woocommerce .cart-collaterals .cart_totals table tr.cart-discount .woocommerce-remove-coupon,
.woocommerce-page .cart-collaterals .cart_totals table tr.cart-discount .woocommerce-remove-coupon {
float: left;
clear: left;
}
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th,
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals td,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals th,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals td {
padding-top: 0;
padding-bottom: 0;
border: unset;
}
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals td,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals td {
padding-top: 14px;
}
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals #shipping_method .amount,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals #shipping_method .amount {
margin-right: 5px;
font-weight: 500;
}
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row {
margin-bottom: 18px;
padding: 0;
}
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row input,
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row select,
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row textarea,
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row .button,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row input,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row select,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row textarea,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row .button {
width: 100%;
}
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row:last-child,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .form-row:last-child {
margin-bottom: 20px;
}
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals.shipping th,
.woocommerce .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals.shipping td,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals.shipping th,
.woocommerce-page .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals.shipping td {
padding-bottom: 15px;
}
.woocommerce .cart-collaterals .cart_totals table tr.order-total th,
.woocommerce-page .cart-collaterals .cart_totals table tr.order-total th {
font-size: 22px;
font-weight: 500;
}
.woocommerce .cart-collaterals .cart_totals table tr.order-total td,
.woocommerce-page .cart-collaterals .cart_totals table tr.order-total td {
font-size: 22px;
font-weight: 700;
line-height: 30px;
}
.woocommerce .cart-collaterals .cart_totals table tr.order-total td .woocommerce-Price-amount.amount,
.woocommerce-page .cart-collaterals .cart_totals table tr.order-total td .woocommerce-Price-amount.amount {
font-size: 22px;
font-weight: 500;
}
.woocommerce .cart-collaterals .cart_totals table tr.order-total td::before,
.woocommerce-page .cart-collaterals .cart_totals table tr.order-total td::before {
font-size: 22px;
}
.woocommerce .cart-collaterals .cart_totals table tr.order-total th,
.woocommerce .cart-collaterals .cart_totals table tr.order-total td,
.woocommerce-page .cart-collaterals .cart_totals table tr.order-total th,
.woocommerce-page .cart-collaterals .cart_totals table tr.order-total td {
padding-top: 11px;
padding-bottom: 9px;
border-width: 0;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table td {
padding: 8px 0;
}
.woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-page .cart-collaterals .cart_totals table th {
font-size: 17px;
font-weight: 500;
width: 1%;
vertical-align: middle;
white-space: nowrap;
border: 0;
}
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-page .cart-collaterals .cart_totals table td {
font-size: 16px;
font-weight: 400;
text-align: left;
padding-right: 0;
}
.woocommerce .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce .cart-collaterals .cart_totals table tr.order-total td,
.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
.woocommerce-page .cart-collaterals .cart_totals table tr.order-total td {
font-size: 22px;
font-weight: 500;
}
.woocommerce .cart-collaterals .cart_totals table .woocommerce-Price-amount.amount,
.woocommerce-page .cart-collaterals .cart_totals table .woocommerce-Price-amount.amount {
font-size: 22px;
font-weight: 500;
float: none;
margin-right: 5px;
}
.woocommerce .woo_mini_cart .variation,
.woocommerce-page .woo_mini_cart .variation {
border-right: 2px solid rgba(var(--bili-header-rgb), 0.1);
line-height: 1;
font-size: 14px;
margin-top: 4px;
margin-bottom: 9px;
padding-right: 0.5em;
padding-top: 4px;
color: var(--bili-header-font-color);
transition: 0.3s ease-in-out;
}
.woocommerce .woo_mini_cart .variation dt,
.woocommerce-page .woo_mini_cart .variation dt {
font-family: var(--bili-header-font-family);
font-weight: 500;
}
.woocommerce .woo_mini_cart .variation dd,
.woocommerce-page .woo_mini_cart .variation dd {
margin-bottom: 0.3em;
}
.woocommerce .woo_mini_cart .variation [class*=variation]:last-child,
.woocommerce-page .woo_mini_cart .variation [class*=variation]:last-child {
margin-bottom: 0;
}

.woocommerce table.shop_table {
border: 0;
border-radius: 0;
margin: 0;
font-size: 18px;
border-collapse: collapse;
text-align: center;
}
.woocommerce table.shop_table .woocommerce-Price-amount.amount {
font-family: var(--bili-content-font-family);
font-size: 18px;
font-weight: 500;
}
.woocommerce table.shop_table .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
font-weight: 500;
}
.woocommerce table.shop_table.cart input.button {
height: 56px;
margin-right: 9px;
margin-left: 20px;
border-width: 1px;
border-style: solid;
border-radius: 0;
padding: 0 25px;
font-size: 18px;
line-height: 56px;
font-weight: bold;
text-align: center;
letter-spacing: 0;
background-color: transparent;
}
.woocommerce table.shop_table.cart input.button:hover {
color: #ffffff;
}
.woocommerce table.shop_table td {
padding: 20px 0;
border: 0;
}
.woocommerce table.shop_table td.product-total .woocommerce-Price-amount.amount {
font-weight: 700;
}
.woocommerce table.shop_table td.product-remove {
padding: 0;
}
.woocommerce table.shop_table td.product-remove a.remove:before {
font-size: 16px;
}
.woocommerce table.shop_table td.product-name .product-quantity {
color: #888888;
font-weight: 500;
}
.woocommerce table.shop_table td.product-name .variation {
border-right: 2px solid rgba(var(--bili-secondary-rgb), 0.3);
font-size: 14px;
margin-top: 10px;
line-height: 1.3em;
margin-bottom: 9px;
padding-right: 1em;
padding-bottom: 0;
font-weight: 400;
}
.woocommerce table.shop_table td.product-name .variation dt {
font-weight: 500;
}
.woocommerce table.shop_table td.product-quantity .quantity {
display: inline-block;
position: relative;
background: transparent;
}
.woocommerce table.shop_table td.product-quantity .quantity label.label-qty {
display: none;
}
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper {
display: flex;
align-items: center;
position: relative;
padding: 0;
height: 44px;
line-height: 0;
border-radius: 0;
border-bottom: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
}
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper .qty {
display: inline-block;
color: var(--bili-header-font-color);
font-family: var(--bili-content-font-family);
height: 44px;
width: 32px;
border: 0;
padding: 0;
margin: 0;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.1em;
vertical-align: middle;
background: transparent;
box-shadow: unset !important;
}
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper .qty::placeholder {
color: var(--bili-header-font-color);
font-size: 16px;
font-weight: 500;
}
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper span {
cursor: pointer;
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
width: 34px;
height: 100%;
opacity: 1;
transform: translateY(0);
padding-left: 0;
background-color: transparent;
border-radius: 0;
}
@media all and (max-width: 768px) {
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper span {
    width: 25px;
}
}
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper span::after {
content: "\f11e";
font-family: "flaticon";
font-size: 12px;
line-height: 1em;
color: #888888;
width: 1em;
height: 1em;
transition: 0.3s;
transform: rotate(-180deg);
will-change: transform;
}
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper span.minus {
padding-right: 0;
padding-left: 0;
}
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper span.minus::after {
transform: rotate(0deg);
}
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper span:active {
transform: translate3d(-1px, 1px, 0);
}
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper input[type=number] {
-webkit-appearance: textfield;
appearance: textfield;
}
.woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper input[type=number]::-webkit-inner-spin-button, .woocommerce table.shop_table td.product-quantity .quantity .quantity-wrapper input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table td.product-thumbnail {
text-align: right;
}
.woocommerce table.shop_table td.product-thumbnail {
white-space: nowrap;
width: 70px;
padding-right: 0;
padding-left: 30px;
font-size: 0;
}
.woocommerce table.shop_table td.product-thumbnail a {
position: relative;
display: block;
}
.woocommerce table.shop_table td.product-name {
padding-right: 0;
padding-left: 20px;
font-family: var(--bili-header-font-family);
font-size: 20px;
font-weight: 700;
}
.woocommerce table.shop_table td.product-name a {
color: inherit;
text-decoration: underline;
-webkit-text-decoration-color: transparent;
text-decoration-color: transparent;
text-decoration-thickness: 0.05em;
text-underline-offset: 0.2em;
}
.woocommerce table.shop_table td.product-name a:hover {
color: var(--bili-header-font-color);
-webkit-text-decoration-color: currentColor;
text-decoration-color: currentColor;
}
.woocommerce table.shop_table td.actions {
padding-top: 30px;
}
.woocommerce table.shop_table td.actions .coupon {
position: relative;
text-align: right;
margin-top: 120px;
margin-bottom: -500px;
width: 370px;
max-width: calc(50% - 15px);
}
.woocommerce table.shop_table td.actions .coupon h2 {
font-size: 30px;
line-height: 40px;
letter-spacing: 0;
margin-bottom: 0;
}
.woocommerce table.shop_table td.actions .coupon label {
display: block;
color: #C4C4C4;
font-weight: normal;
font-size: 14px;
margin-bottom: 7px;
}
.woocommerce table.shop_table td.actions .coupon .input-text {
width: 100%;
max-width: 100%;
margin-left: 0;
padding: 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: rgba(var(--bili-secondary-rgb), 0.1);
}
.woocommerce table.shop_table td.actions .coupon .input-text ~ button.button {
margin-top: 30px;
width: 100%;
min-height: 56px;
font-size: 14px;
line-height: 30px;
font-weight: 700;
color: var(--bili-button-color-hover);
background: rgba(var(--bili-button-color-rgb-idle), 0.1);
padding: 13px 39px;
overflow: hidden;
}
.woocommerce table.shop_table td.actions .coupon .input-text ~ button.button:hover, .woocommerce table.shop_table td.actions .coupon .input-text ~ button.button:focus {
color: var(--bili-button-color-idle);
background: var(--bili-button-bg-idle);
}
.woocommerce table.shop_table td.actions .coupon ~ button.button {
min-width: 270px;
}
.woocommerce table.shop_table thead {
background-color: transparent;
border-bottom: 1px solid var(--bili-secondary-color);
}
.woocommerce table.shop_table thead,
.woocommerce table.shop_table thead tr {
border-radius: 0;
}
.woocommerce table.shop_table thead th {
font-family: var(--bili-content-font-family);
padding: 10px 0;
font-size: 16px;
line-height: 30px;
font-weight: 700;
letter-spacing: 0.1em;
color: var(--bili-header-font-color);
text-transform: uppercase;
}
.woocommerce table.shop_table thead th:first-child {
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
}
.woocommerce table.shop_table thead th:last-child {
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
}
.woocommerce table.shop_table thead th.product-price {
text-align: right;
width: 15.5%;
}
.woocommerce table.shop_table thead th.product-quantity {
text-align: right;
width: 19%;
}
.woocommerce table.shop_table thead th.product-subtotal {
text-align: right;
width: 14%;
}
.woocommerce table.shop_table thead th.product-remove {
width: 4%;
}
.woocommerce table.shop_table thead th.woocommerce-orders-table__header-order-number {
padding-right: 20px;
}
.woocommerce table.shop_table thead th.woocommerce-orders-table__header-order-actions {
width: 1%;
padding-left: 20px;
}
.woocommerce table.shop_table thead th.product-name {
padding-right: 100px;
text-align: right;
}
.woocommerce table.shop_table tbody tr:first-child td {
border-top: 0;
}
.woocommerce table.shop_table tbody tr td.product-price, .woocommerce table.shop_table tbody tr td.product-quantity, .woocommerce table.shop_table tbody tr td.product-subtotal, .woocommerce table.shop_table tbody tr td.product-remove {
text-align: right;
}
.woocommerce table.shop_table tbody tr td.product-remove {
padding-left: 0;
text-align: left;
}
.woocommerce table.shop_table tbody tr td.woocommerce-orders-table__cell-order-number {
padding-right: 20px;
font-weight: 500;
}
.woocommerce table.shop_table tfoot {
font-size: 17px;
}
.woocommerce table.shop_table tfoot tr th {
padding-right: 0;
text-align: right;
}
.woocommerce table.shop_table tfoot tr td {
padding-left: 0;
text-align: left;
}
.woocommerce table.shop_table tfoot tr.shipping td {
font-size: 15px;
}
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
border-top: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
font-weight: 500;
}
.woocommerce table.shop_table th {
font-family: var(--bili-header-font-family);
border: 0;
}

#add_payment_method main#main,
.woocommerce-cart main#main,
.woocommerce-checkout main#main {
margin-bottom: 10px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 70px;
min-width: 70px;
border: unset;
border-radius: 0;
}
#add_payment_method table.cart td,
.woocommerce-cart table.cart td,
.woocommerce-checkout table.cart td {
border-top: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
}
#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
margin: 0;
padding-top: 10px;
padding-bottom: 0;
border: unset;
}
#add_payment_method .cart-collaterals .cart_totals tr th,
#add_payment_method .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td {
background-color: unset !important;
border-top: 0;
}
#add_payment_method .cart-collaterals .woocommerce-shipping-destination,
#add_payment_method .cart-collaterals .woocommerce-shipping-calculator,
.woocommerce-cart .cart-collaterals .woocommerce-shipping-destination,
.woocommerce-cart .cart-collaterals .woocommerce-shipping-calculator,
.woocommerce-checkout .cart-collaterals .woocommerce-shipping-destination,
.woocommerce-checkout .cart-collaterals .woocommerce-shipping-calculator {
margin-top: 15px;
}
#add_payment_method .cart-collaterals .shipping-calculator-form,
.woocommerce-cart .cart-collaterals .shipping-calculator-form,
.woocommerce-checkout .cart-collaterals .shipping-calculator-form {
margin-bottom: -12px;
text-align: left;
}
#add_payment_method .cart-collaterals .shipping-calculator-form p button.button,
.woocommerce-cart .cart-collaterals .shipping-calculator-form p button.button,
.woocommerce-checkout .cart-collaterals .shipping-calculator-form p button.button {
font-size: 14px;
font-weight: 700;
padding: 5px 0;
min-width: 57px;
text-align: center;
width: auto;
height: auto;
line-height: 20px;
color: var(--bili-primary-color);
background: unset;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-top: 5px;
}
#add_payment_method .cart-collaterals .shipping-calculator-form p button.button:hover, #add_payment_method .cart-collaterals .shipping-calculator-form p button.button:focus,
.woocommerce-cart .cart-collaterals .shipping-calculator-form p button.button:hover,
.woocommerce-cart .cart-collaterals .shipping-calculator-form p button.button:focus,
.woocommerce-checkout .cart-collaterals .shipping-calculator-form p button.button:hover,
.woocommerce-checkout .cart-collaterals .shipping-calculator-form p button.button:focus {
color: var(--bili-secondary-color);
background: unset;
}
#add_payment_method .cart-collaterals .shipping-calculator-button,
.woocommerce-cart .cart-collaterals .shipping-calculator-button,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button {
font-size: 16px;
margin-top: 0;
font-weight: 500;
text-decoration: underline;
text-underline-offset: 1px;
}
#add_payment_method .cart-collaterals .shipping-calculator-button:after,
.woocommerce-cart .cart-collaterals .shipping-calculator-button:after,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button:after {
display: none;
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
padding: 19px 0 0;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
min-height: 56px;
font-size: 14px;
line-height: 30px;
font-weight: 700;
color: var(--bili-button-color-idle);
background: var(--bili-button-bg-idle);
padding: 13px 39px;
overflow: hidden;
z-index: 1;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, #add_payment_method .wc-proceed-to-checkout a.checkout-button:focus, #add_payment_method .wc-proceed-to-checkout a.checkout-button:active,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:active,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:focus,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:active {
color: var(--bili-button-color-hover);
background: var(--bili-button-bg-hover);
}

.woocommerce-cart .wgl_cart_empty_wrapper {
font-family: var(--bili-header-font-family);
font-size: 36px;
line-height: 50px;
text-align: right;
color: var(--bili-header-font-color);
margin-top: 25px;
margin-bottom: 29px;
}
.woocommerce-cart .return-to-shop {
margin-bottom: 25px;
}

.woocommerce-cart #main > .wgl-container,
.woocommerce-checkout #main > .wgl-container {
margin-top: 10px;
}
.woocommerce-cart .cart-collaterals .button:not(.add_to_cart_button),
.woocommerce-checkout .cart-collaterals .button:not(.add_to_cart_button) {
width: 100%;
}

.woocommerce ul#shipping_method {
width: 100%;
margin-top: 15px;
}
.woocommerce ul#shipping_method li {
margin: 0 0 7px 0;
padding-right: 0;
}
.woocommerce ul#shipping_method li .shipping_method {
margin-top: 6px;
}
.woocommerce ul#shipping_method li label {
font-size: 15px;
color: var(--bili-content-color);
}
.woocommerce ul#shipping_method .amount {
font-weight: 500;
}

.woocommerce a.remove {
font-size: 0;
text-shadow: none;
color: transparent !important;
margin: 0;
display: inline;
line-height: inherit;
text-decoration: unset !important;
}
.woocommerce a.remove:before {
content: "\f11a";
font-family: "Flaticon";
position: static;
padding: 0;
display: inline-block;
font-size: 11px;
color: #585858;
text-rendering: auto;
font-weight: normal;
line-height: 40px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: 0.3s;
}
.woocommerce a.remove:hover:before {
color: var(--bili-header-font-color);
}

/* ==================== ##Shop - Checkout ==================== */
.woocommerce-notice.woocommerce-notice--info.woocommerce-info:before {
display: none;
}

.woocommerce-error {
border-top: 0;
margin: 0;
padding: 0;
}
.woocommerce-error:before {
display: none;
}
.woocommerce-error li:before {
display: none !important;
}

body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout .woocommerce-order-details > h2,
body.woocommerce-checkout .woocommerce-customer-details > h2,
body.woocommerce-checkout .woocommerce-column__title {
font-family: var(--bili-h3-font-family);
font-size: 36px;
line-height: 50px;
font-weight: var(--bili-h3-font-weight);
margin-bottom: 36px;
text-transform: uppercase;
}
@media all and (max-width: 380px) {
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout .woocommerce-order-details > h2,
body.woocommerce-checkout .woocommerce-customer-details > h2,
body.woocommerce-checkout .woocommerce-column__title {
    font-size: 30px;
    line-height: 40px;
}
}
body.woocommerce-checkout .woocommerce-order-details > h2 {
margin-bottom: 17px;
}
body.woocommerce-checkout .woocommerce-additional-fields > h3 {
margin-bottom: 23px;
margin-top: 20px;
}
body.woocommerce-checkout .form-row.wgl_billing_title label {
font-family: var(--bili-h3-font-family);
font-size: 30px;
line-height: 40px;
font-weight: var(--bili-h3-font-weight);
color: var(--bili-header-font-color);
margin: 28px 0 0;
text-transform: uppercase;
}
body.woocommerce-checkout .form-row.wgl_billing_title label .optional {
display: none;
}
@media all and (max-width: 380px) {
body.woocommerce-checkout .form-row.wgl_billing_title label {
    font-size: 26px;
    line-height: 34px;
}
}
body.woocommerce-checkout .col2-set {
width: calc(50% - 15px);
margin: 0;
float: right;
}
body.woocommerce-checkout .col2-set > .col-1,
body.woocommerce-checkout .col2-set > .col-2,
body.woocommerce-checkout .col2-set > [class^=col] {
float: none;
width: 100%;
margin-bottom: 30px;
}
body.woocommerce-checkout .col2-set > .col-1 {
margin-bottom: 43px;
}
body.woocommerce-checkout #order_review_heading {
margin-bottom: 15px;
}
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #order_review {
width: calc(50% - 15px);
max-width: 470px;
float: left;
margin-left: 0;
}
body.woocommerce-checkout #order_review.woocommerce-checkout-review-order table.shop_table thead {
display: none;
}
body.woocommerce-checkout #order_review.woocommerce-checkout-review-order table.shop_table thead th.product-name {
width: 66%;
}
body.woocommerce-checkout #order_review.woocommerce-checkout-review-order table.shop_table thead th.product-total {
text-align: left;
padding-left: 0;
}
body.woocommerce-checkout #order_review.woocommerce-checkout-review-order table.shop_table tfoot tr th {
padding-right: 0;
}
@media (max-width: 426px) {
body.woocommerce-checkout #order_review.woocommerce-checkout-review-order table.shop_table thead th.product-name,
body.woocommerce-checkout #order_review.woocommerce-checkout-review-order table.shop_table tbody td.product-name,
body.woocommerce-checkout #order_review.woocommerce-checkout-review-order table.shop_table tfoot tr th {
    padding-right: 0;
}
}
body.woocommerce-checkout #order_review table.shop_table tbody tr:first-child > *,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tbody tr:first-child > * {
padding-top: 12px;
}
body.woocommerce-checkout #order_review table.shop_table tbody tr:last-child > *,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tbody tr:last-child > * {
padding-bottom: 22px;
}
body.woocommerce-checkout #order_review table.shop_table tbody td.product-total span,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tbody td.product-total span {
font-weight: 700;
}
body.woocommerce-checkout #order_review table.shop_table tbody td.product-name,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tbody td.product-name {
font-family: var(--bili-header-font-family);
width: 66%;
padding-right: 0;
font-weight: 500;
}
body.woocommerce-checkout #order_review table.shop_table tbody td.product-name .variation,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tbody td.product-name .variation {
border-right: 2px solid rgba(var(--bili-header-rgb), 0.1);
font-size: 0.8em;
padding-right: 15px;
margin-top: 10px;
}
body.woocommerce-checkout #order_review table.shop_table tfoot th,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot th {
padding-top: 8px;
padding-bottom: 9px;
font-size: 18px;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr:first-child th,
body.woocommerce-checkout #order_review table.shop_table tfoot tr:first-child td,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr:first-child th,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr:first-child td {
padding-top: 14px;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr:nth-last-child(2) th,
body.woocommerce-checkout #order_review table.shop_table tfoot tr:nth-last-child(2) td,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(2) th,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr:nth-last-child(2) td {
padding-bottom: 14px;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr:not(:first-child) th, body.woocommerce-checkout #order_review table.shop_table tfoot tr:not(:first-child) td,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr:not(:first-child) th,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr:not(:first-child) td {
border-top: unset;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.shipping th,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr.shipping th {
display: none;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.shipping td,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr.shipping td {
display: block;
margin-left: calc(-100% * 34 / 66);
width: auto;
text-align: right;
padding-bottom: 24px;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.shipping td::before,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr.shipping td::before {
font-family: var(--bili-header-font-family);
color: var(--bili-header-font-color);
font-size: 20px;
content: attr(data-title) ":";
font-weight: 500;
display: block;
text-align: right;
float: unset;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.shipping ul#shipping_method li,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr.shipping ul#shipping_method li {
text-align: right;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.shipping ul#shipping_method li .woocommerce-Price-amount,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr.shipping ul#shipping_method li .woocommerce-Price-amount {
float: left;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total th, body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total td,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr.order-total th,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr.order-total td {
padding-top: 13px;
padding-bottom: 14px;
border-width: 1px 0 1px 0;
border-style: solid;
border-color: rgba(var(--bili-secondary-rgb), 0.3);
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total th,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr.order-total th {
font-size: 20px;
}
body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total,
body.woocommerce-checkout #order_review table.shop_table tfoot tr.order-total .woocommerce-Price-amount.amount,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr.order-total,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr.order-total .woocommerce-Price-amount.amount {
font-size: 20px;
}
body.woocommerce-checkout #order_review table.shop_table td,
body.woocommerce-checkout .woocommerce-order-details table.shop_table td {
padding-top: 5px;
padding-bottom: 5px;
}
body.woocommerce-checkout #order_review table.shop_table td.product-name,
body.woocommerce-checkout .woocommerce-order-details table.shop_table td.product-name {
padding-left: 10px;
font-size: 18px;
font-weight: 500;
}
body.woocommerce-checkout #order_review table.shop_table td.product-name + td.product-total,
body.woocommerce-checkout .woocommerce-order-details table.shop_table td.product-name + td.product-total {
text-align: left;
padding-left: 0;
vertical-align: baseline;
}
body.woocommerce-checkout #order_review table.shop_table td.product-name + td.product-total span,
body.woocommerce-checkout .woocommerce-order-details table.shop_table td.product-name + td.product-total span {
font-size: 18px;
font-weight: 500;
}
body.woocommerce-checkout #order_review table.shop_table thead th.woocommerce-table__product-table.product-total,
body.woocommerce-checkout .woocommerce-order-details table.shop_table thead th.woocommerce-table__product-table.product-total {
text-align: left;
padding-left: 0;
}
@media (max-width: 426px) {
body.woocommerce-checkout #order_review table.shop_table thead th.product-name,
body.woocommerce-checkout #order_review table.shop_table tbody td.product-name,
body.woocommerce-checkout #order_review table.shop_table tfoot tr th,
body.woocommerce-checkout .woocommerce-order-details table.shop_table thead th.product-name,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tbody td.product-name,
body.woocommerce-checkout .woocommerce-order-details table.shop_table tfoot tr th {
    padding-right: 0;
}
}
body.woocommerce-checkout #add_payment_method #payment div.form-row,
body.woocommerce-checkout .woocommerce-cart #payment div.form-row,
body.woocommerce-checkout .woocommerce-checkout #payment div.form-row {
margin-bottom: 0;
}
body.woocommerce-checkout #payment {
border-radius: 0;
border: unset;
padding: 0;
background-color: unset;
box-shadow: unset;
margin-top: 30px;
}
body.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border: unset;
}
body.woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice,
body.woocommerce-checkout #payment ul.payment_methods li .payment_box {
font-size: 14px;
font-weight: 300;
line-height: 24px;
padding: 24px 30px 24px;
box-shadow: unset;
border-radius: 0;
background-color: #232323;
color: var(--bili-content-color);
margin: 0;
}
body.woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice:before, body.woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice:after,
body.woocommerce-checkout #payment ul.payment_methods li .payment_box:before,
body.woocommerce-checkout #payment ul.payment_methods li .payment_box:after {
display: none !important;
}
body.woocommerce-checkout #payment ul.payment_methods li .payment_box {
margin-top: 10px;
margin-bottom: 27px;
}
body.woocommerce-checkout #payment div.form-row {
padding: 15px 0 0;
}
body.woocommerce-checkout #payment #place_order {
padding: 13px 39px;
float: none;
margin-right: auto;
display: block;
margin-top: 30px;
width: 100%;
color: var(--bili-button-color-idle);
background-color: var(--bili-button-bg-idle);
overflow: hidden;
z-index: 1;
}
body.woocommerce-checkout #payment #place_order:hover, body.woocommerce-checkout #payment #place_order:focus, body.woocommerce-checkout #payment #place_order:active {
color: var(--bili-button-color-hover);
background-color: var(--bili-button-bg-hover);
}
body.woocommerce-checkout.woocommerce-page #shipping_method .shipping_method {
margin-top: 4px;
}

.woocommerce form .woocommerce-billing-fields__field-wrapper,
.woocommerce-page form .woocommerce-billing-fields__field-wrapper {
margin-top: -13px;
}
.woocommerce form .form-row,
.woocommerce-page form .form-row {
padding: 0;
margin: 0 0 37px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: calc(50% - 15px);
}
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text {
height: 56px;
padding: 0;
}
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row textarea {
line-height: 1.4;
height: 85px;
padding: 0;
margin-top: 22px;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
line-height: 1.3em;
}
.woocommerce form .form-row label.screen-reader-text ~ .woocommerce-input-wrapper input.input-text,
.woocommerce-page form .form-row label.screen-reader-text ~ .woocommerce-input-wrapper input.input-text {
margin-top: -20px;
}
.woocommerce form .form-row > label:not(.title),
.woocommerce-page form .form-row > label:not(.title) {
font-size: 20px;
font-weight: 500;
color: var(--bili-header-font-color);
}
.woocommerce form .form-row .required,
.woocommerce-page form .form-row .required {
font-weight: 500;
color: #6d6f74;
text-decoration: none;
}
.woocommerce form .form-row .optional,
.woocommerce-page form .form-row .optional {
color: #6d6f74;
}
.woocommerce form #ship-to-different-address,
.woocommerce-page form #ship-to-different-address {
margin-top: 23px;
margin-bottom: 8px;
}
.woocommerce form label.checkbox,
.woocommerce-page form label.checkbox {
cursor: pointer;
}
.woocommerce form label.checkbox span,
.woocommerce-page form label.checkbox span {
font-family: var(--bili-h3-font-family);
font-size: 30px;
line-height: 40px;
font-weight: var(--bili-h3-font-weight);
text-transform: var(--bili-h3-text-transform);
color: var(--bili-header-font-color);
}
@media all and (max-width: 380px) {
.woocommerce form label.checkbox span,
.woocommerce-page form label.checkbox span {
    font-size: 26px;
    line-height: 34px;
}
}

.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
width: calc(50% - 15px);
float: right;
}
.woocommerce .woocommerce-customer-details .col2-set,
.woocommerce .woocommerce-order-details .col2-set,
.woocommerce .woocommerce-order-downloads .col2-set {
width: 100%;
}
.woocommerce .woocommerce-customer-details .col2-set .col-1,
.woocommerce .woocommerce-customer-details .col2-set .col-2,
.woocommerce .woocommerce-order-details .col2-set .col-1,
.woocommerce .woocommerce-order-details .col2-set .col-2,
.woocommerce .woocommerce-order-downloads .col2-set .col-1,
.woocommerce .woocommerce-order-downloads .col2-set .col-2 {
width: 100%;
}
.woocommerce .woocommerce-customer-details .col2-set .col-1 + .col-2,
.woocommerce .woocommerce-order-details .col2-set .col-1 + .col-2,
.woocommerce .woocommerce-order-downloads .col2-set .col-1 + .col-2 {
margin-top: 40px;
}
.woocommerce .woocommerce-order-details {
max-width: 470px;
}
.woocommerce .woocommerce-customer-details {
float: left;
}
.woocommerce .woocommerce-customer-details address {
border-radius: 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: rgba(var(--bili-secondary-rgb), 0.3);
padding: 2px 0 21px 0;
background: unset;
box-shadow: unset;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
color: var(--bili-header-font-color);
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
color: var(--bili-header-font-color);
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details {
padding: 30px;
background-color: #232323;
color: var(--bili-content-color);
border: none;
box-shadow: none;
position: relative;
min-height: 130px;
margin-bottom: 40px;
border-radius: 0;
}
@media (max-width: 426px) {
.woocommerce ul.order_details.woocommerce-thankyou-order-details {
    padding: 20px;
}
}
.woocommerce ul.order_details.woocommerce-thankyou-order-details li {
padding-left: unset;
margin-left: unset;
font-size: 13px;
}
.woocommerce ul.order_details.woocommerce-thankyou-order-details li strong {
font-weight: 500;
font-size: 15px;
margin-right: 5px;
}
.woocommerce ul.order_details.woocommerce-thankyou-order-details li.woocommerce-order-overview__order {
font-family: var(--bili-header-font-family);
position: static;
margin-bottom: 25px;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
color: var(--bili-header-font-color);
justify-content: center;
border-left: unset;
border-bottom: 1px dashed #e7e7e7;
padding-bottom: 15px;
}
.woocommerce ul.order_details.woocommerce-thankyou-order-details li.woocommerce-order-overview__order strong {
margin-top: 5px;
font-size: 24px;
color: var(--bili-primary-color);
}
.woocommerce ul.order_details.woocommerce-thankyou-order-details li:not(.woocommerce-order-overview__order) {
border: unset;
width: 100%;
}
.woocommerce ul.order_details.woocommerce-thankyou-order-details li:not(.woocommerce-order-overview__order):not(:last-child) {
margin-bottom: 13px;
}
@media all and (min-width: 600px) {
.woocommerce ul.order_details.woocommerce-thankyou-order-details {
    padding: 30px 160px 30px 30px;
}
.woocommerce ul.order_details.woocommerce-thankyou-order-details li.woocommerce-order-overview__order {
    padding: 7px 0 7px 15px;
    position: absolute;
    width: 100px;
    right: 30px;
    top: 30px;
    bottom: 30px;
    border-bottom: unset;
    border-left: 1px dashed #d9d9d9;
    margin-bottom: 0;
}
.woocommerce ul.order_details.woocommerce-thankyou-order-details li:not(.woocommerce-order-overview__order) strong {
    display: inline-block;
}
}

.wc-item-meta {
border-right: 2px solid rgba(var(--bili-header-rgb), 0.1);
font-size: 0.8em;
padding: 0 15px 0 0;
margin-top: 5px;
margin-right: 0;
}
.wc-item-meta li {
margin: 0;
}

/* ==================== ##Shop - Order Received ==================== */
.woocommerce table.shop_table.woocommerce-table--order-details.order_details thead {
display: none;
}
.woocommerce table.shop_table.woocommerce-table--order-details.order_details tfoot tr:nth-last-child(2) td, .woocommerce table.shop_table.woocommerce-table--order-details.order_details tfoot tr:nth-last-child(2) th {
padding-bottom: 23px;
}
.woocommerce table.shop_table.woocommerce-table--order-details.order_details tfoot tr:last-child {
font-size: 20px;
}
.woocommerce table.shop_table.woocommerce-table--order-details.order_details tfoot tr:last-child td, .woocommerce table.shop_table.woocommerce-table--order-details.order_details tfoot tr:last-child th {
border-width: 1px 0 1px 0;
border-style: solid;
border-color: rgba(var(--bili-secondary-rgb), 0.3);
padding-top: 13px;
padding-bottom: 14px;
}
.woocommerce table.shop_table.woocommerce-table--order-details.order_details tfoot tr:last-child .woocommerce-Price-amount.amount {
font-size: inherit;
}

/* ==================== ##Shop - My Account ==================== */
.woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 20px 0;
margin: 0;
box-shadow: unset;
border-radius: 0;
}
.woocommerce-MyAccount-navigation ul li a {
display: flex;
align-items: flex-start;
font-size: 14px;
font-weight: 700;
line-height: 24px;
padding: 4px 0 3px;
letter-spacing: 0.1em;
color: var(--bili-header-font-color);
}
.woocommerce-MyAccount-navigation ul li a:before {
content: "";
flex: 0 0 auto;
display: inline-block;
background: transparent;
transition: 0.4s;
margin-left: 10px;
margin-top: 9px;
width: 4px;
height: 4px;
border-radius: 50%;
border: 1px solid currentColor;
}
.woocommerce-MyAccount-navigation ul li.is-active > a, .woocommerce-MyAccount-navigation ul li:hover > a {
color: var(--bili-header-font-color);
}
.woocommerce-MyAccount-navigation ul li.is-active > a::before, .woocommerce-MyAccount-navigation ul li:hover > a::before {
background: var(--bili-primary-color);
border-color: var(--bili-primary-color);
}

.woocommerce-account .woocommerce-MyAccount-navigation {
width: 270px;
}

.woocommerce-account .woocommerce-MyAccount-content {
width: calc(100% - 300px);
padding: 0;
}
@media all and (max-width: 767px) {
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    margin-top: 40px;
}
}
@media all and (max-width: 992px) {
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details {
    width: 100%;
}
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-columns.addresses {
margin-top: 20px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-order-details__title,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title {
font-family: var(--bili-h3-font-family);
font-size: var(--bili-h3-font-size);
line-height: var(--bili-h3-line-height);
font-weight: var(--bili-h3-font-weight);
text-transform: var(--bili-h3-text-transform);
margin-bottom: 25px;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:first-child > * {
padding-top: 12px;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr:last-child > * {
padding-bottom: 22px;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr td {
background-color: transparent;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr td.woocommerce-table__product-total {
text-align: left;
vertical-align: baseline;
}
@media all and (max-width: 767px) {
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tbody tr {
    margin-bottom: 20px;
    padding: 0 0 11px;
    border-bottom: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
}
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot tr:first-child th, .woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot tr:first-child td {
padding-top: 14px;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot tr:nth-last-child(2) th,
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot tr:nth-last-child(2) td {
padding-bottom: 14px;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot tr:not(:first-child) th, .woocommerce-account .woocommerce-MyAccount-content table.shop_table tfoot tr:not(:first-child) td {
border-top: unset;
}
.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
padding-top: 5px;
padding-bottom: 5px;
}

/* ==================== ##Shop - Notice ==================== */
.wgl_module_message_box {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
border: unset;
padding: 20px;
position: relative;
min-height: 76px;
border-radius: 0;
background-color: var(--bili-submenu-background);
z-index: 0;
}
.wgl_module_message_box:not(:first-child) {
margin-top: -20px;
}
.wgl_module_message_box::after {
content: "";
display: block;
border-radius: 0;
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
z-index: -1;
border: 1px solid #2196F3;
opacity: 0;
}
.wgl_module_message_box.hide {
opacity: 0 !important;
visibility: hidden;
transition: opacity 0.35s, visibility 0.35s;
}
.wgl_module_message_box.closable .message_content {
max-width: calc(100% - 70px - 50px);
}
.wgl_module_message_box a {
font-weight: 700;
}
.wgl_module_message_box strong {
font-weight: 700;
}
.wgl_module_message_box .message_title {
font-size: 18px;
line-height: 1.25;
margin-bottom: -1px;
color: inherit;
}
.wgl_module_message_box .message_text {
font-size: 15px;
line-height: 1.45;
}
.wgl_module_message_box .message_text li {
line-height: 30px;
margin-bottom: 2px;
}
.wgl_module_message_box .message_icon_wrap {
position: static;
width: 34px;
min-width: 34px;
height: 34px;
background-color: transparent;
margin: auto 0 auto 20px;
border-radius: 50%;
z-index: 1;
}
.wgl_module_message_box .message_icon {
font-size: 34px;
font-style: normal;
font-weight: normal;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
height: 100%;
text-align: center;
}
.wgl_module_message_box .message_icon:before {
font-family: "flaticon";
}
.wgl_module_message_box .message_content {
width: 100%;
padding: 0 0 1px 0;
max-width: calc(100% - 70px);
}
.wgl_module_message_box .message_close_button {
font-size: 14px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: auto auto auto -5px;
cursor: pointer;
transition: 0.4s;
text-align: center;
color: var(--bili-content-color);
z-index: 1;
}
.wgl_module_message_box .message_close_button:before {
font-family: "Flaticon";
display: inline-block;
content: "\f11a";
transition: 0.3s;
}
.wgl_module_message_box .message_close_button:hover::before {
opacity: 0.5;
}
.wgl_module_message_box ~ .wgl_module_message_box .message_close_button {
display: none;
}
.wgl_module_message_box.type_info::after {
border: 1px solid #2196F3;
}
.wgl_module_message_box.type_info .message_close_button,
.wgl_module_message_box.type_info .message_icon_wrap {
color: #2196F3;
}
.wgl_module_message_box.type_info .message_icon:before {
content: "\f119";
}
.wgl_module_message_box.type_success::after {
border: 1px solid #36FF6E;
}
.wgl_module_message_box.type_success .message_close_button,
.wgl_module_message_box.type_success .message_icon_wrap {
color: #36FF6E;
}
.wgl_module_message_box.type_success .message_icon:before {
content: "\f11b";
}
.wgl_module_message_box.type_error::after {
border: 1px solid #FF3A3A;
}
.wgl_module_message_box.type_error .message_close_button,
.wgl_module_message_box.type_error .message_icon_wrap {
color: #FF3A3A;
}
.wgl_module_message_box.type_error .message_icon:before {
content: "\f11c";
}
.wgl_module_message_box.type_warning::after {
border: 1px solid #FF7425;
}
.wgl_module_message_box.type_warning .message_close_button,
.wgl_module_message_box.type_warning .message_icon_wrap {
color: #FF7425;
}
.wgl_module_message_box.type_warning .message_icon:before {
content: "\f11d";
transform: scaleY(1);
}
.wgl_module_message_box a.button.wc-forward {
margin: 20px 0 0 0;
width: 100%;
text-align: center;
order: 1;
}

ul.woocommerce-error {
margin: -5px 0 -5px;
background: transparent;
color: inherit;
}

div.woocommerce-error, div.woocommerce-info, div.woocommerce-message {
color: var(--bili-submenu-color);
background-color: var(--bili-submenu-background);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border: unset;
padding: 20px;
border-radius: 0;
display: flex;
flex-wrap: wrap;
}
div.woocommerce-error a, div.woocommerce-info a, div.woocommerce-message a {
color: var(--bili-content-color);
text-decoration: underline;
text-underline-offset: 1px;
font-weight: 400;
}
div.woocommerce-error a:hover, div.woocommerce-info a:hover, div.woocommerce-message a:hover {
color: var(--bili-primary-color);
}
div.woocommerce-error.woocommerce-Message a.button.woocommerce-Button, div.woocommerce-info.woocommerce-Message a.button.woocommerce-Button, div.woocommerce-message.woocommerce-Message a.button.woocommerce-Button {
border: unset;
margin: 20px 0 0 0;
width: 100%;
text-align: center;
font-size: 15px;
font-weight: 700;
order: 1;
}
div.woocommerce-error::after, div.woocommerce-info::after, div.woocommerce-message::after {
content: "";
display: block;
border-radius: 0;
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
z-index: -1;
opacity: 0;
border: 1px solid #2196F3;
}
div.woocommerce-error::before, div.woocommerce-info::before, div.woocommerce-message::before {
display: none;
}
div.woocommerce > .wgl_module_message_box {
margin-bottom: 20px;
}
div.woocommerce .wgl-woocommerce-sorting .wgl_module_message_box {
width: 100%;
}
div.woocommerce .wgl-woocommerce-sorting .wgl_module_message_box:before {
display: none;
}
div.woocommerce .wgl-woocommerce-sorting .woocommerce-notices-wrapper {
flex: 1 1 100%;
}
div.woocommerce .woocommerce-customer-details address {
border-radius: 0;
border: unset;
padding: 0;
background: unset;
box-shadow: unset;
}

p.woocommerce-info,
li.woocommerce-info {
position: relative;
border-radius: 0;
background-color: var(--bili-submenu-background);
font-size: 15px;
line-height: 1.45;
min-height: 76px;
padding: 20px 81px 20px 20px;
color: var(--bili-content-color);
border: unset;
box-shadow: unset;
z-index: 0;
display: flex;
align-items: center;
}
p.woocommerce-info::before,
li.woocommerce-info::before {
content: "\f119";
font-family: "flaticon";
font-size: 34px;
font-style: normal;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
text-align: center;
color: #2196F3;
position: absolute;
top: 20px;
bottom: 20px;
margin: auto;
right: 20px;
z-index: 1;
}
p.woocommerce-info::after,
li.woocommerce-info::after {
content: "";
display: block;
border-radius: 0;
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
z-index: -1;
border: 1px solid #2196F3;
opacity: 0.95;
}

.woocommerce-NoticeGroup,
.woocommerce-notices-wrapper {
margin-bottom: 40px;
}
.woocommerce-NoticeGroup:empty,
.woocommerce-notices-wrapper:empty {
display: none;
}

.woocommerce .woocommerce-checkout .wgl_module_message_box {
margin-bottom: 20px;
}

.wgl-theme-header .wgl_notices_wrapper {
--positioning-size: 0;
left: calc(1px * var(--positioning-size));
position: fixed;
top: calc(1px * var(--positioning-size));
width: 510px;
pointer-events: none;
z-index: 20;
}
.wgl-theme-header .wgl_notices_wrapper > div {
pointer-events: auto;
}
.wgl-theme-header .wgl_notices_wrapper > div:not(:last-child) {
margin-bottom: calc(1px * var(--positioning-size));
}
.wgl-theme-header .wgl_notices_wrapper > div.wgl-cart-header {
margin: 0;
}
@media (max-width: 599px) {
.wgl-theme-header .wgl_notices_wrapper {
    --positioning-size: 0;
    max-width: calc(100% - var(--positioning-size) * 2px);
    top: calc(1px * var(--positioning-size));
    left: calc(1px * var(--positioning-size));
}
}
.wgl-theme-header .woocommerce-notices-wrapper,
.wgl-theme-header .wgl-form-coupon-toggle {
margin-bottom: 30px;
border-radius: 0;
width: 100%;
background-color: var(--bili-submenu-background);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.wgl-theme-header .woocommerce-notices-wrapper.hide,
.wgl-theme-header .wgl-form-coupon-toggle.hide {
opacity: 0 !important;
visibility: hidden;
transition: opacity 0.35s, visibility 0.35s;
}
.wgl-theme-header .woocommerce-notices-wrapper .wgl_module_message_box,
.wgl-theme-header .wgl-form-coupon-toggle .wgl_module_message_box {
position: static;
margin: 0;
border: unset;
box-shadow: unset;
background: unset;
-webkit-backdrop-filter: unset;
backdrop-filter: unset;
border-radius: unset;
}
.wgl-theme-header .woocommerce-notices-wrapper .wgl_module_message_box:not(:first-child),
.wgl-theme-header .wgl-form-coupon-toggle .wgl_module_message_box:not(:first-child) {
margin-top: -20px;
}
.wgl-theme-header .woocommerce-notices-wrapper .wgl_module_message_box .message_close_button,
.wgl-theme-header .wgl-form-coupon-toggle .wgl_module_message_box .message_close_button {
bottom: auto;
}
.wgl-theme-header .woocommerce-notices-wrapper .checkout_coupon.woocommerce-form-coupon,
.wgl-theme-header .wgl-form-coupon-toggle .checkout_coupon.woocommerce-form-coupon {
border: unset;
border-radius: unset;
margin: 0;
padding: 0 20px 20px;
}
.wgl-theme-header .woocommerce-notices-wrapper .checkout_coupon.woocommerce-form-coupon .form-row.form-row-wide,
.wgl-theme-header .wgl-form-coupon-toggle .checkout_coupon.woocommerce-form-coupon .form-row.form-row-wide {
position: relative;
margin-bottom: 0;
}
.wgl-theme-header .woocommerce-notices-wrapper .checkout_coupon.woocommerce-form-coupon input,
.wgl-theme-header .wgl-form-coupon-toggle .checkout_coupon.woocommerce-form-coupon input {
background: unset;
margin: 0;
}
.wgl-theme-header .woocommerce-notices-wrapper .checkout_coupon.woocommerce-form-coupon input::placeholder,
.wgl-theme-header .wgl-form-coupon-toggle .checkout_coupon.woocommerce-form-coupon input::placeholder {
opacity: 1 !important;
}
.wgl-theme-header .woocommerce-notices-wrapper .checkout_coupon.woocommerce-form-coupon button.icon,
.wgl-theme-header .wgl-form-coupon-toggle .checkout_coupon.woocommerce-form-coupon button.icon {
position: absolute;
bottom: 0;
left: 0;
background: unset;
border: unset;
border-radius: unset;
font-size: 20px;
font-weight: normal;
width: 30px;
height: 56px;
padding: 0;
margin-left: -11px;
color: #888888;
transform: scale(-1);
}
.wgl-theme-header .woocommerce-notices-wrapper .checkout_coupon.woocommerce-form-coupon button.icon:hover,
.wgl-theme-header .wgl-form-coupon-toggle .checkout_coupon.woocommerce-form-coupon button.icon:hover {
color: var(--bili-primary-color);
}
.wgl-theme-header .woocommerce-notices-wrapper .blockOverlay,
.wgl-theme-header .wgl-form-coupon-toggle .blockOverlay {
display: none !important;
}
.wgl-theme-header .wgl_notices_wrapper {
--height: 0;
--sticky-height: 0;
--mobile-sticky-height: 0;
transform: translateY(calc(var(--height) + var(--admin-bar-height)));
opacity: 0;
transition: 0.3s, opacity 0.3s 1s;
}
.wgl-theme-header .wgl_notices_wrapper.stick_top {
transform: translateY(var(--admin-bar-height));
}
.wgl-theme-header .sticky_active ~ .sticky_mobile ~ .wgl_notices_wrapper {
transform: translateY(calc(var(--mobile-sticky-height) + var(--admin-bar-height)));
}
@media (max-width: 600px) {
.wgl-theme-header .sticky_active ~ .sticky_mobile ~ .wgl_notices_wrapper {
    --admin-bar-height: 0.01px;
}
}
@media all and (max-width: 600px) {
.admin-bar .wgl-theme-header .wgl_notices_wrapper.stick_home {
    --admin-bar-height: 46px;
}
}
@media (min-width: 601px) {
.wgl-theme-header .sticky_active ~ .wgl_notices_wrapper {
    transform: translateY(calc(var(--sticky-height) + var(--admin-bar-height)));
}
}

.woocommerce.single-product #main-content > .woocommerce-notices-wrapper {
display: none;
}

/* ==================== ##Shop - Pagination ==================== */
.woocommerce nav.woocommerce-pagination {
margin: 40px 0 0 0;
padding: 0;
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
margin: -5px;
border: 0;
font-size: 0;
text-align: right;
white-space: nowrap;
list-style: none;
clear: both;
}
.woocommerce nav.woocommerce-pagination ul li {
float: none;
display: inline-block;
margin: 5px;
line-height: 1;
vertical-align: baseline;
border: 0;
padding: 0;
overflow: visible;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
position: relative;
background: unset;
cursor: default;
}
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:focus,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover {
background-color: unset;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.page-numbers,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers {
display: inline-block;
position: relative;
z-index: 1;
height: 60px;
min-width: 60px;
padding: 0 5px;
font-size: 20px;
line-height: 58px;
font-weight: 700;
text-align: center;
vertical-align: middle;
transition: 0.4s;
background: #232323;
color: var(--bili-secondary-color);
border: 1px solid #232323;
border-radius: 50px;
}
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:not(.current):hover {
border-color: rgba(var(--bili-secondary-rgb), 0.3);
background: transparent;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
border-color: rgba(var(--bili-secondary-rgb), 0.3);
background: transparent;
}
.woocommerce nav.woocommerce-pagination ul li a.next i {
transform: scaleX(-1);
}
.woocommerce nav.woocommerce-pagination ul li i {
font-style: normal;
display: inline-block;
vertical-align: middle;
transition: all 0.4s, color 0s;
font-size: 20px;
font-weight: 700;
}

/* ==================== ##Shop - Respond ==================== */
.woocommerce #comments {
padding-top: 0;
margin-top: 0;
margin-bottom: 0;
}

.woocommerce #reviews #comment {
height: 85px;
}
.woocommerce #reviews #comment .number-rating {
display: none;
}

.woocommerce #reviews #comments ol.commentlist li .meta-data::after {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li .raiting-meta-data {
display: block;
margin-top: 17px;
margin-bottom: 3px;
}
.woocommerce #reviews #comments ol.commentlist li .raiting-meta-data .number-rating {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
display: block;
float: none;
position: static;
top: 0;
right: 0;
width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
background: none;
box-shadow: none;
}

.woocommerce #comments ~ #review_form_wrapper #review_form {
border-radius: 3px;
}
.woocommerce #comments ~ #review_form_wrapper .form-submit {
margin-bottom: 0;
clear: both;
}
.woocommerce #comments ~ #review_form_wrapper .form-submit button.submit {
color: var(--bili-button-color-idle);
position: relative;
z-index: 1;
background: transparent;
text-transform: uppercase;
min-width: unset;
}
.woocommerce #comments ~ #review_form_wrapper .form-submit button.submit::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
right: 0;
width: 60px;
height: 60px;
border-radius: 50% 50% 50% 50%;
background-color: var(--bili-primary-color);
display: block;
transition: 0.4s;
}
.woocommerce #comments ~ #review_form_wrapper .form-submit button.submit:hover, .woocommerce #comments ~ #review_form_wrapper .form-submit button.submit:focus, .woocommerce #comments ~ #review_form_wrapper .form-submit button.submit:active {
color: var(--bili-button-color-hover);
}
.woocommerce #comments ~ #review_form_wrapper .form-submit button.submit:hover::before, .woocommerce #comments ~ #review_form_wrapper .form-submit button.submit:focus::before, .woocommerce #comments ~ #review_form_wrapper .form-submit button.submit:active::before {
width: 100%;
height: 100%;
border-radius: 32px 32px 32px 32px;
}
.woocommerce #comments ~ #review_form_wrapper #respond {
margin-top: 20px;
margin-bottom: 23px;
}
.woocommerce #comments ~ #review_form_wrapper #respond h3 {
margin-bottom: 11px;
}
.woocommerce #comments ~ #review_form_wrapper #respond p a {
margin-left: 9px;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform {
display: flex;
flex-wrap: wrap;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform > p,
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform > span,
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform > div {
width: 100%;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating {
order: 1;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-notes {
order: 2;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-author {
order: 3;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-email {
order: 4;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-comment {
order: 5;
margin: 0;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-cookies-consent {
order: 6;
font-size: 14px;
font-weight: 400;
margin-top: 13px;
margin-bottom: -2px;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .wpml_language_code {
order: 7;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .form-submit {
order: 8;
padding-top: 32px;
margin-bottom: 0;
clear: both;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform label:empty {
display: none;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating label {
display: inline-block;
margin-top: 0;
margin-left: 15px;
margin-bottom: 16px;
color: var(--bili-header-font-color);
font-size: 14px;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating label::after {
content: ":";
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform > p.comment-form-author, .woocommerce #comments ~ #review_form_wrapper #respond form#commentform > p.comment-form-email {
width: 50%;
float: right;
margin-bottom: 0;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform > p.comment-form-author input, .woocommerce #comments ~ #review_form_wrapper #respond form#commentform > p.comment-form-email input {
position: relative;
width: 100%;
}
@media (max-width: 767px) {
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform > p.comment-form-author, .woocommerce #comments ~ #review_form_wrapper #respond form#commentform > p.comment-form-email {
    width: 100%;
}
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform > p.comment-notes {
font-size: 14px;
margin-bottom: 12px;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform > p textarea {
position: relative;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating {
margin-top: 6px;
margin-bottom: 0;
padding-right: 15px;
padding-left: 15px;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating .stars {
display: inline-block;
height: 1em;
line-height: 1;
width: 6em;
font-size: 16px;
margin-right: 0;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating .stars > span {
display: flex;
height: inherit;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating .stars a {
margin-left: 0 !important;
vertical-align: baseline;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating .stars a:not(:last-child) {
padding-left: 1.2em;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating .stars a:before {
content: "\f11f";
font-family: "Flaticon";
color: #434343;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating .stars a:hover ~ a::before {
color: #434343 !important;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating .stars:hover a::before {
color: #888888 !important;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating .stars.selected a.active::before {
color: #888888;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating .stars.selected a.active ~ a::before {
color: #434343;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating .stars.selected a:not(.active)::before {
color: #888888;
}
.woocommerce #comments ~ #review_form_wrapper #respond form#commentform .comment-form-rating select {
display: none;
}

/* ==================== ##Shop - Tabs ==================== */
.woocommerce.single div.product .woocommerce-tabs {
text-align: right;
}
.woocommerce.single div.product .woocommerce-tabs:last-child .panel {
margin-bottom: 0 !important;
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs {
display: inline-block;
position: relative;
margin: 0;
font-size: 0;
overflow: visible;
border-radius: 0;
width: 100%;
text-align: right;
border-bottom: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs li {
display: inline-flex;
position: relative;
z-index: 2;
margin: 0;
padding: 0;
align-items: center;
flex-direction: column;
text-align: center;
cursor: pointer;
color: var(--bili-header-font-color);
background: transparent;
border-radius: 0;
border: unset;
transition: 0.3s ease-in-out;
}
@media (min-width: 768px) {
.woocommerce.single div.product .woocommerce-tabs ul.tabs li:not(:last-child) {
    margin-left: 6%;
}
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs li a {
font-family: var(--bili-content-font-family);
display: inline-block;
position: relative;
margin: 0;
padding: 33px 0;
font-size: 24px;
font-weight: 500;
line-height: 30px;
text-decoration: none;
opacity: 1;
color: #888888;
transition: color 0.3s;
z-index: 1;
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs li a::after {
content: "";
position: absolute;
bottom: -2px;
right: 0;
left: 0;
margin: auto;
height: 3px;
width: 33px;
background-color: var(--bili-header-font-color);
transition: 0.4s;
transform-origin: center center;
transform: scaleX(0);
}
@media (min-width: 768px) {
.woocommerce.single div.product .woocommerce-tabs ul.tabs li a::after {
    display: none;
}
}
@media (max-width: 767px) {
.woocommerce.single div.product .woocommerce-tabs ul.tabs li a::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    left: auto;
    top: 0;
    min-width: 768px;
    margin: auto;
}
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce.single div.product .woocommerce-tabs ul.tabs li a:hover {
opacity: 1;
color: var(--bili-header-font-color);
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs li.active a::after,
.woocommerce.single div.product .woocommerce-tabs ul.tabs li a:hover::after {
transform: scaleX(1);
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs li:before, .woocommerce.single div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs:before {
display: none;
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs .lavalamp-object {
position: absolute;
right: 0;
bottom: -2px;
width: 30px;
height: 3px;
border-width: 0;
border-radius: 0;
transition: 0.4s ease-in-out;
background-color: var(--bili-header-font-color);
opacity: 0;
pointer-events: none;
z-index: 3;
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs.lavalamp_animate .lavalamp-object {
opacity: 1;
}
@media (max-width: 767px) {
.woocommerce.single div.product .woocommerce-tabs ul.tabs {
    border-bottom: unset;
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs .lavalamp-object {
    display: none !important;
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs,
.woocommerce.single div.product .woocommerce-tabs ul.tabs li {
    display: block;
    width: 100%;
    overflow: visible;
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs a:before,
.woocommerce.single div.product .woocommerce-tabs ul.tabs li a:before {
    border-radius: 0;
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs li {
    border-bottom: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
}
.woocommerce.single div.product .woocommerce-tabs ul.tabs li a {
    padding: 20px 0;
    font-size: 20px;
}
}
.woocommerce.single div.product .woocommerce-tabs .panel {
margin-bottom: 40px;
padding: 36px 0 16px 0;
text-align: right;
}
.woocommerce.single div.product .woocommerce-tabs .panel > h2,
.woocommerce.single div.product .woocommerce-tabs .panel #comments > h2 {
display: none;
}
.woocommerce.single div.product .woocommerce-tabs .panel #comments .commentlist {
padding-top: 9px;
}
.woocommerce.single div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--description {
padding-right: 0;
padding-left: 0;
text-align: justify;
margin-bottom: 30px;
}
.woocommerce.single div.product .woocommerce-tabs .panel.woocommerce-Tabs-panel--additional_information {
padding-top: 30px;
margin-bottom: 27px;
}
.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes {
border: 0;
width: 100%;
}
.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes tr {
border: 0;
float: right;
width: 100%;
display: flex;
align-items: baseline;
}
.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes th {
display: flex;
flex: 1 1 auto;
align-items: baseline;
border: 0;
padding: 9px 0;
font-family: var(--bili-content-font-family);
font-size: 16px;
font-weight: 700;
margin-left: 0;
text-transform: uppercase;
letter-spacing: 0.1em;
width: 35%;
min-width: 35%;
background: transparent;
}
.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes th:after {
content: "";
flex: 1 1 auto;
border-top: 1px dashed rgba(var(--bili-secondary-rgb), 0.1);
margin-right: 25px;
}
.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes td {
font-style: normal;
text-align: left;
border: 0;
padding-right: 25px;
padding-left: 0;
color: var(--bili-header-font-color);
font-size: 16px;
line-height: 21px;
background: transparent;
}
.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes td p {
padding: 7px 0;
}
@media (max-width: 767px) {
.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes tr th::after {
    margin-right: 15px;
}
.woocommerce.single div.product .woocommerce-tabs .panel table.shop_attributes tr td {
    padding-right: 15px;
}
}

.woocommerce #reviews #comments ol.commentlist li:not(:last-child) {
margin-bottom: 0;
}

/* ==================== ##Woo Widgets ==================== */
.woocommerce .widget_price_filter .price_slider_wrapper {
position: relative;
margin-bottom: -8px;
z-index: 1;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
border-radius: unset;
height: 5px;
top: -2px;
background-color: var(--bili-primary-color);
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
top: 50%;
width: 15px;
height: 15px;
margin-right: -8px;
margin-top: -8px;
border-radius: 0;
background: none;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 3px;
height: 15px;
background-color: var(--bili-primary-color);
margin: auto;
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: 1px;
margin: 0 0 24px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .price_slider.ui-widget-content {
border: 0;
border-radius: 0;
margin-top: 30px;
background-color: #888888;
}
.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0;
line-height: 20px;
text-align: right;
}
.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
font-family: var(--bili-content-font-family);
font-size: 0;
line-height: 0;
font-weight: 700;
color: var(--bili-header-font-color);
order: -1;
}
.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label::before {
content: var(--wgl_price_label);
font-size: 16px;
margin-left: 8px;
color: var(--bili-header-font-color);
}
.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label span {
font-size: 16px;
line-height: 1;
}
.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .price_label span:last-child::before {
content: "-";
margin: 0 4px;
}
.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .button {
display: inline-flex;
align-items: center;
justify-content: center;
right: auto;
font-size: 14px;
font-weight: 700;
padding: 7px 0;
width: auto;
height: auto;
line-height: 20px;
color: var(--bili-primary-color);
background: unset;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .button:hover, .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .button:focus {
color: var(--bili-secondary-color);
background: unset;
}
.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .clear {
display: none;
}
.woocommerce .widget_product_categories > select {
margin-bottom: 1px;
}
.woocommerce .widget_product .product_list_widget {
margin-bottom: -3px;
}
.woocommerce .widget_product_search .woocommerce-product-search {
display: flex;
position: relative;
z-index: 1;
justify-content: center;
align-items: center;
margin-top: -14px;
margin-bottom: 0;
box-sizing: border-box;
transition: box-shadow 0.4s;
}
.woocommerce .widget_product_search .woocommerce-product-search [type=submit]:before {
content: "\f100";
position: absolute;
font-family: flaticon;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
padding: 0;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:before, .woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:after {
display: none;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a:before {
content: "";
background: var(--bili-primary-color);
border-color: var(--bili-primary-color);
margin-left: 0.618em;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a:hover {
color: red;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen > a .post_count {
color: inherit;
}
.woocommerce .widget_layered_nav_filters ul li a:before {
content: "";
display: inline-block;
color: #a3a3a3;
transition: 0.4s;
margin-left: 10px;
width: 6px;
height: 6px;
border: 2px solid currentColor;
border-radius: 50%;
}
.woocommerce .widget_layered_nav_filters ul li.chosen a {
color: var(--bili-primary-color);
}
.woocommerce .widget_layered_nav_filters ul li.chosen a:before {
border-color: var(--bili-primary-color);
}
.woocommerce .widget_layered_nav_filters ul li.chosen a:hover {
color: red;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-dropdown__submit {
font-family: var(--bili-content-font-family);
display: block;
margin-top: 19px;
margin-bottom: -6px;
margin-right: auto;
font-size: 14px;
font-weight: 700;
padding: 5px 0;
min-width: 57px;
text-align: center;
width: auto;
height: auto;
line-height: 20px;
color: var(--bili-primary-color);
background: unset;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-dropdown__submit:hover, .woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-dropdown__submit:focus {
color: var(--bili-secondary-color);
background: unset;
}

.product_list_widget .product-title {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
transition: color 0.3s;
}
.product_list_widget li .star-rating {
margin: 5px 0 5px;
font-size: 10px;
}
.product_list_widget ins {
text-decoration: none;
}
.product_list_widget .woocommerce-Price-amount {
font-family: var(--bili-content-font-family);
margin-top: 8px;
font-size: 16px;
font-weight: 500;
transition: 0.3s;
}
.product_list_widget .reviewer {
display: block;
margin-top: -5px;
font-size: 14px;
line-height: 24px;
font-style: normal;
font-weight: 700;
color: var(--bili-primary-color);
}

.woocommerce ul.product_list_widget {
margin-bottom: 4px;
}
.woocommerce .title-wrapper + ul.product_list_widget {
margin-top: 24px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a {
padding: 4px 0 3px;
}

/* Prevent default WC animation */
.blockUI.blockOverlay {
background-color: rgb(24, 24, 24) !important;
}

.widget_shopping_cart .blockUI.blockOverlay {
background-color: transparent !important;
}

/* ==================== ##Shop - Responsive ==================== */
@media (min-width: 1024px) and (max-width: 1199px) {
.sidebar_left .columns-3 > div.wgl-products, .sidebar_right .columns-3 > div.wgl-products {
    --products-width: 50%;
}
}
@media (max-width: 1199px) {
.woocommerce-mini-cart__buttons.buttons {
    display: block;
}
.woocommerce.widget_shopping_cart .buttons a,
.woocommerce .widget_shopping_cart .buttons a {
    width: 100%;
}
}
@media (max-width: 1023px) {
.woocommerce-mini-cart__buttons.buttons {
    display: flex;
}
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
    margin-left: 10px;
    margin-bottom: 0;
    width: auto;
}
div.wgl-products div.product .picture img,
.woocommerce .products div.wgl-products div.product .picture img {
    border-radius: 3px;
}
div.wgl-products div.product .picture .woo_post-link,
.woocommerce .products div.wgl-products div.product .picture .woo_post-link {
    opacity: 1 !important;
}
div.wgl-products div.product .wgl_woo_button_wrapper,
.woocommerce .products div.wgl-products div.product .wgl_woo_button_wrapper {
    top: auto;
    left: 5px;
    bottom: 5px;
    right: auto;
}
div.wgl-products div.product a.button,
.woocommerce .products div.wgl-products div.product a.button {
    opacity: 1;
    visibility: visible;
    font-size: 0;
    width: 45px;
    height: 45px;
    padding: 0;
    min-width: unset;
}
div.wgl-products div.product a.button::before,
.woocommerce .products div.wgl-products div.product a.button::before {
    display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto !important;
    line-height: 45px;
}
div.wgl-products div.product a.button::after,
.woocommerce .products div.wgl-products div.product a.button::after {
    margin: 0 2px 0 0;
    height: 45px;
}
div.wgl-products div.product a.button.loading::after,
.woocommerce .products div.wgl-products div.product a.button.loading::after {
    height: 45px;
    margin: 0;
}
div.wgl-products div.product a.button.added,
.woocommerce .products div.wgl-products div.product a.button.added {
    opacity: 1;
    transform: unset;
    filter: unset;
    transition: 0.3s ease-in-out;
}
div.wgl-products div.product a.button.added::after,
.woocommerce .products div.wgl-products div.product a.button.added::after {
    margin: 0 2px 0 0;
    height: 45px;
}
div.wgl-products div.product a.button.added + .added_to_cart,
.woocommerce .products div.wgl-products div.product a.button.added + .added_to_cart {
    display: none !important;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.sidebar_left .columns-3 > div.wgl-products, .sidebar_right .columns-3 > div.wgl-products {
    --products-width: 50%;
}
}
@media (max-width: 992px) {
.columns-4 div.wgl-products {
    --products-width: 50%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
}
body.woocommerce-checkout .woocommerce-order .woocommerce-customer-details,
body.woocommerce-checkout .woocommerce-order .woocommerce-order-details {
    width: 100%;
}
body.woocommerce-checkout .woocommerce-order .woocommerce-order-details {
    margin-bottom: 50px;
}
body.woocommerce-checkout form.woocommerce-checkout > div,
body.woocommerce-checkout form.woocommerce-checkout > .col2-set,
body.woocommerce-checkout form.woocommerce-checkout > #order_review_heading,
body.woocommerce-checkout form.woocommerce-checkout > #order_review {
    width: 100%;
    max-width: unset;
}
}
@media (max-width: 992px) and (max-width: 992px) {
body.woocommerce-checkout form.woocommerce-checkout > .col2-set {
    margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.wgl-products-wrapper div.wgl-products {
    --products-width: 50%;
}
.woocommerce table.shop_table_responsive.cart tr td.actions .coupon .input-text,
.woocommerce-page table.shop_table_responsive.cart tr td.actions .coupon .input-text {
    float: none;
}
.woocommerce-cart-form__contents td.actions .coupon .button.alt,
.woocommerce-cart-form__contents td.actions .coupon .input-text + .button {
    float: none !important;
}
.woocommerce .cart-collaterals .cross-sells div.wgl-products,
.woocommerce-page .cart-collaterals .cross-sells div.wgl-products {
    --products-width: 50%;
}
.woocommerce table.cart td.actions .button,
.woocommerce table.cart td.actions .coupon .button,
.woocommerce #content table.cart td.actions .button,
.woocommerce #content table.cart td.actions .coupon .button,
.woocommerce-page table.cart td.actions .button,
.woocommerce-page table.cart td.actions .coupon .button,
.woocommerce-page #content table.cart td.actions .button,
.woocommerce-page #content table.cart td.actions .coupon .button {
    display: block;
    width: auto;
}
.woocommerce table.shop_table_responsive tr td.product-name,
.woocommerce-page table.shop_table_responsive tr td.product-name {
    font-size: 18px;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
    font-family: var(--bili-content-font-family);
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}
.woocommerce table.shop_table_responsive tr.order-total td::before,
.woocommerce-page table.shop_table_responsive tr.order-total td::before {
    font-weight: 700;
}
.woocommerce table.shop_table_responsive.cart tr,
.woocommerce-page table.shop_table_responsive.cart tr {
    box-shadow: unset;
    margin-bottom: 20px;
    padding: 0 0 11px;
    position: relative;
    border-radius: 0;
}
.woocommerce table.shop_table_responsive.cart tr.cart_item,
.woocommerce-page table.shop_table_responsive.cart tr.cart_item {
    border-bottom: 1px solid rgba(var(--bili-secondary-rgb), 0.3);
}
.woocommerce table.shop_table_responsive.cart tr td,
.woocommerce-page table.shop_table_responsive.cart tr td {
    padding: 7px 0;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent !important;
    border: unset;
}
.woocommerce table.shop_table_responsive.cart tr td.product-name,
.woocommerce-page table.shop_table_responsive.cart tr td.product-name {
    display: block;
}
.woocommerce table.shop_table_responsive.cart tr td.product-name .variation,
.woocommerce-page table.shop_table_responsive.cart tr td.product-name .variation {
    margin-top: 10px;
    font-size: 0.8em;
}
.woocommerce table.shop_table_responsive.cart tr td.product-quantity,
.woocommerce-page table.shop_table_responsive.cart tr td.product-quantity {
    padding: 2px 0;
}
.woocommerce table.shop_table_responsive.cart tr td.product-quantity .quantity .quantity-wrapper,
.woocommerce-page table.shop_table_responsive.cart tr td.product-quantity .quantity .quantity-wrapper {
    height: 40px;
    padding: 0;
}
.woocommerce table.shop_table_responsive.cart tr td.product-quantity .quantity .quantity-wrapper .qty,
.woocommerce-page table.shop_table_responsive.cart tr td.product-quantity .quantity .quantity-wrapper .qty {
    height: 40px;
}
.woocommerce table.shop_table_responsive.cart tr td.product-remove a,
.woocommerce-page table.shop_table_responsive.cart tr td.product-remove a {
    position: absolute;
    left: 20px;
    top: 40px;
}
.woocommerce table.shop_table_responsive.cart tr td.product-thumbnail,
.woocommerce-page table.shop_table_responsive.cart tr td.product-thumbnail {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 15px;
}
.woocommerce table.shop_table_responsive.cart tr td.product-thumbnail:before,
.woocommerce-page table.shop_table_responsive.cart tr td.product-thumbnail:before {
    display: none;
}
.woocommerce table.shop_table_responsive.cart tr td.actions,
.woocommerce-page table.shop_table_responsive.cart tr td.actions {
    padding-top: 10px;
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    width: 100%;
}
.woocommerce table.shop_table_responsive.cart tr td.actions .coupon,
.woocommerce-page table.shop_table_responsive.cart tr td.actions .coupon {
    padding: 0;
}
.woocommerce table.shop_table_responsive.cart tr td.actions .coupon .input-text,
.woocommerce-page table.shop_table_responsive.cart tr td.actions .coupon .input-text {
    margin-bottom: 10px;
}
.woocommerce table.shop_table_responsive.cart tr td.actions input,
.woocommerce-page table.shop_table_responsive.cart tr td.actions input {
    margin-bottom: 10px;
    width: 100% !important;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    margin-bottom: 0;
}
.woocommerce form.checkout_coupon .form-row.form-row-last,
.woocommerce-page form.checkout_coupon .form-row.form-row-last {
    padding-right: 0;
}
.woocommerce form.checkout_coupon .form-row.form-row-last button,
.woocommerce-page form.checkout_coupon .form-row.form-row-last button {
    width: 100%;
}
.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table thead th.product-name,
.woocommerce table.shop_table tfoot tr th {
    padding-right: 0;
}
body.woocommerce-checkout #order_review table.shop_table td.product-name,
body.woocommerce-checkout .woocommerce-order-details table.shop_table td.product-name {
    padding-right: 20px;
}
.woocommerce .col2-set {
    float: right;
    width: 100%;
    margin-left: 0;
}
.woocommerce #order_review_heading,
.woocommerce #order_review {
    width: 100%;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    width: auto;
    margin-bottom: 0;
}
#add_payment_method .cart-collaterals .shipping-calculator-form,
.woocommerce-cart .cart-collaterals .shipping-calculator-form,
.woocommerce-checkout .cart-collaterals .shipping-calculator-form {
    margin-right: 0;
}
}
@media (min-width: 380px) and (max-width: 599px) {
div.wgl-products div.product .price,
div.wgl-products .woocommerce-loop-category__title,
div.wgl-products .woocommerce-loop-product__title,
.woocommerce .products div.wgl-products div.product .price,
.woocommerce .products div.wgl-products .woocommerce-loop-category__title,
.woocommerce .products div.wgl-products .woocommerce-loop-product__title {
    font-size: 18px;
}
div.wgl-products .woo_product_content,
.woocommerce .products div.wgl-products .woo_product_content {
    padding: 16px 0 15px;
}
}
@media (max-width: 600px) {
.woocommerce table.shop_table_responsive.cart tr td.actions .coupon,
.woocommerce-page table.shop_table_responsive.cart tr td.actions .coupon {
    max-width: unset;
    width: 100%;
    margin: 60px 0 0;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
    max-width: unset;
    margin-top: 30px;
}
}
@media (max-width: 599px) {
.woocommerce form.checkout_coupon .form-row {
    width: 100%;
}
.wgl-woocommerce-sorting {
    display: block;
    margin-bottom: 30px;
}
.wgl-woocommerce-sorting p.woocommerce-result-count {
    width: 100%;
    margin: 0 0 5px 0;
    text-align: left;
}
.wgl-woocommerce-sorting form.woocommerce-ordering {
    width: 100%;
}
.woocommerce table.shop_attributes th {
    width: auto;
}
.woocommerce-cart-form__contents #coupon_code {
    margin-bottom: 9px;
}
.woocommerce-cart-form__contents #coupon_code,
.woocommerce-cart-form__contents #coupon_code + .button {
    width: 100%;
}
body.woocommerce-account .form-row-first,
body.woocommerce-account .form-row-last,
body.woocommerce-checkout .form-row-first,
body.woocommerce-checkout .form-row-last {
    width: 100%;
}
.wgl_module_message_box.woocommerce-message .message_text {
    display: flex;
    flex-direction: column;
}
.wgl_module_message_box.woocommerce-message a.button {
    margin: 15px 0 0 0;
}
}
@media (max-width: 426px) {
.woocommerce form.checkout_coupon .cart-collaterals .woocommerce-shipping-destination,
.woocommerce form.checkout_coupon .cart-collaterals .woocommerce-shipping-calculator,
.woocommerce form.login .cart-collaterals .woocommerce-shipping-destination,
.woocommerce form.login .cart-collaterals .woocommerce-shipping-calculator,
.woocommerce form.register .cart-collaterals .woocommerce-shipping-destination,
.woocommerce form.register .cart-collaterals .woocommerce-shipping-calculator,
.woocommerce .cart-collaterals .woocommerce-shipping-destination,
.woocommerce .cart-collaterals .woocommerce-shipping-calculator,
.woocommerce-page .cart-collaterals .woocommerce-shipping-destination,
.woocommerce-page .cart-collaterals .woocommerce-shipping-calculator {
    margin-right: 0;
}
.woocommerce form.checkout_coupon table.cart td.actions .coupon .input-text,
.woocommerce form.checkout_coupon #content table.cart td.actions .coupon .input-text,
.woocommerce form.login table.cart td.actions .coupon .input-text,
.woocommerce form.login #content table.cart td.actions .coupon .input-text,
.woocommerce form.register table.cart td.actions .coupon .input-text,
.woocommerce form.register #content table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce #content table.cart td.actions .coupon .input-text,
.woocommerce-page table.cart td.actions .coupon .input-text,
.woocommerce-page #content table.cart td.actions .coupon .input-text {
    width: 180px;
}
.woocommerce form.checkout_coupon table.cart td.actions .coupon .input-text + .button,
.woocommerce form.checkout_coupon #content table.cart td.actions .coupon .input-text + .button,
.woocommerce form.login table.cart td.actions .coupon .input-text + .button,
.woocommerce form.login #content table.cart td.actions .coupon .input-text + .button,
.woocommerce form.register table.cart td.actions .coupon .input-text + .button,
.woocommerce form.register #content table.cart td.actions .coupon .input-text + .button,
.woocommerce table.cart td.actions .coupon .input-text + .button,
.woocommerce #content table.cart td.actions .coupon .input-text + .button,
.woocommerce-page table.cart td.actions .coupon .input-text + .button,
.woocommerce-page #content table.cart td.actions .coupon .input-text + .button {
    margin-right: 0;
}
.woocommerce form.checkout_coupon form.checkout_coupon,
.woocommerce form.checkout_coupon form.login,
.woocommerce form.checkout_coupon form.register,
.woocommerce form.login form.checkout_coupon,
.woocommerce form.login form.login,
.woocommerce form.login form.register,
.woocommerce form.register form.checkout_coupon,
.woocommerce form.register form.login,
.woocommerce form.register form.register,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-page form.checkout_coupon,
.woocommerce-page form.login,
.woocommerce-page form.register {
    padding: 20px 20px 5px;
}
}
@media (max-width: 379px) {
.woocommerce .cart-collaterals .cross-sells div.wgl-products,
.woocommerce-page .cart-collaterals .cross-sells div.wgl-products {
    --products-width: 100%;
}
.wgl-products-wrapper div.wgl-products,
.woocommerce .wgl-products-wrapper div.wgl-products {
    --products-width: 100%;
}
}
/* ==================== ##WooCommerce Styles ==================== */
/* ==================== ↓ ##Content Font Styles ↓ ==================== */
.woocommerce table.cart td.actions .coupon .input-text,
.woocommerce div.product form.cart div.quantity label.label-qty,
.woocommerce.single div.product .woocommerce-tabs ul.tabs li a .count,
body .select2-container {
font-family: var(--bili-content-font-family);
}

#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination,
.woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination {
color: var(--bili-content-color);
}

/* ==================== ↑ content font styles ↑ ==================== */
/* ===================== ↓ ##Header Font Styles ↓ ====================== */
.woocommerce-page .cart-collaterals .cart_totals table th,
.woocommerce table.shop_table td.product-name,
.woocommerce table.shop_table td.product-name a:hover,
.woocommerce-tabs .comment-reply-title,
.woocommerce table.shop_table tfoot tr th,
#add_payment_method .wc-proceed-to-checkout .button__wrapper .checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout .button__wrapper .checkout-button,
.woocommerce div.product .woocommerce-tabs .panel table.shop_attributes th,
.woocommerce div.product form.cart .reset_variations:before,
.woocommerce div.product form.cart .group_table tr td label,
.woocommerce table.shop_table_responsive tr td:before,
.woocommerce-page table.shop_table_responsive tr td:before,
.product_meta > span a:hover,
.woocommerce .summary .product_meta > span span.title,
.woocommerce .widget_shopping_cart .total {
color: var(--bili-header-font-color);
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: var(--bili-tertiary-color);
}

.woocommerce form .form-row .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: var(--bili-header-font-color) transparent transparent transparent;
}

/* ==================== ↑ header font styles ↑ ==================== */
/* =================== ↓ ##Subtitle Styles ↓ =================== */
.checkout.woocommerce-checkout #ship-to-different-address,
.checkout.woocommerce-checkout #ship-to-different-address span {
font-family: var(--bili-header-font-family);
}

/* ==================== ↓ Primary Color Styles ==================== */
div.wgl-products .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.product_list_widget .price,
.woocommerce .woo_mini_cart ul.cart_list li.mini_cart_item.woocommerce-mini-cart-item .quantity .amount,
.woocommerce-mini-cart__total .woocommerce-Price-amount,
.woocommerce table.shop_table .woocommerce-Price-amount.amount,
.woocommerce table.shop_table td.product-total .woocommerce-Price-amount.amount {
color: var(--bili-primary-color);
}

div.wgl-products div.product-category a:hover h2,
.woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount .button:before,
.wgl-theme-header .wgl-woo_mini_cart .header_cart-heading_description:after,
.woocommerce-review-link:hover,
.product_list_widget li a:hover .product-title,
.woocommerce .woocommerce-cart-form__cart-item .product-thumbnail img,
.woocommerce div.product .woocommerce-product-gallery .flex-viewport,
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper,
.woocommerce .cart-collaterals .cart_totals > h2:after,
.woocommerce-page .cart-collaterals .cart_totals > h2:after,
.wgl_module_message_box a:hover,
#add_payment_method #payment div.payment_box:before,
.woocommerce-cart #payment div.payment_box:before {
color: var(--bili-primary-color);
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box {
background-color: var(--bili-primary-color);
}

.wgl-theme-header .mini-cart a.woo_icon:before {
border-color: var(--bili-primary-color);
}
/* ==================== ##WPML ==================== */
body .wpml-ls a span:focus {
    outline: none;
}

body li.wpml-ls-menu-item ul li a {
    width: auto;
}

.wgl-theme-header [class^=position_right] .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    left: 0;
    right: auto;
}

.sitepress_container > .wpml-ls {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    z-index: 1;
}
.sitepress_container > .wpml-ls > ul,
.sitepress_container > .wpml-ls > ul > li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.sitepress_container > .wpml-ls > ul > li:before {
    display: none;
}
.sitepress_container > .wpml-ls li a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    z-index: 1;
    box-sizing: border-box;
}
.sitepress_container > .wpml-ls li a:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.sitepress_container > .wpml-ls li a .wpml-ls-flag {
    width: 20px;
    height: 20px;
}

body .wpml-ls-legacy-dropdown {
    width: auto;
    text-align: center;
}
body .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu,
body .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}
body .wpml-ls-legacy-dropdown .wpml-ls-current-language a:hover {
    background: none;
    border: 0;
    color: inherit !important;
}
body .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
    background: none;
    border: 0;
    color: inherit !important;
}
body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border-top: 0;
    padding: 0 0;
    margin-top: 0;
    min-width: 200px;
    box-sizing: border-box;
    text-align: right;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in;
    top: calc(100% + 15px);
    box-shadow: -11px 10px 38px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0;
}
body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item:before {
    display: none;
}
body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a {
    padding: 11px 30px;
    width: 100%;
    line-height: inherit;
    position: relative;
    transition: color 0.45s, opacity 0.45s, background 0.45s;
    border-radius: 0;
}
body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:after {
    display: block;
    content: "";
    height: 0%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    transition: all 0.35s ease;
    z-index: -1;
    pointer-events: none;
}
body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover {
    color: #fff !important;
}
body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover:after {
    height: 100%;
}
body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a span {
    position: relative;
}
body .wpml-ls-legacy-dropdown .wpml-ls-sub-menu:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -10px;
    right: 0;
    width: 100%;
    height: 10px;
}
body .wpml-ls-legacy-dropdown a {
    background: none;
    border: 0;
    color: inherit;
}
body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    padding: 5px 0;
    line-height: 0;
}
body .wpml-ls-legacy-dropdown a:hover {
    color: inherit;
    background: none;
    transition: 0s;
}
body .wpml-ls-legacy-dropdown a:active {
    color: inherit;
    background: none;
    transition: 0s;
}
body .wpml-ls-legacy-dropdown a:visited {
    color: inherit;
    background: none;
    transition: 0s;
}
body .wpml-ls-legacy-dropdown a:link {
    color: inherit;
    background: none;
    transition: 0s;
}
body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    display: none;
}
body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle > span {
    padding-left: 14px;
}
body .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle > span:after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "\f101";
    font-family: Flaticon;
    font-size: 9px;
    vertical-align: middle;
    font-weight: 400;
    transform: translateY(-50%) rotate(0deg);
    transition: all 0.45s;
    color: #b9b9b9;
}
/* ==================== ##Responsive ==================== */
@media (max-width: 1545px) {
    header > :not(.wgl-mobile-header) nav.primary-nav > ul {
    padding-right: 10px;
    padding-left: 10px;
    }
    header > :not(.wgl-mobile-header) nav.primary-nav > ul > li > a {
    padding-right: 29px;
    padding-left: 13px;
    }
}
@media (max-width: 1300px) {
    .elementor-widget-wgl-blog .blog_columns-4 .item {
    width: 33.333333%;
    }
    .elementor-widget-wgl-blog .blog_columns-4:not(.masonry) .item:nth-child(4n+1) {
    clear: none;
    }
    .elementor-widget-wgl-blog .blog_columns-4:not(.masonry) .item:nth-child(3n+1) {
    clear: right;
    }
}
@media (min-width: 1280px) {
    .text_desktop {
    font-size: inherit !important;
    line-height: inherit !important;
    }
}
@media (max-width: 1250px) {
    header > :not(.wgl-mobile-header) nav.primary-nav > ul {
    padding-right: 15px;
    padding-left: 15px;
    }
    header > :not(.wgl-mobile-header) nav.primary-nav > ul > li > a {
    padding-right: 26px;
    padding-left: 10px;
    }
}
@media (min-width: 1200px) {
    .d-xl-block {
    display: block;
    }
    .d-xl-none {
    display: none;
    }
}
@media (max-width: 1200px) {
    body.elementor-default.single main .wgl-container,
.wgl-container {
    width: 950px;
    }
    body.elementor-default.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar,
body.elementor-editor-active main .wgl-container.wgl-content-sidebar,
body.elementor-editor-preview main .wgl-container.wgl-content-sidebar {
    width: 950px;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default .blog-posts .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-default .wgl_cpt_section .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active .blog-posts .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active .wgl_cpt_section .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview .blog-posts .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview .wgl_cpt_section .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default {
    width: 980px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-narrow {
    width: 960px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-extended {
    width: 980px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wide {
    width: 990px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wider {
    width: 1010px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-default .elementor-section-boxed .elementor-container .elementor-section-full_width .elementor-container,
body.elementor-editor-active .elementor-section-boxed .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-editor-active .elementor-section-boxed .elementor-container .elementor-section-full_width .elementor-container,
body.elementor-editor-preview .elementor-section-boxed .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-editor-preview .elementor-section-boxed .elementor-container .elementor-section-full_width .elementor-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    }
    body.elementor-default .elementor-section-full_width .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-default .elementor-section-full_width .elementor-container .elementor-section-full_width .elementor-container,
body.elementor-editor-active .elementor-section-full_width .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-editor-active .elementor-section-full_width .elementor-container .elementor-section-full_width .elementor-container,
body.elementor-editor-preview .elementor-section-full_width .elementor-container .elementor-section-boxed .elementor-container,
body.elementor-editor-preview .elementor-section-full_width .elementor-container .elementor-section-full_width .elementor-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar, body.elementor-default.single main .wgl-container:not(.wgl-content-sidebar) {
    padding-left: 0;
    padding-right: 0;
    }
    header .wgl-logotype-container .logo-name {
    text-align: center;
    font-size: 24px;
    }
    .row:after {
    clear: both;
    }
}
@media (min-width: 1024px) {
    .text_tablet {
    font-size: inherit !important;
    line-height: inherit !important;
    }
}
@media (max-width: 1024px) {
    .row .wgl_col-6,
.row .wgl_col-5,
.row .wgl_col-4,
.row .wgl_col-3,
.row .wgl_col-1-5,
.row .wgl_col-1-6 {
    width: 50%;
    }
    .row .sidebar-container.wgl_col-3,
.row .sidebar-container.wgl_col-4,
.row #main-content.wgl_col-8,
.row #main-content.wgl_col-9 {
    width: 100%;
    }
    .row .row .wgl_col-md-12 {
    width: 100%;
    }
    .row.sidebar_right .sidebar-container {
    padding-right: 15px !important;
    }
    .row.sidebar_left .sidebar-container {
    padding-left: 15px !important;
    }
    .footer .row .wgl_col-3 {
    margin-bottom: 30px;
    }
    .page_404_wrapper {
    background-image: none !important;
    }
    .single-team .single_team_page .team-single_wrapper {
    background-size: 20%;
    }
}
@media (min-width: 992px) {
    .d-lg-block {
    display: block;
    }
    .d-lg-none {
    display: none;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    #comments .commentlist .comment .children .stand_comment {
    padding-right: 90px;
    }
    #comments .commentlist .comment .children .stand_comment .commentava {
    right: -70px;
    width: 50px;
    height: 50px;
    }
}
@media (max-width: 992px) {
    body.elementor-default.single main .wgl-container,
.wgl-container {
    width: 708px;
    }
    body.elementor-default.single main .wgl-container .elementor-section-boxed .elementor-container,
.wgl-container .elementor-section-boxed .elementor-container {
    width: 708px;
    }
    body.elementor-default.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar,
body.elementor-editor-active main .wgl-container.wgl-content-sidebar,
body.elementor-editor-preview main .wgl-container.wgl-content-sidebar {
    width: 708px;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default {
    width: 738px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-narrow {
    width: 718px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-extended {
    width: 738px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wide {
    width: 748px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wider {
    width: 768px;
    }
    .page-header_content .page-header_title,
.page-header_content .page-header_breadcrumb {
    display: block;
    }
    .page-header_align_left .page-header_breadcrumbs {
    text-align: right;
    }
    .header_search.search_alt .header_search-field .header_search-wrap .header_search-heading_bg {
    font-size: 125px;
    line-height: 0.24;
    margin-right: -74px;
    }
    .blog-posts .grid.blog_columns-3 .item, .blog-posts .grid.blog_columns-4 .item,
.blog-posts .masonry.blog_columns-3 .item,
.blog-posts .masonry.blog_columns-4 .item {
    width: 50%;
    }
    .blog-posts .grid.blog_columns-3:not(.masonry) .item:nth-child(3n+1), .blog-posts .grid.blog_columns-4:not(.masonry) .item:nth-child(3n+1),
.blog-posts .masonry.blog_columns-3:not(.masonry) .item:nth-child(3n+1),
.blog-posts .masonry.blog_columns-4:not(.masonry) .item:nth-child(3n+1) {
    clear: none;
    }
    .blog-posts .grid.blog_columns-3:not(.masonry) .item:nth-child(2n+1), .blog-posts .grid.blog_columns-4:not(.masonry) .item:nth-child(2n+1),
.blog-posts .masonry.blog_columns-3:not(.masonry) .item:nth-child(2n+1),
.blog-posts .masonry.blog_columns-4:not(.masonry) .item:nth-child(2n+1) {
    clear: right;
    }
}
@media (min-width: 799px) {
    .text_mobile {
    font-size: inherit !important;
    line-height: inherit !important;
    }
}
@media (max-width: 768px) {
    .page-header_content .page-header_title + .page-header_breadcrumb {
    padding-top: 5px;
    }
    .page-header_content .breadcrumbs {
    white-space: normal;
    }
}
@media (min-width: 768px) {
    .row .wgl_col-12 {
    width: 100%;
    }
    .row .wgl_col-11 {
    width: 91.66666667%;
    }
    .row .wgl_col-10 {
    width: 83.33333333%;
    }
    .row .wgl_col-9 {
    width: 75%;
    }
    .row .wgl_col-8 {
    width: 66.66666667%;
    }
    .row .wgl_col-7 {
    width: 58.33333333%;
    }
    .row .wgl_col-6 {
    width: 50%;
    }
    .row .wgl_col-5 {
    width: 41.66666667%;
    }
    .row .wgl_col-4 {
    width: 33.33333333%;
    }
    .row .wgl_col-3 {
    width: 25%;
    }
    .row .wgl_col-1-5 {
    width: 20%;
    }
    .row .wgl_col-1-6 {
    width: 16.66%;
    }
    .row .wgl_col-2 {
    width: 16.66666667%;
    }
    .row .wgl_col-1 {
    width: 8.33333333%;
    }
}
@media (max-width: 767px) {
    .row .wgl_col-6,
.row .wgl_col-5,
.row .wgl_col-4,
.row .wgl_col-3,
.row .wgl_col-1-5,
.row .wgl_col-1-6 {
    width: 100%;
    }
    .copyright {
    text-align: center;
    }
    .bili-post-navigation .separator_post-nav {
    display: none;
    }
    .wgl-container,
body.elementor-default.single main .wgl-container {
    width: 560px;
    }
    .wgl-container .elementor-section-boxed .elementor-container,
body.elementor-default.single main .wgl-container .elementor-section-boxed .elementor-container {
    width: 560px;
    }
    body.elementor-default.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar,
body.elementor-editor-active main .wgl-container.wgl-content-sidebar,
body.elementor-editor-preview main .wgl-container.wgl-content-sidebar {
    width: 560px;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default {
    width: 590px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-narrow {
    width: 570px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-extended {
    width: 590px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wide {
    width: 600px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wider {
    width: 620px;
    }
    .footer_top-area .row [class*=wgl_col-] + [class*=wgl_col-] {
    margin-top: 35px;
    }
    .sidebar-container {
    padding-top: 35px;
    }
    #comments .commentlist .comment .stand_comment,
#comments .commentlist .comment .children .stand_comment {
    padding-right: 70px;
    }
    #comments .commentlist .comment .children .comment {
    margin-right: 30px;
    }
    #comments .commentlist .comment .commentava,
#comments .commentlist .comment .children .stand_comment .commentava {
    right: -68px;
    height: 50px;
    width: 50px;
    }
    .mobile_text_center,
.mobile-acenter {
    text-align: center;
    }
    .resp_align_center {
    text-align: center !important;
    }
    .coming-soon.row .wgl_col-9 {
    width: 75%;
    }
    .coming-soon.row .wgl_col-3 {
    width: 25%;
    }
    .wgl_module_subtitle-wrapper .filter-after_subtite {
    text-align: right;
    }
    .wgl-products .product .woo_product_image .group_button-woo {
    visibility: visible;
    opacity: 1;
    }
    .wgl-products .product .woo_product_image .group_button-woo > * {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    }
    .blog-style-standard.blog_columns-1 .format-link .blog-post_media_part {
    margin-bottom: 0;
    }
    .blog-style-standard.blog_columns-1 .format-audio .blog-post_media {
    margin-bottom: 30px;
    }
    .blog-style-standard.blog_columns-1 .blog-post_media .post_categories {
    top: 30px;
    right: 30px;
    }
    .blog-style-standard.blog_columns-1 .hide_media .blog-post_content {
    padding: 20px;
    }
    .blog-style-standard.blog_columns-1 .blog-post {
    margin-bottom: 50px;
    }
    .blog-posts .grid.blog_columns-3 .item, .blog-posts .grid.blog_columns-4 .item, .blog-posts .masonry.blog_columns-3 .item, .blog-posts .masonry.blog_columns-4 .item {
    width: 100%;
    }
    .blog-posts .grid.blog_columns-3:not(.masonry) .item:nth-child(2n+1), .blog-posts .grid.blog_columns-4:not(.masonry) .item:nth-child(2n+1), .blog-posts .masonry.blog_columns-3:not(.masonry) .item:nth-child(2n+1), .blog-posts .masonry.blog_columns-4:not(.masonry) .item:nth-child(2n+1) {
    clear: none;
    }
    .blog_columns-1 .format-audio.blog-post .blog-post_media .blog-post_media_part:not(:empty) {
    padding-bottom: 150px;
    }
    .blog-posts .blog-post_title {
    font-size: 22px;
    line-height: 1.6;
    }
    .single_type-1 .blog-post.blog-post-single-item .blog-post_content .blog-post_title,
.single_type-2 .blog-post.blog-post-single-item .blog-post_content .blog-post_title {
    font-size: 28px;
    margin-bottom: 15px;
    }
    .single_type-1 .blog-post.blog-post-single-item .blog-post_content .post_meta-wrap {
    margin-bottom: 32px;
    }
    .single_type-2 .blog-post.blog-post-single-item .blog-post_content .post_meta-wrap {
    margin-bottom: 7px;
    }
    .post_featured_bg .blog-post_title {
    font-size: 30px;
    }
    .post_featured_bg .meta_wrapper {
    margin-bottom: 35px;
    }
    .wp-block-quote.is-large,
.wp-block-quote.is-style-large {
    margin-right: 20px;
    }
}
@media (max-width: 600px) {
    body.elementor-default.single main .wgl-container,
.wgl-container {
    width: 420px;
    }
    body.elementor-default.single main .wgl-container .elementor-section-boxed .elementor-container,
.wgl-container .elementor-section-boxed .elementor-container {
    width: 420px;
    }
    body.elementor-default.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar,
body.elementor-editor-active main .wgl-container.wgl-content-sidebar,
body.elementor-editor-preview main .wgl-container.wgl-content-sidebar {
    width: 420px;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default {
    width: 450px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-narrow {
    width: 430px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-extended {
    width: 450px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wide {
    width: 460px;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wider {
    width: 480px;
    }
    div[id*=wpadminb] {
    top: -46px !important;
    }
    .banner_404 {
    font-size: 160px;
    }
    #sb_instagram .sbi_photo {
    padding-bottom: 100%;
    height: 0 !important;
    }
    #sb_instagram #sbi_images .sbi_item {
    width: 33.333333% !important;
    }
    #sb_instagram #sbi_images .sbi_item:nth-child(even) {
    margin-top: 0 !important;
    }
    #sb_instagram .sbi_photo:after {
    font-size: 40px;
    }
    .single-team .single_team_page .team-info_item h5 + span,
.single-team .single_team_page .team-info_item h5 + a {
    display: block;
    margin-right: unset;
    }
    body .author-info_wrapper {
    flex-direction: column;
    text-align: center;
    padding: 30px;
    }
    body .author-info_avatar {
    margin: 0 auto 20px;
    }
    body .author-info_content {
    margin: 0;
    }
    #comments .commentlist .comment .stand_comment,
#comments .commentlist .comment .children .stand_comment {
    padding-left: 20px;
    }
    #comments .commentlist .comment .children .comment {
    margin-right: 15px;
    }
    #comments .commentlist .comment_info {
    padding-left: 10px;
    }
    #comments .commentlist .comment_author_says {
    margin-bottom: 5px;
    }
    #comments .comment-reply-link {
    position: relative;
    }
    .page_404_wrapper .banner_404 {
    letter-spacing: 0;
    }
    .page_404_wrapper .banner_404 img {
    transform: scale(0.85);
    }
    .post_featured_bg .meta_wrapper {
    flex-direction: column;
    }
    .post_featured_bg .meta_wrapper .meta-data:not(:first-child) {
    margin-right: 0;
    margin-top: 15px;
    }
    .a-mobileleft {
    text-align: right;
    }
    .a-mobilecenter {
    text-align: center;
    }
    .a-mobileright {
    text-align: left;
    }
}
@media (max-width: 480px) {
    body.elementor-default.single main .wgl-container,
.wgl-container {
    width: 90%;
    }
    body.elementor-default.single main .wgl-container .elementor-section-boxed .elementor-container,
.wgl-container .elementor-section-boxed .elementor-container {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    }
    body.elementor-default.single main .wgl-container .elementor-section-boxed .elementor-container .elementor-section-boxed .elementor-container,
.wgl-container .elementor-section-boxed .elementor-container .elementor-section-boxed .elementor-container {
    width: 100%;
    }
    body.elementor-default.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100%;
    width: 100%;
    }
    body.elementor-default.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview.single main .wgl-container .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar,
body.elementor-editor-active main .wgl-container.wgl-content-sidebar,
body.elementor-editor-preview main .wgl-container.wgl-content-sidebar {
    width: 90%;
    }
    body.elementor-default main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-active main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container,
body.elementor-editor-preview main .wgl-container.wgl-content-sidebar .elementor-section.elementor-section-boxed > .elementor-container {
    width: 100%;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-default,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-default {
    width: calc(90% + 30px);
    max-width: 100%;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-narrow,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-narrow {
    width: calc(90% + 10px);
    max-width: 100%;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-extended,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-extended {
    width: calc(90% + 30px);
    max-width: 100%;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wide,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wide {
    width: calc(90% + 40px);
    max-width: 100%;
    }
    body.elementor-default .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-active .elementor-section-boxed .elementor-container.elementor-column-gap-wider,
body.elementor-editor-preview .elementor-section-boxed .elementor-container.elementor-column-gap-wider {
    width: calc(90% + 60px);
    max-width: 100%;
    }
    .wgl_module_team .team-item_info {
    padding: 28px 20px 15px;
    }
    .wgl_module_team .team-item_content:hover .team-item_excerpt {
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 10px;
    }
    .single-team .single_team_page .team-title {
    margin-bottom: 25px;
    }
    .single-team .single_team_page .team-info_item {
    margin-bottom: 12px;
    }
    .page_404_wrapper .banner_404_title {
    margin-top: 0;
    }
    .page_404_wrapper .banner_404_title,
.page_404_wrapper .banner_404_title span {
    font-size: 35px;
    line-height: 1.3;
    }
    .header_search.search_alt .header_search-field .header_search-wrap .header_search-heading_bg {
    font-size: 95px;
    line-height: 0.3;
    margin-right: -26px;
    }
    .coming-soon.row .wgl_col-9 {
    width: 60%;
    }
    .coming-soon.row .wgl_col-3 {
    width: 40%;
    }
    .blog-post.format-gallery .blog-post_media .wgl-carousel .elementor-swiper-button {
    width: 40px;
    height: 40px;
    }
    .blog-post.format-gallery .blog-post_media .wgl-carousel .elementor-swiper-button:after {
    line-height: 40px;
    }
}
@media (max-width: 379px) {
    .page_404_wrapper .banner_404 {
    margin-top: -100px;
    line-height: 1.4;
    }
    .blog-style-standard.blog_columns-1 .blog-post_content {
    padding: 0 15px 15px;
    }
    .blog-style-standard.blog_columns-1 .blog-post_content .post_meta-wrap {
    margin-top: 15px;
    }
    .blog-style-standard.blog_columns-1 .hide_media .blog-post_content {
    padding: 15px;
    }
    .blog-style-standard .wgl_col-6 .blog-post .blog-post_content,
.blog-style-standard .wgl_col-4 .blog-post .blog-post_content,
.blog-style-standard .wgl_col-3 .blog-post .blog-post_content {
    padding: 0 15px 15px;
    }
    .blog-style-standard .wgl_col-6 .blog-post .blog-post_content .post_meta-wrap,
.blog-style-standard .wgl_col-4 .blog-post .blog-post_content .post_meta-wrap,
.blog-style-standard .wgl_col-3 .blog-post .blog-post_content .post_meta-wrap {
    margin-top: 15px;
    }
    .blog-style-standard .wgl_col-6 .blog-post.hide_media .blog-post_content,
.blog-style-standard .wgl_col-4 .blog-post.hide_media .blog-post_content,
.blog-style-standard .wgl_col-3 .blog-post.hide_media .blog-post_content {
    padding-top: 15px;
    }
    .single-team .single_team_page .team-single_wrapper {
    padding-right: 15px;
    padding-left: 15px;
    background-size: 35%;
    }
    .wgl-logotype-container .logo-name {
    font-size: 20px;
    }
    .wgl-carousel.navigation-position-right .elementor-swiper-button {
    bottom: 15px;
    }
    .wgl-carousel.navigation-position-right .elementor-swiper-button-prev {
    left: 70px;
    }
    .wgl-carousel.navigation-position-right .elementor-swiper-button-next {
    left: 15px;
    }
    .post_featured_bg .blog-post_title {
    font-size: 28px;
    }
}