@charset "UTF-8";
 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;
left: 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;
left: 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: left 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;
left: 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 11px 5px 14px; }
#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; } * {
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-left: 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; } body.elementor-page main .wgl-container.wgl-content-sidebar,
body.elementor-page.single main .wgl-container:not(.wgl-content-sidebar) {
padding-right: 15px;
padding-left: 15px; }
body.elementor-page main .wgl-container.wgl-content-sidebar .elementor,
body.elementor-page.single main .wgl-container:not(.wgl-content-sidebar) .elementor {
margin-left: -15px;
margin-right: -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-left: auto;
margin-right: 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-left: 0;
margin-right: 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-left: auto;
margin-right: auto; }
body.elementor-default .footer_top-area:not(.widgets_area) .wgl-container {
width: auto;
max-width: none;
margin-left: auto;
margin-right: auto; }
body.elementor-default .footer_top-area:not(.widgets_area) .wgl-container.full-width {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 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-left: calc(8.9vw / 2); }
.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: .9em;
font-family: var(--bili-header-font-family);
letter-spacing: .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: .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_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;
right: auto;
left: 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; } 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: .4s;
transform: translateY(0) scale(1);
transform-origin: left 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-right: 0.7em;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
transition: .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% - 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-right: 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-right: auto;
margin-left: auto;
width: 1170px; }
.wgl-container.full-width {
width: 100%;
max-width: 100%;
margin-left: 0;
margin-right: 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-left: -15px;
margin-right: -15px; }
#main .wgl-container .wgl_wrapper {
left: 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: left;
min-height: 1px; }
.row {
margin-left: -15px;
margin-right: -15px; }
.row [class*='wgl_col-'] {
display: block;
width: 100%;
padding-right: 15px;
padding-left: 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: right; }
.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: left; }
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;
left: 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 {
left: 0;
top: 0; }
.extended-parallax {
position: absolute;
z-index: -1;
width: 100%;
pointer-events: none; }
.wgl-background-image_parallax {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1; }
.wgl-background-image_parallax div {
height: 100%; }
.wgl-elementor-shape {
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
direction: ltr;
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;
left: 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%;
left: 0;
top: 0; }
.wgl-body-lines {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
top: 0;
left: 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) {
left: 25%; }
.wgl-body-lines span:nth-child(2) {
left: 50%; }
.wgl-body-lines span:nth-child(3) {
left: 75%; } .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%;
left: 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: left; }
.wgl-header-row .header_side.h_align_center {
text-align: center; }
.wgl-header-row .header_side.h_align_right {
text-align: right; }
.wgl-header-row .header_side.display_grow.h_align_right {
margin-left: auto; }
.wgl-header-row .header_side.display_grow.h_align_center {
margin-right: auto;
margin-left: auto; }
.wgl-header-row .header_side.display_grow.h_align_left {
margin-right: 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 {
left: 0;
right: 0;
margin: 0 auto; }
.wgl-header-row .header_side[class^="position_left"] .header_area_container > *:last-child {
padding-right: 0; }
.wgl-header-row .header_side[class^="position_right"] .header_area_container > *:first-child {
padding-left: 0; }
.wgl-header-row .header_side[class^="position_left"] .primary-nav ul li ul {
left: 0;
right: auto; }
.wgl-header-row .header_side[class^="position_left"] .primary-nav > ul > li ul .sub-menu {
left: 100%;
right: auto; }
.wgl-header-row .header_side[class^="position_left"] .primary-nav > ul > li:not(:first-child):last-child > .sub-menu {
left: 0;
right: auto; }
.wgl-header-row .header_side[class^="position_left"] .primary-nav > ul > li:not(:first-child):last-child > .sub-menu .sub-menu {
left: 100%;
right: 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: left; }
.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 {
left: 0;
right: 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 {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto; }
.primary-nav.align-right {
text-align: right; }
.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 {
left: auto;
right: 0; }
.primary-nav .lavalamp {
position: static; }
.primary-nav .lavalamp-object {
opacity: 1;
position: absolute;
z-index: 1;
left: 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-left: 0; }
.primary-nav > ul li.mega-menu {
position: static !important; }
.primary-nav > ul li.mega-menu > ul.mega-menu {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto; }
.primary-nav > ul li.mega-menu > ul.mega-menu .menu-item__plus {
display: none; }
.primary-nav > ul {
height: 100%;
margin-left: 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;
left: -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-left: 25px;
padding-right: 25px; }
.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 25px 0 41px;
transition: 0.4s; }
.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-left: -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-left: 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 ul {
top: -25px;
left: calc(100% + 3px); }
.primary-nav ul li ul ul:before {
content: '';
position: absolute;
z-index: -1;
height: 100%;
width: calc(100% + 4px);
top: 0;
left: -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-right: 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 ul,
.primary-nav ul li div.mega-menu-container {
display: block;
position: absolute;
z-index: 555;
top: calc(100% + 10px);
left: -14px;
min-width: 260px;
white-space: nowrap;
margin: 0;
padding: 32px 0 30px;
text-align: left;
opacity: 0;
visibility: hidden;
transition: 0.3s ease-out; }
.primary-nav ul li ul li:not(:last-child),
.primary-nav ul li div.mega-menu-container li:not(:last-child) {
margin-bottom: 7px; }
.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-left: 0px;
line-height: 1;
font-style: normal;
font-size: 20px;
width: 14px;
transform: translateY(-2px); }
.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 {
right: 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 {
left: auto; }
.primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu .sub-menu {
right: 100%; }
.primary-nav > .menu > .menu-item > .sub-menu.wgl-submenu-position-left {
left: auto !important;
right: -14px !important; }
.primary-nav > .menu > .menu-item > .sub-menu.wgl-submenu-position-right {
right: auto !important;
left: -14px !important; }
.primary-nav ul.sub-menu.wgl-submenu-position-left {
left: auto !important;
right: 100% !important; }
.primary-nav ul.sub-menu.wgl-submenu-position-right {
right: auto !important;
left: 100% !important; }
.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: left;
box-sizing: border-box;
margin-top: 34px;
margin-bottom: 30px;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 16px !important;
font-weight: 600 !important;
text-transform: capitalize; }
.primary-nav ul li.mega-menu-links > ul > li:after {
content: unset;
display: none;
position: absolute;
top: 30px;
right: 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-left: 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;
left: 0 !important;
right: auto !important;
padding-top: 6px;
padding-bottom: 25px;
top: 0;
opacity: 0;
min-width: auto;
visibility: hidden;
margin-top: 0;
background: transparent;
border: 0;
box-shadow: none; }
.primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li {
padding-left: 0;
padding-right: 0;
text-transform: none; }
.primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul {
left: 100% !important;
right: 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;
left: 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 {
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-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;
right: 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;
right: 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;
left: 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 {
right: 0;
left: auto; }
.header_search.search_alt .header_search-field .search-field {
width: 100%;
font-weight: 400;
font-size: 18px;
padding: 0 50px 0 0;
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;
right: 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);
right: -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;
right: 0; } }
.header_search.search_standard_fw .header_search-field {
display: flex;
align-items: center;
position: absolute;
z-index: 3;
top: 0;
right: 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 {
right: 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 {
left: unset;
right: 5px;
display: none; }
.header_search.search_standard_fw .header_search-field .search__icon {
left: unset;
right: 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 {
right: 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: #ffffff; }
.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 {
right: 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 {
right: 0; } }
@media only screen and (max-width: 440px) {
.header_search.search_alt .header_search-wrap .header_search-heading_description {
font-size: 30px; } } .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 .7s .4s burger_top-1-45 forwards; }
body.mobile_switch_on .hamburger-inner span:nth-child(2) {
animation: ease .7s .4s burger_scaled-1 forwards; }
body.mobile_switch_on .hamburger-inner span:nth-child(3) {
animation: ease .7s .4s burger_bottom-1-135 forwards; }
body.mobile_switch_off .hamburger-inner span:nth-child(1) {
animation: ease .7s .4s burger_top-2-45 backwards; }
body.mobile_switch_off .hamburger-inner span:nth-child(2) {
animation: ease .7s .4s burger_scaled-2 backwards; }
body.mobile_switch_off .hamburger-inner span:nth-child(3) {
animation: ease .7s .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;
left: 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-right: 0 !important;
margin-left: 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 {
position: relative;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100%;
box-sizing: border-box;
padding: 0 0 0 15px;
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; }
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 {
right: 0;
transform: translateX(100%); }
.wgl-menu_outer.menu-position_right .wgl-menu-outer_header {
right: auto;
left: -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;
right: -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;
right: 0;
left: 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;
left: 0;
width: 100%;
height: auto;
box-sizing: border-box;
margin: 30px 0 0;
padding: 0;
text-align: left;
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 {
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-right: 0 !important;
padding-left: 30px !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; }
.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.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: #222328;
display: none; }
.mobile_nav_wrapper .primary-nav ul li ul.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-left: 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%);
right: 0;
margin-right: 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-left-width: 1px;
border-left-style: solid;
transform: translate(-50%, -50%) rotate(135deg);
opacity: 0.8;
transition: 0.3s ease;
background: none !important;
position: absolute;
top: 50%;
right: 10px;
left: unset;
margin: auto;
width: 8px;
height: 8px;
visibility: visible;
margin-top: 0;
border-radius: 0;
color: inherit;
margin-left: 0 !important; }
.mobile_nav_wrapper .primary-nav .menu-item .button_switcher:after {
content: '';
display: block;
position: absolute;
top: 15%;
left: 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-left: 25px; }
.wgl-mobile-header .wgl-header-row .header_side[class^='position_right'] .header_area_container > *:first-child {
padding-left: 0; }
.wgl-mobile-header .wgl-header-row .header_side[class^='position_left'] .header_area_container > * {
padding-right: 25px; }
.wgl-mobile-header .wgl-header-row .header_side[class^='position_left'] .header_area_container > *:last-child {
padding-right: 0; }
.wgl-mobile-header .wgl-header-row .header_side[class^='position_center'] .header_area_container > * {
padding-left: 25px;
padding-right: 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-right: 0;
padding-left: 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: 420px) {
.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-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;
left: 0;
right: 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: left; }
.page-header_align_left .page-header_content {
align-items: flex-start;
text-align: left; }
.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: right; }
.page-header_align_right .page-header_content {
align-items: flex-end;
text-align: right; }
.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-left: 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: left;
transition: all 0.3s; }
body .select2-container--default .select2-selection--single .select2-selection__clear {
float: left;
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-left: 0;
color: var(--bili-header-font-color); }
body .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 0;
right: 0;
height: 50px;
width: 20px;
background-image: var(--bili-bg-caret);
background-size: 12px;
background-repeat: no-repeat;
background-position: 100% 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-left: 0;
padding-right: 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-left: 7px;
border: unset;
margin-right: 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-left: 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; }
.woocommerce form .form-row .select2-container {
margin: 0; } 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-left: 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;
left: 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: left; }
blockquote p[style*='text-align: center'] + footer {
text-align: center; }
blockquote p[style*='text-align: right'] + footer {
text-align: right; }
blockquote.wp-block-quote.is-style-large {
padding: 0;
padding-left: 87px; }
.dropcap {
position: relative;
z-index: 1;
float: left;
width: 1.3334em;
height: 1.3334em;
margin-top: 0.35em;
margin-right: 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-right: 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 {
position: fixed;
right: 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 {
right: 30px;
bottom: 50px;
writing-mode: vertical-rl;
transform: rotate(180deg) translate3D(-10px, -105%, 0);
transform-origin: 0 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;
left: 0;
top: 0;
transform: translateX(-150%); }
#scroll_up.scroll_up-icon:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
left: 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-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;
left: 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;
left: 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 {
left: 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 {
left: 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 {
right: 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-left: 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-left: 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;
left: 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-left-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;
left: 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-left: 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;
left: 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-left: 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-right: 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-left: 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;
left: 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-left: -15px;
margin-right: -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: left; }
.elementor-widget-wgl-blog.nav-center .wgl-pagination {
text-align: center; }
.elementor-widget-wgl-blog.nav-right .wgl-pagination {
text-align: right; }
.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-left: 0;
padding-right: 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; }
.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 7px 0 6px;
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-right: 5px; }
.meta_wrapper .meta-data + .meta-data > *,
.post_meta-wrap .meta-data + .meta-data > * {
margin-right: 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-right: 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-right: 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-right: 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;
left: 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-left: 23px;
margin-right: -23px; }
.button-read-more:hover .read-more-icon {
transform: translateX(0);
opacity: 1; }
.tagcloud-wrapper .title_tags {
font-size: 15px;
margin-right: 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: right; }
.container-grid.row > .wgl-carousel {
margin-left: 0;
margin-right: 0; }
.container-grid.row > .wgl-carousel.navigation_offset_element {
padding-left: 40px;
padding-right: 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-left: 23px; }
.attachment_media .meta-data > span:first-child {
padding-left: 0; }
.attachment_media .meta-data > span:first-child:before {
display: none; }
.parallax-video {
position: absolute !important;
z-index: 2 !important;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.jarallax {
position: relative;
z-index: 0; }
.jarallax > .jarallax-img {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-family: 'object-fit: cover;';
-o-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: left; }
@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: left; }
.blog_columns-4:not(.masonry) .wgl_col-3:nth-child(4n + 1) {
clear: none; }
.bili-post-navigation {
margin-bottom: 0; } } .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-left: 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 0 28px 110px; }
#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;
left: -110px;
width: 80px;
height: 80px; }
#comments .commentlist .comment .commentava img {
border-radius: 50%; }
#comments .commentlist .comment.pingback .stand_comment {
padding-left: 0; }
#comments .commentlist .comment .children .comment {
margin-left: 80px; }
#comments .commentlist .comment .children .stand_comment {
padding-left: 110px; }
#comments .commentlist .comment .children .stand_comment .commentava {
left: -110px; }
#comments .commentlist > .comment > .children > .comment {
margin-left: 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-left: 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-left: 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;
left: 0;
top: 3px;
opacity: 0;
transform: translateX(-10px) scale(0.5);
pointer-events: none;
transition: 0.4s; }
#comments .comment-reply-link:hover {
padding-left: 20px;
margin-right: -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-left: 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;
left: 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-left: -15px;
margin-right: -15px; }
body .comment-respond .comment-form [class*='wgl_col-'],
body .comment-respond .comment-form > p {
position: relative;
padding-left: 15px;
padding-right: 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-right: 7px; }
body .comment-form-cookies-consent > input[type='checkbox'] + label {
display: inline; }
.wp-block-latest-comments > li {
padding-left: 0; }
.blog-post_content ol.wp-block-latest-comments.has-avatars {
margin-left: 0;
padding-left: 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; } .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;
right: 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-left: 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-left: -15px;
margin-right: -15px; }
.wpcf7 .row [class*='wgl_col-'] {
padding-right: 15px;
padding-left: 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-right: 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;
left: 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-right: -20px; }
.sign_up input[type='submit'] {
margin-left: 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-right: auto;
text-align: left; }
.isotope-filter:not(.swiper-container-initialized).filter-center {
margin-left: auto;
margin-right: auto;
text-align: center; }
.isotope-filter:not(.swiper-container-initialized).filter-right {
margin-left: auto;
text-align: right; }
.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 18px 8px 0;
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;
right: 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; } .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-left: 10px; } body ul,
body ol {
margin-left: 0;
padding-left: 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-left: 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-left: 0;
padding-left: 0; }
ul[class*='bili_'] li {
list-style: none;
--bili-list-padding: calc(1em + 6px);
padding-left: 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-left: 0;
padding-right: var(--bili-list-padding); }
ul[class*='bili_'].icon_right li::before {
left: unset;
right: 0; }
ul.bili_dot li:before {
top: 0.7em;
left: 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;
left: 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;
left: 0;
font-size: 0.7em; }
ul.bili_line li {
--bili-list-padding: calc(1em + 12px); }
ul.bili_line li:before {
top: 0.9em;
left: 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;
left: 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;
left: 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;
left: 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;
left: 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;
left: 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-left: -0.9em;
margin-right: calc(0.25em + 6px);
line-height: inherit;
font-weight: 500;
direction: rtl; }
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_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%;
left: 50%;
margin: -10px 0 0 -8px;
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;
left: 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-left: 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 .3s .3s; }
.load_more_wrapper .load_more_item.loading:before {
color: inherit;
opacity: 1;
transition: all 0.4s .2s, color 0s; }
.load_more_wrapper .load_more_item.loading span {
opacity: 0;
transition: opacity .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); } } .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.prev i,
.wgl-pagination .page .post-page-link.prev i,
.wgl-pagination .post-page-numbers .page-numbers.prev i,
.wgl-pagination .post-page-numbers .post-page-link.prev 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-right: 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; } .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 .4s; } .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;
left: 0;
right: 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 .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;
right: -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;
right: 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-left-radius: inherit;
border-bottom-left-radius: inherit; }
.blog-post_wrapper .share_post-container .share_social-wpapper a.share_link:last-of-type {
border-top-right-radius: inherit;
border-bottom-right-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-right: 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: .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-right: 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;
left: 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-right: 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;
left: 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;
right: 0;
top: 0;
padding-right: 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-right: 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-right: 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-right: 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-right: 0; } .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;
left: 0;
right: 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;
left: 0;
top: 0;
height: 100%;
width: 100%;
pointer-events: none;
display: block;
background-repeat: no-repeat;
background-position: center right;
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;
left: 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 .2s ease-in, opacity .2s ease-in;
transform: translateY(20px);
margin-right: 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 .4s ease-in-out, opacity .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-right: 10px;
width: 30px;
height: 30px;
line-height: 30px;
color: #ffffff; }
.team__member .social__icon:last-child {
margin-right: 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-right: calc((var(--bili-team-grid-gap) / 2) * -1);
margin-left: calc((var(--bili-team-grid-gap) / 2) * -1); }
.wgl_module_team .team__members:not(.carousel) .team__member {
margin-right: calc(var(--bili-team-grid-gap) / 2);
margin-left: calc(var(--bili-team-grid-gap) / 2); } }
.wgl_module_team .team__members.carousel .wgl-carousel_wrapper {
margin-right: calc((var(--bili-team-grid-gap) / 2) * -1);
margin-left: calc((var(--bili-team-grid-gap) / 2) * -1); }
.wgl_module_team .team__members.carousel .member__wrapper {
margin-right: calc((var(--bili-team-grid-gap) / 2));
margin-left: 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%; } } .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-left: 10px;
transition: inherit; } .widget_author {
margin-bottom: -12px; }
.author-widget_wrapper {
position: relative;
z-index: 1;
text-align: center;
max-width: 270px;
margin-left: auto;
margin-right: 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-right: 27px; }
.author-widget_img_sign-wrapper {
margin: 0;
line-height: 0;
font-size: 0;
margin-top: -15px; } .banner-widget_wrapper {
display: block;
position: relative;
padding: 40px 28px 40px;
background-size: cover;
background-position: left center;
background-repeat: no-repeat;
background-color: #232323;
max-width: 270px;
margin-top: 0;
text-align: center;
margin-left: auto;
margin-right: 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;
left: 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;
left: 0;
right: 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; } 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;
left: 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;
left: 0;
transition: 0.3s; }
.wp-block-calendar tfoot #next {
text-align: right; }
.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; } .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%;
left: 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;
left: 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-left: 0; } .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;  }
.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: left; }
.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-left: 0;
padding-bottom: 0;
padding-left: 0; }
.widget > ul > li ul,
.widget > div > ul > li ul,
.widget > div > div > ul > li ul {
padding-left: 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-right: 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-right: 13px; }
.widget_shopping_cart .widget_shopping_cart_content {
margin-top: 24px; }
.widget_recent_entries > ul > li > a {
position: relative;
padding-left: 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;
left: 0;
transition: color .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-left: 0;
padding-left: 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: '\2013';
margin-right: 5px; }
.widget_text .textwidget {
margin-top: -9px; }
.widget ul.wp-block-latest-posts li {
padding-left: 0; }
ul[class*='wp-block-'] li a {
color: inherit; }
.wp-block-rss {
margin-left: 0;
padding-left: 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-right: 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-right: 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-left: 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;
left: 0;
transition: color .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;
left: 0;
line-height: 1; }
.widget_recent_comments ul li {
position: relative;
padding: 3px 0 3px 20px;
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-left: 0; }
.wp-block-latest-comments > li {
padding-left: 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-left: 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-left: 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-left: 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-left: 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;
left: 0;
transition: color .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 20px 20px 0; }
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-right: 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; } .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-right: 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-left: 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;
left: 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; } .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 25px 0 0; }
.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;
left: 0;
top: 0;
border-radius: 50%;
margin-left: -13px;
margin-top: -15px; }
.widget_wgl_posts .recent-posts-widget {
margin-top: 0;
margin-bottom: -7px; } .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-right: 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: .4s;
transform: translateY(0) scale(1);
transform-origin: left 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;
right: 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;
right: 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-left: 0; }
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
margin: 0;
position: absolute;
right: 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;
right: 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-left: 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-right: 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;
left: 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-left: 0;
padding-right: 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,
.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-right: 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); } .textwidget p:last-child {
margin-bottom: 0; } .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-right: 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); } .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-right: -8px;
margin-left: -8px; }
.elementor-widget-wgl-header-list-info .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
margin-right: 8px;
margin-left: 8px; }
.elementor-widget-wgl-header-list-info .elementor-icon-list-icon + .elementor-icon-list-text {
align-self: center;
padding-left: 5px; } .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; } .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-right: 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-left: 4px;
margin-right: 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%;
left: 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 0 0 -6px; }
.wgl-accordion.icon-plus .wgl-accordion_header .wgl-accordion_icon:after {
width: 2px;
height: inherit;
margin: -6px 0 0 -1px; }
.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; } .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-right-radius: inherit;
border-bottom-right-radius: inherit; }
.wgl-accordion-services .service__thumbnail {
position: absolute;
z-index: 1;
left: 10px;
top: 0;
width: calc(100% - 15px);
height: 100%;
border-top-left-radius: inherit;
border-bottom-left-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;
left: -5px;
width: 100%;
border-top-right-radius: inherit;
border-bottom-right-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-right: 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-right: 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-right: 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-right: 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-right: 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-right: 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-right: 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-right: 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-right: 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-right: 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-right: 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%; } } .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: .1em; }
.wgl-button::after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 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-right: var(--media-offset); }
.wgl-button .align-icon-left .elementor-icon {
text-align: left; }
.wgl-button .align-icon-right {
flex-direction: row-reverse; }
.wgl-button .align-icon-right .media-wrapper {
margin-left: var(--media-offset); }
.wgl-button .align-icon-right .elementor-icon {
text-align: right; }
.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;
left: -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: 0 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); } } .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 {
left: -30px; }
.wgl-carousel_wrapper .elementor-swiper-button.elementor-swiper-button-next,
.wgl-carousel_wrapper .motion-arrow.elementor-swiper-button-next {
right: -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 {
left: 50px;
transform: scale(-1) translateY(50%); }
.wgl-carousel_wrapper .motion-next,
.wgl-carousel_wrapper .elementor-swiper-button-next {
right: 50px; }
.wgl-carousel_wrapper .swiper-pagination.swiper-pagination-fraction {
position: absolute;
right: 42px;
left: 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-right: -1px; }
.wgl-carousel_wrapper .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
margin-left: -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);
left: calc(60% + 50% - 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 {
left: 0;
right: 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 {
right: calc(var(--wgl-swiper-buttons-distance) + var(--wgl-swiper-button-diameter));
left: auto; }
.wgl-carousel_wrapper.navigation-position-nearby .elementor-swiper-button-prev:before,
.wgl-carousel_wrapper.navigation-position-nearby .motion-prev:before {
right: 0; }
.wgl-carousel_wrapper.navigation-position-nearby .elementor-swiper-button-prev:after,
.wgl-carousel_wrapper.navigation-position-nearby .motion-prev:after {
left: auto;
right: 6px; }
.wgl-carousel_wrapper.navigation-position-nearby .elementor-swiper-button-next,
.wgl-carousel_wrapper.navigation-position-nearby .motion-next {
left: auto;
right: 0; }
.wgl-carousel_wrapper.navigation-position-nearby .elementor-swiper-button-next:after,
.wgl-carousel_wrapper.navigation-position-nearby .motion-next:after {
left: 6px;
right: 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; }
.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-left: 0; }
.wgl-carousel .swiper-pagination .swiper-pagination-bullet:last-child {
margin-right: 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-right: -0.25em; }
.wgl-carousel .swiper-pagination-fraction .swiper-pagination-total {
margin-left: -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%;
left: 50%;
width: 4px;
height: 4px;
margin-top: -2px;
margin-left: -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%;
left: 50%;
width: 6px;
height: 6px;
margin-top: -3px;
margin-left: -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-left: auto;
margin-right: auto; }
.wgl-carousel.pagination_line .swiper-pagination:after {
content: '';
position: absolute;
left: 0;
right: 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;
left: 0;
right: 0;
bottom: 8px;
margin-left: auto;
margin-right: auto;
height: 1px;
width: 100%;
transform: translateY(1px) scale3D(0.6, 0, 1);
transition: all .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;
left: 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;
right: -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: 100%;
transform: rotate(90deg); }
.wgl-carousel.animation-style-3d.animation-direction-vertical .motion-next {
transform-origin: 0;
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;
left: 0;
right: 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; } .wgl-cases {
display: flex;
flex-wrap: wrap; }
.wgl-cases__link {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
left: 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-left: calc(1em + 9px);
margin-right: 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-left: calc(1em + 9px);
margin-right: 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;
right: 0;
bottom: 0;
left: 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;
right: 0;
bottom: 0;
left: 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: left; }
.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;
left: 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; } .wgl-circuit-service {
position: relative;
z-index: 1;
height: 0;
padding-top: 100%; }
.wgl-circuit-service:before {
content: '';
position: absolute;
z-index: -1;
left: 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;
left: 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%);
left: 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;
left: 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; } .wgl-clients {
display: flex;
flex-wrap: wrap; }
.wgl-clients .wgl-carousel_wrapper {
width: 100%;
overflow: visible; }
.wgl-clients .clients_image {
float: left;
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;
left: 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: left; }
.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: left; }
.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: left; }
.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: left; }
.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: left; }
.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: left; }
.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: left; }
.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; } .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-right: 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-left: 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; } .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%;
right: 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;
right: 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; } .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;
right: 0; }
.wgl-counter__placeholder {
visibility: hidden; }
.wgl-counter__prefix {
text-align: right; }
.wgl-counter__suffix {
text-align: left; }
.wgl-counter_title {
font-size: 18px;
width: 100%;
color: var(--bili-header-font-color);
font-weight: 500;
line-height: 1.3;
margin: 0 4px 0 -15px;
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: left; }
.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: left;
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: right;
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; } .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 {
left: 15px; }
.wgl-demo-item .demo-item_divider:after {
left: 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.2em 0 0; }
.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; } } .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;
right: .3em;
left: 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; } .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;
left: 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); } } .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%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 50%; }
.wgl-image_comparison.cocoen .cocoen-drag {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 50%;
width: 2px;
margin-left: -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-left: 37px; }
.wgl-image_comparison.cocoen .cocoen-drag:before {
z-index: 1;
content: "\f101";
left: 50%;
margin-left: -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";
right: 50%;
margin-right: -40px;
background: transparent !important; } .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;
left: 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); } .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;
left: 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%;
left: 0;
top: 0; }
.elementor-widget-wgl-info-box .elementor-widget-container:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 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 .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-left: 23px;
margin-right: -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 .5s ease-in-out, opacity .3s .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;
right: 10px;
bottom: -10px;
left: 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;
right: 10px;
bottom: -9px;
left: 10px;
border-right: 1px solid currentColor;
border-left: 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 .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 .4s; }
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button .wgl-infobox_button__media {
opacity: 0;
transition: all .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 .3s; }
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title i {
font-size: calc(1em + 1px);
margin: -0.1em 0 -0.35em 0.7em;
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;
right: 0;
bottom: 0;
left: 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: .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;
left: 0;
bottom: 0; }
.elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-button_wrapper .wgl-infobox_button.corner-attached.corner-position_right {
left: auto;
right: 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 .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-right: -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;
left: 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;
right: 0;
bottom: 0;
left: 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 .4s; }
.elementor-widget-wgl-info-box.button_left .wgl-infobox-button_wrapper {
text-align: left; }
.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: right; }
.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%; } .elementor-widget-wgl-service-1 .wgl-service_link {
position: absolute;
z-index: 4;
width: 100%;
height: 100%;
left: 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;
right: 0;
bottom: 0;
left: 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 .4s, color .4s, transform .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 .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: .3s ease-in .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 .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;
left: 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 .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;
right: 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 .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; } } .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: '';
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%;
transition: all .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;
left: 38px;
top: 40px;
transition: all 0.5s ease; }
.wgl-striped-services .service-item_content {
display: flex;
position: absolute;
top: 0;
left: 0;
justify-content: flex-end;
align-items: flex-start;
text-align: left;
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; } } .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;
right: 0;
bottom: 0;
margin: 10px;
text-align: center;
display: inline-block;
transition: background-color .4s, color .4s, transform .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 .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%;
left: 0;
top: 0; }
.wgl-flipbox_front, .wgl-flipbox_back {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 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-right: auto; }
.elementor-widget-wgl-flipbox.acenter .wgl-flipbox .wgl-image-box_img {
margin-left: auto;
margin-right: auto; }
.elementor-widget-wgl-flipbox.aright .wgl-flipbox .wgl-image-box_img {
margin-left: auto; } .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-left: auto;
margin-right: 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;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: 0.4s; }
.wgl-gallery_item:after {
opacity: 0; }
.wgl-gallery_image-info {
position: absolute;
z-index: 1;
left: 0;
top: 0;
right: 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%; } } .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%;
left: 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-left: -24px;
padding: 10px 0 10px 0;
left: 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; } .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-left: 0;
z-index: 1;
text-align: center;
position: absolute;
left: 0;
top: 0;
margin-top: 20px;
margin-left: 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; } .row .portfolio__item.swiper-slide {
display: inline-block; }
body[data-elementor-device-mode='desktop'] .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;
left: 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;
left: 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;
left: 50%;
top: 50%;
margin-left: -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;
right: 0;
bottom: 0;
left: 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;
right: 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;
left: 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;
left: 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;
left: 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-left-radius: inherit;
border-bottom-right-radius: inherit;
transition: opacity 0.5s, transform 0.5s;
transform-origin: left 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%;
left: 5%;
width: calc(100% - 10%);
height: calc(100% - 10%);
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%;
left: 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;
right: 0;
bottom: 0;
left: 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-left: 0;
margin-right: 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-right: 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: right; }
.wgl-portfolio_header.filter-left .swiper-wrapper {
justify-content: flex-start; }
.wgl-portfolio_header.filter-left .isotope-filter:not(.swiper-container-initialized) {
margin-right: auto;
text-align: left; }
.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-left: auto;
margin-right: 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-left: auto;
text-align: right; }
@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-left: auto;
margin-right: auto;
text-align: center; } }
.wgl-portfolio_container {
margin-bottom: calc( var(--portfolio-columns-gap) * -1);
margin-left: calc( var(--portfolio-columns-gap) * -0.5);
margin-right: 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: left;
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) {
left: 6px;
animation: wgl-ellipsis1 0.6s infinite; }
.wgl-ellipsis span:nth-child(2) {
left: 6px;
animation: wgl-ellipsis2 0.6s infinite; }
.wgl-ellipsis span:nth-child(3) {
left: 26px;
animation: wgl-ellipsis2 0.6s infinite; }
.wgl-ellipsis span:nth-child(4) {
left: 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); } } .elementor-widget-wgl-pricing-table .wgl-pricing_plan {
position: relative;
z-index: 1;
max-width: 370px;
margin-left: auto;
margin-right: 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;
right: 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-right: 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-left: 0;
padding-left: 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: left; }
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: right; }
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-left: 0;
padding-left: 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: left; }
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: right; }
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-left: 0;
padding-left: 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: left; }
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: right; }
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%; } .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-left: 8px;
margin-right: -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%;
left: 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-left: 15px; }
.wgl-progress-bar.layout-aside .content__value,
.wgl-progress-bar.layout-aside .content__value .value__wrapper {
text-align: right; }
.wgl-progress-bar.layout-aside .content__value .value__wrapper {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.wgl-progress-bar.layout-aside .content__value .placeholder__digit, .wgl-progress-bar.layout-aside .content__value .placeholder__unit {
visibility: hidden; } .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 .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 .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;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1; }
.wgl-rotated_text .media-wrapper {
line-height: 0;
transition: .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; } .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;
left: 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%;
left: 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); } } .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: .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, .5em)));
height: calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .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_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;
left: 0;
bottom: 0;
margin-left: 0;
border-radius: 0;
opacity: 0;
visibility: hidden;
transition: all .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;
right: 0;
bottom: 0;
left: 0;
margin: auto auto -2px 0;
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-left: 0 !important; }
.wgl-tabs_header:last-child {
margin-right: 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 .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-right: 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-left: 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-right: 0; }
.wgl-tabs.tabs_align-center .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-left: 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-right: 0; }
.wgl-tabs.tabs_align-justify .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-left: 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-right: 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-left: 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-right: 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-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 {
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-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:first-child {
margin-left: 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-right: 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-left: 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-right: 0; }
body:is([data-elementor-device-mode='mobile']) .wgl-tabs.tabs_align-mobile-center .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-left: 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-right: 0 !important; }
body:is([data-elementor-device-mode='mobile']) .wgl-tabs.tabs_align-mobile-justify .wgl-tabs_headings .wgl-tabs_header:first-child {
margin-left: 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;
left: 0;
padding-top: 1em;
overflow: hidden; }
.wgl-testimonials .item__rating span::before {
position: absolute;
top: 0;
left: 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-right: 15px;
color: var(--bili-secondary-color); }
.wgl-testimonials.triangle-direction-bottom .item__quote:before {
top: 100%;
border-color: rgba(255, 255, 255, 0.3) transparent transparent rgba(255, 255, 255, 0.3);
border-width: 15px; }
.wgl-testimonials.triangle-direction-bottom .item__quote:after {
top: calc(100% - 2px);
border-color: #181818 transparent transparent #181818;
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-right: 30px; }
.wgl-testimonials .author__thumbnail img {
display: inline-block;
width: var(--image-width); }
@media (max-width: 600px) {
.wgl-testimonials .author__thumbnail {
padding-right: 20px; } }
.wgl-testimonials.type-top_block .author__thumbnail {
margin-bottom: 40px;
padding-right: 0;
margin-left: 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-left: 0;
margin-top: 0; }
.wgl-testimonials.type-inline_top .wgl-carousel_wrapper .testimonials__wrapper {
padding-left: 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;
left: unset;
right: 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;
left: unset;
right: 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-start;
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-end;
flex-direction: column;
align-items: flex-end; }
.elementor-widget-wgl-testimonials.aright .type-top_block .item__author .author__meta,
.elementor-widget-wgl-testimonials.aright .type-top_inline .item__author .author__meta,
.elementor-widget-wgl-testimonials.aright .type-bottom_inline .item__author .author__meta {
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.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;
left: unset;
right: 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;
left: unset;
right: 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: left; }
.wgl-instagram .instagram__wrapper.wgl_col-6:nth-child(3), .wgl-instagram .instagram__wrapper.wgl_col-6:nth-child(2n + 5) {
clear: left; }
.wgl-instagram .instagram__wrapper.wgl_col-4:nth-child(4), .wgl-instagram .instagram__wrapper.wgl_col-4:nth-child(3n + 7) {
clear: left; }
.wgl-instagram .instagram__wrapper.wgl_col-3:nth-child(5), .wgl-instagram .instagram__wrapper.wgl_col-3:nth-child(4n + 9) {
clear: left; }
.wgl-instagram .instagram__wrapper.wgl_col-1-5:nth-child(6), .wgl-instagram .instagram__wrapper.wgl_col-1-5:nth-child(5n + 11) {
clear: left; }
.wgl-instagram .instagram__item {
position: relative;
z-index: 1;
transform: translate(0);
transition: inherit; }
.wgl-instagram .instagram__item:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 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 .3s ease-in-out; }
.wgl-instagram .item__content .item_image:after, .wgl-instagram .item__content .item_image:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 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;
right: 0;
margin: -15px -8px 0 0px; }
.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;
left: 0.37em;
width: .8em;
height: .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;
left: 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-right: 6px;
transform: translateY(2px); }
.wgl-instagram .author__thumbnail {
flex-shrink: 0;
padding-right: 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; }
.wgl-instagram .wgl-carousel:not(.animation-style-3d)_vertical .wgl-carousel .testimonials__wrapper {
margin: auto 15px;
transition: transform 0.7s, opacity 1s; }
@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: left; }
.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: left; } }
@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%; } } .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;
right: 0;
bottom: 0;
left: 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-left: calc(var(--triangle-size) * 0.5) solid transparent;
border-right: 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: .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: .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 var(--items-gap) 0 0;
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-left: 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; } .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: left;
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: left;
order: 2; }
.wgl-timeline-vertical .tlv__item:nth-child(even).has_media .tlv__content-wrapper {
margin-left: 240px; }
.wgl-timeline-vertical .tlv__item:nth-child(even) .tlv__curve-wrapper span {
left: -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 {
right: 1px;
left: auto; }
.wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__media {
right: 0;
left: auto; }
.wgl-timeline-vertical .tlv__item:nth-child(odd).has_media .tlv__content-wrapper {
margin-right: 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 {
right: 9px;
left: 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 .4s ease-in-out, opacity .3s .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%;
left: 1px;
width: 80px;
height: 2px;
transition: all .45s;
background-color: var(--bili-secondary-color); }
.wgl-timeline-vertical .tlv__curve-wrapper span {
position: absolute;
left: -3px;
top: calc(50% - 4px);
z-index: 2;
margin: auto;
width: 9px;
height: 9px;
transition: all .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 .3s, opacity .3s ease-in-out; }
.wgl-timeline-vertical .tlv__volume-wrapper:before {
top: 30px;
right: 0;
bottom: 32px;
left: 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;
right: 0;
bottom: 32px;
left: 9px;
border-right: 1px solid var(--bili-secondary-color);
border-left: 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;
left: 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;
right: 0;
bottom: 0;
left: 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: .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;
left: 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;
left: 0;
right: 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: left; }
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 {
left: -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-right: 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 {
right: 0;
left: 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-right: 160px;
margin-left: 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 {
right: 1px;
left: 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 {
right: 9px;
left: 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;
right: 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-right: -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-right: 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-right: 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-right: 0; } .wgl-link-overlay {
position: absolute;
z-index: 999;
top: 0;
left: 0;
right: 0;
bottom: 0; } .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%;
left: 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-left: 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-right: 12px; }
.wgl-video-popup .videobox_animation {
display: block;
position: absolute;
top: 0;
left: 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%;
left: -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: left; }
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: right; }
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: left; }
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: right; }
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: left; }
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: right; }
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; } .wgl-working-hours .working-item {
display: flex;
align-items: baseline; }
.wgl-working-hours .working-item_day {
order: 1;
margin-right: 13px; }
.wgl-working-hours .working-item_hours {
order: 3;
margin-left: 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; } .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;
left: 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 .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-left: 0;
margin-right: 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 .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 .45s;
vertical-align: middle;
padding-right: 12px;
transform: translateY(-0.3em); }
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__images {
position: relative;
width: 33%;
height: 100%;
overflow: hidden;
margin-left: auto; }
.elementor-widget-wgl-showcase .wgl-showcase.slide-showcase .showcase__images .showcase__image {
position: absolute;
top: 50%;
left: 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 .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;
left: 0;
top: 0;
right: 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-left: 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-left: 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;
left: 0;
right: 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 .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 .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 .45s;
vertical-align: middle;
padding-right: 12px; }
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__images {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 100%;
margin-left: auto;
overflow: hidden;
text-align: center; }
.elementor-widget-wgl-showcase .wgl-showcase.fade_bg-showcase .showcase__images .showcase__image {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 100%;
opacity: 0;
transition: opacity .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-left: 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-left: 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;
left: 56%;
width: 41%;
z-index: 1;
visibility: hidden;
opacity: 0;
transform: translateY(40px) rotate(0deg) skewY(-10deg);
transform-origin: top center;
transition: all .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 .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-right: 80px;
position: relative;
top: -2px;
transition: all .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 .45s;
line-height: 1.2;
letter-spacing: 3.4px;
padding-top: 5px; }
.elementor-widget-wgl-showcase .wgl-showcase.interactive-showcase .showcase__link {
position: absolute;
left: 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 .4s, color .4s, transform .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); } } .elementor-widget-wgl-text-path {
font-family: var(--bili-header-font-family);
font-size: 22px;
font-weight: 500;
text-align: var(--alignment, left);
letter-spacing: .3em; }
.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); } } .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;
right: 0;
bottom: 0;
left: 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%;
left: 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%;
right: 100%;
bottom: initial;
left: initial;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-desktop-left .tooltip__wrapper {
margin-right: 20px; }
.wgl-image-hotspots .hotspots__item.tt-desktop-left .tooltip__wrapper:after {
top: 50%;
right: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-desktop-top .hotspot__tooltip {
top: initial;
right: initial;
bottom: 100%;
left: 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 {
left: 50%;
bottom: 14px;
transform: translateX(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-desktop-right .hotspot__tooltip {
top: 50%;
right: initial;
bottom: initial;
left: 100%;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-desktop-right .tooltip__wrapper {
margin-left: 20px; }
.wgl-image-hotspots .hotspots__item.tt-desktop-right .tooltip__wrapper:after {
top: 50%;
left: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-desktop-bottom .hotspot__tooltip {
top: 100%;
right: initial;
bottom: initial;
left: 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 {
left: 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%;
right: 100%;
bottom: initial;
left: initial;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-tablet-left .tooltip__wrapper {
margin-right: 20px; }
.wgl-image-hotspots .hotspots__item.tt-tablet-left .tooltip__wrapper:after {
top: 50%;
right: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-tablet-top .hotspot__tooltip {
top: initial;
right: initial;
bottom: 100%;
left: 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 {
left: 50%;
bottom: 14px;
transform: translateX(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-tablet-right .hotspot__tooltip {
top: 50%;
right: initial;
bottom: initial;
left: 100%;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-tablet-right .tooltip__wrapper {
margin-left: 20px; }
.wgl-image-hotspots .hotspots__item.tt-tablet-right .tooltip__wrapper:after {
top: 50%;
left: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-tablet-bottom .hotspot__tooltip {
top: 100%;
right: initial;
bottom: initial;
left: 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 {
left: 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%;
right: 100%;
bottom: initial;
left: initial;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-mobile-left .tooltip__wrapper {
margin-right: 20px; }
.wgl-image-hotspots .hotspots__item.tt-mobile-left .tooltip__wrapper:after {
top: 50%;
right: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-mobile-top .hotspot__tooltip {
top: initial;
right: initial;
bottom: 100%;
left: 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 {
left: 50%;
bottom: 14px;
transform: translateX(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-mobile-right .hotspot__tooltip {
top: 50%;
right: initial;
bottom: initial;
left: 100%;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-mobile-right .tooltip__wrapper {
margin-left: 20px; }
.wgl-image-hotspots .hotspots__item.tt-mobile-right .tooltip__wrapper:after {
top: 50%;
left: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-mobile-bottom .hotspot__tooltip {
top: 100%;
right: initial;
bottom: initial;
left: 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 {
left: 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%;
right: 100%;
bottom: initial;
left: initial;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-c-desktop-left .tooltip__wrapper {
margin-right: 20px; }
.wgl-image-hotspots .hotspots__item.tt-c-desktop-left .tooltip__wrapper:after {
top: 50%;
right: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-c-desktop-top .hotspot__tooltip {
top: initial;
right: initial;
bottom: 100%;
left: 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 {
left: 50%;
bottom: 14px;
transform: translateX(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-c-desktop-right .hotspot__tooltip {
top: 50%;
right: initial;
bottom: initial;
left: 100%;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-c-desktop-right .tooltip__wrapper {
margin-left: 20px; }
.wgl-image-hotspots .hotspots__item.tt-c-desktop-right .tooltip__wrapper:after {
top: 50%;
left: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom .hotspot__tooltip {
top: 100%;
right: initial;
bottom: initial;
left: 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 {
left: 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%;
right: 100%;
bottom: initial;
left: initial;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-c-tablet-left .tooltip__wrapper {
margin-right: 20px; }
.wgl-image-hotspots .hotspots__item.tt-c-tablet-left .tooltip__wrapper:after {
top: 50%;
right: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-c-tablet-top .hotspot__tooltip {
top: initial;
right: initial;
bottom: 100%;
left: 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 {
left: 50%;
bottom: 14px;
transform: translateX(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-c-tablet-right .hotspot__tooltip {
top: 50%;
right: initial;
bottom: initial;
left: 100%;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-c-tablet-right .tooltip__wrapper {
margin-left: 20px; }
.wgl-image-hotspots .hotspots__item.tt-c-tablet-right .tooltip__wrapper:after {
top: 50%;
left: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom .hotspot__tooltip {
top: 100%;
right: initial;
bottom: initial;
left: 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 {
left: 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%;
right: 100%;
bottom: initial;
left: initial;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-c-mobile-left .tooltip__wrapper {
margin-right: 20px; }
.wgl-image-hotspots .hotspots__item.tt-c-mobile-left .tooltip__wrapper:after {
top: 50%;
right: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-c-mobile-top .hotspot__tooltip {
top: initial;
right: initial;
bottom: 100%;
left: 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 {
left: 50%;
bottom: 14px;
transform: translateX(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-c-mobile-right .hotspot__tooltip {
top: 50%;
right: initial;
bottom: initial;
left: 100%;
transform: translateY(-50%); }
.wgl-image-hotspots .hotspots__item.tt-c-mobile-right .tooltip__wrapper {
margin-left: 20px; }
.wgl-image-hotspots .hotspots__item.tt-c-mobile-right .tooltip__wrapper:after {
top: 50%;
left: 14px;
transform: translateY(-50%) rotate(45deg); }
.wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom .hotspot__tooltip {
top: 100%;
right: initial;
bottom: initial;
left: 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 {
left: 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-left: 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); } }