@charset "UTF-8";
      :root { --clb-color-primary: #174EE2;
--clb-color-black: #282828;
--clb-color-black-lighter: color-mix(in srgb, var(--clb-color-black) 92%, white);
--clb-color-neutral: #888;
--clb-color-white: white;
--clb-color-gray: #d9d9d9;
--clb-color-fill: color-mix(in srgb, var(--clb-color-neutral) 8%, white);
--clb-color-light-gray: rgba(0,0,0,.03);
--clb-color-fields-text: var(--clb-color-neutral);
--clb-color-titles: var(--clb-color-black);
--clb-color-subtitles: var(--clb-color-neutral);
--clb-color-texts: var(--clb-color-black-lighter);
--clb-color-footer: rgba(255,255,255,.6);
--clb-color-footer-border: rgba(255,255,255,.2);
--clb-color-link: inherit;
--clb-color-link-hover: var(--clb-color-primary);
--clb-color-border: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
--clb-color-border-dark: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-input-border-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-color-button: var(--clb-color-black);
--clb-color-button-hover: var(--clb-color-primary);
--clb-color-artstation: #26bbff;
--clb-color-behance: #0056ff;
--clb-color-deviantart: #05CC47;
--clb-color-digg: #1c5891;
--clb-color-discord: #7289da;
--clb-color-dribbble: #fd629e;
--clb-color-facebook: #217cef;
--clb-color-flickr: #0063db;
--clb-color-github: #24292E;
--clb-color-houzz: #007562;
--clb-color-instagram: var(--clb-color-black-lighter);
--clb-color-kaggle: #32C0FD;
--clb-color-linkedin: #4477ab;
--clb-color-medium: #1a8917;
--clb-color-mixer: #0270d9;
--clb-color-pinterest: #e4252d;
--clb-color-producthunt: #ff4f00;
--clb-color-quora: #a82401;
--clb-color-reddit: #ff4501;
--clb-color-snapchat: #e0e410;
--clb-color-soundcloud: #FD561F;
--clb-color-spotify: #1ED760;
--clb-color-teamspeak: #1c82cc;
--clb-color-telegram: #0088cc;
--clb-color-threads: var(--clb-color-black-lighter);
--clb-color-tiktok: var(--clb-color-black-lighter);
--clb-color-tumblr: var(--clb-color-black-lighter);
--clb-color-twitch: #9147ff;
--clb-color-twitter: var(--clb-color-black-lighter);
--clb-color-vimeo: #1ab8ea;
--clb-color-vine: #00be8e;
--clb-color-whatsapp: #0ec143;
--clb-color-xing: #0C6567;
--clb-color-youtube: #e4252d;
--clb-color-fivehundredpx: var(--clb-color-black-lighter);
}  :root { --clb-border-style-solid: solid;
--clb-border-style-dashed: dashed;
--clb-border-width: 1px;
--clb-border-width-double: 2px;
--clb-border-radius: 0.5rem;
--clb-border-radius-small: calc(var(--clb-border-radius) / 1.5);
--clb-border-radius-large: calc(var(--clb-border-radius) * 1.5);
--clb-border-radius-extra-large: calc(var(--clb-border-radius) * 2.5);
--clb-border-radius-50: 50%;
--clb-button-border-radius: var(--clb-border-radius);
--clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 1.5);
--clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 1.5);
--clb-button-border-radius-extra-large: calc(var(--clb-button-border-radius) * 2);
--clb-grid-border-radius: var(--clb-border-radius);
--clb-text-field-border-radius: var(--clb-border-radius);
--clb-grid-gutter: 15px;
--clb-icon-button: 50px;
--clb-icon-button-small: 40px;
--clb-video-button-size: 60px;
--clb-button-height: 2.75rem;
--clb-button-height-small: 2.15rem;
--clb-button-height-large: 3.15rem;
--clb-button-height-extra-large: 3.6rem;
--clb-button-side-padding: 1.15rem;
--clb-button-side-padding-small: 0.85rem;
--clb-button-side-padding-large: 1.35rem;
--clb-button-side-padding-extra-large: 1.65rem;
--clb-header-height: 80px;
--clb-header-height-3: 17vh;
--clb-header-height-6: 280px;
--clb-header-height-7: 10vh;
--clb-sticky-header-height: 7.5vh;
--clb-button-purchase: 2.5rem;
--clb-admin-bar-height: 32px;
--clb-admin-bar-height-mobile: 46px;
--clb-panel-width: 76px;
--clb-spacer-05: 0.25rem;
--clb-spacer-1: 0.5rem;
--clb-spacer-2: 0.75rem;
--clb-spacer-3: 1rem;
--clb-spacer-4: 1.25rem;
--clb-spacer-5: 1.5rem;
--clb-spacer-6: 1.75rem;
--clb-spacer-7: 2rem;
--clb-spacer-8: 2.25rem;
--clb-spacer-9: 2.5rem;
--clb-spacer-10: 2.75rem;
--clb-spacer: 20px;
--clb-spacer-small: 2.5vh;
--clb-spacer-large: 4.5vh;
--clb-gap: 0.5em;
--clb-gap-small: 0.25em;
--clb-gap-large: 1em;
--clb-cursor-default: default;
--clb-cursor-pointer: pointer;
--clb-cursor-help: help;
--clb-container-width: 1326px;
--clb-container-width-md: 1226px;
--clb-container-width-laptop: 86vw;
--clb-container-offset: calc((100vw - var(--clb-container-width)) / 2);
--clb-container-side-spacer: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height));
--clb-container-side-gutter: var(--clb-grid-gutter);
--clb-container-narrow-side-spacer: 5vw;
--clb-slide-in-panel-width: 25rem;
--clb-slide-in-panel-header-height: 5rem;
--clb-transition-function: cubic-bezier(0.4, 0, 0.2, 1);
--clb-transition-duration: .35s;
--clb-transition-duration-faster: .25s;
--clb-infinit-scrolling-transition-duration: 45s;
--clb-transform-scale: scale3d(1.06, 1.06, 1.06);
--clb-size-offset-fullwidth-container: 7%;
--clb-size-page-offset-top: 80px;
--clb-size-page-offset-bottom: 90px;
--clb-size-page-offset-top-md: 30px;
--clb-size-page-offset-bottom-md: 30px; --clb-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-body-color: var(--clb-color-black-lighter);
--clb-body-color-grey: color-mix(in srgb, var(--clb-body-color) 66%, white);
--clb-body-color-grey-light: color-mix(in srgb, var(--clb-body-color) 51%, white);
--clb-font-size: 1rem;
--clb-font-size-small: calc(var(--clb-font-size) * 0.95);
--clb-font-size-extra-small: calc(var(--clb-font-size) * 0.9);
--clb-font-size-large: calc(var(--clb-font-size) * 1.05);
--clb-code-font-family: menlo, monaco, consolas, "Lucida Console", monospace;
--clb-action-font-family: var(--clb-titles-font-family);
--clb-action-font-size: 0.95em;
--clb-action-font-size-small: 0.9em;
--clb-action-font-size-large: 1em;
--clb-action-font-weight: var(--clb-titles-font-weight);
--clb-countdown-font-size: var(--clb-titles-h3-font-size-min);
--clb-countdown-font-size-min: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size-min: var(--clb-titles-h5-font-size-min);
--clb-wc-product-thumbnail: 3.75rem;
--clb-wc-product-title: 1.1em;
--clb-wc-product-title-line-height: var(--clb-titles-h1-line-height);
--clb-color-swatch-width: var(--clb-spacer-6);
--clb-color-swatch-small-width: var(--clb-spacer-4);
--clb-titles-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-titles-color: var(--clb-color-black);
--clb-titles-font-size: inherit;
--clb-titles-letter-spacing: inherit;
--clb-titles-line-height: inherit;
--clb-titles-font-weight: 600;
--clb-titles-style: normal;
--clb-titles-text-transform: none;
--clb-titles-text-decoration: none;
--clb-titles-h1-font-size: 3.16em;
--clb-titles-h2-font-size: 2.56em;
--clb-titles-h3-font-size: 2.05em;
--clb-titles-h4-font-size: 1.64em;
--clb-titles-h5-font-size: 1.28em;
--clb-titles-h6-font-size: 1.05rem;
--clb-titles-widget-font-size: 1.14em;
--clb-titles-h1-font-size-min: calc(var(--clb-titles-h1-font-size) * 0.8);
--clb-titles-h2-font-size-min: calc(var(--clb-titles-h2-font-size) * 0.8);
--clb-titles-h3-font-size-min: calc(var(--clb-titles-h3-font-size) * 0.8);
--clb-titles-h4-font-size-min: calc(var(--clb-titles-h4-font-size) * 0.8);
--clb-titles-h5-font-size-min: calc(var(--clb-titles-h5-font-size) * 0.8);
--clb-titles-h6-font-size-min: 1em;
--clb-titles-h1-letter-spacing: -0.03em;
--clb-titles-h2-letter-spacing: -0.025em;
--clb-titles-h3-letter-spacing: -0.02em;
--clb-titles-h4-letter-spacing: -0.015em;
--clb-titles-h5-letter-spacing: -0.01em;
--clb-titles-h6-letter-spacing: -0.005em;
--clb-titles-h1-line-height: 1.1;
--clb-titles-h2-line-height: 1.15;
--clb-titles-h3-line-height: 1.2;
--clb-titles-h4-line-height: 1.25;
--clb-titles-h5-line-height: 1.3;
--clb-titles-h6-line-height: 1.35;
--clb-text-bold: bold;
--clb-text-semi-bold: 600;
--clb-text-medium: 500;
--clb-text-normal: 400;
--clb-font-main: "Rubik", sans-serif;
--clb-font-main-size: 1rem;
--clb-font-small-size: 0.95em;
--clb-font-extra-small-size: 0.9em;
--clb-font-caption-size: 0.75rem;
--clb-font-code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
--clb-font-pre: "Courier 10 Pitch", Courier, monospace;
--clb-font-titles: "Poppins", sans-serif;
--clb-font-subtitles: "Poppins", serif;
--clb-font-lh-body: 1.65;
--clb-font-lh-titles: 1.4;
--clb-font-lh-subtitles: 1.4;
--clb-font-lh-text: 1.4;
--clb-font-h1: 60px;
--clb-font-h2: calc(60px * 0.72);
--clb-font-h3: calc(60px * 0.58);
--clb-font-h4: calc(60px * 0.45);
--clb-font-h5: calc(60px * 0.33);
--clb-font-h6: 60px;
}      html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} body,
button,
input,
select,
textarea {
color: var(--clb-color-texts);
font-family: var(--clb-font-main);
line-height: var(--clb-font-lh-body);
}
.subtitle-font,
p.subtitle {
font-family: var(--clb-font-subtitles);
}
.font-titles {
font-family: var(--clb-font-titles);
}
.font-main,
.font-main a {
font-family: var(--clb-font-main);
}
.font-subtitles {
font-family: var(--clb-font-subtitles);
} p {
width: 100%;
margin: 10px auto;
display: block;
}
p.text-small {
font-size: var(--clb-font-extra-small-size);
}
.has-regular-font-size {
font-family: var(--clb-font-main);
font-size: var(--clb-font-main-size);
}
.has-extra-small-font-size {
font-size: 0.8577em;
}
.has-small-font-size {
font-size: 0.93em;
}
.has-large-font-size {
font-size: 1.215em;
}
.has-larger-font-size {
font-size: 1.43em;
}
.subtitle {
color: var(--clb-color-subtitles);
}
p.subtitle {
margin: 0;
font-size: var(--clb-font-small-size);
font-weight: 400;
font-family: var(--clb-font-subtitles);
}
p.subtitle.top {
margin-top: 6px;
}
p.subtitle.small {
font-size: var(--clb-font-small-size);
margin: 8px auto;
}
p.subtitle.text-small {
font-size: var(--clb-font-extra-small-size);
}
p.subtitle.large {
font-size: 18px;
line-height: 1.4;
}
p.subtitle-under-divider {
margin-top: 20px;
}
.text-wrap {
margin: 6px 0;
}
.text-wrap *:first-child {
margin-top: 0;
}
.text-split p {
padding-left: 10px;
padding-right: 10px;
}
.text-split p:first-child {
padding-left: 0px;
}
.text-split p:last-child {
padding-right: 0px;
}
.divider {
background-color: var(--clb-color-primary);
width: 60px;
height: 2px;
display: inline-block;
vertical-align: middle;
} h1,
h2,
h3,
h4,
.widget h4,
h5,
.widget h5,
h6 {
color: var(--clb-color-titles);
clear: both;
font-family: var(--clb-font-titles);
font-weight: 600;
text-align: inherit;
margin: 35px 0 20px;
line-height: 1.2;
position: relative;
}
h1.title,
h2.title,
h3.title,
h4.title,
.widget h4,
h5.title,
.widget h5,
h6.title {
margin: 0;
}
h1.with-divider::after,
h2.with-divider::after,
h3.with-divider::after,
h4.with-divider::after,
h5.with-divider::after,
h6.with-divider::after {
content: "";
background: var(--clb-color-primary);
width: 1.2em;
height: 2px;
position: absolute;
top: -0.6em;
left: 0;
}
h1 {
font-size: var(--clb-font-h1);
letter-spacing: -0.02em;
}
h1.title {
line-height: 1.3;
margin: 5px 0;
}
h2 {
font-size: var(--clb-font-h2);
letter-spacing: -0.02em;
}
h2.title {
font-size: var(--clb-font-h3);
margin: 15px 0;
}
h3 {
font-size: var(--clb-font-h3);
letter-spacing: -0.01em;
}
h4,
.widget h4 {
font-size: var(--clb-font-h4);
}
h4.title,
.widget h4 {
font-size: 18px;
}
h5,
.widget h5 {
font-size: var(--clb-font-main-size);
font-size: var(--clb-font-h5);
}
h5.title,
.widget h5 {
margin: 5px auto;
font-size: var(--clb-font-extra-small-size);
text-transform: none;
}
h5.title.uppercase,
.widget h5.uppercase {
text-transform: uppercase;
}
h6 {
font-size: var(--clb-font-main-size);
}
h6.title {
margin: 5px auto;
font-size: var(--clb-font-caption-size);
}
h2.wp-block-heading,
h2.widget-title,
h3.wp-block-heading,
h3.widget-title,
h4.wp-block-heading,
h4.widget-title {
letter-spacing: 0;
}   .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
border-radius: var(--clb-border-radius);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
display: block;
font-size: var(--clb-font-small-size);
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear::before,
.clear::after,
.clear,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
content: "";
display: table;
clear: both;
}
.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
clear: both;
} .rounded,
a.rounded {
border-radius: 50%;
}
.flat,
a.flat {
background: transparent;
border: none;
color: var(--clb-color-titles);
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
}  .accordion-box div.title {
background: #f6f6f6;
color: var(--clb-color-black);
width: 100%;
padding: 16px 50px 15px 20px;
position: relative;
cursor: pointer;
}
.accordion-box div.title .icon {
color: inherit;
margin-right: 5px;
display: inline-block;
font-size: 20px;
line-height: 0;
vertical-align: -3px;
}
.accordion-box div.title h4 {
color: inherit;
margin: 0 0 -4px;
font-size: var(--clb-font-small-size);
line-height: 1.4;
font-weight: 600;
display: inline-block;
}
.accordion-box div.title .control {
margin-top: -10px;
font-size: 18px;
line-height: 1.4;
position: absolute;
top: 50%;
right: 20px;
transition: color 0.15s ease-in-out;
}
.accordion-box div.title:hover .control {
color: var(--clb-color-primary);
}
.accordion-box .item.active .control {
color: var(--clb-color-primary);
}
.accordion-box .content {
height: 6px;
min-height: 6px;
overflow: hidden;
transition: height 0.4s cubic-bezier(0.35, 0.2, 0.2, 1);
}
.accordion-box .content.open {
height: auto;
}
.accordion-box .content .wrap {
padding: 10px 20px;
}
.accordion-box.title-brand-bg-color .title,
.accordion-box.title-brand-bg-color .widget h5,
.widget .accordion-box.title-brand-bg-color h5,
.accordion-box.title-brand-bg-color .widget h4,
.widget .accordion-box.title-brand-bg-color h4 {
background: var(--clb-color-primary);
}
.accordion-box.title-brand-color .title,
.accordion-box.title-brand-color .widget h5,
.widget .accordion-box.title-brand-color h5,
.accordion-box.title-brand-color .widget h4,
.widget .accordion-box.title-brand-color h4 {
color: var(--clb-color-primary);
}
.accordion-box.active-brand-color .item.active .control,
.accordion-box.active-brand-color .title:hover .control,
.accordion-box.active-brand-color .widget h5:hover .control,
.widget .accordion-box.active-brand-color h5:hover .control,
.accordion-box.active-brand-color .widget h4:hover .control,
.widget .accordion-box.active-brand-color h4:hover .control {
color: var(--clb-color-primary);
}
.accordion-box.outline .title,
.accordion-box.outline .widget h5,
.widget .accordion-box.outline h5,
.accordion-box.outline .widget h4,
.widget .accordion-box.outline h4 {
background: transparent;
border: 1px solid #ebebeb;
border-bottom-width: 0;
border-left: none;
border-right: none;
padding-left: 0;
padding-right: 0;
}
.accordion-box.outline .control {
right: 0;
}
.accordion-box.outline .content {
height: 0;
min-height: 0;
}
.accordion-box.outline .content.open {
height: auto;
}
.accordion-box.outline .content .wrap {
padding: 10px 0;
}
.accordion-box.outline .item.active .title,
.accordion-box.outline .item.active .widget h5,
.widget .accordion-box.outline .item.active h5,
.accordion-box.outline .item.active .widget h4,
.widget .accordion-box.outline .item.active h4,
.accordion-box.outline .item:last-child .title,
.accordion-box.outline .item:last-child .widget h5,
.widget .accordion-box.outline .item:last-child h5,
.accordion-box.outline .item:last-child .widget h4,
.widget .accordion-box.outline .item:last-child h4 {
border-bottom-width: 1px;
}
.accordion-box.outline.title-brand-border-color .title,
.accordion-box.outline.title-brand-border-color .widget h5,
.widget .accordion-box.outline.title-brand-border-color h5,
.accordion-box.outline.title-brand-border-color .widget h4,
.widget .accordion-box.outline.title-brand-border-color h4 {
border-color: var(--clb-color-primary);
} .banner-box {
width: 100%;
}
.banner-box .image-wrap {
margin-bottom: 20px;
display: block;
overflow: hidden;
position: relative;
}
.banner-box .image-wrap img {
min-width: 100%;
float: left;
transition: transform 0.3s ease-in-out;
}
.banner-box .image-wrap .overlay {
box-shadow: 0 -150px 150px -70px color-mix(in srgb, var(--clb-color-black) 80%, transparent) inset;
padding: 30px;
opacity: 0;
transform: translateY(15px) rotateX(0.25deg);
transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3);
transition-property: transform, opacity;
vertical-align: bottom;
}
.banner-box .image-wrap .btn {
position: relative;
top: 100%;
transform: translateY(-100%);
}
.banner-box h4 {
margin: 5px 0;
font-size: 18px;
}
.banner-box .subtitle {
margin: 0;
}
.banner-box .content {
border-bottom: 1px solid var(--clb-color-border);
padding-bottom: 15px;
}
.banner-box:hover .image-wrap img {
transform: scale(1.02);
}
.banner-box:hover .image-wrap .overlay {
opacity: 1;
transform: none;
}
.banner-box.boxed {
background: var(--clb-color-white);
}
.banner-box.boxed .content {
border: none;
padding: 1px 30px 15px;
}
.banner-box.inner .overlay {
background: rgba(68, 68, 68, 0.7);
opacity: 1;
transform: none;
}
.banner-box.inner h4,
.banner-box.inner .description {
color: var(--clb-color-white);
}
.banner-box.inner .subtitle {
color: color-mix(in srgb, var(--clb-color-white) 70%, transparent);
}
.banner-box.inner .content {
padding-bottom: 10px;
border-color: transparent;
transition: border 0.3s ease-in-out;
}
.banner-box.inner .btn {
position: absolute;
top: auto;
bottom: 30px;
transform: none;
}
.banner-box.inner.text-center .btn {
left: 50%;
transform: translateX(-50%);
}
.banner-box.inner.text-right .btn {
left: auto;
right: 30px;
}
.banner-box.inner.hover .overlay {
opacity: 0;
transform: scale(0.95);
}
.banner-box.inner.hover h4,
.banner-box.inner.hover .description,
.banner-box.inner.hover .subtitle,
.banner-box.inner.hover .btn {
transform: translateY(10px);
opacity: 0;
transition: 0.3s cubic-bezier(0.2, 0, 0.2, 1.3);
transition-property: opacity, transform;
}
.banner-box.inner.hover.text-center .btn {
transform: translate(-50%, 10px);
}
.banner-box.inner.hover:hover h4,
.banner-box.inner.hover:hover .description,
.banner-box.inner.hover:hover .subtitle,
.banner-box.inner.hover:hover .btn {
transform: none;
opacity: 1;
}
.banner-box.inner.hover:hover.text-center .btn {
transform: translate(-50%, 0);
}
.banner-box.inner.hover:hover h4 {
transition-delay: 0.1s;
}
.banner-box.inner.hover:hover .subtitle {
transition-delay: 0.17s;
}
.banner-box.inner.hover:hover .description {
transition-delay: 0.25s;
}
.banner-box.inner.hover:hover .btn {
transition-delay: 0.35s;
}
.banner-box.inner.hover:hover .content {
border-color: color-mix(in srgb, var(--clb-color-white) 20%, transparent);
transition-delay: 0.3s;
}
.banner-box.inner.hover:hover .overlay {
opacity: 1;
transform: none;
}
.banner-box.overlay-title .overlay {
opacity: 1;
transform: none;
}
.banner-box.overlay-title h4 {
color: var(--clb-color-white);
}
.banner-box.overlay-title .subtitle {
color: color-mix(in srgb, var(--clb-color-white) 70%, transparent);
}
.banner-box.overlay-title .title-wrap {
width: 100%;
transform: translateY(-100%);
margin-top: -20px;
padding: 30px 30px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.banner-box.overlay-title .content {
padding: 0 30px;
position: relative;
border: none;
}
.banner-box.overlay-title .btn {
margin-top: 10px;
}
.banner-box.overlay-title.hover .overlay {
opacity: 0;
transform: translateY(20px);
}
.banner-box.overlay-title.hover .title-wrap {
transform: none;
position: relative;
margin: 0;
padding: 0 0 30px 0;
transition: 0.2s ease-in-out;
transition-property: transform, top;
}
.banner-box.overlay-title.hover h4,
.banner-box.overlay-title.hover .subtitle {
color: var(--clb-color-black);
transition: color 0.2s ease-in-out;
}
.banner-box.overlay-title.hover .description-wrap {
position: relative;
padding: 0;
opacity: 0;
transition: 0.2s ease-in-out;
transition-property: transform, max-height, opacity, margin;
}
.banner-box.overlay-title.hover .description {
margin-top: 0;
}
.banner-box.overlay-title.hover:hover .overlay {
opacity: 1;
transform: none;
}
.banner-box.overlay-title.hover:hover .title-wrap {
transform: translateY(-100%);
top: -20px;
}
.banner-box.overlay-title.hover:hover h4 {
color: var(--clb-color-white);
}
.banner-box.overlay-title.hover:hover .subtitle {
color: color-mix(in srgb, var(--clb-color-white) 70%, transparent);
}
.banner-box.overlay-title.hover:hover .description-wrap {
max-height: 200px;
transform: none;
opacity: 1;
} .call-to-action {
background: var(--clb-color-black);
width: 100%;
padding: 35px 40px;
position: relative;
}
.call-to-action h3 {
color: var(--clb-color-white);
margin-bottom: 5px;
font-size: 19.6px;
}
.call-to-action .subtitle {
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
font-size: 15px;
}
.call-to-action .btn {
float: right;
white-space: nowrap;
} .chart-box {
color: var(--clb-color-black);
}
.chart-box .pie {
width: 130px;
height: 130px;
margin: 0 auto 20px;
position: relative;
}
.chart-box .pie canvas {
position: relative;
z-index: 4;
}
.chart-box .pie-content {
width: 128px;
height: 128px;
border-radius: 50%;
line-height: 126px;
font-weight: bold;
font-size: 30px;
text-align: center;
position: absolute;
top: 1px;
left: 1px;
z-index: 2;
}
.chart-box .pie-content h4,
.chart-box .pie-content span {
color: inherit;
}
.chart-box .pie-content span,
.chart-box .pie-content span::before {
line-height: inherit;
}
.chart-box .pie-content .icon,
.chart-box .pie-content .icon-large {
vertical-align: middle;
font-size: 110%;
}
.chart-box .pie-content .icon-large {
font-size: 46px;
vertical-align: -10px;
}
.chart-box .percent-wrap {
vertical-align: 0px;
margin-bottom: 10px;
display: inline-block;
}
.chart-box .percent-wrap h4 {
display: inline;
font-weight: 600;
font-size: 28px;
}
.chart-box .content {
text-align: center;
}
.chart-box .subtitle {
font-size: var(--clb-font-small-size);
}
.chart-box h3 {
font-size: var(--clb-font-main-size);
}
.chart-box.chart-right,
.chart-box.chart-left {
position: relative;
}
.chart-box.chart-right .pie,
.chart-box.chart-left .pie {
position: absolute;
top: 50%;
left: 0px;
margin-top: -65px;
}
.chart-box.chart-right .content,
.chart-box.chart-left .content {
min-height: 140px;
height: 140px;
margin-left: 145px;
text-align: left;
display: table;
}
.chart-box.chart-right .content .wrap,
.chart-box.chart-left .content .wrap {
display: table-cell;
vertical-align: middle;
}
.chart-box.chart-left {
text-align: right;
overflow: hidden;
}
.chart-box.chart-left .pie {
left: auto;
right: 0;
}
.chart-box.chart-left .content {
margin-left: 0;
margin-right: 145px;
text-align: right;
float: right;
} .clients-logo {
position: relative;
}
.clients-logo img {
position: relative;
z-index: 2;
}
.clients-logo .overlay {
background: var(--clb-color-fill);
height: auto;
opacity: 0;
transform: scale(0.96);
transition: 0.3s cubic-bezier(0.4, 0.7, 0.3, 1);
transition-property: opacity, transform;
z-index: 1;
}
.clients-logo .overlay img {
visibility: hidden;
}
.clients-logo .overlay h4,
.clients-logo .overlay .description {
padding: 30px 50px;
}
.clients-logo .overlay .description {
padding-top: 10px;
}
.clients-logo:hover {
z-index: 3;
}
.clients-logo:hover .overlay {
opacity: 1;
transform: none;
}
.clients-logo.default {
overflow: hidden;
}
.clients-logo.default .second-image {
width: 100%;
position: absolute;
top: 100%;
left: 0;
}
.clients-logo.default .first-image,
.clients-logo.default .second-image {
transition: transform 0.4s cubic-bezier(0.4, 0.7, 0.3, 1);
}
.clients-logo.default:hover .first-image,
.clients-logo.default:hover .second-image {
transform: translateY(-100%);
}
.clients-logo.shadow .overlay {
box-shadow: 0 5px 40px 10px rgba(0, 0, 0, 0.08);
} .contact-form {
overflow: hidden;
}
.contact-form .wpcf7-spinner {
display: none;
}
.contact-form form input[type=submit] {
margin-top: 14px;
}
.contact-form form p {
margin: 0;
}
.contact-form textarea {
height: 130px;
display: block;
}
.contact-form input:not([type=submit]),
.contact-form select,
.contact-form textarea {
border: 1px solid var(--clb-color-border);
padding: 12px 15px;
}
.contact-form input[type=submit],
.contact-form .btn {
margin-top: 10px;
}
.contact-form.without-label-offset .wpcf7-form-control-wrap {
overflow: hidden;
}
.contact-form.without-label-offset input,
.contact-form.without-label-offset textarea,
.contact-form.without-label-offset select {
position: relative;
z-index: 2;
}
.contact-form span.wpcf7-not-valid-tip {
margin-top: 10px;
color: #ed2525;
}
.contact-form label {
width: 100%;
position: relative;
display: inline-block;
}
.contact-form label + br {
display: none;
}
.contact-form label .wpcf7-form-control-wrap {
position: relative;
}
.contact-form label .wpcf7-not-valid-tip {
color: #ed2525;
width: 30px;
height: 25px;
margin-top: 0px;
text-align: center;
position: absolute;
top: -2px;
right: 10px;
font-size: 0px;
z-index: 2;
}
.contact-form label .wpcf7-not-valid-tip::after {
content: "\f128";
font-family: "Ionicons";
position: absolute;
top: 0;
right: 5px;
font-size: var(--clb-font-main-size);
}
.contact-form .wpcf7-response-output {
border: none;
padding: 0;
margin: 15px 0px;
}
.contact-form .wpcf7-response-output.wpcf7-validation-errors {
color: #ed2525;
}
.contact-form .wpcf7-response-output.wpcf7-mail-sent-ok {
color: #39b628;
}
.contact-form.flat input:not([type=submit]),
.contact-form.flat select,
.contact-form.flat textarea {
background-color: var(--clb-color-fill);
border-color: transparent;
padding: 12px 15px;
}
.contact-form.flat input:not([type=submit]):focus,
.contact-form.flat select:focus,
.contact-form.flat textarea:focus {
border-color: var(--clb-color-primary);
}
.contact-form.flat label {
padding: 10px 0;
}
.contact-form.flat .input-group label {
padding: 10px 10px 0 0;
}
.contact-form.flat .input-group label:first-of-type {
padding-left: 0;
}
.contact-form.flat .input-group label:last-of-type {
padding-right: 0px;
}
.contact-form.classic input:not([type=submit]),
.contact-form.classic select,
.contact-form.classic textarea {
border-top: none;
border-left: none;
border-right: none;
padding-left: 0;
padding-right: 0;
text-indent: 0;
}
.contact-form.classic input:not([type=submit]).placeholder,
.contact-form.classic input:not([type=submit])::placeholder,
.contact-form.classic select.placeholder,
.contact-form.classic select::placeholder,
.contact-form.classic textarea.placeholder,
.contact-form.classic textarea::placeholder {
line-height: 16px;
}
.contact-form.classic .input-group label:first-of-type {
padding-left: 0;
}
.contact-form.classic .input-group label:last-of-type {
padding-right: 0px;
}
.contact-form.classic .input-group label input {
border-bottom-width: 1px;
}
.contact-form.classic .input-group label:last-of-type input:not([type=submit]) {
border-bottom-width: 1px;
}
.contact-form.classic .wpcf7-not-valid-tip {
right: -5px;
}
.contact-form .norebro-contact-subscribe {
display: flex;
}
.contact-form .norebro-contact-subscribe br {
display: none;
}
.contact-form .norebro-contact-subscribe button {
white-space: nowrap;
margin: 0 !important;
} .contact-module {
position: relative;
}
.contact-module a {
font-size: var(--clb-font-small-size);
}
.contact-module.list-box-icon-shape li {
margin-left: 50px;
}
.contact-module li {
padding-left: 36px;
}
.contact-module li .icon {
width: 20px;
height: 20px;
line-height: 20px;
vertical-align: 0;
text-align: center;
color: #49494a;
top: 12px;
left: 0px;
font-size: 25px;
}
.contact-module li .icon-shape {
background: var(--clb-color-black);
width: 40px;
height: 40px;
border-radius: 0;
font-size: 20px;
line-height: 40px;
top: 4px;
left: -15px;
}
.contact-module.list-box-border-items-offset li {
padding-left: 0px;
margin-left: 36px;
}
.contact-module.list-box-border-items-offset .icon {
left: -36px;
}
.contact-module.list-box-border-items-offset li.contact-item-icon-filled {
margin-left: 55px;
}
.contact-module.list-box-border-items-offset li.contact-item-icon-filled span.icon-shape {
left: -55px;
}
.contact-module li.contact-item-icon-filled {
margin-left: 36px;
}
.contact-module li.contact-item-icon-filled span.icon-shape {
left: -36px;
}
.contact-module.icon-box .icon-box-shape {
background: var(--clb-color-black);
color: var(--clb-color-white);
font-size: 45px;
line-height: 90px;
}
.contact-module.icon-box h3 {
margin-bottom: 8px;
}
.contact-module.icon-box address,
.contact-module.icon-box p,
.contact-module.icon-box a {
line-height: 24px;
} .countdown-box {
text-align: center;
}
.countdown-box .box-time {
padding: 0 13px;
display: inline-block;
position: relative;
}
.countdown-box .box-time .box-count {
min-width: 80px;
height: 70px;
display: inline-block;
vertical-align: middle;
display: inline-block;
letter-spacing: -0.03em;
font-weight: 600;
font-size: 28px;
line-height: 94px;
font-family: var(--clb-font-titles);
text-align: center;
color: var(--clb-color-black);
}
.countdown-box .box-time .box-label {
display: block;
text-align: center;
margin-top: 0;
}
.countdown-classic .box-time {
font-size: 45px;
}
.countdown-classic .box-time::after,
.countdown-classic .box-time::before {
content: ".";
color: var(--clb-color-black);
display: block;
width: 6px;
height: 7px;
border-left: none;
border-right: none;
border-radius: var(--clb-border-radius);
position: absolute;
margin-top: -1.08em;
top: 50%;
left: -0.13em;
font-size: 130%;
}
.countdown-classic .box-time::before {
margin-top: -0.8em;
}
.countdown-classic .box-time:first-child::after,
.countdown-classic .box-time:first-child::before {
display: none;
}
.countdown-classic .box-time .box-count {
min-width: 1em;
height: 1em;
line-height: 1;
font-size: inherit;
}
.countdown-classic .box-time .box-label {
display: none;
}
.countdown-boxed {
text-align: center;
}
.countdown-boxed .box-time::after,
.countdown-boxed .box-time::before {
display: none;
}
.countdown-boxed .box-time .box-count {
min-width: 80px;
height: 80px;
line-height: 83px;
font-size: 28px;
color: var(--clb-color-white);
}
.countdown-boxed .box-count {
background: #454545;
position: relative;
perspective: 300px;
}
.countdown-boxed .box-count .box-current,
.countdown-boxed .box-count .box-next {
background: var(--clb-color-white);
position: absolute;
outline: 1px solid transparent;
top: 0px;
left: 0;
z-index: 1;
}
.countdown-boxed .box-count .box-current.box-top,
.countdown-boxed .box-count .box-next.box-bottom {
transform-origin: 50% 100%;
transition: none;
transform: rotateX(0deg);
backface-visibility: hidden;
z-index: 2;
}
.countdown-boxed .box-count .box-current.box-top {
z-index: 3;
}
.countdown-boxed .box-count .box-next.box-bottom {
transform-origin: 50% 0%;
transform: rotateX(180deg);
}
.countdown-boxed .box-count .box-top {
background: inherit;
}
.countdown-boxed .box-count .box-top::after {
content: "";
background: var(--clb-color-border);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.countdown-boxed .box-count .box-bottom {
background: inherit;
}
.countdown-boxed .box-count .box-top,
.countdown-boxed .box-count .box-bottom {
width: 100%;
height: 50%;
overflow: hidden;
}
.countdown-boxed .box-count .box-bottom {
height: 50%;
border-top: none;
line-height: 3px;
top: 50%;
margin-top: 0px;
}
.countdown-boxed .box-count .number {
position: relative;
z-index: 4;
}
.countdown-boxed .box-time::after {
margin-top: -32px;
}
.countdown-boxed .box-time .box-label {
margin-top: 15px;
}
.countdown-boxed .flip .box-current.box-top {
transition: transform 0.5s ease-in-out;
transform: rotateX(-180deg);
}
.countdown-boxed .flip .box-next.box-bottom {
transition: transform 0.5s ease-in-out;
transform: rotateX(0);
}
.countdown-boxed.rounded .box-count {
border-radius: var(--clb-border-radius-large);
}
.countdown-boxed.rounded .box-top {
border-radius: var(--clb-border-radius-large) var(--clb-border-radius-large) 0 0;
}
.countdown-boxed.rounded .box-bottom {
border-radius: 0 0 var(--clb-border-radius-large) var(--clb-border-radius-large);
} .counter-box {
text-align: center;
}
.counter-box .counter-box-icon {
font-size: 40px;
vertical-align: middle;
display: inline-block;
line-height: 1;
}
.counter-box .counter-box-count {
color: var(--clb-color-black);
margin: 10px 0;
padding: 0;
line-height: 40px;
letter-spacing: -0.05em;
font-size: 42px;
font-weight: 600;
font-family: var(--clb-font-titles);
}
.counter-box .counter-box-count img,
.counter-box .counter-box-count .count {
vertical-align: middle;
}
.counter-box p.subtitle {
font-size: var(--clb-font-small-size);
}
.counter-box h3.title {
display: inline-block;
font-size: var(--clb-font-main-size);
} .dropcap {
background: transparent;
width: 68px;
height: 68px;
margin-right: 20px;
float: left;
display: inline-block;
text-align: center;
font: 600 40px var(--clb-font-titles);
line-height: 75px;
vertical-align: middle;
position: relative;
overflow: hidden;
}
.dropcap.outline {
border: 1px solid var(--clb-color-black);
}
.dropcap.flat {
color: var(--clb-color-white);
}
.dropcap.decorated {
border: 2px solid var(--clb-color-black);
border-bottom: none;
border-right: none;
} .google-maps {
width: 100%;
height: 100%;
min-height: 250px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.google-maps .google-maps-wrap {
width: 100%;
height: 100%;
min-height: 250px;
} .heading .title,
.heading .widget h5,
.widget .heading h5,
.heading .widget h4,
.widget .heading h4,
.heading .subtitle {
margin: 12px 0;
}
.heading *:first-child {
margin-top: 0 !important;
}
.heading *:last-child {
margin-bottom: 0 !important;
}
.heading::after {
content: "";
display: table;
clear: both;
} .icon-box {
text-align: center;
display: block;
text-decoration: none;
}
.icon-box .icon-wrap {
margin: 0 0 5px;
display: inline-block;
text-align: center;
line-height: 70px;
vertical-align: middle;
font-size: 50px;
text-align: inherit;
white-space: nowrap;
}
.icon-box .icon-wrap[class*=shape-] {
box-sizing: content-box;
width: 55px;
height: 55px;
margin-bottom: 25px;
line-height: 55px;
font-size: 34px;
text-align: center;
}
.icon-box .icon-wrap[class*=shape-] span {
color: inherit;
}
.icon-box .icon-wrap[class*=shape-] span,
.icon-box .icon-wrap[class*=shape-] span::before {
vertical-align: 0;
line-height: inherit;
}
.icon-box .icon-wrap.shape-border {
border: 1px solid;
}
.icon-box .icon-wrap.shape-border-double {
width: 60px;
height: 60px;
border: 3px double;
line-height: 52px;
}
.icon-box .icon-wrap.shape-rounded {
border-radius: 5px;
}
.icon-box h3 {
font-size: var(--clb-font-main-size);
margin: 0;
}
.icon-box .description {
display: block;
margin-top: 10px;
}
.icon-box .btn {
margin: 12px auto;
}
.icon-box.box-left,
.icon-box.box-right {
text-align: left;
position: relative;
}
.icon-box.box-left .icon-wrap,
.icon-box.box-right .icon-wrap {
padding: 0;
margin: 0;
line-height: 55px;
float: left;
}
.icon-box.box-left h3,
.icon-box.box-right h3 {
margin-top: 5px;
clear: none;
}
.icon-box.box-left .content-wrap,
.icon-box.box-right .content-wrap {
padding: 0 0 0 65px;
}
.icon-box.box-left .content-center.with-full,
.icon-box.box-right .content-center.with-full {
height: 50px;
min-height: 50px;
}
.icon-box.box-left .content-full,
.icon-box.box-right .content-full {
display: block;
clear: both;
}
.icon-box.box-right {
text-align: right;
}
.icon-box.box-right h3 {
text-align: right;
}
.icon-box.box-right .icon-wrap {
left: auto;
right: 0;
float: right;
}
.icon-box.box-right .content-wrap {
padding: 0 75px 0 0;
} #sb_instagram {
padding-bottom: 0px !important;
}
#sb_instagram .sb_instagram_header,
#sb_instagram .sbi_header_link,
#sb_instagram .sbi_header_text,
#sb_instagram .sbi_header_img,
#sb_instagram #sbi_images {
float: none;
}
#sb_instagram .sb_instagram_header .sbi_header_link {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
width: 100%;
padding-bottom: 20px;
}
#sb_instagram .sb_instagram_header .sbi_header_link::before {
display: none;
}
#sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_text {
width: auto;
}
#sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_text .sbi_no_bio {
margin: 0 0px 0 15px !important;
padding-top: 0 !important;
}
#sb_instagram .sb_instagram_header .sbi_header_link .sbi_header_img {
margin: 0 !important;
}
#sb_instagram #sbi_images {
width: auto !important;
min-width: 100%;
margin-right: -30px;
margin-left: -30px;
}
#sb_instagram #sbi_images .sbi_item {
position: relative;
overflow: hidden;
}
#sb_instagram #sbi_images .sbi_item .sbi_photo_wrap {
overflow: hidden;
}
#sb_instagram #sbi_images a {
display: block;
overflow: hidden;
transition: all var(--clb-transition-duration) var(--clb-transition-function);
opacity: 1 !important;
padding-bottom: 100%;
height: auto !important;
}
#sb_instagram #sbi_images a::before {
display: none;
}
#sb_instagram #sbi_images a::after {
content: "";
background: color-mix(in srgb, var(--clb-color-black) 30%, transparent);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all var(--clb-transition-duration) var(--clb-transition-function);
}
#sb_instagram #sbi_images a:hover::after {
opacity: 1;
}
#sb_instagram.no-margins #sbi_images {
margin-left: 0;
margin-right: 0;
}
#sb_instagram #sbi_load {
display: none;
} .list-box,
.widget_product_categories,
.widget_rss,
.widget_categories,
.widget_nav_menu,
.widget_pages,
.widget_archive,
.widget_meta,
.widget_recent_entries,
.widget_recent_comments {
margin: 10px 0;
list-style: none;
}
.list-box h4.title,
.widget_product_categories h4.title,
.widget_rss h4.title,
.widget_categories h4.title,
.widget_nav_menu h4.title,
.widget_pages h4.title,
.widget_archive h4.title,
.widget_meta h4.title,
.widget_recent_entries h4.title,
.widget_recent_comments h4.title,
.list-box .widget h4,
.widget_product_categories .widget h4,
.widget_rss .widget h4,
.widget_categories .widget h4,
.widget_nav_menu .widget h4,
.widget_pages .widget h4,
.widget_archive .widget h4,
.widget_meta .widget h4,
.widget_recent_entries .widget h4,
.widget_recent_comments .widget h4,
.widget .list-box h4,
.widget .widget_product_categories h4,
.widget .widget_rss h4,
.widget .widget_categories h4,
.widget .widget_nav_menu h4,
.widget .widget_pages h4,
.widget .widget_archive h4,
.widget .widget_meta h4,
.widget .widget_recent_entries h4,
.widget .widget_recent_comments h4 {
text-align: left;
margin: 0;
font-size: var(--clb-font-small-size);
font-weight: 600;
}
.list-box p,
.widget_product_categories p,
.widget_rss p,
.widget_categories p,
.widget_nav_menu p,
.widget_pages p,
.widget_archive p,
.widget_meta p,
.widget_recent_entries p,
.widget_recent_comments p {
font-size: var(--clb-font-small-size);
margin: 5px 0 0 0;
}
.list-box li,
.widget_product_categories li,
.widget_rss li,
.widget_categories li,
.widget_nav_menu li,
.widget_pages li,
.widget_archive li,
.widget_meta li,
.widget_recent_entries li,
.widget_recent_comments li {
padding: 11px 0 10px 30px;
position: relative;
}
.list-box li::after,
.widget_product_categories li::after,
.widget_rss li::after,
.widget_categories li::after,
.widget_nav_menu li::after,
.widget_pages li::after,
.widget_archive li::after,
.widget_meta li::after,
.widget_recent_entries li::after,
.widget_recent_comments li::after {
content: "";
background: var(--clb-color-primary);
width: 4px;
height: 4px;
border-radius: 10px;
position: absolute;
top: 17px;
left: 0;
}
.list-box li > *:first-child,
.widget_product_categories li > *:first-child,
.widget_rss li > *:first-child,
.widget_categories li > *:first-child,
.widget_nav_menu li > *:first-child,
.widget_pages li > *:first-child,
.widget_archive li > *:first-child,
.widget_meta li > *:first-child,
.widget_recent_entries li > *:first-child,
.widget_recent_comments li > *:first-child {
margin-top: 0;
}
.list-box li ul,
.widget_product_categories li ul,
.widget_rss li ul,
.widget_categories li ul,
.widget_nav_menu li ul,
.widget_pages li ul,
.widget_archive li ul,
.widget_meta li ul,
.widget_recent_entries li ul,
.widget_recent_comments li ul {
margin-left: -20px;
margin-bottom: 0;
}
.list-box li ul li,
.widget_product_categories li ul li,
.widget_rss li ul li,
.widget_categories li ul li,
.widget_nav_menu li ul li,
.widget_pages li ul li,
.widget_archive li ul li,
.widget_meta li ul li,
.widget_recent_entries li ul li,
.widget_recent_comments li ul li {
padding-left: 35px;
}
.list-box li ul li::after,
.widget_product_categories li ul li::after,
.widget_rss li ul li::after,
.widget_categories li ul li::after,
.widget_nav_menu li ul li::after,
.widget_pages li ul li::after,
.widget_archive li ul li::after,
.widget_meta li ul li::after,
.widget_recent_entries li ul li::after,
.widget_recent_comments li ul li::after {
left: 18px;
}
.list-box li ul li:last-child,
.widget_product_categories li ul li:last-child,
.widget_rss li ul li:last-child,
.widget_categories li ul li:last-child,
.widget_nav_menu li ul li:last-child,
.widget_pages li ul li:last-child,
.widget_archive li ul li:last-child,
.widget_meta li ul li:last-child,
.widget_recent_entries li ul li:last-child,
.widget_recent_comments li ul li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.list-box li ul li ul,
.widget_product_categories li ul li ul,
.widget_rss li ul li ul,
.widget_categories li ul li ul,
.widget_nav_menu li ul li ul,
.widget_pages li ul li ul,
.widget_archive li ul li ul,
.widget_meta li ul li ul,
.widget_recent_entries li ul li ul,
.widget_recent_comments li ul li ul {
margin-left: -35px;
}
.list-box li ul li ul li,
.widget_product_categories li ul li ul li,
.widget_rss li ul li ul li,
.widget_categories li ul li ul li,
.widget_nav_menu li ul li ul li,
.widget_pages li ul li ul li,
.widget_archive li ul li ul li,
.widget_meta li ul li ul li,
.widget_recent_entries li ul li ul li,
.widget_recent_comments li ul li ul li {
padding-left: 50px;
}
.list-box li ul li ul li::after,
.widget_product_categories li ul li ul li::after,
.widget_rss li ul li ul li::after,
.widget_categories li ul li ul li::after,
.widget_nav_menu li ul li ul li::after,
.widget_pages li ul li ul li::after,
.widget_archive li ul li ul li::after,
.widget_meta li ul li ul li::after,
.widget_recent_entries li ul li ul li::after,
.widget_recent_comments li ul li ul li::after {
left: 33px;
}
.list-box.style-line li::after,
.style-line.widget_product_categories li::after,
.style-line.widget_rss li::after,
.style-line.widget_categories li::after,
.style-line.widget_nav_menu li::after,
.style-line.widget_pages li::after,
.style-line.widget_archive li::after,
.style-line.widget_meta li::after,
.style-line.widget_recent_entries li::after,
.style-line.widget_recent_comments li::after {
width: 15px;
height: 2px;
border-radius: 0;
top: 22px;
}
.list-box.simple li,
.simple.widget_product_categories li,
.simple.widget_rss li,
.simple.widget_categories li,
.simple.widget_nav_menu li,
.simple.widget_pages li,
.simple.widget_archive li,
.simple.widget_meta li,
.simple.widget_recent_entries li,
.simple.widget_recent_comments li {
padding-left: 0;
}
.list-box.simple li::after,
.simple.widget_product_categories li::after,
.simple.widget_rss li::after,
.simple.widget_categories li::after,
.simple.widget_nav_menu li::after,
.simple.widget_pages li::after,
.simple.widget_archive li::after,
.simple.widget_meta li::after,
.simple.widget_recent_entries li::after,
.simple.widget_recent_comments li::after {
display: none;
}
.list-box.border li,
.border.widget_product_categories li,
.border.widget_rss li,
.border.widget_categories li,
.border.widget_nav_menu li,
.border.widget_pages li,
.border.widget_archive li,
.border.widget_meta li,
.border.widget_recent_entries li,
.border.widget_recent_comments li {
padding: 13px 0 12px 30px;
border-bottom: 1px solid var(--clb-color-border);
}
.list-box.border li:first-child,
.border.widget_product_categories li:first-child,
.border.widget_rss li:first-child,
.border.widget_categories li:first-child,
.border.widget_nav_menu li:first-child,
.border.widget_pages li:first-child,
.border.widget_archive li:first-child,
.border.widget_meta li:first-child,
.border.widget_recent_entries li:first-child,
.border.widget_recent_comments li:first-child {
border-top: 1px solid var(--clb-color-border);
}
.list-box.offset li,
.offset.widget_product_categories li,
.offset.widget_rss li,
.offset.widget_categories li,
.offset.widget_nav_menu li,
.offset.widget_pages li,
.offset.widget_archive li,
.offset.widget_meta li,
.offset.widget_recent_entries li,
.offset.widget_recent_comments li {
padding-left: 0;
margin-left: 30px;
}
.list-box.offset li::after,
.offset.widget_product_categories li::after,
.offset.widget_rss li::after,
.offset.widget_categories li::after,
.offset.widget_nav_menu li::after,
.offset.widget_pages li::after,
.offset.widget_archive li::after,
.offset.widget_meta li::after,
.offset.widget_recent_entries li::after,
.offset.widget_recent_comments li::after,
.list-box.offset li .icon,
.offset.widget_product_categories li .icon,
.offset.widget_rss li .icon,
.offset.widget_categories li .icon,
.offset.widget_nav_menu li .icon,
.offset.widget_pages li .icon,
.offset.widget_archive li .icon,
.offset.widget_meta li .icon,
.offset.widget_recent_entries li .icon,
.offset.widget_recent_comments li .icon {
left: -30px;
}
.list-box.with-icon li,
.with-icon.widget_product_categories li,
.with-icon.widget_rss li,
.with-icon.widget_categories li,
.with-icon.widget_nav_menu li,
.with-icon.widget_pages li,
.with-icon.widget_archive li,
.with-icon.widget_meta li,
.with-icon.widget_recent_entries li,
.with-icon.widget_recent_comments li {
padding: 10px 0 9px;
}
.list-box.with-icon li::after,
.with-icon.widget_product_categories li::after,
.with-icon.widget_rss li::after,
.with-icon.widget_categories li::after,
.with-icon.widget_nav_menu li::after,
.with-icon.widget_pages li::after,
.with-icon.widget_archive li::after,
.with-icon.widget_meta li::after,
.with-icon.widget_recent_entries li::after,
.with-icon.widget_recent_comments li::after {
display: none;
}
.list-box.with-icon li .wrap,
.with-icon.widget_product_categories li .wrap,
.with-icon.widget_rss li .wrap,
.with-icon.widget_categories li .wrap,
.with-icon.widget_nav_menu li .wrap,
.with-icon.widget_pages li .wrap,
.with-icon.widget_archive li .wrap,
.with-icon.widget_meta li .wrap,
.with-icon.widget_recent_entries li .wrap,
.with-icon.widget_recent_comments li .wrap {
width: 100%;
display: flex;
}
.list-box.with-icon li .wrap .col,
.with-icon.widget_product_categories li .wrap .col,
.with-icon.widget_rss li .wrap .col,
.with-icon.widget_categories li .wrap .col,
.with-icon.widget_nav_menu li .wrap .col,
.with-icon.widget_pages li .wrap .col,
.with-icon.widget_archive li .wrap .col,
.with-icon.widget_meta li .wrap .col,
.with-icon.widget_recent_entries li .wrap .col,
.with-icon.widget_recent_comments li .wrap .col {
vertical-align: middle;
}
.list-box.with-icon li .wrap .col.col-icon,
.with-icon.widget_product_categories li .wrap .col.col-icon,
.with-icon.widget_rss li .wrap .col.col-icon,
.with-icon.widget_categories li .wrap .col.col-icon,
.with-icon.widget_nav_menu li .wrap .col.col-icon,
.with-icon.widget_pages li .wrap .col.col-icon,
.with-icon.widget_archive li .wrap .col.col-icon,
.with-icon.widget_meta li .wrap .col.col-icon,
.with-icon.widget_recent_entries li .wrap .col.col-icon,
.with-icon.widget_recent_comments li .wrap .col.col-icon {
vertical-align: top;
}
.list-box.with-icon li .wrap .col-title,
.with-icon.widget_product_categories li .wrap .col-title,
.with-icon.widget_rss li .wrap .col-title,
.with-icon.widget_categories li .wrap .col-title,
.with-icon.widget_nav_menu li .wrap .col-title,
.with-icon.widget_pages li .wrap .col-title,
.with-icon.widget_archive li .wrap .col-title,
.with-icon.widget_meta li .wrap .col-title,
.with-icon.widget_recent_entries li .wrap .col-title,
.with-icon.widget_recent_comments li .wrap .col-title {
margin-left: 10px;
}
.list-box.with-icon li h4,
.with-icon.widget_product_categories li h4,
.with-icon.widget_rss li h4,
.with-icon.widget_categories li h4,
.with-icon.widget_nav_menu li h4,
.with-icon.widget_pages li h4,
.with-icon.widget_archive li h4,
.with-icon.widget_meta li h4,
.with-icon.widget_recent_entries li h4,
.with-icon.widget_recent_comments li h4,
.list-box.with-icon li .icon,
.with-icon.widget_product_categories li .icon,
.with-icon.widget_rss li .icon,
.with-icon.widget_categories li .icon,
.with-icon.widget_nav_menu li .icon,
.with-icon.widget_pages li .icon,
.with-icon.widget_archive li .icon,
.with-icon.widget_meta li .icon,
.with-icon.widget_recent_entries li .icon,
.with-icon.widget_recent_comments li .icon,
.list-box.with-icon li img,
.with-icon.widget_product_categories li img,
.with-icon.widget_rss li img,
.with-icon.widget_categories li img,
.with-icon.widget_nav_menu li img,
.with-icon.widget_pages li img,
.with-icon.widget_archive li img,
.with-icon.widget_meta li img,
.with-icon.widget_recent_entries li img,
.with-icon.widget_recent_comments li img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.list-box.with-icon li .icon,
.with-icon.widget_product_categories li .icon,
.with-icon.widget_rss li .icon,
.with-icon.widget_categories li .icon,
.with-icon.widget_nav_menu li .icon,
.with-icon.widget_pages li .icon,
.with-icon.widget_archive li .icon,
.with-icon.widget_meta li .icon,
.with-icon.widget_recent_entries li .icon,
.with-icon.widget_recent_comments li .icon,
.list-box.with-icon li img,
.with-icon.widget_product_categories li img,
.with-icon.widget_rss li img,
.with-icon.widget_categories li img,
.with-icon.widget_nav_menu li img,
.with-icon.widget_pages li img,
.with-icon.widget_archive li img,
.with-icon.widget_meta li img,
.with-icon.widget_recent_entries li img,
.with-icon.widget_recent_comments li img {
vertical-align: top;
font-size: 21px;
line-height: 1;
}
.list-box.with-icon li .icon::before,
.with-icon.widget_product_categories li .icon::before,
.with-icon.widget_rss li .icon::before,
.with-icon.widget_categories li .icon::before,
.with-icon.widget_nav_menu li .icon::before,
.with-icon.widget_pages li .icon::before,
.with-icon.widget_archive li .icon::before,
.with-icon.widget_meta li .icon::before,
.with-icon.widget_recent_entries li .icon::before,
.with-icon.widget_recent_comments li .icon::before,
.list-box.with-icon li img::before,
.with-icon.widget_product_categories li img::before,
.with-icon.widget_rss li img::before,
.with-icon.widget_categories li img::before,
.with-icon.widget_nav_menu li img::before,
.with-icon.widget_pages li img::before,
.with-icon.widget_archive li img::before,
.with-icon.widget_meta li img::before,
.with-icon.widget_recent_entries li img::before,
.with-icon.widget_recent_comments li img::before {
line-height: inherit;
vertical-align: middle;
display: block;
}
.list-box.with-icon.border li,
.with-icon.border.widget_product_categories li,
.with-icon.border.widget_rss li,
.with-icon.border.widget_categories li,
.with-icon.border.widget_nav_menu li,
.with-icon.border.widget_pages li,
.with-icon.border.widget_archive li,
.with-icon.border.widget_meta li,
.with-icon.border.widget_recent_entries li,
.with-icon.border.widget_recent_comments li {
padding: 11px 0 12px 0;
}
.list-box.with-icon.offset li,
.with-icon.offset.widget_product_categories li,
.with-icon.offset.widget_rss li,
.with-icon.offset.widget_categories li,
.with-icon.offset.widget_nav_menu li,
.with-icon.offset.widget_pages li,
.with-icon.offset.widget_archive li,
.with-icon.offset.widget_meta li,
.with-icon.offset.widget_recent_entries li,
.with-icon.offset.widget_recent_comments li {
border-width: 0px;
padding: 0;
}
.list-box.with-icon.offset li .col,
.with-icon.offset.widget_product_categories li .col,
.with-icon.offset.widget_rss li .col,
.with-icon.offset.widget_categories li .col,
.with-icon.offset.widget_nav_menu li .col,
.with-icon.offset.widget_pages li .col,
.with-icon.offset.widget_archive li .col,
.with-icon.offset.widget_meta li .col,
.with-icon.offset.widget_recent_entries li .col,
.with-icon.offset.widget_recent_comments li .col {
padding: 12px 0 11px;
}
.list-box.with-icon.offset li .col-title,
.with-icon.offset.widget_product_categories li .col-title,
.with-icon.offset.widget_rss li .col-title,
.with-icon.offset.widget_categories li .col-title,
.with-icon.offset.widget_nav_menu li .col-title,
.with-icon.offset.widget_pages li .col-title,
.with-icon.offset.widget_archive li .col-title,
.with-icon.offset.widget_meta li .col-title,
.with-icon.offset.widget_recent_entries li .col-title,
.with-icon.offset.widget_recent_comments li .col-title {
border-bottom: 1px solid var(--clb-color-border);
}
.list-box.with-icon.offset li:first-child .col-title,
.with-icon.offset.widget_product_categories li:first-child .col-title,
.with-icon.offset.widget_rss li:first-child .col-title,
.with-icon.offset.widget_categories li:first-child .col-title,
.with-icon.offset.widget_nav_menu li:first-child .col-title,
.with-icon.offset.widget_pages li:first-child .col-title,
.with-icon.offset.widget_archive li:first-child .col-title,
.with-icon.offset.widget_meta li:first-child .col-title,
.with-icon.offset.widget_recent_entries li:first-child .col-title,
.with-icon.offset.widget_recent_comments li:first-child .col-title {
border-top: 1px solid var(--clb-color-border);
}
.list-box.icon-fill li,
.icon-fill.widget_product_categories li,
.icon-fill.widget_rss li,
.icon-fill.widget_categories li,
.icon-fill.widget_nav_menu li,
.icon-fill.widget_pages li,
.icon-fill.widget_archive li,
.icon-fill.widget_meta li,
.icon-fill.widget_recent_entries li,
.icon-fill.widget_recent_comments li {
padding: 5px 0 5px;
margin-left: 0;
}
.list-box.icon-fill li .icon,
.icon-fill.widget_product_categories li .icon,
.icon-fill.widget_rss li .icon,
.icon-fill.widget_categories li .icon,
.icon-fill.widget_nav_menu li .icon,
.icon-fill.widget_pages li .icon,
.icon-fill.widget_archive li .icon,
.icon-fill.widget_meta li .icon,
.icon-fill.widget_recent_entries li .icon,
.icon-fill.widget_recent_comments li .icon {
background: var(--clb-color-primary);
width: 30px;
height: 30px;
margin-right: 15px;
line-height: 30px;
font-size: 18px;
text-align: center;
color: var(--clb-color-white);
top: 7px;
}
.list-box.icon-fill li .icon::before,
.icon-fill.widget_product_categories li .icon::before,
.icon-fill.widget_rss li .icon::before,
.icon-fill.widget_categories li .icon::before,
.icon-fill.widget_nav_menu li .icon::before,
.icon-fill.widget_pages li .icon::before,
.icon-fill.widget_archive li .icon::before,
.icon-fill.widget_meta li .icon::before,
.icon-fill.widget_recent_entries li .icon::before,
.icon-fill.widget_recent_comments li .icon::before {
vertical-align: middle;
}
.list-box.icon-fill.border li,
.icon-fill.border.widget_product_categories li,
.icon-fill.border.widget_rss li,
.icon-fill.border.widget_categories li,
.icon-fill.border.widget_nav_menu li,
.icon-fill.border.widget_pages li,
.icon-fill.border.widget_archive li,
.icon-fill.border.widget_meta li,
.icon-fill.border.widget_recent_entries li,
.icon-fill.border.widget_recent_comments li {
padding: 6px 0 8px 0;
}
.list-box.icon-fill.offset li,
.icon-fill.offset.widget_product_categories li,
.icon-fill.offset.widget_rss li,
.icon-fill.offset.widget_categories li,
.icon-fill.offset.widget_nav_menu li,
.icon-fill.offset.widget_pages li,
.icon-fill.offset.widget_archive li,
.icon-fill.offset.widget_meta li,
.icon-fill.offset.widget_recent_entries li,
.icon-fill.offset.widget_recent_comments li {
padding: 0;
}
.list-box.icon-fill.offset li .col,
.icon-fill.offset.widget_product_categories li .col,
.icon-fill.offset.widget_rss li .col,
.icon-fill.offset.widget_categories li .col,
.icon-fill.offset.widget_nav_menu li .col,
.icon-fill.offset.widget_pages li .col,
.icon-fill.offset.widget_archive li .col,
.icon-fill.offset.widget_meta li .col,
.icon-fill.offset.widget_recent_entries li .col,
.icon-fill.offset.widget_recent_comments li .col {
padding: 8px 0 7px;
} .menu-list h4 {
font-size: var(--clb-font-main-size);
}
.menu-list table {
margin: 0;
}
.menu-list table td,
.menu-list table th {
padding: 0;
border: none;
}
.menu-list table tr .title,
.menu-list table tr .widget h5,
.widget .menu-list table tr h5,
.menu-list table tr .widget h4,
.widget .menu-list table tr h4 {
width: 1%;
white-space: nowrap;
}
.menu-list table tr .title del,
.menu-list table tr .widget h5 del,
.widget .menu-list table tr h5 del,
.menu-list table tr .widget h4 del,
.widget .menu-list table tr h4 del {
color: #888888;
}
.menu-list table tr .title ins,
.menu-list table tr .widget h5 ins,
.widget .menu-list table tr h5 ins,
.menu-list table tr .widget h4 ins,
.widget .menu-list table tr h4 ins {
text-decoration: none;
}
.menu-list table tr .line {
padding: 0 10px;
}
.menu-list table tr .line::after {
content: "";
width: 100%;
height: 1px;
border-bottom: 1px dotted #ccc;
display: block;
margin-top: 10px;
}
.menu-list .content {
margin: 5px 0 0;
}
.menu-list .content p {
margin: 0;
}
.menu-list .content .new {
color: var(--clb-color-white);
margin-left: 10px;
font-size: var(--clb-font-caption-size);
font-weight: 600;
padding: 3px 8px 2px;
display: inline-block;
float: right;
} .message-box {
background-color: var(--clb-color-fill);
margin: 0;
padding: 22px 45px 20px 20px;
border: none;
font-size: var(--clb-font-small-size);
text-align: left;
position: relative;
color: var(--clb-color-black);
}
.message-box.wauto {
width: auto;
display: inline-block;
margin: 0 auto;
}
.message-box.without-close {
padding-right: 20px;
}
.message-box.closed {
display: none;
}
.message-box a {
color: var(--clb-color-black);
font-weight: 600;
margin: 0 6px;
}
.message-box a:hover {
color: var(--clb-color-black);
opacity: 0.8;
text-decoration: underline;
}
.message-box .close {
color: inherit;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
font-size: 28px;
line-height: 14px;
margin-top: -2px;
}
.message-box .close:hover {
opacity: 0.8;
}
.message-box.primary {
background: color-mix(in srgb, var(--clb-color-primary) 10%, transparent);
}
.message-box.success {
background: rgba(58, 188, 131, 0.15);
}
.message-box.warning {
background: rgba(254, 157, 93, 0.2);
}
.message-box.error {
background: rgba(254, 93, 93, 0.15);
} .norebro-onepage {
width: 100%;
min-height: 200px;
height: 100vh;
overflow: hidden;
position: relative;
}
.norebro-onepage .onepage-section {
background-position: center;
background-size: cover;
height: 100vh;
}
.norebro-onepage .onepage-nav div {
position: absolute;
bottom: 40px;
right: 40px;
z-index: 3;
}
.norebro-onepage .onepage-nav .up {
bottom: 100px;
}
.norebro-onepage.horizontal .onepage-stage {
width: 100000px;
height: 100%;
overflow: hidden;
position: relative;
}
.norebro-onepage.horizontal .onepage-stage .onepage-section {
float: left;
}
.norebro-onepage.horizontal .onepage-nav div {
bottom: 40px;
transform: rotate(-90deg);
}
.norebro-onepage.horizontal .onepage-nav .up {
right: 100px;
} .parallax {
position: relative;
height: 100%;
min-height: 100px;
overflow: hidden;
}
.parallax::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.parallax .parallax-content {
position: relative;
z-index: 3;
padding-left: 25px;
padding-right: 25px;
}
.parallax-bg {
background-position: center center;
width: 100%;
height: 1000%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
backface-visibility: hidden;
perspective: 1000;
will-change: transform;
}
.parallax-bg.horizontal {
width: 1000%;
height: 100%;
} .pricing-table {
background: #f9f9f9;
width: 100%;
padding: 30px;
text-align: center;
position: relative;
display: inline-block;
}
.pricing-table h3.title {
margin: 10px 0 0 0;
font-size: 20px;
text-align: center;
}
.pricing-table > p.subtitle {
margin-top: 5px;
font-size: var(--clb-font-small-size);
}
.pricing-table .price {
margin: 15px 0 0;
padding: 20px 0;
border-top: 1px solid rgba(0, 0, 0, 0.07);
}
.pricing-table .price h2 {
display: inline-block;
font-size: 50px;
line-height: 50px;
margin: 0;
position: relative;
}
.pricing-table .price h2 .icon {
position: absolute;
left: -22px;
top: 5px;
line-height: 25px;
font-size: 25px;
}
.pricing-table .price p.subtitle {
margin-top: 20px;
}
.pricing-table .time-interval {
background: #ebebeb;
border: none;
margin: 10px 0 0;
}
.pricing-table > .list-box,
.pricing-table > .widget_product_categories,
.pricing-table > .widget_rss,
.pricing-table > .widget_categories,
.pricing-table > .widget_nav_menu,
.pricing-table > .widget_pages,
.pricing-table > .widget_archive,
.pricing-table > .widget_meta,
.pricing-table > .widget_recent_entries,
.pricing-table > .widget_recent_comments {
margin: 0 0;
}
.pricing-table .list-box + .btn,
.pricing-table .widget_product_categories + .btn,
.pricing-table .widget_rss + .btn,
.pricing-table .widget_categories + .btn,
.pricing-table .widget_nav_menu + .btn,
.pricing-table .widget_pages + .btn,
.pricing-table .widget_archive + .btn,
.pricing-table .widget_meta + .btn,
.pricing-table .widget_recent_entries + .btn,
.pricing-table .widget_recent_comments + .btn {
margin-top: 30px;
}
.pricing-table .btn {
min-width: 140px;
}
.pricing-table .list-box li,
.pricing-table .widget_product_categories li,
.pricing-table .widget_rss li,
.pricing-table .widget_categories li,
.pricing-table .widget_nav_menu li,
.pricing-table .widget_pages li,
.pricing-table .widget_archive li,
.pricing-table .widget_meta li,
.pricing-table .widget_recent_entries li,
.pricing-table .widget_recent_comments li {
padding: 6px 0;
}
.pricing-table .list-box li,
.pricing-table .widget_product_categories li,
.pricing-table .widget_rss li,
.pricing-table .widget_categories li,
.pricing-table .widget_nav_menu li,
.pricing-table .widget_pages li,
.pricing-table .widget_archive li,
.pricing-table .widget_meta li,
.pricing-table .widget_recent_entries li,
.pricing-table .widget_recent_comments li,
.pricing-table .list-box li:first-child {
border-color: rgba(0, 0, 0, 0.07);
}
.pricing-table .list-box li .icon,
.pricing-table .widget_product_categories li .icon,
.pricing-table .widget_rss li .icon,
.pricing-table .widget_categories li .icon,
.pricing-table .widget_nav_menu li .icon,
.pricing-table .widget_pages li .icon,
.pricing-table .widget_archive li .icon,
.pricing-table .widget_meta li .icon,
.pricing-table .widget_recent_entries li .icon,
.pricing-table .widget_recent_comments li .icon {
font-size: 22px;
vertical-align: -3px;
}
.pricing-table .list-box li .icon + .title,
.pricing-table .widget_product_categories li .icon + .title,
.pricing-table .widget_rss li .icon + .title,
.pricing-table .widget_categories li .icon + .title,
.pricing-table .widget_nav_menu li .icon + .title,
.pricing-table .widget_pages li .icon + .title,
.pricing-table .widget_archive li .icon + .title,
.pricing-table .widget_meta li .icon + .title,
.pricing-table .widget_recent_entries li .icon + .title,
.pricing-table .widget_recent_comments li .icon + .title,
.pricing-table .list-box li .widget .icon + h5,
.pricing-table .widget_product_categories li .widget .icon + h5,
.pricing-table .widget_rss li .widget .icon + h5,
.pricing-table .widget_categories li .widget .icon + h5,
.pricing-table .widget_nav_menu li .widget .icon + h5,
.pricing-table .widget_pages li .widget .icon + h5,
.pricing-table .widget_archive li .widget .icon + h5,
.pricing-table .widget_meta li .widget .icon + h5,
.pricing-table .widget_recent_entries li .widget .icon + h5,
.pricing-table .widget_recent_comments li .widget .icon + h5,
.widget .pricing-table .list-box li .icon + h5,
.widget .pricing-table .widget_product_categories li .icon + h5,
.widget .pricing-table .widget_rss li .icon + h5,
.widget .pricing-table .widget_categories li .icon + h5,
.widget .pricing-table .widget_nav_menu li .icon + h5,
.widget .pricing-table .widget_pages li .icon + h5,
.widget .pricing-table .widget_archive li .icon + h5,
.widget .pricing-table .widget_meta li .icon + h5,
.widget .pricing-table .widget_recent_entries li .icon + h5,
.widget .pricing-table .widget_recent_comments li .icon + h5,
.pricing-table .list-box li .widget .icon + h4,
.pricing-table .widget_product_categories li .widget .icon + h4,
.pricing-table .widget_rss li .widget .icon + h4,
.pricing-table .widget_categories li .widget .icon + h4,
.pricing-table .widget_nav_menu li .widget .icon + h4,
.pricing-table .widget_pages li .widget .icon + h4,
.pricing-table .widget_archive li .widget .icon + h4,
.pricing-table .widget_meta li .widget .icon + h4,
.pricing-table .widget_recent_entries li .widget .icon + h4,
.pricing-table .widget_recent_comments li .widget .icon + h4,
.widget .pricing-table .list-box li .icon + h4,
.widget .pricing-table .widget_product_categories li .icon + h4,
.widget .pricing-table .widget_rss li .icon + h4,
.widget .pricing-table .widget_categories li .icon + h4,
.widget .pricing-table .widget_nav_menu li .icon + h4,
.widget .pricing-table .widget_pages li .icon + h4,
.widget .pricing-table .widget_archive li .icon + h4,
.widget .pricing-table .widget_meta li .icon + h4,
.widget .pricing-table .widget_recent_entries li .icon + h4,
.widget .pricing-table .widget_recent_comments li .icon + h4 {
margin-left: 5px;
}
.pricing-table .list-box li.disabled .title,
.pricing-table .widget_product_categories li.disabled .title,
.pricing-table .widget_rss li.disabled .title,
.pricing-table .widget_categories li.disabled .title,
.pricing-table .widget_nav_menu li.disabled .title,
.pricing-table .widget_pages li.disabled .title,
.pricing-table .widget_archive li.disabled .title,
.pricing-table .widget_meta li.disabled .title,
.pricing-table .widget_recent_entries li.disabled .title,
.pricing-table .widget_recent_comments li.disabled .title,
.pricing-table .list-box li.disabled .widget h5,
.pricing-table .widget_product_categories li.disabled .widget h5,
.pricing-table .widget_rss li.disabled .widget h5,
.pricing-table .widget_categories li.disabled .widget h5,
.pricing-table .widget_nav_menu li.disabled .widget h5,
.pricing-table .widget_pages li.disabled .widget h5,
.pricing-table .widget_archive li.disabled .widget h5,
.pricing-table .widget_meta li.disabled .widget h5,
.pricing-table .widget_recent_entries li.disabled .widget h5,
.pricing-table .widget_recent_comments li.disabled .widget h5,
.widget .pricing-table .list-box li.disabled h5,
.widget .pricing-table .widget_product_categories li.disabled h5,
.widget .pricing-table .widget_rss li.disabled h5,
.widget .pricing-table .widget_categories li.disabled h5,
.widget .pricing-table .widget_nav_menu li.disabled h5,
.widget .pricing-table .widget_pages li.disabled h5,
.widget .pricing-table .widget_archive li.disabled h5,
.widget .pricing-table .widget_meta li.disabled h5,
.widget .pricing-table .widget_recent_entries li.disabled h5,
.widget .pricing-table .widget_recent_comments li.disabled h5,
.pricing-table .list-box li.disabled .widget h4,
.pricing-table .widget_product_categories li.disabled .widget h4,
.pricing-table .widget_rss li.disabled .widget h4,
.pricing-table .widget_categories li.disabled .widget h4,
.pricing-table .widget_nav_menu li.disabled .widget h4,
.pricing-table .widget_pages li.disabled .widget h4,
.pricing-table .widget_archive li.disabled .widget h4,
.pricing-table .widget_meta li.disabled .widget h4,
.pricing-table .widget_recent_entries li.disabled .widget h4,
.pricing-table .widget_recent_comments li.disabled .widget h4,
.widget .pricing-table .list-box li.disabled h4,
.widget .pricing-table .widget_product_categories li.disabled h4,
.widget .pricing-table .widget_rss li.disabled h4,
.widget .pricing-table .widget_categories li.disabled h4,
.widget .pricing-table .widget_nav_menu li.disabled h4,
.widget .pricing-table .widget_pages li.disabled h4,
.widget .pricing-table .widget_archive li.disabled h4,
.widget .pricing-table .widget_meta li.disabled h4,
.widget .pricing-table .widget_recent_entries li.disabled h4,
.widget .pricing-table .widget_recent_comments li.disabled h4 {
color: color-mix(in srgb, var(--clb-color-black) 50%, transparent);
}
.pricing-table.features {
background: transparent;
}
.pricing-table.features h3 {
text-align: left;
margin: 0;
font-size: var(--clb-font-main-size);
}
.pricing-table.features .list-box,
.pricing-table.features .widget_product_categories,
.pricing-table.features .widget_rss,
.pricing-table.features .widget_categories,
.pricing-table.features .widget_nav_menu,
.pricing-table.features .widget_pages,
.pricing-table.features .widget_archive,
.pricing-table.features .widget_meta,
.pricing-table.features .widget_recent_entries,
.pricing-table.features .widget_recent_comments {
margin-top: 15px;
} .process {
position: relative;
padding: 1px 0;
}
.process .number {
color: #ebebeb;
font: bold 100px var(--clb-font-titles);
position: absolute;
line-height: 1;
top: 0;
left: 0;
}
.process h3 {
font-size: 24px;
margin: 30px 0 45px;
}
.process .description {
margin: 0;
}
.process.boxed {
background: var(--clb-color-white);
padding: 40px;
margin-top: 50px;
}
.process.boxed .number {
top: -45px;
left: 35px;
}
.process.boxed h3 {
margin: 20px 0 10px;
} .progress-bar {
width: 100%;
}
.progress-bar h4 {
margin: 0;
font-size: var(--clb-font-small-size);
}
.progress-bar .line-wrap {
background-color: var(--clb-color-fill);
width: 100%;
height: 8px;
margin-top: 10px;
}
.progress-bar .line {
display: block;
width: 0px;
height: 8px;
transition: width 1.6s cubic-bezier(0.2, 0.35, 0.25, 1);
position: relative;
}
.progress-bar .line-percent {
content: "20";
background: var(--clb-color-black);
color: var(--clb-color-white);
padding: 0px 8px;
height: 24px;
display: flex;
align-items: center;
font-size: var(--clb-font-caption-size);
font-weight: 600;
position: absolute;
bottom: 100%;
right: 0;
transform: translateX(50%) translateY(-10px);
}
.progress-bar .line-percent::after {
content: "";
background: inherit;
width: 8px;
height: 8px;
position: absolute;
bottom: -4px;
right: 50%;
transform: translateX(50%) rotate(45deg);
}
.progress-bar.inner .line-wrap {
height: 14px;
}
.progress-bar.inner .line {
height: 6px;
top: 4px;
left: 4px;
}
.progress-bar.inner .line-percent {
margin-bottom: 4px;
}
.progress-bar.split .line-wrap {
background: transparent;
position: relative;
}
.progress-bar.split .line-split {
background: #ebebeb;
width: calc(12.5% - 2px);
height: 8px;
float: left;
margin-right: 2px;
position: relative;
overflow: hidden;
}
.progress-bar.split .line-split .line {
position: absolute;
top: 0;
left: 0;
}
.progress-bar.pattern .line {
background-image: url(//www.bulbtech.com/assets/images/progress-bar-pattern.png);
animation: progress-bar-line-strip-anim 1s linear infinite;
}
@keyframes progress-bar-line-strip-anim {
0% {
background-position: 0 0;
}
100% {
background-position: -21px 0;
}
} .vc_row {
position: relative;
}
.vc_row .vc-bg-lines div {
background: var(--clb-color-fill);
width: 1px;
height: 100%;
position: absolute;
left: 12.5%;
}
.vc_row .vc-bg-lines.light div {
background: color-mix(in srgb, var(--clb-color-white) 8%, transparent);
}
.vc_row .vc-bg-lines div:nth-child(2) {
left: calc(12.5% * 2);
}
.vc_row .vc-bg-lines div:nth-child(3) {
left: calc(12.5% * 3);
}
.vc_row .vc-bg-lines div:nth-child(4) {
left: calc(12.5% * 4);
}
.vc_row .vc-bg-lines div:nth-child(5) {
left: calc(12.5% * 5);
}
.vc_row .vc-bg-lines div:nth-child(6) {
left: calc(12.5% * 6);
}
.vc_row .vc-bg-lines div:nth-child(7) {
left: calc(12.5% * 7);
}
.vc_row .vc-bg-side-text {
color: color-mix(in srgb, var(--clb-color-black) 15%, transparent);
position: absolute;
font-size: 100px;
line-height: 100%;
font-weight: 600;
font-family: var(--clb-font-titles);
top: 40px;
text-align: left;
transform-origin: 0% 0%;
transform: rotate(-90deg) translateX(-100%) translateY(-50%);
}
.vc_row .vc-bg-side-text.right {
left: auto;
transform: translateX(100%) rotate(-90deg) translateX(-100%) translateY(-50%);
}
.page-container .vc-bg-side-text {
left: calc((100% - var(--clb-container-width)) / 4);
}
.page-container .vc-bg-side-text.right {
left: auto;
right: calc((100% - var(--clb-container-width)) / 4);
}
.page-container.full .vc-bg-side-text {
left: 3.5%;
}
.page-container.full .vc-bg-side-text.right {
left: auto;
right: 3.5%;
} .slider {
width: auto;
margin: 0 auto;
position: relative;
user-select: none;
}
.slider::after {
content: "";
display: table;
clear: both;
}
.slider .slider-wrap .wpb_content_element {
margin: 0;
}
.slider .owl-stage-outer {
position: relative;
overflow: hidden;
transition: height 0.3s ease-in-out;
}
.slider .owl-stage {
position: absolute;
}
.slider .owl-item {
float: left;
}
.slider .owl-nav div {
margin-top: -30px;
top: 50%;
z-index: 4;
}
.slider .owl-nav div.disabled {
opacity: 0;
cursor: default;
}
.slider .owl-prev {
left: 0px;
}
.slider .owl-nav .owl-next {
right: 0px;
}
.slider .owl-dots {
width: 100%;
text-align: center;
margin-top: 0;
}
.slider .owl-dots.slider-vertical-numbers,
.slider .owl-dots.slider-vertical-dots {
width: auto;
}
.slider .owl-dot {
width: 14px;
height: 14px;
margin: 0 5px;
border-radius: 50px;
border: 1px solid transparent;
display: inline-block;
position: relative;
cursor: pointer;
opacity: 1;
transition: 0.2s ease-in-out;
transition-property: opacity, border-color;
color: var(--clb-color-black);
}
.slider .owl-dot::after {
background: currentColor;
content: "";
width: 4px;
height: 4px;
border-radius: 50px;
margin: -2px 0 0 -2px;
position: absolute;
top: 50%;
left: 50%;
}
.slider .owl-dot:hover {
opacity: 0.6;
}
.slider .owl-dot:hover,
.slider .owl-dot.active {
border-color: currentColor;
}
.slider .owl-dot.brand {
color: var(--clb-color-primary);
}
.slider.with-dots .owl-nav div {
margin-top: -70px;
}
.slider.with-dots .owl-dots {
margin-top: 40px;
}
.slider.without-nav .slider-nav {
display: none;
}
.slider-wrap {
position: relative;
}
.slider.norebro-slider {
padding: 0 80px;
}
.slider.norebro-slider.full-height {
height: 100%;
}
.slider.norebro-slider.full-height.with-dots {
height: calc(100% - 120px);
}
.slider.norebro-slider.full-height .owl-stage-outer,
.slider.norebro-slider.full-height .owl-stage,
.slider.norebro-slider.full-height .owl-item,
.slider.norebro-slider.full-height .portfolio-item-wrap {
height: 100%;
}
.slider.norebro-slider.without-nav {
padding: 0;
}
.slider.norebro-slider.without-nav .owl-nav,
.slider.norebro-slider.without-nav .slider-nav {
display: none;
}
.slider-nav > div {
background: rgba(30, 30, 30, 0.7);
color: var(--clb-color-white);
width: 50px;
height: 50px;
border: none;
border-radius: 50px;
text-align: center;
font-size: 25px;
line-height: 54px;
position: absolute;
transform: none;
transition: 0.2s ease-in-out;
transition-property: transform, opacity;
cursor: pointer;
}
.slider-nav > div span {
font-size: 28px;
}
.slider-nav > div:hover {
opacity: 0.8;
}
.slider-vertical-numbers,
.slider-vertical-dots {
width: auto;
height: 100%;
position: absolute;
top: 0;
right: 40px;
display: flex;
flex-direction: column;
align-items: center;
list-style: none;
justify-content: center;
z-index: 2;
counter-reset: onepage;
}
.slider-vertical-numbers li,
.slider-vertical-numbers > div,
.slider-vertical-numbers > .owl-dot,
.slider-vertical-dots li,
.slider-vertical-dots > div,
.slider-vertical-dots > .owl-dot {
background: transparent;
width: auto;
height: auto;
padding: 3px 0;
color: var(--clb-color-white);
font-family: var(--clb-font-titles);
font-weight: 600;
font-size: 18px;
position: relative;
cursor: pointer;
transform: scale(0.69) rotate(0.25deg);
opacity: 0.8;
transition: 0.2s ease-in-out;
transition-property: transform, opacity, color;
counter-increment: onepage;
}
.slider-vertical-numbers li::after,
.slider-vertical-numbers > div::after,
.slider-vertical-numbers > .owl-dot::after,
.slider-vertical-dots li::after,
.slider-vertical-dots > div::after,
.slider-vertical-dots > .owl-dot::after {
background: transparent;
content: counter(onepage, decimal-leading-zero);
position: static;
}
.slider-vertical-numbers li::before,
.slider-vertical-numbers > div::before,
.slider-vertical-numbers > .owl-dot::before,
.slider-vertical-dots li::before,
.slider-vertical-dots > div::before,
.slider-vertical-dots > .owl-dot::before {
content: "";
background: currentColor;
width: 90%;
height: 1px;
position: absolute;
bottom: 4px;
left: 5%;
display: none;
opacity: 0;
}
.slider-vertical-numbers li.active,
.slider-vertical-numbers li:hover,
.slider-vertical-numbers > div.active,
.slider-vertical-numbers > div:hover,
.slider-vertical-numbers > .owl-dot.active,
.slider-vertical-numbers > .owl-dot:hover,
.slider-vertical-dots li.active,
.slider-vertical-dots li:hover,
.slider-vertical-dots > div.active,
.slider-vertical-dots > div:hover,
.slider-vertical-dots > .owl-dot.active,
.slider-vertical-dots > .owl-dot:hover {
background: none;
width: auto;
height: auto;
border-color: transparent;
cursor: pointer;
transform: none;
opacity: 1;
}
.slider-vertical-numbers li.active::before,
.slider-vertical-numbers li:hover::before,
.slider-vertical-numbers > div.active::before,
.slider-vertical-numbers > div:hover::before,
.slider-vertical-numbers > .owl-dot.active::before,
.slider-vertical-numbers > .owl-dot:hover::before,
.slider-vertical-dots li.active::before,
.slider-vertical-dots li:hover::before,
.slider-vertical-dots > div.active::before,
.slider-vertical-dots > div:hover::before,
.slider-vertical-dots > .owl-dot.active::before,
.slider-vertical-dots > .owl-dot:hover::before {
display: block;
opacity: 1;
}
.slider-vertical-dots li,
.slider-vertical-dots > div,
.slider-vertical-dots > .owl-dot {
color: var(--clb-color-white);
background: transparent;
width: 14px;
height: 14px;
margin: 5px 0;
display: block;
border-radius: 50px;
border: 1px solid transparent;
position: relative;
transform: none;
transition: 0.3s ease-in-out;
transition-property: color, border-color;
}
.slider-vertical-dots li::after,
.slider-vertical-dots > div::after,
.slider-vertical-dots > .owl-dot::after {
content: "";
background: currentColor;
content: "";
width: 4px;
height: 4px;
-webkit-border-radius: 50px;
border-radius: 50px;
margin: -2px 0 0 -2px;
position: absolute;
top: 50%;
left: 50%;
}
.slider-vertical-dots li::before,
.slider-vertical-dots > div::before,
.slider-vertical-dots > .owl-dot::before {
content: none;
}
.slider-vertical-dots li:hover,
.slider-vertical-dots li.active,
.slider-vertical-dots > div:hover,
.slider-vertical-dots > div.active,
.slider-vertical-dots > .owl-dot:hover,
.slider-vertical-dots > .owl-dot.active {
border-color: currentColor;
width: 14px;
height: 14px;
transition-duration: 0.1s;
} .socialbar {
cursor: default;
}
.socialbar a {
background: var(--clb-color-black);
color: var(--clb-color-white);
width: 50px;
height: 50px;
margin: 0px 3px 5px;
border: 1px solid var(--clb-color-black);
border-radius: 50px;
text-align: center;
text-decoration: none;
vertical-align: middle;
line-height: 50px;
font-size: 22px;
display: inline-block;
transition: 0.2s;
cursor: pointer;
transition-property: background-color, border-color, color;
}
.socialbar a span {
position: relative;
z-index: 2;
}
.socialbar a:hover {
background: transparent;
color: var(--clb-color-black);
}
.socialbar.squared a {
border-radius: 0;
}
.socialbar.outline a {
background: transparent;
border: 1px solid var(--clb-color-black);
color: var(--clb-color-black);
}
.socialbar.outline a:hover {
background: var(--clb-color-black);
color: var(--clb-color-white);
}
.socialbar.outline a.social-footer {
border-color: #474a4e;
color: #afafb0;
}
.socialbar.outline a.social-footer:hover {
background: #474a4e;
color: var(--clb-color-white);
}
.socialbar.flat a {
background: transparent;
color: var(--clb-color-black);
border-color: transparent;
}
.socialbar.flat a:hover {
background: var(--clb-color-black);
color: var(--clb-color-white);
}
.socialbar.flat.outline-hover a:hover {
background: transparent;
border-color: var(--clb-color-black);
color: var(--clb-color-black);
}
.socialbar.inline {
display: block;
}
.socialbar.inline a {
background: none;
width: auto;
height: auto;
border: none;
margin: 0 15px;
box-shadow: none;
line-height: 2.4;
display: inline-flex;
align-items: center;
font-weight: 600;
color: var(--clb-color-black);
font-size: var(--clb-font-extra-small-size);
font-family: var(--clb-font-titles);
}
.socialbar.inline a i {
font-size: 18px;
margin-right: 5px;
}
.socialbar.small a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: var(--clb-font-main-size);
}
.socialbar.small.inline a {
width: auto;
height: auto;
margin: 0 10px;
line-height: 2.4;
font-size: var(--clb-font-extra-small-size);
}
.socialbar.small.inline a .icon {
font-size: var(--clb-font-main-size);
vertical-align: -1px;
}
.socialbar a:first-child {
margin-left: 0;
}
.socialbar a:last-child {
margin-right: 0;
}
.socialbar.default a.white {
background: var(--clb-color-white);
border-color: var(--clb-color-white);
}
.socialbar.default a.white:hover {
background: transparent;
color: var(--clb-color-white);
border-color: var(--clb-color-white);
}
.socialbar.default.outline a.white {
background: transparent;
color: var(--clb-color-white);
}
.socialbar.default.outline a.white:hover {
background: var(--clb-color-white);
color: var(--clb-color-white);
}
.socialbar.default.flat a.white {
background: transparent;
color: var(--clb-color-white);
border-color: transparent;
}
.socialbar.default.flat a.white:hover {
background: var(--clb-color-white);
color: var(--clb-color-white);
}
.socialbar.default.inline a.white {
background: transparent;
border-color: transparent;
color: var(--clb-color-white);
}
.socialbar.default.inline a.white:hover {
color: var(--clb-color-white);
}
.socialbar.default a.facebook {
background: #217CEF;
border-color: #217CEF;
}
.socialbar.default a.facebook:hover {
background: transparent;
color: #217CEF;
border-color: #217CEF;
}
.socialbar.default.outline a.facebook {
background: transparent;
color: #217CEF;
}
.socialbar.default.outline a.facebook:hover {
background: #217CEF;
color: var(--clb-color-white);
}
.socialbar.default.flat a.facebook {
background: transparent;
color: #217CEF;
border-color: transparent;
}
.socialbar.default.flat a.facebook:hover {
background: #217CEF;
color: var(--clb-color-white);
}
.socialbar.default.inline a.facebook {
background: transparent;
border-color: transparent;
color: #217CEF;
}
.socialbar.default.inline a.facebook:hover {
color: #217CEF;
}
.socialbar.default a.twitter {
background: #2AA3EF;
border-color: #2AA3EF;
}
.socialbar.default a.twitter:hover {
background: transparent;
color: #2AA3EF;
border-color: #2AA3EF;
}
.socialbar.default.outline a.twitter {
background: transparent;
color: #2AA3EF;
}
.socialbar.default.outline a.twitter:hover {
background: #2AA3EF;
color: var(--clb-color-white);
}
.socialbar.default.flat a.twitter {
background: transparent;
color: #2AA3EF;
border-color: transparent;
}
.socialbar.default.flat a.twitter:hover {
background: #2AA3EF;
color: var(--clb-color-white);
}
.socialbar.default.inline a.twitter {
background: transparent;
border-color: transparent;
color: #2AA3EF;
}
.socialbar.default.inline a.twitter:hover {
color: #2AA3EF;
}
.socialbar.default a.pinterest {
background: #e8323f;
border-color: #e8323f;
}
.socialbar.default a.pinterest:hover {
background: transparent;
color: #e8323f;
border-color: #e8323f;
}
.socialbar.default.outline a.pinterest {
background: transparent;
color: #e8323f;
}
.socialbar.default.outline a.pinterest:hover {
background: #e8323f;
color: var(--clb-color-white);
}
.socialbar.default.flat a.pinterest {
background: transparent;
color: #e8323f;
border-color: transparent;
}
.socialbar.default.flat a.pinterest:hover {
background: #e8323f;
color: var(--clb-color-white);
}
.socialbar.default.inline a.pinterest {
background: transparent;
border-color: transparent;
color: #e8323f;
}
.socialbar.default.inline a.pinterest:hover {
color: #e8323f;
}
.socialbar.default a.linkedin {
background: #4477ab;
border-color: #4477ab;
}
.socialbar.default a.linkedin:hover {
background: transparent;
color: #4477ab;
border-color: #4477ab;
}
.socialbar.default.outline a.linkedin {
background: transparent;
color: #4477ab;
}
.socialbar.default.outline a.linkedin:hover {
background: #4477ab;
color: var(--clb-color-white);
}
.socialbar.default.flat a.linkedin {
background: transparent;
color: #4477ab;
border-color: transparent;
}
.socialbar.default.flat a.linkedin:hover {
background: #4477ab;
color: var(--clb-color-white);
}
.socialbar.default.inline a.linkedin {
background: transparent;
border-color: transparent;
color: #4477ab;
}
.socialbar.default.inline a.linkedin:hover {
color: #4477ab;
}
.socialbar.default a.dribbble {
background: #fd629e;
border-color: #fd629e;
}
.socialbar.default a.dribbble:hover {
background: transparent;
color: #fd629e;
border-color: #fd629e;
}
.socialbar.default.outline a.dribbble {
background: transparent;
color: #fd629e;
}
.socialbar.default.outline a.dribbble:hover {
background: #fd629e;
color: var(--clb-color-white);
}
.socialbar.default.flat a.dribbble {
background: transparent;
color: #fd629e;
border-color: transparent;
}
.socialbar.default.flat a.dribbble:hover {
background: #fd629e;
color: var(--clb-color-white);
}
.socialbar.default.inline a.dribbble {
background: transparent;
border-color: transparent;
color: #fd629e;
}
.socialbar.default.inline a.dribbble:hover {
color: #fd629e;
}
.socialbar.default a.github {
background: #24292E;
border-color: #24292E;
}
.socialbar.default a.github:hover {
background: transparent;
color: #24292E;
border-color: #24292E;
}
.socialbar.default.outline a.github {
background: transparent;
color: #24292E;
}
.socialbar.default.outline a.github:hover {
background: #24292E;
color: var(--clb-color-white);
}
.socialbar.default.flat a.github {
background: transparent;
color: #24292E;
border-color: transparent;
}
.socialbar.default.flat a.github:hover {
background: #24292E;
color: var(--clb-color-white);
}
.socialbar.default.inline a.github {
background: transparent;
border-color: transparent;
color: #24292E;
}
.socialbar.default.inline a.github:hover {
color: #24292E;
}
.socialbar.default a.instagram {
background: #383838;
border-color: #383838;
}
.socialbar.default a.instagram:hover {
background: transparent;
color: #383838;
border-color: #383838;
}
.socialbar.default.outline a.instagram {
background: transparent;
color: #383838;
}
.socialbar.default.outline a.instagram:hover {
background: #383838;
color: var(--clb-color-white);
}
.socialbar.default.flat a.instagram {
background: transparent;
color: #383838;
border-color: transparent;
}
.socialbar.default.flat a.instagram:hover {
background: #383838;
color: var(--clb-color-white);
}
.socialbar.default.inline a.instagram {
background: transparent;
border-color: transparent;
color: #383838;
}
.socialbar.default.inline a.instagram:hover {
color: #383838;
}
.socialbar.default a.dropbox {
background: #187fe7;
border-color: #187fe7;
}
.socialbar.default a.dropbox:hover {
background: transparent;
color: #187fe7;
border-color: #187fe7;
}
.socialbar.default.outline a.dropbox {
background: transparent;
color: #187fe7;
}
.socialbar.default.outline a.dropbox:hover {
background: #187fe7;
color: var(--clb-color-white);
}
.socialbar.default.flat a.dropbox {
background: transparent;
color: #187fe7;
border-color: transparent;
}
.socialbar.default.flat a.dropbox:hover {
background: #187fe7;
color: var(--clb-color-white);
}
.socialbar.default.inline a.dropbox {
background: transparent;
border-color: transparent;
color: #187fe7;
}
.socialbar.default.inline a.dropbox:hover {
color: #187fe7;
}
.socialbar.default a.youtube {
background: #f00;
border-color: #f00;
}
.socialbar.default a.youtube:hover {
background: transparent;
color: #f00;
border-color: #f00;
}
.socialbar.default.outline a.youtube {
background: transparent;
color: #f00;
}
.socialbar.default.outline a.youtube:hover {
background: #f00;
color: var(--clb-color-white);
}
.socialbar.default.flat a.youtube {
background: transparent;
color: #f00;
border-color: transparent;
}
.socialbar.default.flat a.youtube:hover {
background: #f00;
color: var(--clb-color-white);
}
.socialbar.default.inline a.youtube {
background: transparent;
border-color: transparent;
color: #f00;
}
.socialbar.default.inline a.youtube:hover {
color: #f00;
}
.socialbar.default a.vimeo {
background: #1ab8ea;
border-color: #1ab8ea;
}
.socialbar.default a.vimeo:hover {
background: transparent;
color: #1ab8ea;
border-color: #1ab8ea;
}
.socialbar.default.outline a.vimeo {
background: transparent;
color: #1ab8ea;
}
.socialbar.default.outline a.vimeo:hover {
background: #1ab8ea;
color: var(--clb-color-white);
}
.socialbar.default.flat a.vimeo {
background: transparent;
color: #1ab8ea;
border-color: transparent;
}
.socialbar.default.flat a.vimeo:hover {
background: #1ab8ea;
color: var(--clb-color-white);
}
.socialbar.default.inline a.vimeo {
background: transparent;
border-color: transparent;
color: #1ab8ea;
}
.socialbar.default.inline a.vimeo:hover {
color: #1ab8ea;
}
.socialbar.default a.behance {
background: #0056ff;
border-color: #0056ff;
}
.socialbar.default a.behance:hover {
background: transparent;
color: #0056ff;
border-color: #0056ff;
}
.socialbar.default.outline a.behance {
background: transparent;
color: #0056ff;
}
.socialbar.default.outline a.behance:hover {
background: #0056ff;
color: var(--clb-color-white);
}
.socialbar.default.flat a.behance {
background: transparent;
color: #0056ff;
border-color: transparent;
}
.socialbar.default.flat a.behance:hover {
background: #0056ff;
color: var(--clb-color-white);
}
.socialbar.default.inline a.behance {
background: transparent;
border-color: transparent;
color: #0056ff;
}
.socialbar.default.inline a.behance:hover {
color: #0056ff;
}
.socialbar.default a.tumblr {
background: #2a445f;
border-color: #2a445f;
}
.socialbar.default a.tumblr:hover {
background: transparent;
color: #2a445f;
border-color: #2a445f;
}
.socialbar.default.outline a.tumblr {
background: transparent;
color: #2a445f;
}
.socialbar.default.outline a.tumblr:hover {
background: #2a445f;
color: var(--clb-color-white);
}
.socialbar.default.flat a.tumblr {
background: transparent;
color: #2a445f;
border-color: transparent;
}
.socialbar.default.flat a.tumblr:hover {
background: #2a445f;
color: var(--clb-color-white);
}
.socialbar.default.inline a.tumblr {
background: transparent;
border-color: transparent;
color: #2a445f;
}
.socialbar.default.inline a.tumblr:hover {
color: #2a445f;
}
.socialbar.default a.flickr {
background: #0063db;
border-color: #0063db;
}
.socialbar.default a.flickr:hover {
background: transparent;
color: #0063db;
border-color: #0063db;
}
.socialbar.default.outline a.flickr {
background: transparent;
color: #0063db;
}
.socialbar.default.outline a.flickr:hover {
background: #0063db;
color: var(--clb-color-white);
}
.socialbar.default.flat a.flickr {
background: transparent;
color: #0063db;
border-color: transparent;
}
.socialbar.default.flat a.flickr:hover {
background: #0063db;
color: var(--clb-color-white);
}
.socialbar.default.inline a.flickr {
background: transparent;
border-color: transparent;
color: #0063db;
}
.socialbar.default.inline a.flickr:hover {
color: #0063db;
}
.socialbar.default a.reddit {
background: #ff4501;
border-color: #ff4501;
}
.socialbar.default a.reddit:hover {
background: transparent;
color: #ff4501;
border-color: #ff4501;
}
.socialbar.default.outline a.reddit {
background: transparent;
color: #ff4501;
}
.socialbar.default.outline a.reddit:hover {
background: #ff4501;
color: var(--clb-color-white);
}
.socialbar.default.flat a.reddit {
background: transparent;
color: #ff4501;
border-color: transparent;
}
.socialbar.default.flat a.reddit:hover {
background: #ff4501;
color: var(--clb-color-white);
}
.socialbar.default.inline a.reddit {
background: transparent;
border-color: transparent;
color: #ff4501;
}
.socialbar.default.inline a.reddit:hover {
color: #ff4501;
}
.socialbar.default a.snapchat {
background: #e0e410;
border-color: #e0e410;
}
.socialbar.default a.snapchat:hover {
background: transparent;
color: #e0e410;
border-color: #e0e410;
}
.socialbar.default.outline a.snapchat {
background: transparent;
color: #e0e410;
}
.socialbar.default.outline a.snapchat:hover {
background: #e0e410;
color: var(--clb-color-white);
}
.socialbar.default.flat a.snapchat {
background: transparent;
color: #e0e410;
border-color: transparent;
}
.socialbar.default.flat a.snapchat:hover {
background: #e0e410;
color: var(--clb-color-white);
}
.socialbar.default.inline a.snapchat {
background: transparent;
border-color: transparent;
color: #e0e410;
}
.socialbar.default.inline a.snapchat:hover {
color: #e0e410;
}
.socialbar.default a.whatsapp {
background: #0ec143;
border-color: #0ec143;
}
.socialbar.default a.whatsapp:hover {
background: transparent;
color: #0ec143;
border-color: #0ec143;
}
.socialbar.default.outline a.whatsapp {
background: transparent;
color: #0ec143;
}
.socialbar.default.outline a.whatsapp:hover {
background: #0ec143;
color: var(--clb-color-white);
}
.socialbar.default.flat a.whatsapp {
background: transparent;
color: #0ec143;
border-color: transparent;
}
.socialbar.default.flat a.whatsapp:hover {
background: #0ec143;
color: var(--clb-color-white);
}
.socialbar.default.inline a.whatsapp {
background: transparent;
border-color: transparent;
color: #0ec143;
}
.socialbar.default.inline a.whatsapp:hover {
color: #0ec143;
}
.socialbar.default a.quora {
background: #a82401;
border-color: #a82401;
}
.socialbar.default a.quora:hover {
background: transparent;
color: #a82401;
border-color: #a82401;
}
.socialbar.default.outline a.quora {
background: transparent;
color: #a82401;
}
.socialbar.default.outline a.quora:hover {
background: #a82401;
color: var(--clb-color-white);
}
.socialbar.default.flat a.quora {
background: transparent;
color: #a82401;
border-color: transparent;
}
.socialbar.default.flat a.quora:hover {
background: #a82401;
color: var(--clb-color-white);
}
.socialbar.default.inline a.quora {
background: transparent;
border-color: transparent;
color: #a82401;
}
.socialbar.default.inline a.quora:hover {
color: #a82401;
}
.socialbar.default a.vine {
background: #00be8e;
border-color: #00be8e;
}
.socialbar.default a.vine:hover {
background: transparent;
color: #00be8e;
border-color: #00be8e;
}
.socialbar.default.outline a.vine {
background: transparent;
color: #00be8e;
}
.socialbar.default.outline a.vine:hover {
background: #00be8e;
color: var(--clb-color-white);
}
.socialbar.default.flat a.vine {
background: transparent;
color: #00be8e;
border-color: transparent;
}
.socialbar.default.flat a.vine:hover {
background: #00be8e;
color: var(--clb-color-white);
}
.socialbar.default.inline a.vine {
background: transparent;
border-color: transparent;
color: #00be8e;
}
.socialbar.default.inline a.vine:hover {
color: #00be8e;
}
.socialbar.default a.digg {
background: #1c5891;
border-color: #1c5891;
}
.socialbar.default a.digg:hover {
background: transparent;
color: #1c5891;
border-color: #1c5891;
}
.socialbar.default.outline a.digg {
background: transparent;
color: #1c5891;
}
.socialbar.default.outline a.digg:hover {
background: #1c5891;
color: var(--clb-color-white);
}
.socialbar.default.flat a.digg {
background: transparent;
color: #1c5891;
border-color: transparent;
}
.socialbar.default.flat a.digg:hover {
background: #1c5891;
color: var(--clb-color-white);
}
.socialbar.default.inline a.digg {
background: transparent;
border-color: transparent;
color: #1c5891;
}
.socialbar.default.inline a.digg:hover {
color: #1c5891;
}
.socialbar.default a.foursquare {
background: #FD4577;
border-color: #FD4577;
}
.socialbar.default a.foursquare:hover {
background: transparent;
color: #FD4577;
border-color: #FD4577;
}
.socialbar.default.outline a.foursquare {
background: transparent;
color: #FD4577;
}
.socialbar.default.outline a.foursquare:hover {
background: #FD4577;
color: var(--clb-color-white);
}
.socialbar.default.flat a.foursquare {
background: transparent;
color: #FD4577;
border-color: transparent;
}
.socialbar.default.flat a.foursquare:hover {
background: #FD4577;
color: var(--clb-color-white);
}
.socialbar.default.inline a.foursquare {
background: transparent;
border-color: transparent;
color: #FD4577;
}
.socialbar.default.inline a.foursquare:hover {
color: #FD4577;
}
.socialbar.default a.tiktok {
background: #323131;
border-color: #323131;
}
.socialbar.default a.tiktok:hover {
background: transparent;
color: #323131;
border-color: #323131;
}
.socialbar.default.outline a.tiktok {
background: transparent;
color: #323131;
}
.socialbar.default.outline a.tiktok:hover {
background: #323131;
color: var(--clb-color-white);
}
.socialbar.default.flat a.tiktok {
background: transparent;
color: #323131;
border-color: transparent;
}
.socialbar.default.flat a.tiktok:hover {
background: #323131;
color: var(--clb-color-white);
}
.socialbar.default.inline a.tiktok {
background: transparent;
border-color: transparent;
color: #323131;
}
.socialbar.default.inline a.tiktok:hover {
color: #323131;
}
.socialbar.default a.twitch {
background: #9147ff;
border-color: #9147ff;
}
.socialbar.default a.twitch:hover {
background: transparent;
color: #9147ff;
border-color: #9147ff;
}
.socialbar.default.outline a.twitch {
background: transparent;
color: #9147ff;
}
.socialbar.default.outline a.twitch:hover {
background: #9147ff;
color: var(--clb-color-white);
}
.socialbar.default.flat a.twitch {
background: transparent;
color: #9147ff;
border-color: transparent;
}
.socialbar.default.flat a.twitch:hover {
background: #9147ff;
color: var(--clb-color-white);
}
.socialbar.default.inline a.twitch {
background: transparent;
border-color: transparent;
color: #9147ff;
}
.socialbar.default.inline a.twitch:hover {
color: #9147ff;
}
.socialbar.default a.mixer {
background: #0270d9;
border-color: #0270d9;
}
.socialbar.default a.mixer:hover {
background: transparent;
color: #0270d9;
border-color: #0270d9;
}
.socialbar.default.outline a.mixer {
background: transparent;
color: #0270d9;
}
.socialbar.default.outline a.mixer:hover {
background: #0270d9;
color: var(--clb-color-white);
}
.socialbar.default.flat a.mixer {
background: transparent;
color: #0270d9;
border-color: transparent;
}
.socialbar.default.flat a.mixer:hover {
background: #0270d9;
color: var(--clb-color-white);
}
.socialbar.default.inline a.mixer {
background: transparent;
border-color: transparent;
color: #0270d9;
}
.socialbar.default.inline a.mixer:hover {
color: #0270d9;
}
.socialbar.default a.telegram {
background: #0088cc;
border-color: #0088cc;
}
.socialbar.default a.telegram:hover {
background: transparent;
color: #0088cc;
border-color: #0088cc;
}
.socialbar.default.outline a.telegram {
background: transparent;
color: #0088cc;
}
.socialbar.default.outline a.telegram:hover {
background: #0088cc;
color: var(--clb-color-white);
}
.socialbar.default.flat a.telegram {
background: transparent;
color: #0088cc;
border-color: transparent;
}
.socialbar.default.flat a.telegram:hover {
background: #0088cc;
color: var(--clb-color-white);
}
.socialbar.default.inline a.telegram {
background: transparent;
border-color: transparent;
color: #0088cc;
}
.socialbar.default.inline a.telegram:hover {
color: #0088cc;
}
.socialbar.default a.soundcloud {
background: #FD561F;
border-color: #FD561F;
}
.socialbar.default a.soundcloud:hover {
background: transparent;
color: #FD561F;
border-color: #FD561F;
}
.socialbar.default.outline a.soundcloud {
background: transparent;
color: #FD561F;
}
.socialbar.default.outline a.soundcloud:hover {
background: #FD561F;
color: var(--clb-color-white);
}
.socialbar.default.flat a.soundcloud {
background: transparent;
color: #FD561F;
border-color: transparent;
}
.socialbar.default.flat a.soundcloud:hover {
background: #FD561F;
color: var(--clb-color-white);
}
.socialbar.default.inline a.soundcloud {
background: transparent;
border-color: transparent;
color: #FD561F;
}
.socialbar.default.inline a.soundcloud:hover {
color: #FD561F;
}
.socialbar.default a.spotify {
background: #1ED760;
border-color: #1ED760;
}
.socialbar.default a.spotify:hover {
background: transparent;
color: #1ED760;
border-color: #1ED760;
}
.socialbar.default.outline a.spotify {
background: transparent;
color: #1ED760;
}
.socialbar.default.outline a.spotify:hover {
background: #1ED760;
color: var(--clb-color-white);
}
.socialbar.default.flat a.spotify {
background: transparent;
color: #1ED760;
border-color: transparent;
}
.socialbar.default.flat a.spotify:hover {
background: #1ED760;
color: var(--clb-color-white);
}
.socialbar.default.inline a.spotify {
background: transparent;
border-color: transparent;
color: #1ED760;
}
.socialbar.default.inline a.spotify:hover {
color: #1ED760;
}
.socialbar.default a.teamspeak {
background: #1c82cc;
border-color: #1c82cc;
}
.socialbar.default a.teamspeak:hover {
background: transparent;
color: #1c82cc;
border-color: #1c82cc;
}
.socialbar.default.outline a.teamspeak {
background: transparent;
color: #1c82cc;
}
.socialbar.default.outline a.teamspeak:hover {
background: #1c82cc;
color: var(--clb-color-white);
}
.socialbar.default.flat a.teamspeak {
background: transparent;
color: #1c82cc;
border-color: transparent;
}
.socialbar.default.flat a.teamspeak:hover {
background: #1c82cc;
color: var(--clb-color-white);
}
.socialbar.default.inline a.teamspeak {
background: transparent;
border-color: transparent;
color: #1c82cc;
}
.socialbar.default.inline a.teamspeak:hover {
color: #1c82cc;
}
.socialbar.default a.discord {
background: #7289da;
border-color: #7289da;
}
.socialbar.default a.discord:hover {
background: transparent;
color: #7289da;
border-color: #7289da;
}
.socialbar.default.outline a.discord {
background: transparent;
color: #7289da;
}
.socialbar.default.outline a.discord:hover {
background: #7289da;
color: var(--clb-color-white);
}
.socialbar.default.flat a.discord {
background: transparent;
color: #7289da;
border-color: transparent;
}
.socialbar.default.flat a.discord:hover {
background: #7289da;
color: var(--clb-color-white);
}
.socialbar.default.inline a.discord {
background: transparent;
border-color: transparent;
color: #7289da;
}
.socialbar.default.inline a.discord:hover {
color: #7289da;
}
.socialbar.default a.kaggle {
background: #32C0FD;
border-color: #32C0FD;
}
.socialbar.default a.kaggle:hover {
background: transparent;
color: #32C0FD;
border-color: #32C0FD;
}
.socialbar.default.outline a.kaggle {
background: transparent;
color: #32C0FD;
}
.socialbar.default.outline a.kaggle:hover {
background: #32C0FD;
color: var(--clb-color-white);
}
.socialbar.default.flat a.kaggle {
background: transparent;
color: #32C0FD;
border-color: transparent;
}
.socialbar.default.flat a.kaggle:hover {
background: #32C0FD;
color: var(--clb-color-white);
}
.socialbar.default.inline a.kaggle {
background: transparent;
border-color: transparent;
color: #32C0FD;
}
.socialbar.default.inline a.kaggle:hover {
color: #32C0FD;
}
.socialbar.default a.medium {
background: #03a87c;
border-color: #03a87c;
}
.socialbar.default a.medium:hover {
background: transparent;
color: #03a87c;
border-color: #03a87c;
}
.socialbar.default.outline a.medium {
background: transparent;
color: #03a87c;
}
.socialbar.default.outline a.medium:hover {
background: #03a87c;
color: var(--clb-color-white);
}
.socialbar.default.flat a.medium {
background: transparent;
color: #03a87c;
border-color: transparent;
}
.socialbar.default.flat a.medium:hover {
background: #03a87c;
color: var(--clb-color-white);
}
.socialbar.default.inline a.medium {
background: transparent;
border-color: transparent;
color: #03a87c;
}
.socialbar.default.inline a.medium:hover {
color: #03a87c;
}
.socialbar.default a.xing {
background: #0C6567;
border-color: #0C6567;
}
.socialbar.default a.xing:hover {
background: transparent;
color: #0C6567;
border-color: #0C6567;
}
.socialbar.default.outline a.xing {
background: transparent;
color: #0C6567;
}
.socialbar.default.outline a.xing:hover {
background: #0C6567;
color: var(--clb-color-white);
}
.socialbar.default.flat a.xing {
background: transparent;
color: #0C6567;
border-color: transparent;
}
.socialbar.default.flat a.xing:hover {
background: #0C6567;
color: var(--clb-color-white);
}
.socialbar.default.inline a.xing {
background: transparent;
border-color: transparent;
color: #0C6567;
}
.socialbar.default.inline a.xing:hover {
color: #0C6567;
}
.socialbar.hover-default a.white:hover {
background: transparent;
color: var(--clb-color-white);
border-color: var(--clb-color-white);
}
.socialbar.hover-default.outline a.white:hover {
background: var(--clb-color-white);
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.white:hover {
background: var(--clb-color-white);
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.white:hover {
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.white::before {
background-color: var(--clb-color-white);
}
.socialbar.hover-default a.facebook:hover {
background: transparent;
color: #217CEF;
border-color: #217CEF;
}
.socialbar.hover-default.outline a.facebook:hover {
background: #217CEF;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.facebook:hover {
background: #217CEF;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.facebook:hover {
color: #217CEF;
}
.socialbar.hover-default.inline a.facebook::before {
background-color: #217CEF;
}
.socialbar.hover-default a.twitter:hover {
background: transparent;
color: #2AA3EF;
border-color: #2AA3EF;
}
.socialbar.hover-default.outline a.twitter:hover {
background: #2AA3EF;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.twitter:hover {
background: #2AA3EF;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.twitter:hover {
color: #2AA3EF;
}
.socialbar.hover-default.inline a.twitter::before {
background-color: #2AA3EF;
}
.socialbar.hover-default a.pinterest:hover {
background: transparent;
color: #e8323f;
border-color: #e8323f;
}
.socialbar.hover-default.outline a.pinterest:hover {
background: #e8323f;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.pinterest:hover {
background: #e8323f;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.pinterest:hover {
color: #e8323f;
}
.socialbar.hover-default.inline a.pinterest::before {
background-color: #e8323f;
}
.socialbar.hover-default a.linkedin:hover {
background: transparent;
color: #4477ab;
border-color: #4477ab;
}
.socialbar.hover-default.outline a.linkedin:hover {
background: #4477ab;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.linkedin:hover {
background: #4477ab;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.linkedin:hover {
color: #4477ab;
}
.socialbar.hover-default.inline a.linkedin::before {
background-color: #4477ab;
}
.socialbar.hover-default a.dribbble:hover {
background: transparent;
color: #fd629e;
border-color: #fd629e;
}
.socialbar.hover-default.outline a.dribbble:hover {
background: #fd629e;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.dribbble:hover {
background: #fd629e;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.dribbble:hover {
color: #fd629e;
}
.socialbar.hover-default.inline a.dribbble::before {
background-color: #fd629e;
}
.socialbar.hover-default a.github:hover {
background: transparent;
color: #24292E;
border-color: #24292E;
}
.socialbar.hover-default.outline a.github:hover {
background: #24292E;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.github:hover {
background: #24292E;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.github:hover {
color: #24292E;
}
.socialbar.hover-default.inline a.github::before {
background-color: #24292E;
}
.socialbar.hover-default a.instagram:hover {
background: transparent;
color: #383838;
border-color: #383838;
}
.socialbar.hover-default.outline a.instagram:hover {
background: #383838;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.instagram:hover {
background: #383838;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.instagram:hover {
color: #383838;
}
.socialbar.hover-default.inline a.instagram::before {
background-color: #383838;
}
.socialbar.hover-default a.dropbox:hover {
background: transparent;
color: #187fe7;
border-color: #187fe7;
}
.socialbar.hover-default.outline a.dropbox:hover {
background: #187fe7;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.dropbox:hover {
background: #187fe7;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.dropbox:hover {
color: #187fe7;
}
.socialbar.hover-default.inline a.dropbox::before {
background-color: #187fe7;
}
.socialbar.hover-default a.youtube:hover {
background: transparent;
color: #f00;
border-color: #f00;
}
.socialbar.hover-default.outline a.youtube:hover {
background: #f00;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.youtube:hover {
background: #f00;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.youtube:hover {
color: #f00;
}
.socialbar.hover-default.inline a.youtube::before {
background-color: #f00;
}
.socialbar.hover-default a.vimeo:hover {
background: transparent;
color: #1ab8ea;
border-color: #1ab8ea;
}
.socialbar.hover-default.outline a.vimeo:hover {
background: #1ab8ea;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.vimeo:hover {
background: #1ab8ea;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.vimeo:hover {
color: #1ab8ea;
}
.socialbar.hover-default.inline a.vimeo::before {
background-color: #1ab8ea;
}
.socialbar.hover-default a.behance:hover {
background: transparent;
color: #0056ff;
border-color: #0056ff;
}
.socialbar.hover-default.outline a.behance:hover {
background: #0056ff;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.behance:hover {
background: #0056ff;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.behance:hover {
color: #0056ff;
}
.socialbar.hover-default.inline a.behance::before {
background-color: #0056ff;
}
.socialbar.hover-default a.tumblr:hover {
background: transparent;
color: #2a445f;
border-color: #2a445f;
}
.socialbar.hover-default.outline a.tumblr:hover {
background: #2a445f;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.tumblr:hover {
background: #2a445f;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.tumblr:hover {
color: #2a445f;
}
.socialbar.hover-default.inline a.tumblr::before {
background-color: #2a445f;
}
.socialbar.hover-default a.flickr:hover {
background: transparent;
color: #0063db;
border-color: #0063db;
}
.socialbar.hover-default.outline a.flickr:hover {
background: #0063db;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.flickr:hover {
background: #0063db;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.flickr:hover {
color: #0063db;
}
.socialbar.hover-default.inline a.flickr::before {
background-color: #0063db;
}
.socialbar.hover-default a.reddit:hover {
background: transparent;
color: #ff4501;
border-color: #ff4501;
}
.socialbar.hover-default.outline a.reddit:hover {
background: #ff4501;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.reddit:hover {
background: #ff4501;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.reddit:hover {
color: #ff4501;
}
.socialbar.hover-default.inline a.reddit::before {
background-color: #ff4501;
}
.socialbar.hover-default a.snapchat:hover {
background: transparent;
color: #e0e410;
border-color: #e0e410;
}
.socialbar.hover-default.outline a.snapchat:hover {
background: #e0e410;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.snapchat:hover {
background: #e0e410;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.snapchat:hover {
color: #e0e410;
}
.socialbar.hover-default.inline a.snapchat::before {
background-color: #e0e410;
}
.socialbar.hover-default a.whatsapp:hover {
background: transparent;
color: #0ec143;
border-color: #0ec143;
}
.socialbar.hover-default.outline a.whatsapp:hover {
background: #0ec143;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.whatsapp:hover {
background: #0ec143;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.whatsapp:hover {
color: #0ec143;
}
.socialbar.hover-default.inline a.whatsapp::before {
background-color: #0ec143;
}
.socialbar.hover-default a.quora:hover {
background: transparent;
color: #a82401;
border-color: #a82401;
}
.socialbar.hover-default.outline a.quora:hover {
background: #a82401;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.quora:hover {
background: #a82401;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.quora:hover {
color: #a82401;
}
.socialbar.hover-default.inline a.quora::before {
background-color: #a82401;
}
.socialbar.hover-default a.vine:hover {
background: transparent;
color: #00be8e;
border-color: #00be8e;
}
.socialbar.hover-default.outline a.vine:hover {
background: #00be8e;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.vine:hover {
background: #00be8e;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.vine:hover {
color: #00be8e;
}
.socialbar.hover-default.inline a.vine::before {
background-color: #00be8e;
}
.socialbar.hover-default a.digg:hover {
background: transparent;
color: #1c5891;
border-color: #1c5891;
}
.socialbar.hover-default.outline a.digg:hover {
background: #1c5891;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.digg:hover {
background: #1c5891;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.digg:hover {
color: #1c5891;
}
.socialbar.hover-default.inline a.digg::before {
background-color: #1c5891;
}
.socialbar.hover-default a.foursquare:hover {
background: transparent;
color: #FD4577;
border-color: #FD4577;
}
.socialbar.hover-default.outline a.foursquare:hover {
background: #FD4577;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.foursquare:hover {
background: #FD4577;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.foursquare:hover {
color: #FD4577;
}
.socialbar.hover-default.inline a.foursquare::before {
background-color: #FD4577;
}
.socialbar.hover-default a.tiktok:hover {
background: transparent;
color: #323131;
border-color: #323131;
}
.socialbar.hover-default.outline a.tiktok:hover {
background: #323131;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.tiktok:hover {
background: #323131;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.tiktok:hover {
color: #323131;
}
.socialbar.hover-default.inline a.tiktok::before {
background-color: #323131;
}
.socialbar.hover-default a.twitch:hover {
background: transparent;
color: #9147ff;
border-color: #9147ff;
}
.socialbar.hover-default.outline a.twitch:hover {
background: #9147ff;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.twitch:hover {
background: #9147ff;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.twitch:hover {
color: #9147ff;
}
.socialbar.hover-default.inline a.twitch::before {
background-color: #9147ff;
}
.socialbar.hover-default a.mixer:hover {
background: transparent;
color: #0270d9;
border-color: #0270d9;
}
.socialbar.hover-default.outline a.mixer:hover {
background: #0270d9;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.mixer:hover {
background: #0270d9;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.mixer:hover {
color: #0270d9;
}
.socialbar.hover-default.inline a.mixer::before {
background-color: #0270d9;
}
.socialbar.hover-default a.telegram:hover {
background: transparent;
color: #0088cc;
border-color: #0088cc;
}
.socialbar.hover-default.outline a.telegram:hover {
background: #0088cc;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.telegram:hover {
background: #0088cc;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.telegram:hover {
color: #0088cc;
}
.socialbar.hover-default.inline a.telegram::before {
background-color: #0088cc;
}
.socialbar.hover-default a.soundcloud:hover {
background: transparent;
color: #FD561F;
border-color: #FD561F;
}
.socialbar.hover-default.outline a.soundcloud:hover {
background: #FD561F;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.soundcloud:hover {
background: #FD561F;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.soundcloud:hover {
color: #FD561F;
}
.socialbar.hover-default.inline a.soundcloud::before {
background-color: #FD561F;
}
.socialbar.hover-default a.spotify:hover {
background: transparent;
color: #1ED760;
border-color: #1ED760;
}
.socialbar.hover-default.outline a.spotify:hover {
background: #1ED760;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.spotify:hover {
background: #1ED760;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.spotify:hover {
color: #1ED760;
}
.socialbar.hover-default.inline a.spotify::before {
background-color: #1ED760;
}
.socialbar.hover-default a.teamspeak:hover {
background: transparent;
color: #1c82cc;
border-color: #1c82cc;
}
.socialbar.hover-default.outline a.teamspeak:hover {
background: #1c82cc;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.teamspeak:hover {
background: #1c82cc;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.teamspeak:hover {
color: #1c82cc;
}
.socialbar.hover-default.inline a.teamspeak::before {
background-color: #1c82cc;
}
.socialbar.hover-default a.discord:hover {
background: transparent;
color: #7289da;
border-color: #7289da;
}
.socialbar.hover-default.outline a.discord:hover {
background: #7289da;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.discord:hover {
background: #7289da;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.discord:hover {
color: #7289da;
}
.socialbar.hover-default.inline a.discord::before {
background-color: #7289da;
}
.socialbar.hover-default a.kaggle:hover {
background: transparent;
color: #32C0FD;
border-color: #32C0FD;
}
.socialbar.hover-default.outline a.kaggle:hover {
background: #32C0FD;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.kaggle:hover {
background: #32C0FD;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.kaggle:hover {
color: #32C0FD;
}
.socialbar.hover-default.inline a.kaggle::before {
background-color: #32C0FD;
}
.socialbar.hover-default a.medium:hover {
background: transparent;
color: #03a87c;
border-color: #03a87c;
}
.socialbar.hover-default.outline a.medium:hover {
background: #03a87c;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.medium:hover {
background: #03a87c;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.medium:hover {
color: #03a87c;
}
.socialbar.hover-default.inline a.medium::before {
background-color: #03a87c;
}
.socialbar.hover-default a.xing:hover {
background: transparent;
color: #0C6567;
border-color: #0C6567;
}
.socialbar.hover-default.outline a.xing:hover {
background: #0C6567;
color: var(--clb-color-white);
}
.socialbar.hover-default.flat a.xing:hover {
background: #0C6567;
color: var(--clb-color-white);
}
.socialbar.hover-default.inline a.xing:hover {
color: #0C6567;
}
.socialbar.hover-default.inline a.xing::before {
background-color: #0C6567;
}
.socialbar.brand a {
background: var(--clb-color-primary);
border-color: var(--clb-color-primary);
}
.socialbar.brand a:hover {
background: transparent;
color: var(--clb-color-primary);
}
.socialbar.brand.outline a {
background: transparent;
color: var(--clb-color-primary);
}
.socialbar.brand.outline a:hover {
background: var(--clb-color-primary);
color: var(--clb-color-white);
}
.socialbar.brand.flat a {
background: transparent;
color: var(--clb-color-primary);
border-color: transparent;
}
.socialbar.brand.flat a:hover {
background: var(--clb-color-primary);
color: var(--clb-color-white);
}
.socialbar.brand.inline a {
background: transparent;
border-color: transparent;
color: var(--clb-color-black);
}
.socialbar.brand.inline a:hover {
color: var(--clb-color-primary);
}
.socialbar.boxed {
margin: 0;
overflow: hidden;
}
.socialbar.boxed.social-column-1 a {
width: 100%;
}
.socialbar.boxed.social-column-2 a {
width: 50%;
}
.socialbar.boxed.social-column-3 a {
width: 33.333%;
}
.socialbar.boxed.social-column-4 a {
width: 25%;
}
.socialbar.boxed.social-column-5 a {
width: 20%;
}
.socialbar.boxed.social-column-6 a {
width: 16.666%;
}
.socialbar.boxed.social-column-7 a {
width: 14.285%;
}
.socialbar.boxed.social-column-8 a {
width: 12.5%;
}
.socialbar.boxed.social-column-9 a {
width: 11.11%;
}
.socialbar.boxed.social-column-10 a {
width: 10%;
}
.socialbar.boxed a {
height: 100px;
float: left;
margin: 0;
border: none;
border-radius: 0;
line-height: 100px;
vertical-align: middle;
position: relative;
overflow: hidden;
}
.socialbar.boxed a i {
width: 100%;
text-align: center;
position: absolute;
opacity: 0;
top: 60%;
left: 0;
transition: 0.2s ease-in-out;
transition-property: opacity, top;
}
.socialbar.boxed a .social-text {
font-family: var(--clb-font-titles);
font-size: 15px;
font-weight: 600;
position: relative;
top: 0;
opacity: 1;
transition: 0.2s ease-in-out;
transition-property: opacity, top;
}
.socialbar.boxed a:hover i {
opacity: 1;
top: 40%;
}
.socialbar.boxed a:hover .social-text {
opacity: 0;
top: -30px;
}
.socialbar.boxed a.default a.white {
background: var(--clb-color-white);
border-color: var(--clb-color-white);
}
.socialbar.boxed a.default a.white:hover {
background: var(--clb-color-white);
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.facebook {
background: #217CEF;
border-color: #217CEF;
}
.socialbar.boxed a.default a.facebook:hover {
background: #217CEF;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.twitter {
background: #2AA3EF;
border-color: #2AA3EF;
}
.socialbar.boxed a.default a.twitter:hover {
background: #2AA3EF;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.pinterest {
background: #e8323f;
border-color: #e8323f;
}
.socialbar.boxed a.default a.pinterest:hover {
background: #e8323f;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.linkedin {
background: #4477ab;
border-color: #4477ab;
}
.socialbar.boxed a.default a.linkedin:hover {
background: #4477ab;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.dribbble {
background: #fd629e;
border-color: #fd629e;
}
.socialbar.boxed a.default a.dribbble:hover {
background: #fd629e;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.github {
background: #24292E;
border-color: #24292E;
}
.socialbar.boxed a.default a.github:hover {
background: #24292E;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.instagram {
background: #383838;
border-color: #383838;
}
.socialbar.boxed a.default a.instagram:hover {
background: #383838;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.dropbox {
background: #187fe7;
border-color: #187fe7;
}
.socialbar.boxed a.default a.dropbox:hover {
background: #187fe7;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.youtube {
background: #f00;
border-color: #f00;
}
.socialbar.boxed a.default a.youtube:hover {
background: #f00;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.vimeo {
background: #1ab8ea;
border-color: #1ab8ea;
}
.socialbar.boxed a.default a.vimeo:hover {
background: #1ab8ea;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.behance {
background: #0056ff;
border-color: #0056ff;
}
.socialbar.boxed a.default a.behance:hover {
background: #0056ff;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.tumblr {
background: #2a445f;
border-color: #2a445f;
}
.socialbar.boxed a.default a.tumblr:hover {
background: #2a445f;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.flickr {
background: #0063db;
border-color: #0063db;
}
.socialbar.boxed a.default a.flickr:hover {
background: #0063db;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.reddit {
background: #ff4501;
border-color: #ff4501;
}
.socialbar.boxed a.default a.reddit:hover {
background: #ff4501;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.snapchat {
background: #e0e410;
border-color: #e0e410;
}
.socialbar.boxed a.default a.snapchat:hover {
background: #e0e410;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.whatsapp {
background: #0ec143;
border-color: #0ec143;
}
.socialbar.boxed a.default a.whatsapp:hover {
background: #0ec143;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.quora {
background: #a82401;
border-color: #a82401;
}
.socialbar.boxed a.default a.quora:hover {
background: #a82401;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.vine {
background: #00be8e;
border-color: #00be8e;
}
.socialbar.boxed a.default a.vine:hover {
background: #00be8e;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.digg {
background: #1c5891;
border-color: #1c5891;
}
.socialbar.boxed a.default a.digg:hover {
background: #1c5891;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.foursquare {
background: #FD4577;
border-color: #FD4577;
}
.socialbar.boxed a.default a.foursquare:hover {
background: #FD4577;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.tiktok {
background: #323131;
border-color: #323131;
}
.socialbar.boxed a.default a.tiktok:hover {
background: #323131;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.twitch {
background: #9147ff;
border-color: #9147ff;
}
.socialbar.boxed a.default a.twitch:hover {
background: #9147ff;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.mixer {
background: #0270d9;
border-color: #0270d9;
}
.socialbar.boxed a.default a.mixer:hover {
background: #0270d9;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.telegram {
background: #0088cc;
border-color: #0088cc;
}
.socialbar.boxed a.default a.telegram:hover {
background: #0088cc;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.soundcloud {
background: #FD561F;
border-color: #FD561F;
}
.socialbar.boxed a.default a.soundcloud:hover {
background: #FD561F;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.spotify {
background: #1ED760;
border-color: #1ED760;
}
.socialbar.boxed a.default a.spotify:hover {
background: #1ED760;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.teamspeak {
background: #1c82cc;
border-color: #1c82cc;
}
.socialbar.boxed a.default a.teamspeak:hover {
background: #1c82cc;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.discord {
background: #7289da;
border-color: #7289da;
}
.socialbar.boxed a.default a.discord:hover {
background: #7289da;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.kaggle {
background: #32C0FD;
border-color: #32C0FD;
}
.socialbar.boxed a.default a.kaggle:hover {
background: #32C0FD;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.medium {
background: #03a87c;
border-color: #03a87c;
}
.socialbar.boxed a.default a.medium:hover {
background: #03a87c;
color: var(--clb-color-white);
}
.socialbar.boxed a.default a.xing {
background: #0C6567;
border-color: #0C6567;
}
.socialbar.boxed a.default a.xing:hover {
background: #0C6567;
color: var(--clb-color-white);
}
@keyframes toTopFromBottom {
59% {
transform: translateY(-90%);
}
60% {
opacity: 0;
transform: translateY(100%);
}
61% {
opacity: 1;
}
} .split-box {
width: 100%;
display: table;
}
.split-box .split-box-wrap {
min-height: 60px;
float: none;
display: table-cell;
padding: 6% 7%;
vertical-align: middle;
overflow: hidden;
}
.split-box .split-box-wrap::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.split-box .split-box-wrap .content {
position: relative;
z-index: 3;
}
.split-box h2 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 50px;
letter-spacing: -0.05em;
}
.split-box .divider-solid {
margin-top: 14px;
margin-bottom: 13px;
}
.split-box .split-box-subtitle {
font-size: 18px;
line-height: 26px;
}
.split-box .split-box-space {
width: 100%;
display: inline-block;
margin: 10px 0;
}
.split-box .split-box-blocks .split-box-wrap-blocks {
border-top: 1px dotted #ebebeb;
overflow: hidden;
}
.split-box .split-box-blocks .split-box-wrap-blocks:first-child {
border-top: none;
}
.split-box .split-box-blocks .split-box-wrap-blocks:first-child .split-box-block {
padding-top: 0;
}
.split-box .split-box-blocks .split-box-wrap-blocks:last-child .split-box-block {
padding-bottom: 0;
}
.split-box .split-box-blocks .split-box-block {
width: 50%;
padding: 9% 8%;
border-left: 1px dotted #ebebeb;
float: left;
}
.split-box .split-box-blocks .split-box-block:first-child {
border-left: none;
padding-left: 0;
}
.split-box .split-box-blocks .split-box-block:last-child {
padding-right: 0;
} .norebro-splitscreen {
width: 100%;
min-height: 500px;
position: relative;
z-index: 10;
overflow: hidden;
}
.norebro-splitscreen .ms-section {
position: relative;
height: 100%;
}
.norebro-splitscreen .ms-section.ms-table {
display: table;
width: 100%;
}
.norebro-splitscreen .ms-left,
.norebro-splitscreen .ms-right {
width: 50%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
.norebro-splitscreen .ms-right {
left: 50%;
}
.norebro-splitscreen .ms-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: auto !important;
}
.norebro-splitscreen .ms-easing {
transition: all 0.6s ease-in-out;
}
.norebro-splitscreen.no-transition .ms-easing {
transition: none;
}
.norebro-splitscreen .splitscreen-dots {
margin-right: 40px;
top: 0;
right: 50%;
}
.norebro-splitscreen .splitscreen-dots li {
color: var(--clb-color-black);
}
.norebro-splitscreen .splitscreen-dots li::before {
background: var(--clb-color-black);
}
.norebro-splitscreen .splitscreen-dots li a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.norebro-splitscreen .splitscreen-nav div {
bottom: 40px;
right: 40px;
z-index: 20;
}
.norebro-splitscreen .splitscreen-nav .move-up {
bottom: 100px;
}
#multiscroll-nav {
display: none;
} .subscribe {
width: 100%;
margin: 0;
padding: 0;
}
.subscribe table {
width: 420px;
display: inline-table;
margin: 0;
}
.subscribe table td,
.subscribe table th {
padding: 0;
border: none;
}
.subscribe.fullwidth table {
width: 100%;
}
.subscribe input[type=text] {
width: 100%;
background: none;
height: 46px;
border-right-width: 0;
}
.subscribe input[type=submit] {
height: 46px;
margin: 0;
position: relative;
z-index: 2;
}
.subscribe .btn-wrap {
width: 1%;
}
.subscribe.outline input[type=text],
.subscribe.flat input[type=text] {
width: calc(100% + 40px);
border-right-width: 0px;
border-radius: 50px 0 0 50px;
padding-right: 50px;
}
.subscribe.flat .btn:hover,
.subscribe.flat .btn-outline,
.subscribe.flat .btn-flat:hover {
background: var(--clb-color-white);
}
.subscribe.squared input[type=text],
.subscribe.squared input[type=submit] {
border-radius: 0;
} .tab-box {
width: 100%;
}
.tab-box .buttons-wrap {
width: 100%;
position: relative;
border-bottom: 1px solid var(--clb-color-border);
}
.tab-box .buttons-wrap .button {
width: auto;
margin: 0 30px 0 0;
padding: 18px 0;
font-size: var(--clb-font-extra-small-size);
font-weight: 600;
display: inline-block;
clear: none;
cursor: pointer;
transition: color 0.15s ease-in-out;
}
.tab-box .buttons-wrap .button.active,
.tab-box .buttons-wrap .button:hover {
color: var(--clb-color-black);
}
.tab-box .buttons {
width: 100%;
white-space: nowrap;
overflow: auto;
position: relative;
margin-bottom: -1px;
}
.tab-box .buttons::after {
content: "";
display: table;
clear: both;
}
.tab-box .buttons .line {
width: 0px;
height: 2px;
position: absolute;
bottom: 0px;
left: 0;
transition: 0.3s cubic-bezier(0.2, 0.35, 0.25, 1);
transition-property: width, transform;
}
.tab-box .items {
position: relative;
transition: height 0.3s cubic-bezier(0.2, 0.35, 0.25, 1);
}
.tab-box .item {
width: 100%;
opacity: 0;
overflow: hidden;
transition: 0.2s cubic-bezier(0.2, 0.35, 0.25, 1);
transition-property: opacity, visibility;
position: absolute;
top: 10px;
left: 0;
font-size: 15px;
font-weight: 300;
}
.tab-box .item.active {
opacity: 1;
overflow: visible;
z-index: 2;
}
.tab-box .item p {
color: inherit;
}
.tab-box.filled {
background: var(--clb-color-black);
padding: 2px 25px 30px;
}
.tab-box.filled .buttons-wrap {
border-color: color-mix(in srgb, var(--clb-color-white) 30%, transparent);
}
.tab-box.filled .buttons-wrap .line {
background: var(--clb-color-white);
}
.tab-box.filled .button {
color: color-mix(in srgb, var(--clb-color-white) 50%, transparent);
}
.tab-box.filled .button.active,
.tab-box.filled .button:hover {
color: var(--clb-color-white);
}
.tab-box.filled .item {
color: var(--clb-color-white);
}
.tab-box.vertical .buttons-wrap {
float: left;
width: 160px;
max-width: 35%;
margin-top: 15px;
border-bottom: none;
border-right: 1px solid var(--clb-color-border);
}
.tab-box.vertical .buttons {
overflow: visible;
white-space: normal;
margin: 0;
padding-right: 5px;
right: -1px;
}
.tab-box.vertical .buttons .line {
width: 2px;
top: 0;
left: auto;
right: 0;
}
.tab-box.vertical .button {
width: 100%;
float: left;
}
.tab-box.vertical .items {
width: calc(100% - 180px);
min-width: 60%;
float: right;
}
.tab-box.vertical .item {
top: 0;
}
.tab-box.vertical.filled {
padding: 5px 20px 25px;
}
.tab-box.vertical.filled .buttons-wrap {
border-color: color-mix(in srgb, var(--clb-color-white) 30%, transparent);
}
.tab-box.tabs-center .buttons {
text-align: center;
}
.tab-box.tabs-right .buttons {
text-align: right;
} .team-member {
width: 100%;
}
.team-member h3 {
font-size: var(--clb-font-main-size);
margin-top: 20px;
}
.team-member p.subtitle {
font-size: var(--clb-font-caption-size);
margin-top: 5px;
font-weight: 400;
}
.team-member .socialbar {
float: left;
}
.team-member .team-member-link {
float: right;
height: 30px;
line-height: 30px;
padding: 0px 15px;
border: 1px solid var(--clb-color-white);
border-radius: 15px;
color: var(--clb-color-white);
}
.team-member .team-member-link i {
font-size: 26px;
}
.team-member .team-member-link:hover {
background: var(--clb-color-white);
color: var(--clb-color-black);
}
.team-member .description {
margin-top: 15px;
}
.team-member .socialbar > a,
.team-member .socialbar.default > a {
width: 30px;
height: 30px;
line-height: 29px;
margin-right: 5px;
transition-property: box-shadow, background;
}
.team-member .socialbar > a:hover,
.team-member .socialbar.default > a:hover {
color: var(--clb-color-white);
border-color: var(--clb-color-white);
}
.team-member .image-wrap {
position: relative;
overflow: hidden;
}
.team-member .image-wrap img {
width: 100%;
display: block;
}
.team-member .image-wrap .overlay {
box-shadow: 0 -190px 145px -145px color-mix(in srgb, var(--clb-color-black) 80%, transparent) inset;
opacity: 0;
transform: translateY(20px);
transition: 0.2s ease-in-out;
transition-property: opacity, transform;
}
.team-member .image-wrap .overlay .content-center .wrap {
vertical-align: bottom;
padding: 30px;
transition: transform 0.2s ease-in-out;
}
.team-member:hover .overlay {
opacity: 1;
transform: none;
}
.team-member.inner .overlay {
background: color-mix(in srgb, var(--clb-color-black) 90%, transparent);
box-shadow: none;
transform: none;
}
.team-member.inner .description {
color: var(--clb-color-white);
margin-bottom: 20px;
}
.team-member.inner .content-center .wrap {
transform: translateY(20px);
}
.team-member.inner:hover .content-center .wrap {
transform: none;
}
.team-member.cover {
padding: 0;
overflow: hidden;
}
.team-member.cover.column-2 .image-wrap,
.team-member.cover.column-2 .cover-content {
width: 33.333%;
float: left;
}
.team-member.cover.column-3 .image-wrap,
.team-member.cover.column-3 .cover-content {
width: 25%;
float: left;
}
.team-member.cover.column-4 .image-wrap,
.team-member.cover.column-4 .cover-content {
width: 20%;
float: left;
}
.team-member.cover.column-5 .image-wrap,
.team-member.cover.column-5 .cover-content {
width: 16.66%;
float: left;
}
.team-member.cover img {
width: 100%;
}
.team-member.cover .cover-content {
background: var(--clb-color-black);
padding: 0;
overflow: hidden;
transition: width 0.4s cubic-bezier(0.54, 0.47, 0.38, 1);
}
.team-member.cover h3,
.team-member.cover .description {
color: var(--clb-color-white);
}
.team-member.cover .description {
margin-bottom: 20px;
}
.team-member.cover .wrap {
padding: 30px;
position: relative;
} .testimonials {
text-align: center;
}
.testimonials .avatar {
background-clip: border-box;
width: 92px;
height: 92px;
margin: 15px auto 20px;
border: 6px solid var(--clb-color-fill);
border-radius: 50%;
overflow: hidden;
}
.testimonials .avatar img {
width: 100%;
min-width: 80px;
min-height: 100%;
}
.testimonials blockquote {
margin: 10px 0;
font-size: var(--clb-font-main-size);
line-height: 1.8;
border-top: none;
padding: 0;
}
.testimonials blockquote::after {
display: none;
}
.testimonials p.subtitle {
margin-top: 4px;
}
.testimonials h4 {
font-size: var(--clb-font-main-size);
} .tooltip {
display: inline-block;
position: relative;
cursor: help;
text-decoration: underline;
}
.tooltip .tooltip-text {
background: var(--clb-color-black);
color: var(--clb-color-white);
padding: 6px 13px;
font-size: var(--clb-font-extra-small-size);
line-height: 1.4;
position: relative;
bottom: 10px;
display: inline-block;
cursor: default;
transition-property: margin left top bottom right opacity visibility;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
.tooltip .tooltip-text::after {
content: "";
background: inherit;
width: 8px;
height: 8px;
position: absolute;
bottom: -4px;
left: 50%;
margin-left: -4px;
transform: rotate(45deg);
}
.tooltip .tooltip-top,
.tooltip .tooltip-bottom,
.tooltip .tooltip-left,
.tooltip .tooltip-right {
width: 500px;
height: auto;
opacity: 0;
visibility: hidden;
position: absolute;
bottom: 100%;
left: 0;
z-index: 4;
transition-property: margin left right top bottom opacity visibility;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
.tooltip .tooltip-bottom {
top: 100%;
bottom: auto;
}
.tooltip .tooltip-bottom .tooltip-text {
top: 10px;
}
.tooltip .tooltip-bottom .tooltip-text::after {
top: -4px;
bottom: auto;
}
.tooltip .tooltip-left,
.tooltip .tooltip-right {
margin-right: 8px;
text-align: right;
vertical-align: middle;
bottom: auto;
left: auto;
top: 0;
right: 100%;
}
.tooltip .tooltip-left .tooltip-text,
.tooltip .tooltip-right .tooltip-text {
top: -2px;
left: 0;
}
.tooltip .tooltip-left .tooltip-text::after,
.tooltip .tooltip-right .tooltip-text::after {
left: auto;
top: 10px;
right: -4px;
margin: 0;
}
.tooltip .tooltip-right {
margin-left: 8px;
text-align: left;
right: auto;
left: 100%;
}
.tooltip .tooltip-right .tooltip-text {
right: auto;
left: 14px;
}
.tooltip .tooltip-right .tooltip-text::after {
right: auto;
left: -4px;
}
.tooltip:hover .tooltip-top,
.tooltip:hover .tooltip-bottom,
.tooltip:hover .tooltip-left,
.tooltip:hover .tooltip-right {
opacity: 1;
visibility: visible;
}
.tooltip:hover .tooltip-top:hover,
.tooltip:hover .tooltip-bottom:hover,
.tooltip:hover .tooltip-left:hover,
.tooltip:hover .tooltip-right:hover {
opacity: 0;
visibility: hidden;
}
.tooltip:hover .tooltip-top .tooltip-text {
bottom: 4px;
}
.tooltip:hover .tooltip-top:hover .tooltip-text {
bottom: 10px;
}
.tooltip:hover .tooltip-bottom .tooltip-text {
top: 4px;
}
.tooltip:hover .tooltip-bottom:hover .tooltip-text {
top: 10px;
}
.tooltip:hover .tooltip-left .tooltip-text,
.tooltip:hover .tooltip-right .tooltip-text {
right: 4px;
}
.tooltip:hover .tooltip-left:hover .tooltip-text,
.tooltip:hover .tooltip-right:hover .tooltip-text {
right: 10px;
}
.tooltip:hover .tooltip-right .tooltip-text {
left: 4px;
}
.tooltip:hover .tooltip-right:hover .tooltip-text {
left: 10px;
} .timeline {
text-align: left;
}
.timeline h3 {
font-size: var(--clb-font-main-size);
}
.timeline .subtitle {
margin-top: 5px;
font-size: var(--clb-font-small-size);
font-weight: 600;
}
.timeline .description {
margin-top: 5px;
font-weight: 300;
}
.timeline .content {
position: relative;
}
.timeline .content .wrap {
margin: 0 0 40px 60px;
position: relative;
transition: 1s cubic-bezier(0.4, 0.7, 0.3, 1);
}
.timeline .content .wrap.hidden {
display: block;
visibility: visible;
opacity: 0;
transform: translateX(100px) scale(0.9);
}
.timeline .content::after {
content: "";
width: 20px;
height: 20px;
border: 7px solid var(--clb-color-black);
border-radius: 50px;
position: absolute;
top: 0;
left: 1px;
}
.timeline .content::before {
content: "";
background: rgba(0, 0, 0, 0.1);
height: calc(100% + 30px);
width: 2px;
position: absolute;
top: 15px;
left: 10px;
}
.timeline .content:last-of-type {
padding-bottom: 0;
}
.timeline .content:last-of-type::before {
display: none;
}
.timeline .content.boxed .wrap {
background: var(--clb-color-black);
padding: 25px;
margin-left: 35px;
}
.timeline .content.boxed h3,
.timeline .content.boxed .description {
color: var(--clb-color-white);
}
.timeline .content.boxed::after,
.timeline .content.boxed::before {
top: 20px;
}
.timeline .content.boxed::before {
height: calc(100% + 40px);
}
.timeline .content.boxed .subtitle {
color: color-mix(in srgb, var(--clb-color-white) 50%, transparent);
}
.timeline .content.boxed .description {
margin-bottom: 0;
}
.timeline .triangle {
position: absolute;
background: inherit;
width: 10px;
height: 10px;
top: 25px;
left: -5px;
transform: rotate(45deg);
}
.timeline.right {
text-align: right;
}
.timeline.right .content .wrap {
margin-left: 0;
margin-right: 60px;
}
.timeline.right .content .wrap.hidden {
transform: translateX(-100px) scale(0.9);
}
.timeline.right .content::after {
left: auto;
right: 1px;
}
.timeline.right .content::before {
left: auto;
right: 10px;
}
.timeline.right .content.boxed {
text-align: left;
}
.timeline.right .content.boxed .wrap {
margin-right: 35px;
}
.timeline.right .triangle {
left: auto;
right: -5px;
} .video-module {
width: auto;
display: inline-block;
cursor: pointer;
position: relative;
}
.video-module h4 {
margin: 0;
font-size: var(--clb-font-small-size);
}
.video-module .btn-play {
background: var(--clb-color-black);
color: var(--clb-color-white);
width: 60px;
height: 60px;
border: 1px solid var(--clb-color-black);
border-radius: 50px;
text-align: center;
line-height: 60px;
font-size: 27px;
cursor: pointer;
display: inline-block;
transition: 0.15s ease-in-out;
transition-property: color, background, border-color;
}
.video-module .btn-play.btn-brand {
background: var(--clb-color-primary);
border-color: var(--clb-color-primary);
}
.video-module .btn-play.outline {
background: transparent;
color: var(--clb-color-black);
}
.video-module .btn-play.outline.btn-brand {
color: var(--clb-color-primary);
}
.video-module .btn-play.shadow {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.05);
}
.video-module .btn-play .icon {
margin-left: 5px;
}
.video-module.preview {
width: 100%;
}
.video-module.preview img {
float: left;
min-width: 100%;
transition: opacity 0.2s ease-in-out;
}
.video-module.preview .btn-play {
position: relative;
margin-top: 30px;
}
.video-module.preview .btn-play.outline {
color: var(--clb-color-white);
border-color: var(--clb-color-white);
}
.video-module.preview .btn-play + h4 {
margin-bottom: -35px;
}
.video-module.preview h4 {
color: var(--clb-color-white);
margin-top: 15px;
opacity: 0;
transform: translateY(3px);
transition: 0.14s ease-in-out;
transition-property: opacity, transform;
}
.video-module.preview:hover img {
opacity: 0.8;
}
.video-module.preview:hover h4 {
opacity: 1;
transform: none;
}
.video-module.boxed {
min-width: 60px;
min-height: 50px;
padding: 15px 0;
position: relative;
}
.video-module.boxed .btn-play {
position: absolute;
top: 50%;
left: 0;
margin-top: -30px;
z-index: 5;
}
.video-module.boxed .btn-play.outline {
background: var(--clb-color-white);
}
.video-module.boxed .content-center {
width: 100%;
height: 50px;
margin-left: 30px;
text-align: center;
}
.video-module.boxed .content {
background-color: var(--clb-color-border);
display: inline-block;
padding: 15px 25px 15px 30px;
border-radius: 0 50px 50px 0;
}
.video-module.boxed.outline .btn-play.outline {
background: transparent;
}
.video-module.boxed.outline:hover .btn-play {
background: transparent;
}
.video-module.boxed.outline .content {
background: transparent;
border: 1px solid var(--clb-color-black);
border-left-width: 0px;
}
.video-module.boxed:hover .btn-play {
background: var(--clb-color-white);
color: var(--clb-color-black);
}
.video-module.boxed:hover .btn-play.btn-brand {
color: var(--clb-color-primary);
}
.video-module.boxed:hover .btn-play.outline {
background: var(--clb-color-black);
color: var(--clb-color-white);
}
.video-module.boxed:hover .btn-play.outline.btn-brand {
background: var(--clb-color-primary);
}
.video-module.with-anim .btn-play::after,
.video-module.with-anim .btn-play::before {
content: "";
border: 1px solid;
border-color: inherit;
width: 150%;
height: 150%;
border-radius: 50px;
position: absolute;
left: -25%;
top: -25%;
opacity: 1;
animation: 1s videomodule-anim linear infinite;
}
.video-module.with-anim .btn-play::before {
animation-delay: 0.5s;
}
.video-module.btn-brand-color-hover:hover .btn-play .icon {
color: var(--clb-color-primary) !important;
}
@keyframes videomodule-anim {
0% {
transform: scale(0.68);
}
100% {
transform: scale(1.2);
opacity: 0;
}
}
.video-module-popup {
background: color-mix(in srgb, var(--clb-color-black) 90%, transparent);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999999999;
opacity: 0;
transition: opacity 0.3s ease-in-out;
}
.video-module-popup .video {
width: 70%;
height: 77%;
margin: 0 auto;
position: relative;
top: 10%;
transform: scale(0.9);
transition: transform 0.3s ease-in-out;
}
.video-module-popup .video iframe {
margin: 0;
width: 100%;
height: 100%;
}
.video-module-popup .close {
color: var(--clb-color-white);
width: 90px;
height: 90px;
line-height: 90px;
font-size: 50px;
text-align: center;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.video-module-popup.open {
opacity: 1;
}
.video-module-popup.open .video {
transform: none;
} .widget {
margin: 0;
padding: 50px 0 0;
list-style: none;
max-width: 400px; }
.widget select {
max-width: 100%;
}
.widget ul {
margin-left: 0;
}
.widget h3 {
font-size: var(--clb-font-main-size);
}
.widget h4,
.widget h5 {
line-height: 1.6;
}
h4.wp-block-heading,
h4.widget-title,
h3.wp-block-heading,
h3.widget-title,
h2.wp-block-heading,
h2.widget-title {
text-align: inherit;
font-size: var(--clb-font-main-size);
margin-bottom: 1em;
}
section.widget:first-child .widget-title {
margin-top: 5px;
}
.widget {
line-height: 1.6;
}
.widget,
.widget p,
.widget .subtitle {
color: var(--clb-color-neutral);
}
.site-footer .widget,
.site-footer .widget p,
.site-footer .widget .subtitle {
color: color-mix(in srgb, var(--clb-color-white) 40%, transparent);
}
.site-footer .widget a {
color: #bcbcbc;
}
.site-footer .widget .widget-title {
color: var(--clb-color-white);
}
.site-footer .widget a:hover,
.site-footer .widget h3 a,
.site-footer .widget h4 a {
color: #bcbcbc;
}
.site-footer .widget ul li,
.site-footer .widget ul li:first-child {
border-color: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
} .widget_recent_comments {
font-size: var(--clb-font-small-size);
}
.widget_recent_comments h3.title {
margin-bottom: 25px;
}
.widget_recent_comments ul {
list-style: none;
}
.widget_recent_comments li {
padding-left: 0;
padding: var(--clb-spacer-05) 0;
}
.widget_recent_comments li::after {
display: none;
}
.widget_recent_comments > ul > li:first-child {
padding-top: 0;
}
.widget_recent_comments .children {
margin-top: 5px;
}
.widget_recent_comments a:hover {
color: var(--clb-color-link-hover);
text-decoration: underline;
}
.widget_recent_comments ul {
font-size: 0px;
}
.widget_recent_comments ul span,
.widget_recent_comments ul a {
font-size: var(--clb-font-small-size);
}
.widget_recent_comments ul .comment-author-link {
padding-right: 12px;
}
.widget_recent_comments ul .comment-author-link a {
margin: 0;
}
.widget_recent_comments ul li > a {
position: relative;
}
.widget_recent_comments ul li > a::after {
content: "";
background: currentColor;
width: 3px;
height: 3px;
border-radius: 5px;
display: block;
position: absolute;
top: 7px;
left: -8px;
} .widget_recent_entries {
font-size: var(--clb-font-small-size);
}
.widget_recent_entries h3.title {
margin-bottom: 25px;
}
.widget_recent_entries ul {
list-style: none;
}
.widget_recent_entries li {
padding-left: 0;
padding: var(--clb-spacer-05) 0;
}
.widget_recent_entries li::after {
display: none;
}
.widget_recent_entries > ul > li:first-child {
padding-top: 0;
}
.widget_recent_entries .children {
margin-top: 5px;
}
.widget_recent_entries a:hover {
color: var(--clb-color-link-hover);
text-decoration: underline;
}
.widget_recent_entries ul a {
min-width: 100%;
font-size: var(--clb-font-small-size);
display: inline-block;
} .widget_search form {
position: relative;
font-size: 15px;
}
.widget_search form input {
border-bottom-color: var(--clb-input-border-color);
}
.widget_search form button {
background: transparent;
border-color: transparent;
color: rgba(0, 0, 0, 0.8);
font-size: 20px;
padding: 0 0;
width: 30px;
height: 100%;
text-align: right;
position: absolute;
top: 0;
right: 0;
}
.widget_search form button:hover {
opacity: 0.8;
}
.site-footer .widget_search input.placeholder,
.site-footer .widget_search input::placeholder {
color: currentColor;
}
.site-footer .widget_search button {
color: currentColor;
} .widget_tag_cloud .tagcloud,
.widget_product_tag_cloud .tagcloud {
font-size: 0px;
margin-left: -4px;
margin-right: -4px;
}
.widget_tag_cloud .tagcloud::after,
.widget_product_tag_cloud .tagcloud::after {
content: "";
display: table;
clear: both;
}
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
background: transparent;
color: var(--clb-color-black);
border: 1px solid var(--clb-color-black);
border-radius: 15px;
padding: 0px 14px;
line-height: 1;
height: 30px;
margin-top: 5px;
margin-right: 5px;
font-size: var(--clb-font-caption-size) !important;
display: inline-flex;
align-items: center;
text-transform: uppercase;
}
.widget_tag_cloud .tagcloud a:hover,
.widget_product_tag_cloud .tagcloud a:hover {
background: transparent;
color: var(--clb-color-primary);
border-color: var(--clb-color-primary);
}
.site-footer .widget_tag_cloud .tagcloud a,
.site-footer .widget_product_tag_cloud .tagcloud a {
border-color: color-mix(in srgb, var(--clb-color-white) 50%, transparent);
color: #bcbcbc;
}
.site-footer .widget_tag_cloud .tagcloud a:hover,
.site-footer .widget_product_tag_cloud .tagcloud a:hover {
border-color: #bcbcbc;
color: #bcbcbc;
} .widget_meta {
font-size: var(--clb-font-small-size);
}
.widget_meta h3.title {
margin-bottom: 25px;
}
.widget_meta ul {
list-style: none;
}
.widget_meta li {
padding-left: 0;
padding: var(--clb-spacer-05) 0;
}
.widget_meta li::after {
display: none;
}
.widget_meta > ul > li:first-child {
padding-top: 0;
}
.widget_meta .children {
margin-top: 5px;
}
.widget_meta a:hover {
color: var(--clb-color-link-hover);
text-decoration: underline;
}
.widget_meta ul li.cat-item {
padding-bottom: 14px;
padding-top: 14px;
}
.widget_meta ul li.cat-item:first-child {
padding-top: 0;
} .widget_archive {
font-size: var(--clb-font-small-size);
}
.widget_archive h3.title {
margin-bottom: 25px;
}
.widget_archive ul {
list-style: none;
}
.widget_archive li {
padding-left: 0;
padding: var(--clb-spacer-05) 0;
}
.widget_archive li::after {
display: none;
}
.widget_archive > ul > li:first-child {
padding-top: 0;
}
.widget_archive .children {
margin-top: 5px;
}
.widget_archive a:hover {
color: var(--clb-color-link-hover);
text-decoration: underline;
} .widget_text {
line-height: 1.6;
font-size: var(--clb-font-small-size);
}
.widget_text h3.widget-title {
margin-bottom: 20px;
}
.site-footer .widget_text,
.site-footer .widget_text p {
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
} .widget_calendar table {
position: relative;
text-align: center;
}
.widget_calendar table td,
.widget_calendar table th {
border: none;
padding: 0;
}
.widget_calendar caption {
background: var(--clb-color-primary);
color: var(--clb-color-white);
width: 100%;
height: 46px;
font-family: var(--clb-font-titles);
font-weight: 600;
line-height: 48px;
text-align: center;
vertical-align: middle;
}
.widget_calendar tfoot {
width: 100%;
height: 46px;
line-height: 46px;
padding: 0 20px;
vertical-align: middle;
color: var(--clb-color-white);
position: absolute;
top: 0;
left: 0;
}
.widget_calendar tfoot tr,
.widget_calendar tfoot #prev,
.widget_calendar tfoot #next {
display: block;
font-weight: bold;
font-size: 0px;
}
.widget_calendar tfoot tr a,
.widget_calendar tfoot #prev a,
.widget_calendar tfoot #next a {
color: var(--clb-color-white);
}
.widget_calendar tfoot tr a:hover,
.widget_calendar tfoot #prev a:hover,
.widget_calendar tfoot #next a:hover {
opacity: 0.6;
}
.widget_calendar tfoot tr {
width: 100%;
}
.widget_calendar tfoot td {
display: none;
}
.widget_calendar tfoot #prev {
float: left;
}
.widget_calendar tfoot #next {
float: right;
}
.widget_calendar tfoot #prev a::after,
.widget_calendar tfoot #next a::after {
content: "\f3d2";
font-family: "Ionicons";
font-size: 22px;
}
.widget_calendar tfoot #next a::after {
content: "\f3d3";
}
.widget_calendar thead {
line-height: 44px;
}
.widget_calendar thead tr th {
color: #1f2023;
font-size: var(--clb-font-extra-small-size);
}
.widget_calendar tbody {
line-height: 44px;
}
.widget_calendar tbody tr td {
color: #5a5a5a;
border: 1px solid #ddd;
text-align: center;
font-size: var(--clb-font-small-size);
}
.widget_calendar tbody tr td#today {
border-color: var(--clb-color-primary);
border-collapse: separate;
border-width: 1px;
display: block;
margin: -1px;
position: relative;
}
.widget_calendar tbody tr td a {
display: block;
width: 100%;
height: 100%;
font-weight: bold;
}
.widget_calendar tbody tr td a:hover {
background: rgba(0, 0, 0, 0.2);
}
.site-footer .widget_calendar thead tr th {
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
}
.site-footer .widget_calendar tbody tr td {
border-color: #555;
color: color-mix(in srgb, var(--clb-color-white) 100%, transparent);
} .widget_nav_menu,
.widget_pages {
font-size: var(--clb-font-small-size);
}
.widget_nav_menu h3.title,
.widget_pages h3.title {
margin-bottom: 25px;
}
.widget_nav_menu ul,
.widget_pages ul {
list-style: none;
}
.widget_nav_menu li,
.widget_pages li {
padding-left: 0;
padding: var(--clb-spacer-05) 0;
}
.widget_nav_menu li::after,
.widget_pages li::after {
display: none;
}
.widget_nav_menu > ul > li:first-child,
.widget_pages > ul > li:first-child {
padding-top: 0;
}
.widget_nav_menu .children,
.widget_pages .children {
margin-top: 5px;
}
.widget_nav_menu a:hover,
.widget_pages a:hover {
color: var(--clb-color-link-hover);
text-decoration: underline;
}
.widget_nav_menu ul,
.widget_nav_menu .menu,
.widget_pages ul,
.widget_pages .menu {
list-style: none;
}
.widget_nav_menu .menu-item,
.widget_pages .menu-item {
font-size: var(--clb-font-small-size);
}
.widget_nav_menu .menu-item a,
.widget_pages .menu-item a {
display: block;
}
.widget_nav_menu .menu-item a:hover,
.widget_pages .menu-item a:hover {
color: var(--clb-color-primary);
text-decoration: underline;
}
.widget_nav_menu .menu ul,
.widget_pages .menu ul {
margin-top: 10px;
}
.widget_nav_menu .current-menu-item a,
.widget_pages .current-menu-item a {
color: var(--clb-color-primary);
}
.widget_nav_menu div.test,
.widget_pages div.test {
display: none;
list-style: none;
}
.widget_pages .children {
margin-top: 10px;
} .widget-sidebar-menu-left {
list-style: none;
}
.widget-sidebar-menu-left .menu-item {
font-size: var(--clb-font-small-size);
}
.widget-sidebar-menu-left .menu-item a {
display: block;
}
.widget-sidebar-menu-left .menu-item a:hover {
color: var(--clb-color-primary);
text-decoration: underline;
}
.widget-sidebar-menu-left ul.sub-menu {
display: none;
list-style: none;
} .widget_categories {
font-size: var(--clb-font-small-size);
}
.widget_categories h3.title {
margin-bottom: 25px;
}
.widget_categories ul {
list-style: none;
}
.widget_categories li {
padding-left: 0;
padding: var(--clb-spacer-05) 0;
}
.widget_categories li::after {
display: none;
}
.widget_categories > ul > li:first-child {
padding-top: 0;
}
.widget_categories .children {
margin-top: 5px;
}
.widget_categories a:hover {
color: var(--clb-color-link-hover);
text-decoration: underline;
} .widget_rss {
font-size: var(--clb-font-small-size);
}
.widget_rss h3.title {
margin-bottom: 25px;
}
.widget_rss ul {
list-style: none;
}
.widget_rss li {
padding-left: 0;
padding: var(--clb-spacer-05) 0;
}
.widget_rss li::after {
display: none;
}
.widget_rss > ul > li:first-child {
padding-top: 0;
}
.widget_rss .children {
margin-top: 5px;
}
.widget_rss a:hover {
color: var(--clb-color-link-hover);
text-decoration: underline;
}
.widget_rss ul {
list-style: none;
}
.widget_rss ul a {
color: var(--clb-color-primary);
}
.widget_rss .rss-date {
color: rgba(0, 0, 0, 0.5);
font-size: var(--clb-font-extra-small-size);
}
.widget_rss .rssSummary {
margin-top: 5px;
}
.widget_rss cite {
margin-top: 5px;
display: inline-block;
}
.site-footer .widget_rss .rss-date {
color: color-mix(in srgb, var(--clb-color-white) 50%, transparent);
} .widget_media_gallery .slider .owl-dots {
position: absolute;
bottom: 0;
} .widget_norebro_widget_logo a {
margin: 0;
display: inline-block;
}
.widget_norebro_widget_logo h3 {
font-size: 30px;
font-weight: 600;
line-height: 30px;
color: #434343;
}
.site-footer .widget_norebro_widget_logo .theme-logo a {
color: var(--clb-color-footer-border);
}
.site-footer .widget_norebro_widget_logo .theme-logo a:hover {
color: var(--clb-color-footer);
} .widget_norebro_widget_recent_posts ul.recent-posts-list {
list-style: none;
margin: 0;
}
.widget_norebro_widget_recent_posts ul.recent-posts-list li {
min-height: 20px;
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.widget_norebro_widget_recent_posts ul.recent-posts-list li:last-child {
margin-bottom: 0px;
}
.widget_norebro_widget_recent_posts ul.recent-posts-list img {
width: 70px;
position: absolute;
top: 0;
left: 0;
}
.widget_norebro_widget_recent_posts ul.recent-posts-list h4 {
font-size: var(--clb-font-small-size);
font-weight: 600;
}
.widget_norebro_widget_recent_posts ul.recent-posts-list h4 a:hover {
color: var(--clb-color-primary);
text-decoration: underline;
}
.widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap {
float: left;
padding-left: 85px;
margin-top: -5px;
}
.widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .date,
.widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .categories,
.widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap span a {
font-size: var(--clb-font-small-size);
}
.widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap span a:hover {
text-decoration: underline;
}
.widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .comments + .author,
.widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .date + .categories {
position: relative;
margin-left: 11px;
}
.widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .comments + .author::after,
.widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap .date + .categories::after {
content: "•";
font-size: 15px;
line-height: 0;
position: absolute;
left: -10px;
top: 8px;
color: var(--clb-color-black);
}
.widget_norebro_widget_recent_posts ul.recent-posts-list .content-wrap.no-thumb {
padding-left: 0px;
}
.site-footer .widget_norebro_widget_recent_posts ul.recent-posts-list h4 a:hover {
color: var(--clb-color-white);
} .widget_norebro_widget_about_author img {
vertical-align: top;
width: 4.5rem;
height: 4.5rem;
border-radius: 50%;
}
.widget_norebro_widget_about_author .site {
font-size: var(--clb-font-extra-small-size);
}
.widget_norebro_widget_about_author .content {
margin-top: var(--clb-spacer-3);
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.widget_norebro_widget_about_author .content .details {
padding-right: var(--clb-spacer-7);
}
.widget_norebro_widget_about_author .content h6 {
margin: 0 0 var(--clb-spacer-05) 0;
}
.widget_norebro_widget_about_author .content .description {
margin-top: var(--clb-spacer-3);
font-size: var(--clb-font-small-size);
} .widget_norebro_widget_login {
font-size: var(--clb-font-small-size);
overflow: hidden;
}
.widget_norebro_widget_login .login-wrap {
overflow: hidden;
position: relative;
transition: height 0.25s ease-in-out;
}
.widget_norebro_widget_login form {
overflow: hidden;
}
.widget_norebro_widget_login .login-form {
position: relative;
left: 0;
opacity: 1;
transition: opacity 0.25s ease-in-out;
z-index: 2;
}
.widget_norebro_widget_login .login-form.hidden {
display: block;
opacity: 0;
position: absolute;
z-index: 1;
}
.widget_norebro_widget_login .reg-form {
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.25s ease-in-out;
z-index: 1;
}
.widget_norebro_widget_login .reg-form.visible {
opacity: 1;
z-index: 2;
}
.widget_norebro_widget_login .reg-success {
color: #0a6;
}
.widget_norebro_widget_login .login-error,
.widget_norebro_widget_login .reg-error {
color: #c22;
}
.widget_norebro_widget_login .login-submit {
float: left;
margin-top: 2px;
}
.widget_norebro_widget_login .login-submit.with-registration {
width: 48%;
}
.widget_norebro_widget_login .login-submit button {
margin-top: 0;
}
.widget_norebro_widget_login .btn .text-loading {
display: none;
}
.widget_norebro_widget_login .btn.loading {
background: transparent;
color: var(--clb-color-black);
opacity: 0.6;
cursor: default;
}
.widget_norebro_widget_login .btn.loading .text-loading {
display: block;
}
.widget_norebro_widget_login .btn.loading .text {
display: none;
}
.widget_norebro_widget_login .login-registration {
width: 48%;
margin-top: 2px;
float: right;
}
.widget_norebro_widget_login .login-registration a {
width: 100%;
}
.widget_norebro_widget_login .login-registration a:hover {
color: var(--clb-color-white);
text-decoration: none;
}
.widget_norebro_widget_login .login-remember {
float: left;
}
.widget_norebro_widget_login .login-remember label {
cursor: pointer;
}
.widget_norebro_widget_login .login-lost-password {
float: right;
}
.widget_norebro_widget_login .login-remember,
.widget_norebro_widget_login .login-lost-password {
width: auto;
}
.widget_norebro_widget_login .reg-submit {
margin-top: 12px;
}
.widget_norebro_widget_login .reg-submit button {
margin-top: 0;
}
.widget_norebro_widget_login .back-to-login {
margin-top: 20px;
}
.widget_norebro_widget_login .logged-in {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: opacity 0.25s ease-in-out;
}
.widget_norebro_widget_login .logged-in.visible {
position: relative;
opacity: 1;
z-index: 2;
}
.widget_norebro_widget_login a {
color: var(--clb-color-primary);
}
.widget_norebro_widget_login a:hover {
text-decoration: underline;
} .site-footer .widget_norebro_widget_subscribe input {
border-color: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
color: #bcbcbc;
}
.site-footer .widget_norebro_widget_subscribe input::placeholder {
color: currentColor;
}
.site-footer .widget_norebro_widget_subscribe input:focus {
border-color: color-mix(in srgb, var(--clb-color-white) 50%, transparent);
}
.site-footer .widget_norebro_widget_subscribe button.btn {
background: transparent;
border-color: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
color: color-mix(in srgb, var(--clb-color-white) 50%, transparent);
}
.site-footer .widget_norebro_widget_subscribe button.btn:hover {
background: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
border-color: transparent;
color: var(--clb-color-white);
} .widget_norebro_widget_contact address {
display: inline;
}
.widget_norebro_widget_contact ul.list-box,
.widget_norebro_widget_contact ul.widget_product_categories,
.widget_norebro_widget_contact ul.widget_recent_comments,
.widget_norebro_widget_contact ul.widget_recent_entries,
.widget_norebro_widget_contact ul.widget_meta,
.widget_norebro_widget_contact ul.widget_archive,
.widget_norebro_widget_contact ul.widget_nav_menu,
.widget_norebro_widget_contact ul.widget_pages,
.widget_norebro_widget_contact ul.widget_categories,
.widget_norebro_widget_contact ul.widget_rss {
margin: 0;
}
.widget_norebro_widget_contact li {
padding: var(--clb-spacer-05) 0;
}
.widget_norebro_widget_contact li::after {
display: none;
}
.widget_norebro_widget_contact li:first-child {
padding-top: 0;
} .widget_norebro_widget_socialbar_subscribe .socialbar,
.widget_norebro_widget_socialbar .socialbar {
margin-top: -10px;
}
.widget_norebro_widget_socialbar_subscribe .socialbar a,
.widget_norebro_widget_socialbar .socialbar a {
background: transparent;
color: var(--clb-color-black);
margin-top: 10px;
}
.widget_norebro_widget_socialbar_subscribe .socialbar a:hover,
.widget_norebro_widget_socialbar .socialbar a:hover {
background: var(--clb-color-black);
color: var(--clb-color-white);
}
.widget div.star-rating,
.widget span.star-rating {
margin-top: 5px;
}
.widget div.star-rating::before,
.widget div.star-rating span::before,
.widget span.star-rating::before,
.widget span.star-rating span::before {
font-size: var(--clb-font-caption-size);
letter-spacing: 4px;
color: var(--clb-color-primary);
} .widget_product_search form {
position: relative;
}
.widget_product_search form button {
background: none;
width: 46px;
height: 100%;
border: none;
padding: 15px 30px 10px;
font-size: 18px;
text-align: center;
position: absolute;
top: 0;
right: 0;
outline: none;
color: rgba(0, 0, 0, 0.6);
} .site-footer .widgets .widget.widget_product_tag_cloud a {
background: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
}
.site-footer .widgets .widget.widget_product_tag_cloud a:hover {
opacity: 0.7;
text-decoration: none;
} .widget_product_categories {
font-size: var(--clb-font-small-size);
}
.widget_product_categories h3.title {
margin-bottom: 25px;
}
.widget_product_categories ul {
list-style: none;
}
.widget_product_categories li {
padding-left: 0;
padding: var(--clb-spacer-05) 0;
}
.widget_product_categories li::after {
display: none;
}
.widget_product_categories > ul > li:first-child {
padding-top: 0;
}
.widget_product_categories .children {
margin-top: 5px;
}
.widget_product_categories a:hover {
color: var(--clb-color-link-hover);
text-decoration: underline;
}
.site-footer .widget_product_categories ul.product-categories li {
border-color: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
} .widget_products .image,
.widget_top_rated_products .image,
.widget.widget_recently_viewed_products .image {
float: left;
margin-top: 5px;
}
.widget_products .image img,
.widget_top_rated_products .image img,
.widget.widget_recently_viewed_products .image img {
width: 70px;
}
.widget_products .content,
.widget_top_rated_products .content,
.widget.widget_recently_viewed_products .content {
padding-left: 95px;
margin-bottom: 30px;
}
.widget_products li:last-child .content,
.widget_top_rated_products li:last-child .content,
.widget.widget_recently_viewed_products li:last-child .content {
margin-bottom: 0;
}
.widget_products h4,
.widget_top_rated_products h4,
.widget.widget_recently_viewed_products h4 {
display: inline-block;
margin: 0;
padding: 0;
font-size: 13.7px;
}
.widget_products h4 a,
.widget_top_rated_products h4 a,
.widget.widget_recently_viewed_products h4 a {
display: inline-block;
}
.widget_products span.price,
.widget_top_rated_products span.price,
.widget.widget_recently_viewed_products span.price {
font-size: var(--clb-font-small-size);
}
.widget_products div.star-rating,
.widget_top_rated_products div.star-rating,
.widget.widget_recently_viewed_products div.star-rating {
width: 100%;
} .widget_top_rated_products li .star-rating {
width: 100%;
margin: 5px 0;
}
.widget_top_rated_products li .star-rating::before,
.widget_top_rated_products li .star-rating span::before {
font-size: var(--clb-font-caption-size);
letter-spacing: 0.3em;
top: 3px;
} .site-footer .widget.widget_recently_viewed_products a:hover {
color: inherit;
}
.site-footer .widget.widget_recently_viewed_products .category,
.site-footer .widget.widget_recently_viewed_products .category a {
color: inherit;
} .widget_recent_reviews li {
margin-bottom: 15px;
}
.widget_recent_reviews li:last-child {
margin-bottom: 0;
}
.widget_recent_reviews img {
max-width: 70px;
margin-right: 25px;
display: block;
float: left;
}
.widget_recent_reviews li > a {
width: 100%;
display: block;
font: 900 13.7px var(--clb-font-titles);
line-height: 1.4;
}
.widget_recent_reviews .reviewer {
padding-left: 95px;
font-size: var(--clb-font-extra-small-size);
display: block;
} div.widget_shopping_cart_content {
line-height: 1.4;
}
div.widget_shopping_cart_content li {
overflow: hidden;
margin-bottom: 15px;
position: relative;
min-height: 60px;
}
div.widget_shopping_cart_content li > * {
margin-left: 75px;
margin-right: var(--clb-spacer-5);
}
div.widget_shopping_cart_content li a {
font-size: var(--clb-font-small-size);
font-weight: 600;
display: block;
}
div.widget_shopping_cart_content li .quantity {
font-size: 0.9em;
color: var(--clb-color-neutral);
}
div.widget_shopping_cart_content img {
position: absolute;
left: 0;
width: 60px;
height: 60px;
object-fit: cover;
}
div.widget_shopping_cart_content a.remove {
margin-top: -10px;
position: absolute;
top: 0;
right: 0;
margin: 0;
font-weight: 400;
font-size: 1.5em;
}
div.widget_shopping_cart_content a.remove:hover {
color: #f22;
}
div.widget_shopping_cart_content .total {
border-top: 1px solid var(--clb-color-border);
border-bottom: 1px solid var(--clb-color-border);
padding: 12px 0 10px;
font-size: var(--clb-font-small-size);
}
div.widget_shopping_cart_content .total strong {
font-weight: 400;
}
div.widget_shopping_cart_content .total .amount {
float: right;
font-weight: 600;
}
div.widget_shopping_cart_content .buttons {
margin: 20px 0 5px;
overflow: hidden;
}
div.widget_shopping_cart_content .buttons .button {
width: 48%;
float: left;
font-size: 0.9em;
}
div.widget_shopping_cart_content .buttons .button:hover {
text-decoration: none;
}
div.widget_shopping_cart_content .buttons .button:first-child {
background: transparent;
color: var(--clb-color-black);
}
div.widget_shopping_cart_content .buttons .button:first-child:hover {
color: var(--clb-color-white);
background: var(--clb-color-black);
}
div.widget_shopping_cart_content .buttons .checkout {
margin-left: 4%;
}
div.widget_shopping_cart_content .wcppec-cart-widget-button {
margin-top: 15px;
float: left;
}
dl.variation {
font-size: 0.9em;
}
dl.variation,
dl.variation p {
margin-top: 0;
margin-bottom: 0;
margin-right: 0 !important;
}
dl.variation .variation-item {
display: flex;
align-items: center;
}
dl.variation .variation-item dt {
font-weight: 600;
}
dl.variation .variation-item dd[class^=variation-] {
font-weight: normal;
margin: 0 0 0 6px;
} .widget_price_filter .price_slider {
background-color: #e3e3e3;
height: 5px;
margin-top: 38px;
border-radius: var(--clb-border-radius);
position: relative;
}
.widget_price_filter .ui-slider-range {
background: var(--clb-color-primary);
height: 5px;
position: absolute;
}
.widget_price_filter .ui-slider-handle {
background: var(--clb-color-white);
width: 27px;
height: 27px;
margin-left: 0px;
border-radius: 50px;
outline: none;
box-shadow: 0 0 0 3px var(--clb-color-border);
position: absolute;
top: -11px;
z-index: 5;
cursor: ew-resize;
}
.widget_price_filter .ui-slider-handle::after {
content: "";
background-color: var(--clb-color-primary);
width: 7px;
height: 7px;
border-radius: 50%;
position: absolute;
top: 10px;
left: 10px;
}
.widget_price_filter .ui-slider-handle:last-child {
margin-left: -22px;
}
.widget_price_filter .price_slider_amount {
margin-top: 30px;
}
.widget_price_filter .button {
background: none;
border: none;
color: #1f2023;
float: right;
padding: 0;
font-weight: 600;
font-size: var(--clb-font-extra-small-size);
text-transform: none;
}
.widget_price_filter .button:hover {
text-decoration: underline;
}
.widget_price_filter .price_label {
float: left;
font-size: var(--clb-font-small-size);
line-height: 1em;
color: #888888;
}
.widget_price_filter .price_label .from,
.widget_price_filter .price_label .to {
color: #5a5a5a;
} .widget_layered_nav ul {
overflow: hidden;
}
.widget_layered_nav li {
margin-top: 10px;
margin-bottom: 15px;
}
.widget_layered_nav li:first-child {
margin-top: 0;
padding-top: 0;
}
.widget_layered_nav a {
color: var(--clb-color-black);
font-size: 15px;
font-weight: 600;
} .widget_rating_filter .widget-title {
margin-bottom: 20px;
}
.widget_rating_filter a:hover {
text-decoration: none;
}
.widget_rating_filter li .star-rating {
width: auto;
margin-right: 10px;
vertical-align: -2px;
}
.widget_rating_filter li .star-rating::after {
content: "•";
color: var(--clb-color-neutral);
font-size: var(--clb-font-main-size);
position: absolute;
line-height: 0;
top: 10px;
right: -8px;
}
.widget_rating_filter li .star-rating::before,
.widget_rating_filter li .star-rating span::before {
font-size: var(--clb-font-extra-small-size);
top: 1px;
}  html {
width: 100%;
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: border-box;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
div {
outline: none;
}
body {
background-color: var(--clb-color-white);
height: 100%;
font-family: var(--clb-font-main);
font-size: var(--clb-font-main-size);
font-weight: 400;
overflow-x: hidden;
}
body.archive {
width: 100%;
}
blockquote,
q {
margin: 25px 0;
padding: 0 30px;
font-size: 15px;
line-height: 30px;
quotes: "" "";
position: relative;
border-color: var(--clb-color-border) !important;
}
blockquote p,
q p {
margin: 0;
font-style: normal;
font-weight: 400;
position: relative;
}
blockquote cite,
blockquote h4,
blockquote .widget h4,
.widget blockquote h4,
q cite,
q h4,
q .widget h4,
.widget q h4 {
position: relative;
text-align: left;
margin: 15px 0 0 0;
text-align: left;
font-weight: 600;
font-size: 11.6px;
font-style: normal;
line-height: 1.6;
text-transform: uppercase;
}
hr {
background-color: #ebebeb;
width: 100%;
border: 0;
height: 1px;
margin: 5px auto;
display: block;
}
mark {
color: var(--clb-color-white);
padding: 0 2px;
}
address {
font-size: var(--clb-font-small-size);
font-style: normal;
}
pre {
background-color: var(--clb-color-fill);
padding: 15px;
}
img {
height: auto;
max-width: 100%;
}
a {
color: var(--clb-color-black);
text-decoration: none;
cursor: pointer;
transition: 0.15s ease-in-out;
transition-property: color, opacity, background, transform, border-color;
}
a:hover {
color: var(--clb-color-primary);
}
a.hover-underline {
text-decoration: none;
display: inline-block;
position: relative;
}
a.hover-underline::before {
content: "";
background-color: currentColor;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
opacity: 0;
transform: translateY(5px);
transition: 0.2s ease-in-out;
transition-property: transform, opacity, background;
}
a.hover-underline:hover {
text-decoration: none;
}
a.hover-underline:hover::before {
opacity: 1;
transform: translateY(1px) rotate(0.01deg);
}
a.hover-underline.underline-brand::before {
background-color: var(--clb-color-primary);
}
p a {
color: var(--clb-color-primary);
}
p a:hover {
text-decoration: underline;
} embed,
iframe,
object {
max-width: 100%;
} ul,
ol {
margin: 0 0 1.5em 3em;
}
ul li,
ol li {
padding: 3px 0;
list-style-position: inside;
}
ul {
list-style: disc;
margin: 0;
padding: 0;
}
ul.unstyled {
list-style: none;
}
ul.inline li {
display: inline-block;
}
ul.list-square li {
padding-left: 20px;
list-style: none;
}
ul.list-square li::after {
content: "■";
float: left;
margin-left: -20px;
margin-top: -1px;
font-size: 50%;
vertical-align: middle;
}
ol {
list-style: decimal;
margin-left: 0;
padding-left: 0px;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
} table,
.wp-block-table {
margin: 15px 0;
width: 100%;
}
table td,
table th,
.wp-block-table td,
.wp-block-table th {
border: none;
border-top: 1px solid var(--clb-color-border);
border-bottom: 1px solid var(--clb-color-border);
text-align: inherit;
padding: 10px 10px 10px 0;
} input[type=submit],
button,
.btn,
a.btn,
.button,
a.button,
.wp-block-button__link {
background-color: var(--clb-color-button);
color: var(--clb-color-white);
padding: 14px 24px;
border: 1px solid var(--clb-color-button);
border-radius: 50px;
font: 600 var(--clb-font-extra-small-size) var(--clb-font-titles);
text-decoration: none;
outline: none;
display: inline-flex;
align-items: center;
justify-content: center;
transition-property: background, color, border-color;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
input[type=submit]:hover,
button:hover,
.btn:hover,
a.btn:hover,
.button:hover,
a.button:hover,
.wp-block-button__link:hover {
background-color: transparent;
color: var(--clb-color-button-hover);
border-color: var(--clb-color-button-hover);
transition-duration: 0.1s;
}
input[type=submit].full-width,
button.full-width,
.btn.full-width,
a.btn.full-width,
.button.full-width,
a.button.full-width,
.wp-block-button__link.full-width {
display: flex;
justify-content: center;
}
input[type=submit] > .icon,
button > .icon,
.btn > .icon,
a.btn > .icon,
.button > .icon,
a.button > .icon,
.wp-block-button__link > .icon {
max-height: 20px;
min-width: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 140%;
text-decoration: none;
position: relative;
}
input[type=submit] > .icon.ion-left,
button > .icon.ion-left,
.btn > .icon.ion-left,
a.btn > .icon.ion-left,
.button > .icon.ion-left,
a.button > .icon.ion-left,
.wp-block-button__link > .icon.ion-left {
margin-right: 4px;
}
input[type=submit] > .icon.ion-right,
button > .icon.ion-right,
.btn > .icon.ion-right,
a.btn > .icon.ion-right,
.button > .icon.ion-right,
a.button > .icon.ion-right,
.wp-block-button__link > .icon.ion-right {
margin-left: 4px;
}
input[type=submit].btn-white,
button.btn-white,
.btn.btn-white,
a.btn.btn-white,
.button.btn-white,
a.button.btn-white,
.wp-block-button__link.btn-white {
background-color: var(--clb-color-white);
border-color: var(--clb-color-white);
color: var(--clb-color-button);
}
input[type=submit].btn-white:hover,
button.btn-white:hover,
.btn.btn-white:hover,
a.btn.btn-white:hover,
.button.btn-white:hover,
a.button.btn-white:hover,
.wp-block-button__link.btn-white:hover {
background-color: transparent;
color: var(--clb-color-white);
}
input[type=submit].text-on-hover,
button.text-on-hover,
.btn.text-on-hover,
a.btn.text-on-hover,
.button.text-on-hover,
a.button.text-on-hover,
.wp-block-button__link.text-on-hover {
overflow: hidden;
position: relative;
}
input[type=submit].text-on-hover .icon,
input[type=submit].text-on-hover .text,
button.text-on-hover .icon,
button.text-on-hover .text,
.btn.text-on-hover .icon,
.btn.text-on-hover .text,
a.btn.text-on-hover .icon,
a.btn.text-on-hover .text,
.button.text-on-hover .icon,
.button.text-on-hover .text,
a.button.text-on-hover .icon,
a.button.text-on-hover .text,
.wp-block-button__link.text-on-hover .icon,
.wp-block-button__link.text-on-hover .text {
transition: 0.2s ease-in-out;
transition-property: transform, opacity;
}
input[type=submit].text-on-hover .icon,
button.text-on-hover .icon,
.btn.text-on-hover .icon,
a.btn.text-on-hover .icon,
.button.text-on-hover .icon,
a.button.text-on-hover .icon,
.wp-block-button__link.text-on-hover .icon {
width: 100%;
height: 20px;
position: absolute;
left: 0;
max-height: var(--clb-spacer-3);
display: flex;
justify-content: center;
}
input[type=submit].text-on-hover .text,
button.text-on-hover .text,
.btn.text-on-hover .text,
a.btn.text-on-hover .text,
.button.text-on-hover .text,
a.button.text-on-hover .text,
.wp-block-button__link.text-on-hover .text {
display: inline-block;
transform: translateY(-120%);
opacity: 0;
}
input[type=submit].text-on-hover:hover .icon,
button.text-on-hover:hover .icon,
.btn.text-on-hover:hover .icon,
a.btn.text-on-hover:hover .icon,
.button.text-on-hover:hover .icon,
a.button.text-on-hover:hover .icon,
.wp-block-button__link.text-on-hover:hover .icon {
transform: translateY(120%);
opacity: 0;
}
input[type=submit].text-on-hover:hover .text,
button.text-on-hover:hover .text,
.btn.text-on-hover:hover .text,
a.btn.text-on-hover:hover .text,
.button.text-on-hover:hover .text,
a.button.text-on-hover:hover .text,
.wp-block-button__link.text-on-hover:hover .text {
transform: none;
opacity: 1;
}
.wp-block-button__link:hover {
background-color: transparent !important;
}
p a.btn:hover {
text-decoration: none;
}
.btn-wrap .btn-small {
min-width: 40px;
}
.btn-brand {
background-color: var(--clb-color-primary);
border-color: var(--clb-color-primary);
color: var(--clb-color-white);
}
.btn-brand:hover {
background-color: transparent;
color: var(--clb-color-button-hover);
}
button[disabled],
input[type=submit][disabled] {
opacity: 0.8;
cursor: default;
}
button[disabled]:hover,
input[type=submit][disabled]:hover {
background-color: var(--clb-color-button-hover);
color: var(--clb-color-white);
}
button[disabled].btn-white:hover,
input[type=submit][disabled].btn-white:hover {
background-color: var(--clb-color-white);
color: var(--clb-color-button);
}
button[disabled].btn-brand:hover,
input[type=submit][disabled].btn-brand:hover {
background-color: var(--clb-color-primary);
color: var(--clb-color-white);
}
.btn-outline,
input[type=submit].btn-outline,
a.btn-outline,
.is-style-outline .wp-block-button__link {
background-color: transparent;
color: var(--clb-color-button);
}
.btn-outline:not(:hover),
input[type=submit].btn-outline:not(:hover),
a.btn-outline:not(:hover),
.is-style-outline .wp-block-button__link:not(:hover) {
border-color: currentColor;
}
.btn-outline:hover,
input[type=submit].btn-outline:hover,
a.btn-outline:hover,
.is-style-outline .wp-block-button__link:hover {
background-color: var(--clb-color-button-hover);
color: var(--clb-color-white);
}
.btn-outline.btn-white,
input[type=submit].btn-outline.btn-white,
a.btn-outline.btn-white,
.is-style-outline .wp-block-button__link.btn-white {
background-color: transparent;
border-color: var(--clb-color-white);
color: var(--clb-color-white);
}
.btn-outline.btn-white:hover,
input[type=submit].btn-outline.btn-white:hover,
a.btn-outline.btn-white:hover,
.is-style-outline .wp-block-button__link.btn-white:hover {
background-color: var(--clb-color-white);
color: var(--clb-color-button-hover);
}
.btn-outline.disabled:hover,
input[type=submit].btn-outline.disabled:hover,
a.btn-outline.disabled:hover,
.is-style-outline .wp-block-button__link.disabled:hover {
background-color: transparent;
color: var(--clb-color-button);
border-color: var(--clb-color-button);
cursor: default;
}
.btn-outline.btn-brand,
input[type=submit].btn-outline.btn-brand,
a.btn-outline.btn-brand,
.is-style-outline .wp-block-button__link.btn-brand {
background-color: transparent;
border-color: var(--clb-color-primary);
color: var(--clb-color-primary);
}
.btn-outline.btn-brand:hover,
input[type=submit].btn-outline.btn-brand:hover,
a.btn-outline.btn-brand:hover,
.is-style-outline .wp-block-button__link.btn-brand:hover {
background-color: var(--clb-color-primary);
border-color: var(--clb-color-primary);
color: var(--clb-color-white);
}
.btn-outline.btn-brand.disabled:hover,
input[type=submit].btn-outline.btn-brand.disabled:hover,
a.btn-outline.btn-brand.disabled:hover,
.is-style-outline .wp-block-button__link.btn-brand.disabled:hover {
background-color: transparent;
border-color: var(--clb-color-primary);
color: var(--clb-color-primary);
}
.is-style-outline .wp-block-button__link:hover {
background-color: var(--clb-color-button) !important;
color: var(--clb-color-white) !important;
}
.is-style-outline .wp-block-button__link {
border: 1px solid var(--clb-color-button);
}
.is-style-outline .wp-block-button__link.has-brand-color-color {
color: var(--clb-color-primary);
border-color: var(--clb-color-primary);
}
.is-style-outline .wp-block-button__link.has-blue-dark-color {
color: var(--clb-color-primary);
border-color: var(--clb-color-primary);
}
.is-style-outline .wp-block-button__link.has-dark-strong-color {
color: #24262B;
border-color: #24262B;
}
.is-style-outline .wp-block-button__link.has-dark-light-color {
color: #32353C;
border-color: #32353C;
}
.is-style-outline .wp-block-button__link.has-grey-strong-color {
color: #6A707E;
border-color: #6A707E;
}
.is-style-outline .wp-block-button__link.has-grey-light-color {
color: #949597;
border-color: #949597;
}
.btn-squared,
input[type=submit].btn-squared,
a.btn-squared {
padding-left: 25px;
padding-right: 25px;
border-radius: 0px;
}
.btn-flat,
input[type=submit].btn-flat,
a.btn-flat {
background-color: transparent;
border: none;
color: var(--clb-color-button);
}
.btn-flat:hover,
input[type=submit].btn-flat:hover,
a.btn-flat:hover {
background-color: var(--clb-color-button-hover);
color: var(--clb-color-white);
}
.btn-link,
a.btn-link {
background-color: transparent;
color: var(--clb-color-button);
margin-top: 6px;
padding: 4px 0;
border: none;
text-decoration: underline;
font-weight: 600;
position: relative;
display: inline-block;
text-decoration: none;
}
.btn-link .icon-arrow,
a.btn-link .icon-arrow {
display: none;
}
.btn-link:hover,
a.btn-link:hover {
background-color: transparent;
text-decoration: underline;
}
.btn-link.btn-brand,
a.btn-link.btn-brand {
color: var(--clb-color-button-hover);
}
.btn-link.btn-brand:hover,
a.btn-link.btn-brand:hover {
background-color: transparent;
}
.btn-small,
a.btn-small {
padding: var(--clb-spacer-1) var(--clb-spacer-3);
font-size: var(--clb-font-caption-size);
}
.btn-large,
a.btn-large {
padding: 19px 30px 17px;
line-height: 15px;
font-size: var(--clb-font-small-size);
}
.btn-huge,
a.btn-huge {
padding: 20px 30px;
line-height: 15px;
font-size: 15px;
}
.btn-full-width,
a.btn-full-width {
width: 100%;
} input,
select,
textarea {
font-family: var(--clb-font-main);
}
input,
select,
textarea {
transition: 0.2s ease-in-out;
transition-property: color, background, border-color, opacity;
}
input:not([type=submit]),
textarea,
select {
background-color: transparent;
color: var(--clb-color-fields-text);
width: 100%;
padding: 12px 0;
border: none;
border-bottom: 1px solid var(--clb-input-border-color);
border-radius: 0px;
box-shadow: none;
position: relative;
}
input:not([type=submit]).outline,
input:not([type=submit]).flat,
textarea.outline,
textarea.flat,
select.outline,
select.flat {
border: 1px solid var(--clb-input-border-color);
padding-left: 25px;
padding-right: 25px;
border-radius: 50px;
}
input:not([type=submit]).flat,
textarea.flat,
select.flat {
background-color: var(--clb-color-white);
border: none;
}
input:not([type=submit]).squared,
textarea.squared,
select.squared {
border-radius: 0px;
padding-left: 15px;
padding-right: 15px;
}
input:not([type=submit]):focus,
textarea:focus,
select:focus {
border-color: var(--clb-color-primary);
box-shadow: 0 0 0 var(--clb-color-primary);
outline: none;
}
select {
min-height: 3rem;
appearance: none;
background-repeat: no-repeat;
background-position: right var(--clb-spacer-2) center;
background-size: 14px 12px;
padding: 0 var(--clb-spacer-3);
padding-right: var(--clb-spacer-8) !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231b1b28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
input[type=checkbox] {
width: auto;
padding: auto;
border: auto;
}
input.placeholder,
input::placeholder,
textarea.placeholder,
textarea::placeholder {
color: var(--clb-color-fields-text);
}
input.flat {
border: none;
padding: 13px 15px;
}
input.classic {
border: none;
padding: 13px 15px;
border-top: none;
border-left: none;
border-right: none;
padding-left: 0;
padding-right: 0;
}
input.classic.placeholder,
input.classic::placeholder {
line-height: 16px;
}
textarea {
width: 100%;
min-height: 100%;
max-height: 100%;
resize: none;
}
.input-group::after {
content: "";
clear: both;
display: table;
}
.input-group > br {
display: none;
}
.input-group label {
float: left;
}
.input-group label.col-6 {
width: 50%;
}
.input-group label.col-4 {
width: 33.33334%;
}
.input-group label.col-3 {
width: 25%;
}
.input-group label.col-2 {
width: 16.6665%;
}
.input-group label.col-fifth {
width: 20%;
}
.input-group label[class^=col-] button.btn {
margin-top: 0;
}
.input-group label.offset input,
.input-group label.offset:last-of-type input:not([type=submit]) {
border-width: 1px;
}
select {
position: relative;
}
select option {
color: #343436;
}
select::before {
content: "";
background-color: var(--clb-color-white);
width: 30px;
height: 30px;
position: absolute;
top: 0;
right: 0;
}
select::after {
content: "";
}
.radio {
width: 20px;
height: 20px;
display: inline-block;
position: relative;
}
.radio input {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 2;
cursor: pointer;
}
.radio input:checked {
cursor: default;
}
.radio input:checked + .input::after {
background-color: var(--clb-color-primary);
}
.radio .input {
background-color: #d5d4d4;
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.radio .input::after {
content: "";
background-color: var(--clb-color-white);
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: 5px;
left: 5px;
transition: background 0.1s ease-in-out;
}
.radio:hover .input::after {
background-color: #eee;
}
.radio:hover input:checked + .input::after {
background-color: var(--clb-color-primary);
}
.alignfull {
max-width: none;
position: relative;
} form button.btn:not([disabled=true]) {
margin-top: var(--clb-spacer-3);
}
form button.btn.btn-link {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
padding-right: 0;
}
form .btn-load {
width: 0px;
height: 20px;
display: inline-block;
transition: 0.21s ease-in-out;
transition-property: width, margin;
overflow: hidden;
margin-top: -8px;
margin-bottom: -5px;
}
form .btn-load input {
display: none;
}
form .btn-load::before {
content: "";
background-color: url(//www.bulbtech.com/wp-content/themes/norebro/assets/images/form_load.png) no-repeat center;
display: block;
width: 20px;
height: 20px;
margin: 0;
visibility: visible;
opacity: 1;
animation: rotate 1s infinite linear;
}
form .error-check {
height: 0;
margin-top: 0px;
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility, margin, height;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
form .error-check.active {
visibility: visible;
margin-top: 20px;
opacity: 1;
height: auto;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
form.without-label-offset .input-group label input,
form.without-label-offset .input-group label select,
.contact-form.without-label-offset .input-group label input,
.contact-form.without-label-offset .input-group label select {
border-right-width: 0px;
}
form.without-label-offset .input-group label .focus,
.contact-form.without-label-offset .input-group label .focus {
width: calc(100% + 1px);
}
form.without-label-offset .input-group label:last-of-type input,
form.without-label-offset .input-group label:last-of-type select,
.contact-form.without-label-offset .input-group label:last-of-type input,
.contact-form.without-label-offset .input-group label:last-of-type select {
border-right-width: 1px;
}
form.without-label-offset .input-group label:last-of-type .focus,
.contact-form.without-label-offset .input-group label:last-of-type .focus {
width: 100%;
}
form.without-label-offset .input-group label input,
form.without-label-offset .input-group label select,
.contact-form.without-label-offset .input-group label input,
.contact-form.without-label-offset .input-group label select {
border-top-width: 1px;
}
form.without-label-offset .input-group + .input-group label input,
form.without-label-offset .input-group + .input-group label select,
.contact-form.without-label-offset .input-group + .input-group label input,
.contact-form.without-label-offset .input-group + .input-group label select {
border-top-width: 0px;
}
form.without-label-offset .input-group + .input-group label .focus,
.contact-form.without-label-offset .input-group + .input-group label .focus {
height: calc(100% + 1px);
}
form.without-label-offset p,
.contact-form.without-label-offset p {
margin: 0;
}
form.without-label-offset p label input,
form.without-label-offset p label select,
form.without-label-offset p label textarea,
.contact-form.without-label-offset p label input,
.contact-form.without-label-offset p label select,
.contact-form.without-label-offset p label textarea {
border-top-width: 0px;
}
form.without-label-offset p label .focus,
.contact-form.without-label-offset p label .focus {
height: calc(100% + 1px);
}
form.without-label-offset p label:first-of-type input,
form.without-label-offset p label:first-of-type select,
form.without-label-offset p label:first-of-type textarea,
.contact-form.without-label-offset p label:first-of-type input,
.contact-form.without-label-offset p label:first-of-type select,
.contact-form.without-label-offset p label:first-of-type textarea {
border-top-width: 1px;
}
form.without-label-offset p label:first-of-type .focus,
.contact-form.without-label-offset p label:first-of-type .focus {
height: 100%;
}
form.without-label-offset .input-group + p label input,
form.without-label-offset .input-group + p label select,
form.without-label-offset .input-group + p label textarea,
.contact-form.without-label-offset .input-group + p label input,
.contact-form.without-label-offset .input-group + p label select,
.contact-form.without-label-offset .input-group + p label textarea {
border-top-width: 0px;
}
form.without-label-offset .input-group + p label .focus,
.contact-form.without-label-offset .input-group + p label .focus {
height: calc(100% + 1px);
}
form.without-label-offset p + .input-group label input,
form.without-label-offset p + .input-group label select,
form.without-label-offset p + .input-group label textarea,
.contact-form.without-label-offset p + .input-group label input,
.contact-form.without-label-offset p + .input-group label select,
.contact-form.without-label-offset p + .input-group label textarea {
border-top-width: 1px;
}
form.without-label-offset p + .input-group label .focus,
.contact-form.without-label-offset p + .input-group label .focus {
height: 100%;
} .wp-block-cover {
font-family: var(--clb-font-titles);
}
.wp-block-cover-text {
font-size: 32px !important;
} .wp-block-latest-posts,
.wp-block-archives-list,
.wp-block-categories-list {
list-style-type: none;
} .has-brand-color-background-color {
background-color: var(--clb-color-primary);
}
.has-brand-color-background-color.wp-block-button__link {
border-color: var(--clb-color-primary);
}
.has-blue-dark-background-color {
background-color: var(--clb-color-primary);
}
.has-blue-dark-background-color.wp-block-button__link {
border-color: var(--clb-color-primary);
}
.has-dark-strong-background-color {
background-color: #24262B;
}
.has-dark-strong-background-color.wp-block-button__link {
border-color: #24262B;
}
.has-dark-light-background-color {
background-color: #32353C;
}
.has-dark-light-background-color.wp-block-button__link {
border-color: #32353C;
}
.has-grey-strong-background-color {
background-color: #6A707E;
}
.has-grey-strong-background-color.wp-block-button__link {
border-color: #6A707E;
}
.has-grey-light-background-color {
background-color: #949597;
}
.has-grey-light-background-color.wp-block-button__link {
border-color: #949597;
}
.has-brand-color-color {
color: var(--clb-color-primary);
}
.has-blue-dark-color {
color: var(--clb-color-primary);
}
.has-dark-strong-color {
color: #24262B;
}
.has-dark-light-color {
color: #32353C;
}
.has-grey-strong-color {
color: #6A707E;
}
.has-grey-light-color {
color: #949597;
}  .select {
display: inline-block;
position: relative;
cursor: pointer;
z-index: 20;
}
.select select {
display: none;
}
.select .select-title {
display: block;
padding: 0 10px;
font-weight: 600;
position: relative;
z-index: 2;
}
.select .select-title:hover {
text-decoration: none;
}
.select i.icon {
width: auto;
height: auto;
padding: 0;
margin-left: 5px;
font-size: 17px;
vertical-align: -2px;
display: inline-block;
line-height: 16px;
position: relative;
top: 1px;
transform-origin: 45% 45%;
transition: transform 0.15s ease-in-out;
}
.select .select-menu {
background: var(--clb-color-white);
position: absolute;
min-width: 160px;
max-height: 304px;
overflow-y: auto;
left: 5px;
top: 0px;
opacity: 0;
visibility: hidden;
list-style: none;
text-align: left;
transition-property: width, opacity, visibility, top;
transition-duration: 0s, 0.1s, 0.1s;
transition-delay: 0.2s, 0s, 0s;
transition-timing-function: ease-in-out;
box-shadow: 0 5px 29px rgba(0, 0, 0, 0.12);
}
.select .select-menu::-webkit-scrollbar {
background: rgba(0, 0, 0, 0.1);
width: 8px;
border-radius: 4px;
}
.select .select-menu::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
.select .select-menu::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.3);
}
.select .select-menu li {
line-height: 1;
padding: 0;
}
.select .select-menu .icon {
width: 20px;
display: inline-block;
text-align: center;
margin-right: 4px;
}
.select .select-menu a {
width: 100%;
height: 38px;
line-height: 38px;
padding: 0 15px;
vertical-align: middle;
color: var(--clb-color-black);
white-space: nowrap;
display: inline-block;
}
.select .select-menu a:hover {
background-color: var(--clb-color-fill);
cursor: pointer;
text-decoration: none;
}
.select.active .select-title .icon {
transform: rotateZ(-180deg);
}
.select.active .select-menu {
top: 30px;
opacity: 1;
visibility: visible;
transition-delay: 0s, 0s, 0s;
} .scroll-top {
color: #888;
height: 50px;
width: 50px;
line-height: 45px;
border: 1px solid #888;
border-radius: 100%;
text-align: center;
position: fixed;
right: var(--clb-spacer);
bottom: 100px;
z-index: 1000;
display: none;
transition: none;
}
.scroll-top img {
width: 11px;
vertical-align: middle;
}
.scroll-top:hover {
opacity: 0.7;
} div.category {
color: var(--clb-color-border-dark);
display: inline-block;
}
div.category > a,
div.category > span {
background: none;
color: var(--clb-color-border-dark);
border: none;
margin: 0;
padding: 0;
font-size: var(--clb-font-small-size);
font-weight: 400;
font-style: normal;
text-transform: none;
display: inline-block;
}
div.category > a:hover,
div.category > span:hover {
opacity: 0.7;
}
div.category > span:hover {
opacity: 1;
}
a.category {
background: none;
color: var(--clb-color-border-dark);
border: none;
margin: 0;
padding: 0;
font-size: var(--clb-font-small-size);
font-weight: 400;
font-style: normal;
text-transform: none;
display: inline-block;
}
a.category:hover {
opacity: 0.7;
} div.tag,
span.tag,
a.tag,
.tag-wrap a,
a[class^=tag-link-],
.time-interval {
background: transparent;
color: var(--clb-color-black);
border: 1px solid var(--clb-color-black);
border-radius: var(--clb-border-radius-extra-large);
padding: 0 var(--clb-spacer-2);
line-height: 1;
height: var(--clb-spacer-6);
margin-right: var(--clb-spacer-1);
font-size: var(--clb-font-caption-size) !important;
display: inline-flex;
align-items: center;
text-transform: uppercase;
font-weight: 500;
}
div.tag.-inverse,
span.tag.-inverse,
a.tag.-inverse,
.tag-wrap a.-inverse,
a[class^=tag-link-].-inverse,
.time-interval.-inverse {
color: var(--clb-color-white);
border-color: color-mix(in srgb, var(--clb-color-white) 75%, transparent);
}
div.tag.-flat,
span.tag.-flat,
a.tag.-flat,
.tag-wrap a.-flat,
a[class^=tag-link-].-flat,
.time-interval.-flat {
border: none;
}
div.tag.-brand,
span.tag.-brand,
a.tag.-brand,
.tag-wrap a.-brand,
a[class^=tag-link-].-brand,
.time-interval.-brand {
color: var(--clb-color-white);
background-color: var(--clb-color-primary);
border: none;
}
a.tag:hover,
.tag-wrap a:hover,
a[class^=tag-link-]:hover {
border-color: var(--clb-color-primary);
color: var(--clb-color-primary);
} .hamburger {
width: 20px;
height: 14px;
border: 2px solid currentColor;
border-left: none;
border-right: none;
display: inline-block;
position: relative;
cursor: pointer;
}
.hamburger::after {
content: "";
width: 20px;
height: 0px;
border: inherit;
border-top: none;
position: absolute;
top: 4px;
left: 0;
cursor: pointer;
} .preloader {
background-color: var(--clb-color-white);
height: 100vh;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 999999;
position: fixed;
top: 0;
left: 0;
transition: 0.6s ease-in-out;
transition-property: opacity, visibility;
}
.preloader.mobile-preloader {
visibility: hidden;
opacity: 0;
}
.preloader.page-preloader {
visibility: visible;
opacity: 1;
}
.preloader .loader {
width: 6px;
height: 6px;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
animation: typing 1s linear infinite alternate;
}
.preloader .loader .la-ball-scale-pulse {
transform: translate(-50%, -50%);
left: 3px;
top: 3px;
}
.preloader.closed {
opacity: 0;
visibility: hidden;
}
[data-isotope-grid] {
transition: height 0.3s ease-in-out;
} .sticky {
display: block;
}
.hentry {
margin: 0 0 1.5em;
}
.byline,
.updated:not(.published) {
display: none;
}
.site-content {
background: var(--clb-color-white);
} .page-error {
max-width: 800px;
padding: 80px 0 80px;
margin: 0 auto;
text-align: center;
}
.page-error .icon-shape {
background-color: var(--clb-color-fill);
width: 110px;
height: 110px;
line-height: 115px;
border-radius: 50%;
text-align: center;
vertical-align: top;
font-size: 40px;
display: inline-block;
}
.page-error .icon-shape i {
color: var(--clb-color-black);
vertical-align: 0;
}
.page-error .page-error-content {
width: 100%;
text-align: center;
padding: 20px 25px 0;
position: relative;
}
.page-error h1.title {
color: var(--clb-color-fill);
width: 100%;
text-align: center;
font-size: 220px;
letter-spacing: -0.05em;
position: absolute;
top: -110px;
left: 0;
user-select: none;
}
.page-error h3,
.page-error p,
.page-error a.btn {
position: relative;
z-index: 2;
}
.page-error h3 {
margin-top: 4px;
font-size: 18px;
}
.page-error a,
.page-error a:visited {
margin-top: 25px;
}
.page-error form.search {
margin: 100px auto 0;
max-width: 500px;
padding: 0 15px;
position: relative;
z-index: 2;
}
.page-error form.search button {
background: transparent;
border: none;
padding: 5px;
margin: 0;
color: #343436;
position: absolute;
top: 8px;
right: 15px;
font-size: var(--clb-font-main-size);
}
.page-error form.search button:hover {
opacity: 0.8;
}
.page-error a.btn {
margin-top: 60px;
}
.error-404 .page-error {
padding-top: 120px;
}
.no-result {
text-align: center;
overflow: hidden;
padding-bottom: 20px;
}
.no-result h1 {
font-size: 18px;
font-weight: 600;
margin: 20px 0 8px;
}
.no-result p {
margin-top: 0;
color: #616161;
}
.no-result form.search {
margin-top: 25px;
} .page-auth {
background: #444 url(https://www.bulbtech.com/wp-content/themes/norebro/images/bg-full.jpg);
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
position: relative;
}
.page-auth::before {
content: "";
background: rgba(52, 52, 54, 0.75);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.page-auth .page-auth-wrap {
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.page-auth .page-auth-wrap form {
background: var(--clb-color-white);
width: 460px;
margin: 0 auto;
padding: 60px;
}
.page-auth .page-auth-wrap form input {
margin-bottom: 15px;
}
.page-auth .page-auth-wrap form button.btn {
margin-top: 0px;
}
.post-password-form {
margin: 90px 0;
}    :root { --clb-color-primary: #174EE2;
--clb-color-black: #282828;
--clb-color-black-lighter: color-mix(in srgb, var(--clb-color-black) 92%, white);
--clb-color-neutral: #888;
--clb-color-white: white;
--clb-color-gray: #d9d9d9;
--clb-color-fill: color-mix(in srgb, var(--clb-color-neutral) 8%, white);
--clb-color-light-gray: rgba(0,0,0,.03);
--clb-color-fields-text: var(--clb-color-neutral);
--clb-color-titles: var(--clb-color-black);
--clb-color-subtitles: var(--clb-color-neutral);
--clb-color-texts: var(--clb-color-black-lighter);
--clb-color-footer: rgba(255,255,255,.6);
--clb-color-footer-border: rgba(255,255,255,.2);
--clb-color-link: inherit;
--clb-color-link-hover: var(--clb-color-primary);
--clb-color-border: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
--clb-color-border-dark: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-input-border-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-color-button: var(--clb-color-black);
--clb-color-button-hover: var(--clb-color-primary);
--clb-color-artstation: #26bbff;
--clb-color-behance: #0056ff;
--clb-color-deviantart: #05CC47;
--clb-color-digg: #1c5891;
--clb-color-discord: #7289da;
--clb-color-dribbble: #fd629e;
--clb-color-facebook: #217cef;
--clb-color-flickr: #0063db;
--clb-color-github: #24292E;
--clb-color-houzz: #007562;
--clb-color-instagram: var(--clb-color-black-lighter);
--clb-color-kaggle: #32C0FD;
--clb-color-linkedin: #4477ab;
--clb-color-medium: #1a8917;
--clb-color-mixer: #0270d9;
--clb-color-pinterest: #e4252d;
--clb-color-producthunt: #ff4f00;
--clb-color-quora: #a82401;
--clb-color-reddit: #ff4501;
--clb-color-snapchat: #e0e410;
--clb-color-soundcloud: #FD561F;
--clb-color-spotify: #1ED760;
--clb-color-teamspeak: #1c82cc;
--clb-color-telegram: #0088cc;
--clb-color-threads: var(--clb-color-black-lighter);
--clb-color-tiktok: var(--clb-color-black-lighter);
--clb-color-tumblr: var(--clb-color-black-lighter);
--clb-color-twitch: #9147ff;
--clb-color-twitter: var(--clb-color-black-lighter);
--clb-color-vimeo: #1ab8ea;
--clb-color-vine: #00be8e;
--clb-color-whatsapp: #0ec143;
--clb-color-xing: #0C6567;
--clb-color-youtube: #e4252d;
--clb-color-fivehundredpx: var(--clb-color-black-lighter);
}  :root { --clb-border-style-solid: solid;
--clb-border-style-dashed: dashed;
--clb-border-width: 1px;
--clb-border-width-double: 2px;
--clb-border-radius: 0.5rem;
--clb-border-radius-small: calc(var(--clb-border-radius) / 1.5);
--clb-border-radius-large: calc(var(--clb-border-radius) * 1.5);
--clb-border-radius-extra-large: calc(var(--clb-border-radius) * 2.5);
--clb-border-radius-50: 50%;
--clb-button-border-radius: var(--clb-border-radius);
--clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 1.5);
--clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 1.5);
--clb-button-border-radius-extra-large: calc(var(--clb-button-border-radius) * 2);
--clb-grid-border-radius: var(--clb-border-radius);
--clb-text-field-border-radius: var(--clb-border-radius);
--clb-grid-gutter: 15px;
--clb-icon-button: 50px;
--clb-icon-button-small: 40px;
--clb-video-button-size: 60px;
--clb-button-height: 2.75rem;
--clb-button-height-small: 2.15rem;
--clb-button-height-large: 3.15rem;
--clb-button-height-extra-large: 3.6rem;
--clb-button-side-padding: 1.15rem;
--clb-button-side-padding-small: 0.85rem;
--clb-button-side-padding-large: 1.35rem;
--clb-button-side-padding-extra-large: 1.65rem;
--clb-header-height: 80px;
--clb-header-height-3: 17vh;
--clb-header-height-6: 280px;
--clb-header-height-7: 10vh;
--clb-sticky-header-height: 7.5vh;
--clb-button-purchase: 2.5rem;
--clb-admin-bar-height: 32px;
--clb-admin-bar-height-mobile: 46px;
--clb-panel-width: 76px;
--clb-spacer-05: 0.25rem;
--clb-spacer-1: 0.5rem;
--clb-spacer-2: 0.75rem;
--clb-spacer-3: 1rem;
--clb-spacer-4: 1.25rem;
--clb-spacer-5: 1.5rem;
--clb-spacer-6: 1.75rem;
--clb-spacer-7: 2rem;
--clb-spacer-8: 2.25rem;
--clb-spacer-9: 2.5rem;
--clb-spacer-10: 2.75rem;
--clb-spacer: 20px;
--clb-spacer-small: 2.5vh;
--clb-spacer-large: 4.5vh;
--clb-gap: 0.5em;
--clb-gap-small: 0.25em;
--clb-gap-large: 1em;
--clb-cursor-default: default;
--clb-cursor-pointer: pointer;
--clb-cursor-help: help;
--clb-container-width: 1326px;
--clb-container-width-md: 1226px;
--clb-container-width-laptop: 86vw;
--clb-container-offset: calc((100vw - var(--clb-container-width)) / 2);
--clb-container-side-spacer: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height));
--clb-container-side-gutter: var(--clb-grid-gutter);
--clb-container-narrow-side-spacer: 5vw;
--clb-slide-in-panel-width: 25rem;
--clb-slide-in-panel-header-height: 5rem;
--clb-transition-function: cubic-bezier(0.4, 0, 0.2, 1);
--clb-transition-duration: .35s;
--clb-transition-duration-faster: .25s;
--clb-infinit-scrolling-transition-duration: 45s;
--clb-transform-scale: scale3d(1.06, 1.06, 1.06);
--clb-size-offset-fullwidth-container: 7%;
--clb-size-page-offset-top: 80px;
--clb-size-page-offset-bottom: 90px;
--clb-size-page-offset-top-md: 30px;
--clb-size-page-offset-bottom-md: 30px; --clb-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-body-color: var(--clb-color-black-lighter);
--clb-body-color-grey: color-mix(in srgb, var(--clb-body-color) 66%, white);
--clb-body-color-grey-light: color-mix(in srgb, var(--clb-body-color) 51%, white);
--clb-font-size: 1rem;
--clb-font-size-small: calc(var(--clb-font-size) * 0.95);
--clb-font-size-extra-small: calc(var(--clb-font-size) * 0.9);
--clb-font-size-large: calc(var(--clb-font-size) * 1.05);
--clb-code-font-family: menlo, monaco, consolas, "Lucida Console", monospace;
--clb-action-font-family: var(--clb-titles-font-family);
--clb-action-font-size: 0.95em;
--clb-action-font-size-small: 0.9em;
--clb-action-font-size-large: 1em;
--clb-action-font-weight: var(--clb-titles-font-weight);
--clb-countdown-font-size: var(--clb-titles-h3-font-size-min);
--clb-countdown-font-size-min: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size-min: var(--clb-titles-h5-font-size-min);
--clb-wc-product-thumbnail: 3.75rem;
--clb-wc-product-title: 1.1em;
--clb-wc-product-title-line-height: var(--clb-titles-h1-line-height);
--clb-color-swatch-width: var(--clb-spacer-6);
--clb-color-swatch-small-width: var(--clb-spacer-4);
--clb-titles-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-titles-color: var(--clb-color-black);
--clb-titles-font-size: inherit;
--clb-titles-letter-spacing: inherit;
--clb-titles-line-height: inherit;
--clb-titles-font-weight: 600;
--clb-titles-style: normal;
--clb-titles-text-transform: none;
--clb-titles-text-decoration: none;
--clb-titles-h1-font-size: 3.16em;
--clb-titles-h2-font-size: 2.56em;
--clb-titles-h3-font-size: 2.05em;
--clb-titles-h4-font-size: 1.64em;
--clb-titles-h5-font-size: 1.28em;
--clb-titles-h6-font-size: 1.05rem;
--clb-titles-widget-font-size: 1.14em;
--clb-titles-h1-font-size-min: calc(var(--clb-titles-h1-font-size) * 0.8);
--clb-titles-h2-font-size-min: calc(var(--clb-titles-h2-font-size) * 0.8);
--clb-titles-h3-font-size-min: calc(var(--clb-titles-h3-font-size) * 0.8);
--clb-titles-h4-font-size-min: calc(var(--clb-titles-h4-font-size) * 0.8);
--clb-titles-h5-font-size-min: calc(var(--clb-titles-h5-font-size) * 0.8);
--clb-titles-h6-font-size-min: 1em;
--clb-titles-h1-letter-spacing: -0.03em;
--clb-titles-h2-letter-spacing: -0.025em;
--clb-titles-h3-letter-spacing: -0.02em;
--clb-titles-h4-letter-spacing: -0.015em;
--clb-titles-h5-letter-spacing: -0.01em;
--clb-titles-h6-letter-spacing: -0.005em;
--clb-titles-h1-line-height: 1.1;
--clb-titles-h2-line-height: 1.15;
--clb-titles-h3-line-height: 1.2;
--clb-titles-h4-line-height: 1.25;
--clb-titles-h5-line-height: 1.3;
--clb-titles-h6-line-height: 1.35;
--clb-text-bold: bold;
--clb-text-semi-bold: 600;
--clb-text-medium: 500;
--clb-text-normal: 400;
--clb-font-main: "Rubik", sans-serif;
--clb-font-main-size: 1rem;
--clb-font-small-size: 0.95em;
--clb-font-extra-small-size: 0.9em;
--clb-font-caption-size: 0.75rem;
--clb-font-code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
--clb-font-pre: "Courier 10 Pitch", Courier, monospace;
--clb-font-titles: "Poppins", sans-serif;
--clb-font-subtitles: "Poppins", serif;
--clb-font-lh-body: 1.65;
--clb-font-lh-titles: 1.4;
--clb-font-lh-subtitles: 1.4;
--clb-font-lh-text: 1.4;
--clb-font-h1: 60px;
--clb-font-h2: calc(60px * 0.72);
--clb-font-h3: calc(60px * 0.58);
--clb-font-h4: calc(60px * 0.45);
--clb-font-h5: calc(60px * 0.33);
--clb-font-h6: 60px;
}     .gallery-caption {
font-weight: 600;
}
.custom-gallery {
background: #111;
width: 100%;
height: 100%;
text-align: center;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
transition-property: visibility, opacity;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
z-index: 999999;
}
.custom-gallery.open {
visibility: visible;
opacity: 1;
}
.custom-gallery.open .close {
visibility: visible;
}
.custom-gallery .slider {
width: calc(100% - 100px);
height: calc(100% - 170px);
position: absolute;
top: 0;
left: 50px;
margin-top: 50px;
visibility: hidden;
user-select: none;
}
.custom-gallery .slider .owl-stage-outer {
height: 100%;
}
.custom-gallery .slider .owl-stage {
height: 100%;
position: relative;
}
.custom-gallery .slider .owl-stage .owl-item {
width: 100%;
height: 100%;
text-align: center;
position: relative;
}
.custom-gallery .slider .owl-stage .owl-item > div {
height: 100%;
line-height: calc(100vh - 140px);
}
.custom-gallery .slider .owl-stage .owl-item img {
max-height: 100%;
}
.custom-gallery .slider .owl-stage .owl-item .gallery-description {
width: 100%;
height: auto;
padding: 25px 0 5px;
position: absolute;
bottom: 0;
}
.custom-gallery .slider .owl-stage .owl-item .gallery-description h3 {
color: var(--clb-color-white);
text-align: center;
font-size: var(--clb-font-main-size);
width: 50%;
margin: 0 auto;
}
.custom-gallery .slider .owl-stage .owl-item .gallery-description p {
margin-top: 5px;
width: 50%;
}
.custom-gallery .slider .thumbs {
max-width: 100%;
min-height: 100px;
display: inline-block;
overflow-x: auto;
overflow-y: visible;
padding-top: 10px;
}
.custom-gallery .slider .thumbs::-webkit-scrollbar {
background: color-mix(in srgb, var(--clb-color-white) 10%, transparent);
height: 10px;
border-radius: 10px;
}
.custom-gallery .slider .thumbs::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--clb-color-white) 10%, transparent);
height: 10px;
border-radius: 10px;
}
.custom-gallery .slider .thumbs::-webkit-scrollbar-thumb:hover,
.custom-gallery .slider .thumbs::-webkit-scrollbar-thumb:active {
background: color-mix(in srgb, var(--clb-color-white) 20%, transparent);
}
.custom-gallery .slider .thumbs img {
height: 60px;
margin: 0 5px;
border: 1px solid transparent;
vertical-align: middle;
display: inline-block;
cursor: pointer;
transition: 0.3s ease-in-out;
transition-property: border-color, transform, opacity;
transform: translateY(20px);
opacity: 0;
}
.custom-gallery .slider .thumbs img.showed {
transform: none;
opacity: 1;
}
.custom-gallery .slider .thumbs img.active {
border-color: color-mix(in srgb, var(--clb-color-white) 80%, transparent);
}
.custom-gallery .slider .thumbs img:hover {
border-color: color-mix(in srgb, var(--clb-color-white) 40%, transparent);
transform: translate3d(0, -2px, 0);
}
.custom-gallery .expand,
.custom-gallery .close {
color: var(--clb-color-white);
width: 70px;
height: 70px;
line-height: 72px;
text-align: center;
vertical-align: middle;
font-size: 44px;
position: fixed;
top: 25px;
right: 25px;
z-index: 80;
cursor: pointer;
opacity: 0.7;
transition: opacity 0.2s ease-in-out;
}
.custom-gallery .expand:hover,
.custom-gallery .close:hover {
opacity: 1;
}
.custom-gallery .expand {
left: 25px;
font-size: 24px;
}
.custom-gallery.gallery-light {
background: var(--clb-color-white);
}
.custom-gallery.gallery-light .slider .owl-item .gallery-description h3 {
color: #343436;
}
.custom-gallery.gallery-light .slider .thumbs::-webkit-scrollbar {
background: rgba(0, 0, 0, 0.1);
}
.custom-gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.1);
}
.custom-gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb:hover,
.custom-gallery.gallery-light .slider .thumbs::-webkit-scrollbar-thumb:active {
background: rgba(0, 0, 0, 0.2);
}
.custom-gallery.gallery-light .slider .thumbs img.active {
border-color: rgba(0, 0, 0, 0.8);
}
.custom-gallery.gallery-light .slider .thumbs img:hover {
border-color: var(--clb-color-border-dark);
}
.custom-gallery.gallery-light .close {
color: var(--clb-color-gray);
}
.custom-gallery.gallery-light .close:hover {
color: color-mix(in srgb, var(--clb-color-gray) 50%, black);
}
.norebro-gallery-sc .vc_row {
display: flex;
flex-wrap: wrap;
}
.gallery-tmpimage {
position: fixed;
z-index: 9999999;
transition: 0.35s cubic-bezier(0.4, 0.7, 0.4, 1);
transition-property: width, height, margin, left, top;
}
.gallery-tmpimage.active {
left: 50%;
top: 40px;
}
.gallery-image .wrap {
position: relative;
overflow: hidden;
}
.gallery-image img {
width: 100%;
cursor: pointer;
display: block;
transition: transform 0.3s ease-in-out;
}
.gallery-image .metro-image {
background-repeat: no-repeat;
padding-top: 100%;
background-position: center;
background-size: cover;
}
.gallery-image .metro-image-hidden {
position: absolute;
z-index: -1;
top: 0px;
left: 0px;
}
.gallery-image .overlay {
background: color-mix(in srgb, var(--clb-color-black) 70%, transparent);
width: calc(100% - 50px);
height: calc(100% - 50px);
top: 25px;
left: 25px;
opacity: 0;
cursor: pointer;
transform: scale(0.95);
transition: 0.2s ease-in-out;
transition-property: opacity, transform;
}
.gallery-image .overlay h4 {
color: var(--clb-color-white);
margin: 0;
font-size: var(--clb-font-main-size);
font-weight: 600;
}
.gallery-image .overlay.with-title {
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.gallery-image .overlay.with-title .wrap {
vertical-align: bottom;
text-align: left;
padding: 20px 25px;
}
.gallery-image .overlay.with-title .wrap .icon {
background: var(--clb-color-black);
width: 55px;
height: 55px;
margin: -23px 0 0 -23px;
border-radius: 50px;
line-height: 57px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: rotate(0deg);
transition: transform 0.2s ease-in-out;
}
.gallery-image .overlay .icon {
color: var(--clb-color-white);
font-size: 36px;
vertical-align: -9px;
margin-left: 15px;
}
.gallery-image:hover img {
transform: scale(1.05) rotate(0.03deg);
}
.gallery-image:hover .overlay {
opacity: 1;
transform: none;
}
.gallery-image:hover.with-title .wrap .icon {
transform: rotate(45deg);
}
.gallery-image .gallery-description {
display: none;
} .portfolio-gallery {
background: var(--clb-color-white);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: 0.3s ease-in-out;
transition-property: opacity, visibility, transform;
transform: translateY(50px);
z-index: 99999;
}
.portfolio-gallery .slider,
.portfolio-gallery .gallery-content {
width: 50%;
height: 100%;
position: absolute;
top: 0;
}
.portfolio-gallery .slider {
left: 0;
padding: 0;
z-index: 2;
}
.portfolio-gallery .slider div.portfolio-img,
.portfolio-gallery .slider .owl-item div {
background-size: cover;
background-position: 50%;
width: auto;
min-width: auto;
height: 100%;
}
.portfolio-gallery .slider .owl-stage-outer,
.portfolio-gallery .slider .owl-stage,
.portfolio-gallery .slider .owl-item {
height: 100%;
}
.portfolio-gallery .slider .owl-stage-outer {
padding-top: 0;
margin-top: 0;
}
.portfolio-gallery .slider .owl-nav {
position: absolute;
right: 40px;
bottom: 40px;
}
.portfolio-gallery .slider .owl-nav .owl-prev,
.portfolio-gallery .slider .owl-nav .owl-next {
background-color: rgba(30, 30, 30, 0.7);
display: inline-block;
margin-right: 10px;
height: 50px;
line-height: 54px;
text-align: center;
cursor: pointer;
width: 50px;
color: var(--clb-color-white);
border-radius: 50%;
font-size: 25px;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
}
.portfolio-gallery .slider .owl-nav .owl-prev:hover,
.portfolio-gallery .slider .owl-nav .owl-next:hover {
opacity: 0.8;
-webkit-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.portfolio-gallery .slider .owl-dots {
background: var(--clb-color-white);
width: auto;
padding: 10px 14px;
margin: 0;
position: absolute;
border-radius: 100px;
right: 0;
top: 50%;
transform: translateY(-50%) translateX(50%);
}
.portfolio-gallery .slider .owl-dots.disabled {
display: none;
}
.portfolio-gallery .slider .owl-dot {
border-color: transparent;
margin: 5px 0;
display: block;
}
.portfolio-gallery .slider .owl-dot::after {
background: var(--clb-color-black);
}
.portfolio-gallery .slider .owl-dot.active {
border-color: var(--clb-color-black);
}
.portfolio-gallery .gallery-content {
right: 0;
padding: 30px 8%;
}
.portfolio-gallery .gallery-content h2,
.portfolio-gallery .gallery-content .tag,
.portfolio-gallery .gallery-content .description,
.portfolio-gallery .gallery-content .info,
.portfolio-gallery .gallery-content .view-project {
transition: 0.4s cubic-bezier(0.13, 0.19, 0.34, 0.96);
transition-property: opacity, transform;
transform: translateY(30px);
opacity: 0;
}
.portfolio-gallery .gallery-content .tag {
background: var(--clb-color-primary);
color: var(--clb-color-white);
border-color: var(--clb-color-primary);
transition-delay: 0.1s;
}
.portfolio-gallery .gallery-content h2 {
font-size: 42px;
font-weight: 600;
line-height: 1.3;
transition-delay: 0.2s;
}
.portfolio-gallery .gallery-content .description {
transition-delay: 0.3s;
color: #9a9a9a;
font-weight: 300;
}
.portfolio-gallery .gallery-content .description p {
color: inherit;
}
.portfolio-gallery .gallery-content .info {
transition-delay: 0.4s;
}
.portfolio-gallery .gallery-content .info .title,
.portfolio-gallery .gallery-content .info .widget h4,
.widget .portfolio-gallery .gallery-content .info h4,
.portfolio-gallery .gallery-content .info .widget h5,
.widget .portfolio-gallery .gallery-content .info h5 {
color: var(--clb-color-neutral);
border-bottom-color: #ebebeb;
}
.portfolio-gallery .gallery-content .info p {
color: #636363;
font-weight: 300;
}
.portfolio-gallery .gallery-content .info p a {
color: inherit;
}
.portfolio-gallery .gallery-content .view-project {
color: var(--clb-color-black);
margin-top: 15px;
font-weight: 600;
line-height: 2;
font-size: var(--clb-font-main-size);
transition-delay: 0.5s;
}
.portfolio-gallery .gallery-content .date {
color: color-mix(in srgb, var(--clb-color-black) 20%, transparent);
font-size: 68px;
font-weight: 600;
position: absolute;
bottom: 20px;
left: 16%;
}
.portfolio-gallery .gallery-close {
background: var(--clb-color-white);
width: 46px;
height: 46px;
font-size: 40px;
line-height: 50px;
text-align: center;
border-radius: 50%;
position: absolute;
top: 20px;
right: 20px;
z-index: 99;
cursor: pointer;
transition: opacity 0.1s ease-in-out;
}
.portfolio-gallery .gallery-close:hover {
opacity: 0.5;
}
.portfolio-gallery .portfolio-img {
display: none;
}
.portfolio-gallery.open {
opacity: 1;
visibility: visible;
transform: none;
}
.portfolio-gallery.open .portfolio-img {
display: block;
}
.portfolio-gallery.open .tag,
.portfolio-gallery.open h2,
.portfolio-gallery.open .description,
.portfolio-gallery.open .info,
.portfolio-gallery.open .view-project {
transform: none;
opacity: 1;
}
.portfolio-gallery.gallery-dark {
background: var(--clb-color-black);
}
.portfolio-gallery.gallery-dark .gallery-close {
background: transparent;
color: var(--clb-color-white);
box-shadow: none;
position: fixed;
}
.portfolio-gallery.gallery-dark .slider .owl-dots {
background: var(--clb-color-black);
}
.portfolio-gallery.gallery-dark .slider .owl-dots .owl-dot::after {
background: var(--clb-color-white);
}
.portfolio-gallery.gallery-dark .slider .owl-dots .owl-dot.active {
border-color: var(--clb-color-white);
}
.portfolio-gallery.gallery-dark .date {
color: #444;
}
.portfolio-gallery.gallery-dark .tag {
background: transparent;
color: var(--clb-color-white);
border-color: var(--clb-color-white);
}
.portfolio-gallery.gallery-dark h2 {
color: var(--clb-color-white);
}
.portfolio-gallery.gallery-dark .info .title,
.portfolio-gallery.gallery-dark .info .widget h4,
.widget .portfolio-gallery.gallery-dark .info h4,
.portfolio-gallery.gallery-dark .info .widget h5,
.widget .portfolio-gallery.gallery-dark .info h5 {
color: var(--clb-color-white);
border-bottom-color: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
}
.portfolio-gallery.gallery-dark .info p {
color: color-mix(in srgb, var(--clb-color-white) 50%, transparent);
}
.portfolio-gallery.gallery-dark .view-project {
color: var(--clb-color-white);
} .popup {
width: 100%;
height: 100%;
position: fixed;
top: 10px;
left: 0;
z-index: 9999999;
opacity: 0;
visibility: hidden;
transition: 0.2s ease-in-out;
transition-property: top, visibility, opacity;
}
.popup .popup-close {
color: #a5a19d;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
vertical-align: middle;
font-size: 54px;
position: absolute;
top: 0px;
right: 25px;
opacity: 0;
z-index: 1;
cursor: pointer;
transition: 0.2s ease-in-out;
transition-property: color, opacity, top;
}
.popup .popup-close:hover {
color: var(--clb-color-white);
}
.popup .popup-close.light:hover {
color: #343436;
}
.popup.active {
visibility: visible;
opacity: 1;
top: 0;
}
.popup.active .popup-close {
top: 25px;
opacity: 1;
} .breadcrumbs {
width: 100%;
padding: 26px 0;
font-family: var(--clb-font-titles);
font-size: var(--clb-font-extra-small-size);
}
.breadcrumbs a {
line-height: 25px;
}
.breadcrumbs a:hover {
text-decoration: none;
}
.breadcrumbs-slug {
position: relative;
z-index: 3;
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.breadcrumbs-slug li {
list-style: none;
padding: 0;
}
.breadcrumbs-slug li .active {
font-weight: 600;
}
.breadcrumbs-slug li > a,
.breadcrumbs-slug li > span {
margin: 0 6px;
}
.breadcrumbs-slug li:first-child a {
margin-left: 0;
}
.breadcrumbs-slug li:last-child a {
margin-right: 0;
}
.breadcrumbs-slug i {
margin: -3px 8px 0;
}
.breadcrumbs .result {
display: inline-block;
margin-right: 10px;
}
.breadcrumbs form,
.breadcrumbs p {
display: inline;
}
.breadcrumbs-container + .page-container.offset-top {
margin-top: 0;
}
.filterbar {
background: var(--clb-color-white);
color: #5a5a5a;
width: 100%;
padding: 0 15px;
line-height: 90px;
vertical-align: middle;
font-size: var(--clb-font-extra-small-size);
}
.filterbar::after {
content: "";
display: table;
clear: both;
}
.filterbar .breadcrumbs {
padding: 0;
margin: 0;
list-style: none;
}
.filterbar .breadcrumbs li {
float: left;
color: #888888;
}
.filterbar .breadcrumbs li a {
color: #5a5a5a;
}
.filterbar .breadcrumbs li a:hover {
color: #888888;
}
.filterbar .breadcrumbs li::before {
content: "/";
margin: 0 3px;
}
.filterbar .breadcrumbs li:first-child::before {
content: "";
margin: 0;
}
.filterbar .result {
color: #888888;
display: inline-block;
}
.filterbar .right > *:last-child {
padding-right: 0;
margin-right: 0;
} nav.pagination {
margin: 30px 0;
font-size: 15px;
font-weight: 600;
font-family: var(--clb-font-titles);
word-spacing: -0.2em;
cursor: default;
}
nav.pagination li {
word-spacing: normal;
margin: 0;
display: inline-block;
text-align: inherit;
}
nav.pagination li .page-numbers {
padding: 4px 10px;
display: block;
}
nav.pagination li:first-child a:not(.prev) {
margin-left: -8px;
}
nav.pagination li a.hover-underline::before {
background: var(--clb-color-primary);
width: calc(100% - 20px);
transform: translateY(0px);
left: 10px;
}
nav.pagination li a.hover-underline:hover::before {
transform: translateY(-3px);
}
nav.pagination li a.page-numbers {
font-family: inherit;
}
nav.pagination li a.page-numbers.active {
color: var(--clb-color-primary);
cursor: default;
}
nav.pagination li a.page-numbers.active::before {
opacity: 1;
transform: translateY(-3px);
}
nav.pagination li a.page-numbers.prev {
margin-left: 20px;
}
nav.pagination li a.page-numbers.next {
margin-right: 20px;
}
nav.pagination li a.page-numbers span {
width: 20px;
font-size: 20px;
display: inline-block;
position: absolute;
top: 0;
}
nav.pagination li a.page-numbers span.icon-left {
right: 100%;
}
nav.pagination li a.page-numbers span.icon-right {
left: 100%;
text-align: right;
}
.page-links {
font-weight: 600;
}
.page-links a {
padding: 4px 10px;
} .norebro-with-header-6 .site-footer {
padding-left: var(--clb-header-height-6);
}
.norebro-with-header-6.norebro-with-panel .site-footer {
padding-left: calc(var(--clb-header-height-6) + var(--clb-panel-width));
}
.page-container {
margin: 0 auto;
padding: 0;
position: relative;
}
.page-container:not(.fullwidth):not(.full) {
max-width: var(--clb-container-width);
}
.page-container.without-breadcrumbs {
margin-top: 80px;
}
.page-container.bottom-offset {
margin-bottom: 80px;
}
.page-container::after {
content: "";
clear: both;
display: table;
}
.boxed-container {
max-width: var(--clb-container-width);
margin: 30px auto;
z-index: 2;
position: relative;
overflow: hidden;
}
.page-content {
width: 100%;
float: left;
padding: 0 15px;
}
.page-content.with-left-sidebar {
width: 72%;
padding-left: 45px;
float: right;
}
.page-content.with-right-sidebar {
width: 72%;
padding-right: 45px;
float: left;
}
body.search .masonry-block > * {
margin-bottom: 30px;
}
body.search .clear {
margin-bottom: 0px;
} #masthead {
background: transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
box-sizing: content-box;
width: 100%;
height: var(--clb-header-height);
vertical-align: middle;
position: absolute;
z-index: 61;
transition: 0.3s ease-in-out;
transition-property: color, height, line-height, opacity;
}
#masthead a:hover,
#masthead a.open,
#masthead a.focus {
opacity: 0.6;
}
#masthead .header-wrap {
background: transparent;
padding: 0 var(--clb-spacer);
position: relative;
z-index: 1;
}
#masthead .header-wrap::after {
content: "";
display: table;
clear: both;
}
#masthead .header-wrap.page-container {
padding: 0 15px;
}
#masthead .header-wrap .search .icon {
font-size: 22px;
}
#masthead .site-title,
#masthead .site-title a {
margin: 0;
border: none;
float: left;
font-weight: 600;
font-size: 26px;
font-family: var(--clb-font-titles);
line-height: inherit;
text-decoration: none;
display: inline-block;
}
#masthead .site-title img,
#masthead .site-title a img {
transition: max-height 0.4s ease-in-out;
}
#masthead:not(.header-6) {
line-height: var(--clb-header-height);
}
#masthead:not(.header-6) .site-title > a {
height: 100%;
}
#masthead:not(.header-6) .site-branding,
#masthead:not(.header-6) .site-title {
height: 100%;
}
#masthead .site-title > a {
display: flex;
align-items: center;
}
#masthead .site-branding,
#masthead .site-title {
float: left;
position: relative;
}
#masthead .site-branding img,
#masthead .site-title img {
max-height: calc(var(--clb-header-height) - var(--clb-spacer-7));
}
#masthead .site-branding .site-description,
#masthead .site-title .site-description {
display: none;
}
#masthead .site-branding .logo,
#masthead .site-title .logo {
display: inline-flex;
}
#masthead .site-branding .fixed-logo,
#masthead .site-title .fixed-logo {
display: none;
}
#masthead .site-branding img.svg-logo,
#masthead .site-title img.svg-logo {
max-height: 60px;
}
#masthead .fixed-logo,
#masthead .mobile-logo,
#masthead .fixed-mobile-logo {
display: none;
}
#masthead.header-2 {
background: var(--clb-color-white);
}
#masthead.header-3 {
height: 60px;
line-height: 60px;
margin: 42px auto 20px;
border-radius: var(--clb-border-radius);
border-width: 0px;
}
#masthead.header-3 .page-container {
border-width: 0px;
border-color: inherit;
border-style: inherit;
}
#masthead.header-3 .header-wrap {
background: var(--clb-color-white);
height: 60px;
padding: 0 20px;
border: 1px;
border-color: inherit;
border-style: inherit;
border-radius: var(--clb-border-radius);
margin: 0 -15px;
}
#masthead.header-3 .site-title a img {
max-height: 56px;
}
#masthead.header-3.with-header-cap {
margin-top: 10px;
}
#masthead.header-3.with-header-cap.subheader-open {
margin-top: 52px;
}
#masthead.header-3.subheader-open {
margin-top: 56px;
}
#masthead.header-4 {
height: calc(var(--clb-header-height) * 2);
margin: 0 auto;
line-height: var(--clb-header-height);
}
#masthead.header-4 .header-wrap {
padding: 0;
}
#masthead.header-4 .site-branding {
width: 100%;
height: var(--clb-header-height);
border-bottom: 1px dotted;
border-bottom-color: rgba(0, 0, 0, 0.1);
float: none;
text-align: center;
overflow: hidden;
transition: height 0.2s ease-in-out;
}
#masthead.header-4 .site-branding h1,
#masthead.header-4 .site-branding .fixed-logo,
#masthead.header-4 .site-branding .logo {
float: none;
}
#masthead.header-5 {
text-align: center;
}
#masthead.header-5 .header-wrap {
display: flex;
}
#masthead.header-5 .header-wrap .site-branding {
flex-grow: 2;
}
#masthead.header-5 .header-wrap .wrap {
height: 100%;
}
#masthead.header-5 .site-branding {
height: 100%;
display: flex;
align-items: center;
}
#masthead.header-5 .site-branding .search {
float: left;
margin-right: var(--clb-spacer-3);
}
#masthead.header-5 .site-branding .site-title {
width: auto;
}
#masthead.header-fixed {
background: var(--clb-color-white);
height: 65px;
margin: 0;
position: fixed;
border-bottom: 1px solid transparent;
top: 0;
line-height: 64px;
opacity: 0;
visibility: hidden;
transform: translate3d(0, -15px, 0);
transition: 0.2s cubic-bezier(0.4, 0, 0, 0.9);
transition-property: transform, opacity, visibility;
}
#masthead.header-fixed.showed {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
#masthead.header-fixed.no-transition {
transition: none;
}
#masthead.header-fixed.with-header-cap {
margin: 0;
}
#masthead.header-fixed.subheader-open {
margin-top: 42px;
}
#masthead.header-fixed .site-title img,
#masthead.header-fixed .site-title a img {
max-height: 60px;
transition-duration: 0.2s;
}
#masthead.header-fixed.header-4 {
height: 120px;
line-height: 60px;
}
#masthead.header-fixed.header-4 .menu-wrap {
line-height: 60px;
}
#masthead.header-fixed.header-4 .site-branding {
height: 60px;
}
#masthead.header-fixed .header-wrap {
padding-top: 0;
line-height: inherit;
}
#masthead.header-fixed .site-branding {
top: 0;
}
#masthead.header-fixed .site-branding .site-title,
#masthead.header-fixed .site-branding .site-title a {
line-height: inherit;
}
#masthead.header-fixed .site-branding .site-title img,
#masthead.header-fixed .site-branding .site-title a img {
max-height: 60px;
transition-duration: 0.2s;
}
#masthead .header-wrap.wrapped-container {
padding: 0 15px;
}
body.norebro-with-panel #masthead.header-6 {
left: var(--clb-panel-width);
}
.header-cap {
width: 100%;
height: var(--clb-header-height);
}
.header-cap.header-4 {
height: calc(var(--clb-header-height) * 2);
}
.boxed-container .site-header .header-wrap {
padding: 0 30px 0 30px;
}
.header-search {
background: rgba(34, 34, 34, 0.97);
width: 100%;
height: 100%;
position: fixed;
top: 30px;
left: 0;
opacity: 0;
z-index: 999;
visibility: hidden;
transition: 0.3s ease-in-out;
transition-property: top, opacity, visibility;
}
.header-search.opened {
opacity: 1;
visibility: visible;
top: 0;
}
.header-search .close {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 50px;
position: absolute;
top: 20px;
right: 20px;
color: color-mix(in srgb, var(--clb-color-white) 70%, transparent);
text-align: center;
cursor: pointer;
transition: color 0.2s ease-in-out;
}
.header-search .close:hover {
color: var(--clb-color-white);
}
.header-search .search-wrap {
width: 100%;
position: absolute;
top: 50%;
left: 0;
margin-top: -40px;
}
.header-search form {
max-width: 700px;
padding: 0 25px;
margin: 0 auto;
position: relative;
}
.header-search form input {
background: transparent;
color: #f4f4f4;
height: 60px;
line-height: 60px;
border: none;
border-bottom: 1px solid color-mix(in srgb, var(--clb-color-white) 30%, transparent);
font-size: 20px;
font-family: var(--clb-font-titles);
transition: 0.1s ease-in-out;
transition-property: border-color, color;
}
.header-search form input:focus {
color: var(--clb-color-white);
border-color: var(--clb-color-primary);
}
.header-search form input::placeholder {
color: var(--clb-color-white);
}
.header-search form button {
background: transparent;
color: color-mix(in srgb, var(--clb-color-white) 80%, transparent);
width: 60px;
height: 60px;
border: none;
font-size: 23px;
position: absolute;
top: 0;
right: 10px;
}
.header-search form button:hover {
color: var(--clb-color-white);
} .subheader {
background: var(--clb-color-black);
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
width: 100%;
cursor: default;
z-index: 50;
overflow: hidden;
font-size: var(--clb-font-extra-small-size);
}
.subheader .page-container {
padding: 0 15px;
min-height: var(--clb-spacer-9);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.subheader .page-container::after {
display: none;
}
.subheader a {
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
text-decoration: none;
}
.subheader a:hover {
text-decoration: underline;
}
.subheader ul,
.subheader ul li {
display: flex;
align-items: center;
gap: var(--clb-spacer-1);
}
.subheader ul li:not(:last-child)::after {
content: "";
height: var(--clb-spacer-2);
width: 1px;
background-color: currentColor;
display: inline-flex;
align-items: center;
vertical-align: middle;
} .header-title {
width: 100%;
height: 500px;
position: relative;
overflow: hidden;
}
.header-title .title-wrap {
width: 100%;
height: 100%;
display: table;
position: relative;
z-index: 2;
}
.header-title .bg-image {
background: color-mix(in srgb, var(--clb-color-black) 99%, transparent);
background-position: center center;
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.header-title::after {
content: "";
background: rgba(31, 31, 32, 0.6);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.header-title.without-cap .content {
padding-top: 80px;
}
.header-title.title-full {
height: 100vh;
}
.header-title.title-full .title-wrap {
height: 100vh;
}
.header-title.title-full .content {
padding-top: 0;
}
.header-title .content {
padding-top: 0px;
position: relative;
z-index: 2;
display: table-cell;
vertical-align: middle;
}
.header-title .wrap-container {
padding: 0 15px;
}
.header-title .tags,
.header-title h1.page-title,
.header-title .subtitle {
transform: translateY(40px);
opacity: 0;
transition: 0.5s cubic-bezier(0.25, 0.6, 0.53, 1);
transition-property: opacity, transform;
}
.header-title .tags {
width: 100%;
display: inline-block;
margin-bottom: 25px;
transition-delay: 0.15s;
}
.header-title .tags .tag {
color: var(--clb-color-white);
border-color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
}
.header-title h1.page-title {
width: 100%;
max-width: 900px;
margin: 0;
display: inline-block;
color: var(--clb-color-white);
text-align: inherit;
font-size: var(--clb-font-h1);
line-height: 1.2;
transition-delay: 0.3s;
}
.header-title .subtitle {
max-width: 600px;
color: #bbb;
margin: 10px 0;
line-height: 26px;
text-align: inherit;
font-size: var(--clb-font-small-size);
font-weight: 400;
display: inline-block;
position: relative;
top: 50%;
text-transform: uppercase;
transition-delay: 0.45s;
}
.header-title .subtitle a {
color: inherit;
}
.header-title .subtitle a:hover {
text-decoration: underline;
}
.header-title .subtitle .square {
background: #ebebeb;
width: 3px;
height: 3px;
border-radius: var(--clb-border-radius);
display: inline-block;
margin: 0 10px;
vertical-align: 3px;
}
.header-title.show .tags,
.header-title.show .page-title,
.header-title.show .subtitle {
transform: none;
opacity: 1;
} .site-footer {
background: var(--clb-color-black);
color: #9a9a9a;
}
.site-footer input:not([type=submit]),
.site-footer select {
color: var(--clb-color-footer);
border-color: var(--clb-color-footer-border);
}
.site-footer input:not([type=submit]):focus,
.site-footer input:not([type=submit]):hover,
.site-footer select:focus,
.site-footer select:hover {
color: var(--clb-color-white);
}
.site-footer .widgets-column h2.wp-block-heading,
.site-footer .widgets-column h3.wp-block-heading,
.site-footer .widgets-column h4.wp-block-heading {
font-size: 1.1em;
}
.site-footer .widget {
padding-top: var(--clb-spacer-3);
}
.site-footer .widgets {
padding: 70px 0 55px;
list-style: none;
}
.site-footer .widgets .widget:first-child {
padding-top: 0;
}
.site-footer .widgets .widget > *:first-child {
margin-top: 0;
}
.site-footer .widgets .wp-block-heading,
.site-footer .widgets .widget-title {
color: var(--clb-color-white);
}
.site-footer .widgets a:hover {
color: var(--clb-color-white);
}
.site-footer .widgets .socialbar a.social.outline {
border-color: color-mix(in srgb, var(--clb-color-white) 20%, transparent);
}
.site-footer .widgets .socialbar a.social.outline i {
color: color-mix(in srgb, var(--clb-color-white) 70%, transparent);
}
.site-footer .widgets .socialbar a.social.outline:hover {
background-color: color-mix(in srgb, var(--clb-color-white) 20%, transparent);
border-color: color-mix(in srgb, var(--clb-color-white) 20%, transparent);
}
.site-footer .widgets .socialbar a.social.outline:hover i {
color: var(--clb-color-white);
}
.site-footer .widgets .list-box-icon {
color: var(--clb-color-white);
}
.site-footer .widgets .list-box-icon span.icon {
color: #797979;
}
.site-footer .page-container + .site-info .wrap {
border-top: 1px solid rgba(136, 136, 136, 0.2);
}
.site-footer .site-info {
color: color-mix(in srgb, var(--clb-color-white) 30%, transparent);
font-size: var(--clb-font-extra-small-size);
text-align: center;
}
.site-footer .site-info .page-container {
padding: 0 15px;
}
.site-footer .site-info .wrap {
padding: 30px 0 25px;
}
.site-footer .site-info a {
color: inherit;
text-decoration: underline;
}
.site-footer .site-info a:hover {
color: var(--clb-color-white);
}    :root { --clb-color-primary: #174EE2;
--clb-color-black: #282828;
--clb-color-black-lighter: color-mix(in srgb, var(--clb-color-black) 92%, white);
--clb-color-neutral: #888;
--clb-color-white: white;
--clb-color-gray: #d9d9d9;
--clb-color-fill: color-mix(in srgb, var(--clb-color-neutral) 8%, white);
--clb-color-light-gray: rgba(0,0,0,.03);
--clb-color-fields-text: var(--clb-color-neutral);
--clb-color-titles: var(--clb-color-black);
--clb-color-subtitles: var(--clb-color-neutral);
--clb-color-texts: var(--clb-color-black-lighter);
--clb-color-footer: rgba(255,255,255,.6);
--clb-color-footer-border: rgba(255,255,255,.2);
--clb-color-link: inherit;
--clb-color-link-hover: var(--clb-color-primary);
--clb-color-border: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
--clb-color-border-dark: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-input-border-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-color-button: var(--clb-color-black);
--clb-color-button-hover: var(--clb-color-primary);
--clb-color-artstation: #26bbff;
--clb-color-behance: #0056ff;
--clb-color-deviantart: #05CC47;
--clb-color-digg: #1c5891;
--clb-color-discord: #7289da;
--clb-color-dribbble: #fd629e;
--clb-color-facebook: #217cef;
--clb-color-flickr: #0063db;
--clb-color-github: #24292E;
--clb-color-houzz: #007562;
--clb-color-instagram: var(--clb-color-black-lighter);
--clb-color-kaggle: #32C0FD;
--clb-color-linkedin: #4477ab;
--clb-color-medium: #1a8917;
--clb-color-mixer: #0270d9;
--clb-color-pinterest: #e4252d;
--clb-color-producthunt: #ff4f00;
--clb-color-quora: #a82401;
--clb-color-reddit: #ff4501;
--clb-color-snapchat: #e0e410;
--clb-color-soundcloud: #FD561F;
--clb-color-spotify: #1ED760;
--clb-color-teamspeak: #1c82cc;
--clb-color-telegram: #0088cc;
--clb-color-threads: var(--clb-color-black-lighter);
--clb-color-tiktok: var(--clb-color-black-lighter);
--clb-color-tumblr: var(--clb-color-black-lighter);
--clb-color-twitch: #9147ff;
--clb-color-twitter: var(--clb-color-black-lighter);
--clb-color-vimeo: #1ab8ea;
--clb-color-vine: #00be8e;
--clb-color-whatsapp: #0ec143;
--clb-color-xing: #0C6567;
--clb-color-youtube: #e4252d;
--clb-color-fivehundredpx: var(--clb-color-black-lighter);
}  :root { --clb-border-style-solid: solid;
--clb-border-style-dashed: dashed;
--clb-border-width: 1px;
--clb-border-width-double: 2px;
--clb-border-radius: 0.5rem;
--clb-border-radius-small: calc(var(--clb-border-radius) / 1.5);
--clb-border-radius-large: calc(var(--clb-border-radius) * 1.5);
--clb-border-radius-extra-large: calc(var(--clb-border-radius) * 2.5);
--clb-border-radius-50: 50%;
--clb-button-border-radius: var(--clb-border-radius);
--clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 1.5);
--clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 1.5);
--clb-button-border-radius-extra-large: calc(var(--clb-button-border-radius) * 2);
--clb-grid-border-radius: var(--clb-border-radius);
--clb-text-field-border-radius: var(--clb-border-radius);
--clb-grid-gutter: 15px;
--clb-icon-button: 50px;
--clb-icon-button-small: 40px;
--clb-video-button-size: 60px;
--clb-button-height: 2.75rem;
--clb-button-height-small: 2.15rem;
--clb-button-height-large: 3.15rem;
--clb-button-height-extra-large: 3.6rem;
--clb-button-side-padding: 1.15rem;
--clb-button-side-padding-small: 0.85rem;
--clb-button-side-padding-large: 1.35rem;
--clb-button-side-padding-extra-large: 1.65rem;
--clb-header-height: 80px;
--clb-header-height-3: 17vh;
--clb-header-height-6: 280px;
--clb-header-height-7: 10vh;
--clb-sticky-header-height: 7.5vh;
--clb-button-purchase: 2.5rem;
--clb-admin-bar-height: 32px;
--clb-admin-bar-height-mobile: 46px;
--clb-panel-width: 76px;
--clb-spacer-05: 0.25rem;
--clb-spacer-1: 0.5rem;
--clb-spacer-2: 0.75rem;
--clb-spacer-3: 1rem;
--clb-spacer-4: 1.25rem;
--clb-spacer-5: 1.5rem;
--clb-spacer-6: 1.75rem;
--clb-spacer-7: 2rem;
--clb-spacer-8: 2.25rem;
--clb-spacer-9: 2.5rem;
--clb-spacer-10: 2.75rem;
--clb-spacer: 20px;
--clb-spacer-small: 2.5vh;
--clb-spacer-large: 4.5vh;
--clb-gap: 0.5em;
--clb-gap-small: 0.25em;
--clb-gap-large: 1em;
--clb-cursor-default: default;
--clb-cursor-pointer: pointer;
--clb-cursor-help: help;
--clb-container-width: 1326px;
--clb-container-width-md: 1226px;
--clb-container-width-laptop: 86vw;
--clb-container-offset: calc((100vw - var(--clb-container-width)) / 2);
--clb-container-side-spacer: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height));
--clb-container-side-gutter: var(--clb-grid-gutter);
--clb-container-narrow-side-spacer: 5vw;
--clb-slide-in-panel-width: 25rem;
--clb-slide-in-panel-header-height: 5rem;
--clb-transition-function: cubic-bezier(0.4, 0, 0.2, 1);
--clb-transition-duration: .35s;
--clb-transition-duration-faster: .25s;
--clb-infinit-scrolling-transition-duration: 45s;
--clb-transform-scale: scale3d(1.06, 1.06, 1.06);
--clb-size-offset-fullwidth-container: 7%;
--clb-size-page-offset-top: 80px;
--clb-size-page-offset-bottom: 90px;
--clb-size-page-offset-top-md: 30px;
--clb-size-page-offset-bottom-md: 30px; --clb-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-body-color: var(--clb-color-black-lighter);
--clb-body-color-grey: color-mix(in srgb, var(--clb-body-color) 66%, white);
--clb-body-color-grey-light: color-mix(in srgb, var(--clb-body-color) 51%, white);
--clb-font-size: 1rem;
--clb-font-size-small: calc(var(--clb-font-size) * 0.95);
--clb-font-size-extra-small: calc(var(--clb-font-size) * 0.9);
--clb-font-size-large: calc(var(--clb-font-size) * 1.05);
--clb-code-font-family: menlo, monaco, consolas, "Lucida Console", monospace;
--clb-action-font-family: var(--clb-titles-font-family);
--clb-action-font-size: 0.95em;
--clb-action-font-size-small: 0.9em;
--clb-action-font-size-large: 1em;
--clb-action-font-weight: var(--clb-titles-font-weight);
--clb-countdown-font-size: var(--clb-titles-h3-font-size-min);
--clb-countdown-font-size-min: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size-min: var(--clb-titles-h5-font-size-min);
--clb-wc-product-thumbnail: 3.75rem;
--clb-wc-product-title: 1.1em;
--clb-wc-product-title-line-height: var(--clb-titles-h1-line-height);
--clb-color-swatch-width: var(--clb-spacer-6);
--clb-color-swatch-small-width: var(--clb-spacer-4);
--clb-titles-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-titles-color: var(--clb-color-black);
--clb-titles-font-size: inherit;
--clb-titles-letter-spacing: inherit;
--clb-titles-line-height: inherit;
--clb-titles-font-weight: 600;
--clb-titles-style: normal;
--clb-titles-text-transform: none;
--clb-titles-text-decoration: none;
--clb-titles-h1-font-size: 3.16em;
--clb-titles-h2-font-size: 2.56em;
--clb-titles-h3-font-size: 2.05em;
--clb-titles-h4-font-size: 1.64em;
--clb-titles-h5-font-size: 1.28em;
--clb-titles-h6-font-size: 1.05rem;
--clb-titles-widget-font-size: 1.14em;
--clb-titles-h1-font-size-min: calc(var(--clb-titles-h1-font-size) * 0.8);
--clb-titles-h2-font-size-min: calc(var(--clb-titles-h2-font-size) * 0.8);
--clb-titles-h3-font-size-min: calc(var(--clb-titles-h3-font-size) * 0.8);
--clb-titles-h4-font-size-min: calc(var(--clb-titles-h4-font-size) * 0.8);
--clb-titles-h5-font-size-min: calc(var(--clb-titles-h5-font-size) * 0.8);
--clb-titles-h6-font-size-min: 1em;
--clb-titles-h1-letter-spacing: -0.03em;
--clb-titles-h2-letter-spacing: -0.025em;
--clb-titles-h3-letter-spacing: -0.02em;
--clb-titles-h4-letter-spacing: -0.015em;
--clb-titles-h5-letter-spacing: -0.01em;
--clb-titles-h6-letter-spacing: -0.005em;
--clb-titles-h1-line-height: 1.1;
--clb-titles-h2-line-height: 1.15;
--clb-titles-h3-line-height: 1.2;
--clb-titles-h4-line-height: 1.25;
--clb-titles-h5-line-height: 1.3;
--clb-titles-h6-line-height: 1.35;
--clb-text-bold: bold;
--clb-text-semi-bold: 600;
--clb-text-medium: 500;
--clb-text-normal: 400;
--clb-font-main: "Rubik", sans-serif;
--clb-font-main-size: 1rem;
--clb-font-small-size: 0.95em;
--clb-font-extra-small-size: 0.9em;
--clb-font-caption-size: 0.75rem;
--clb-font-code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
--clb-font-pre: "Courier 10 Pitch", Courier, monospace;
--clb-font-titles: "Poppins", sans-serif;
--clb-font-subtitles: "Poppins", serif;
--clb-font-lh-body: 1.65;
--clb-font-lh-titles: 1.4;
--clb-font-lh-subtitles: 1.4;
--clb-font-lh-text: 1.4;
--clb-font-h1: 60px;
--clb-font-h2: calc(60px * 0.72);
--clb-font-h3: calc(60px * 0.58);
--clb-font-h4: calc(60px * 0.45);
--clb-font-h5: calc(60px * 0.33);
--clb-font-h6: 60px;
}     header.light-text {
color: var(--clb-color-white);
}
header.light-text .right {
border-color: color-mix(in srgb, var(--clb-color-white) 50%, transparent);
}
header.dark-text,
header.without-header-title,
header.header-fixed,
#masthead.header-fixed .header-wrap > .right {
color: var(--clb-color-black);
}
header.dark-text .right,
header.without-header-title .right,
header.header-fixed .right,
#masthead.header-fixed .header-wrap > .right .right {
border-color: color-mix(in srgb, var(--clb-color-black) 30%, transparent);
}
#masthead a,
#masthead p {
color: inherit;
}
#masthead svg {
fill: currentColor;
}
.main-nav {
display: block;
float: left;
font-weight: 400;
cursor: default;
position: relative;
z-index: 1;
}
.main-nav.hidden {
display: none;
}
.main-nav .close,
.main-nav form.form-search {
display: none;
}
.main-nav .menu-not-assigned {
font-weight: normal;
margin-right: 20px;
}
.main-nav .menu-not-assigned a {
text-decoration: underline;
}
#mega-menu-wrap {
background: transparent;
position: relative;
z-index: 10;
display: inline-block;
}
#mega-menu-wrap li {
padding: 0;
}
#mega-menu-wrap > ul {
list-style: none;
}
#mega-menu-wrap > ul > li {
float: left;
position: relative;
font-size: var(--clb-font-extra-small-size);
font-weight: 400;
font-family: var(--clb-font-titles);
position: relative;
}
#mega-menu-wrap > ul > li > a {
line-height: inherit;
padding: 0 var(--clb-spacer-5);
}
#mega-menu-wrap > ul > li > a > span {
vertical-align: middle;
}
#mega-menu-wrap > ul > li.current-menu-item.sub-nav-item a.menu-link,
#mega-menu-wrap > ul > li.current-menu-ancestor.sub-nav-item a.menu-link {
box-shadow: none;
}
#mega-menu-wrap > ul > li.current-menu-item.sub-nav-item a.menu-link {
box-shadow: none;
}
#mega-menu-wrap > ul > li.has-submenu::after {
content: "\f3d0";
line-height: 0;
border-top: none;
border-left: none;
margin-top: -1px;
font-family: "Ionicons";
font-size: var(--clb-font-caption-size);
position: absolute;
top: 50%;
right: var(--clb-spacer-1);
opacity: 0.5;
}
#mega-menu-wrap > ul > li .sub-nav,
#mega-menu-wrap > ul > li .sub-sub-nav {
min-width: 320px;
height: 0px;
position: absolute;
bottom: 0;
left: 0;
}
#mega-menu-wrap > ul > li .sub-sub-nav {
left: 100%;
top: 0;
bottom: auto;
}
#mega-menu-wrap > ul > li .sub-sub-nav.menu-left {
left: 0;
}
#mega-menu-wrap > ul > li .sub-sub-nav.menu-left .sub-menu,
#mega-menu-wrap > ul > li .sub-sub-nav.menu-left .sub-sub-menu {
background: color-mix(in srgb, var(--clb-color-white) 90%, black);
margin-right: 3px;
margin-left: 0;
left: auto;
right: 100%;
transform: translateX(-5px);
}
#mega-menu-wrap > ul .sub-menu,
#mega-menu-wrap > ul .sub-sub-menu {
background: var(--clb-color-white);
background-clip: padding-box;
color: var(--clb-color-black);
width: auto;
min-width: 210px;
max-width: 320px;
box-shadow: 0 3px 8px var(--clb-color-fill);
border-radius: var(--clb-border-radius);
list-style: none;
position: relative;
display: inline-block;
vertical-align: top;
top: 0;
left: 2px;
opacity: 0;
z-index: 10;
visibility: hidden;
transition: 0.25s ease-in-out;
transition-property: opacity, visibility, transform;
}
#mega-menu-wrap > ul .sub-menu > li,
#mega-menu-wrap > ul .sub-sub-menu > li {
line-height: 130%;
position: relative;
left: 0;
}
#mega-menu-wrap > ul .sub-menu > li > a,
#mega-menu-wrap > ul .sub-sub-menu > li > a {
background: transparent;
color: var(--clb-color-black);
width: 100%;
padding: var(--clb-spacer-2) var(--clb-spacer-5);
font-size: 100%;
display: block;
transition: 0.1s ease-in-out;
transition-property: background, color;
}
#mega-menu-wrap > ul .sub-menu > li > a:hover,
#mega-menu-wrap > ul .sub-sub-menu > li > a:hover {
background: rgba(0, 0, 0, 0.04);
color: var(--clb-color-black);
opacity: 1;
}
#mega-menu-wrap > ul .sub-menu > li.has-submenu,
#mega-menu-wrap > ul .sub-sub-menu > li.has-submenu {
position: relative;
}
#mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link,
#mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link {
padding-right: 60px;
}
#mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link::before,
#mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link::after,
#mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link::before,
#mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link::after {
content: "";
background: var(--clb-color-black);
width: 2px;
height: 2px;
position: absolute;
top: 47%;
right: 26px;
}
#mega-menu-wrap > ul .sub-menu > li.has-submenu > a.menu-link::before,
#mega-menu-wrap > ul .sub-sub-menu > li.has-submenu > a.menu-link::before {
background: transparent;
width: 14px;
border: 2px solid var(--clb-color-black);
border-top: none;
border-bottom: none;
right: 20px;
}
#mega-menu-wrap > ul .sub-menu {
transform: translateY(5px);
border-top-width: 0px;
}
#mega-menu-wrap > ul .sub-menu.sub-menu-wide .sub-sub-menu {
transform: none;
}
#mega-menu-wrap > ul .sub-sub-menu {
margin-left: 3px;
transform: translateX(5px);
}
#mega-menu-wrap > ul .sub-nav.open .sub-menu {
transform: none;
opacity: 1;
visibility: visible;
}
#mega-menu-wrap > ul .sub-menu li:hover > .sub-sub-nav > .sub-sub-menu {
transform: none;
visibility: visible;
opacity: 1;
}
#mega-menu-wrap > ul ul.sub-sub-menu {
position: absolute;
left: 0;
top: 0;
margin-top: 0;
}
.main-nav.without-dropdown-carets #primary-menu > li::after {
display: none;
}
#masthead:not(.header-6) .menu-other-wrap,
#masthead:not(.header-6) .menu-other {
height: 100%;
}
#masthead .menu-other-wrap {
display: flex;
align-items: center;
}
#masthead .menu-other {
position: relative;
z-index: 1;
display: flex;
align-items: center;
}
#masthead .menu-other ul {
list-style: none;
}
#masthead .menu-other li {
padding: 0;
}
#masthead .menu-other > li {
position: relative;
display: flex;
padding: 0 var(--clb-spacer-2);
}
#masthead .menu-other > li > a {
position: relative;
text-decoration: none;
font-weight: 400;
font-family: var(--clb-font-titles);
}
#masthead .menu-other > li > a.cart {
display: flex;
align-items: center;
}
#masthead .menu-other > li > a.cart .cart-count {
margin-left: 5px;
font-size: 13px;
}
#masthead .menu-other > li > a .icon {
font-size: 22px;
display: flex;
}
#masthead .menu-other > li.social > a {
padding: 0 12px;
}
#masthead .menu-other > li.social > a i {
font-size: 18px;
display: flex;
}
#masthead .menu-other > li.languages {
padding: 0 8px;
}
#masthead .menu-other > li.languages > a {
padding: 0 12px;
float: left;
text-transform: capitalize;
position: relative;
}
#masthead .menu-other > li.languages > a::after {
content: "/";
position: absolute;
right: -4px;
top: 0;
font-size: 0.75em;
opacity: 0.75;
}
#masthead .menu-other > li.languages > a:last-of-type::after {
display: none;
}
#masthead .menu-other > li.languages > a span {
padding: 4px 0;
}
#masthead .menu-other > li.languages > a.active span {
border-bottom: 1px solid;
border-color: inherit;
}
#masthead .menu-other > li.languages > a .icon {
margin-right: 10px;
}
#masthead .menu-other > li:last-child > a {
padding-right: 12px;
}
#masthead .menu-other > li .submenu {
background: var(--clb-color-white);
color: var(--clb-color-black);
box-shadow: 0 3px 8px var(--clb-color-fill);
width: auto;
border-radius: var(--clb-border-radius);
padding: 15px 20px;
position: absolute;
top: 100%;
right: 4px;
visibility: hidden;
opacity: 0;
text-align: left;
overflow: hidden;
transform: translateY(5px);
transition: 0.2s ease-in-out;
transition-property: opacity, visibility, transform;
}
#masthead .menu-other > li .submenu a {
color: inherit;
}
#masthead .menu-other > li .submenu a:hover {
opacity: 1;
}
#masthead .menu-other > li .submenu.no-paddings {
padding: 0;
}
#masthead .menu-other > li .submenu .sub-nav {
list-style: none;
}
#masthead .menu-other > li .submenu .sub-nav.languages li {
min-width: 140px;
}
#masthead .menu-other > li .submenu .sub-nav.languages li img {
margin-right: 5px;
vertical-align: 0px;
}
#masthead .menu-other > li .submenu .sub-nav.languages li a {
color: inherit;
height: auto;
line-height: 1;
font-size: var(--clb-font-extra-small-size);
font-family: var(--clb-font-titles);
padding: 16px 25px 14px 15px;
transition: background 0.1s ease-in-out;
}
#masthead .menu-other > li .submenu .sub-nav.languages li a:hover {
background: rgba(0, 0, 0, 0.04);
}
#masthead .menu-other > li .submenu .sub-nav.languages li a:hover {
color: inherit;
}
#masthead .menu-other > li .submenu .sub-nav li a {
background: transparent;
color: #bbb;
width: 100%;
height: 38px;
line-height: 38px;
padding: 0 15px 0 15px;
font-size: var(--clb-font-extra-small-size);
display: block;
transition: 0.05s ease-in-out;
transition-property: background, color;
}
#masthead .menu-other > li .submenu .sub-nav li a:hover {
background: color-mix(in srgb, var(--clb-color-white) 6%, transparent);
color: var(--clb-color-white);
}
#masthead .menu-other > li .submenu .sub-nav li.active a {
font-weight: 600;
}
#masthead .menu-other > li .submenu.submenu_cart {
min-width: 230px;
color: var(--clb-color-black);
width: auto;
}
#masthead .menu-other > li .submenu p.empty {
width: 150px;
margin: 0 0 10px;
padding-bottom: 10px;
border-bottom: 1px solid var(--clb-color-border);
}
#masthead .menu-other > li .submenu.cart {
width: 300px;
}
#masthead .menu-other > li .submenu.cart a.button {
color: var(--clb-color-white);
}
#masthead .menu-other > li .submenu.cart a.button:hover {
color: var(--clb-color-black);
}
#masthead .menu-other > li .submenu.cart a.button:first-child {
color: var(--clb-color-black);
}
#masthead .menu-other > li .submenu.cart a.button:first-child:hover {
background: var(--clb-color-black);
color: var(--clb-color-white);
}
#masthead .menu-other > li:hover .submenu {
visibility: visible;
opacity: 1;
transform: none;
}
#masthead .menu-other > li:last-child,
#masthead .menu-other > li:last-child > a:last-child {
padding-right: 0;
}
#masthead.site-header .menu-other .btn {
color: var(--clb-color-white);
}
#masthead.site-header .menu-other .btn:hover {
color: var(--clb-color-black);
}
#masthead.site-header .menu-other .btn-outline {
color: var(--clb-color-black);
}
#masthead.site-header .menu-other .btn-outline:hover {
color: var(--clb-color-white);
}
.hamburger-menu {
float: left;
line-height: inherit;
display: none;
transition: opacity 0.1s ease-in-out;
user-select: none;
cursor: pointer;
position: relative;
}
.hamburger-menu:hover {
opacity: 0.6;
}
.hamburger-menu a {
line-height: inherit;
margin: 0 0 0 20px;
position: relative;
vertical-align: -2px;
display: inline-block;
}
.hamburger-menu a:hover {
opacity: 1;
}
#hamburger-fullscreen-menu {
display: block;
}
.header-wrap,
.header-wrap .right {
height: 100%;
}
.header-wrap .right {
display: flex;
}
.header-wrap .hamburger-menu {
margin-left: 5px;
} .header-3 #primary-menu > li::before,
.header-3 .menu-other > li::before {
content: "";
background: rgba(0, 0, 0, 0.1);
width: 1px;
height: 20px;
margin: 0;
display: block;
position: absolute;
top: 50%;
margin-top: -11px;
left: -1px;
}
.header-3 #primary-menu > li:first-child::before,
.header-3 .menu-other > li:first-child::before {
display: none;
}
.header-3 #primary-menu > li.has-submenu {
padding-right: 10px;
}
.header-3 #primary-menu > li.has-submenu::after {
right: 15px;
margin-top: 0px;
} #masthead.header-4 .main-nav {
float: none;
display: inline-flex;
}
#masthead.header-4 .menu-wrap {
width: 100%;
padding: 0 var(--clb-spacer);
}
#masthead.header-4 .menu-wrap .wrap {
width: 100%;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
#masthead.header-4 .menu::after {
content: "";
display: table;
clear: both;
}
#masthead.header-4 .menu-other {
min-width: 15vw;
}
#masthead.header-4 .menu-other.left .submenu {
left: var(--clb-spacer-4);
right: unset;
}
#masthead.header-4 .menu-other.right {
justify-content: flex-end;
}
#masthead.header-4 .menu-other > li > a {
position: relative;
}
#masthead.header-4 .hamburger-menu {
float: right;
} #masthead.header-5 .main-nav {
width: 100%;
position: absolute;
left: 0;
text-align: center;
}
#masthead { }
#masthead ul#primary-menu > li,
#masthead ul#secondary-menu > li {
text-align: left;
}
#masthead ul#primary-menu > li > a.menu-link,
#masthead ul#secondary-menu > li > a.menu-link {
padding: 0 var(--clb-spacer-5);
}
#masthead ul#primary-menu > li > a.menu-link::after,
#masthead ul#secondary-menu > li > a.menu-link::after {
content: "/";
display: block;
position: absolute;
font-weight: 300;
top: 2px;
right: -4px;
font-size: 0.75em;
opacity: 0.75;
}
#masthead ul#primary-menu > li.has-submenu,
#masthead ul#secondary-menu > li.has-submenu {
margin-right: 20px;
}
#masthead ul#primary-menu > li.has-submenu > a::after,
#masthead ul#secondary-menu > li.has-submenu > a::after {
right: -20px;
}
#masthead ul#primary-menu > li:last-child > a.menu-link::after,
#masthead ul#secondary-menu > li:last-child > a.menu-link::after {
display: none;
}
#masthead ul#primary-menu > li.without-divider > a.menu-link::after,
#masthead ul#secondary-menu > li.without-divider > a.menu-link::after {
display: none;
}
#masthead ul#primary-menu > ul.sub-menu,
#masthead ul#secondary-menu > ul.sub-menu {
left: 8px;
}
#masthead .menu-wrap {
position: relative;
}
#masthead .menu-other-wrap {
float: right;
}
#masthead .hamburger-menu {
float: left;
}  .fullscreen-navigation {
background: rgba(34, 34, 34, 0.98);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
visibility: hidden;
opacity: 0;
transition: 0.3s ease-in-out;
transition-property: opacity, visibility;
}
.fullscreen-navigation::after {
content: "";
background: var(--clb-color-fill);
width: 480px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.fullscreen-navigation .menu-not-assigned {
margin-left: 40px;
font-size: var(--clb-font-main-size);
color: var(--clb-color-white);
}
.fullscreen-navigation .menu-not-assigned a {
color: #ddd;
text-decoration: underline;
}
.fullscreen-navigation .menu-not-assigned a:hover {
color: #ddd;
opacity: 0.7;
}
.fullscreen-navigation .site-branding {
margin-left: 80px;
margin-top: 60px;
max-width: 320px;
z-index: 5;
opacity: 0;
transition: 0.3s ease-in-out;
transition-property: opacity, left;
opacity: 0;
position: relative;
z-index: 20px;
}
.fullscreen-navigation .site-branding a {
font: 600 25px var(--clb-font-titles);
}
.fullscreen-navigation .fullscreen-menu-wrap {
position: relative;
z-index: 3;
display: inline-block;
}
.fullscreen-navigation ul.menu {
width: 480px;
padding: 10px 0 0 40px;
position: relative;
transform: translateX(-40px);
transition: transform 0.3s ease-in-out;
}
.fullscreen-navigation #fullscreen-mega-menu-wrap ul {
list-style: none;
}
.fullscreen-navigation #fullscreen-mega-menu-wrap > .mega-menu-item {
z-index: 3;
}
.fullscreen-navigation #secondary-menu > li > a {
padding: 0 110px 0 40px;
}
.fullscreen-navigation li {
color: var(--clb-color-white);
font-size: 20px;
position: relative;
transform: translateX(-25px);
opacity: 0;
transition: 0.25s cubic-bezier(0.45, 0.49, 0.44, 1);
transition-property: transform, opacity;
transition-delay: 0.3s;
}
.fullscreen-navigation li.showed {
transform: none;
transition-delay: 0s;
opacity: 1;
}
.fullscreen-navigation li.has-submenu > a::after,
.fullscreen-navigation li.has-submenu > a::before {
content: "";
width: 20px;
height: 2px;
border: 2px solid currentColor;
border-top: none;
border-bottom: none;
margin-top: -1px;
position: absolute;
top: 50%;
right: 80px;
}
.fullscreen-navigation li.has-submenu > a::before {
border-left: none;
margin-right: 9px;
}
.fullscreen-navigation li a {
width: 100%;
line-height: 35px;
vertical-align: middle;
padding-left: 40px;
color: var(--clb-color-black);
font-weight: 600;
font-size: 19.5px;
display: block;
position: relative;
z-index: 2;
}
.fullscreen-navigation li a:hover,
.fullscreen-navigation li a.open {
color: #888;
}
.fullscreen-navigation li a span {
line-height: 1.2;
display: inline-block;
}
.fullscreen-navigation li div.sub-nav,
.fullscreen-navigation li .sub-sub-menu {
background: none;
width: auto;
margin-left: 0;
padding-left: 20px;
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 100%;
transition: 0.2s ease-in-out;
transition-property: opacity, visibility;
}
.fullscreen-navigation li div.sub-nav li,
.fullscreen-navigation li .sub-sub-menu li {
line-height: 40px;
font-size: var(--clb-font-main-size);
position: relative;
}
.fullscreen-navigation li div.sub-nav a,
.fullscreen-navigation li .sub-sub-menu a {
color: var(--clb-color-white);
padding: 0 40px 0 65px;
line-height: 36px;
}
.fullscreen-navigation li div.sub-nav a::after,
.fullscreen-navigation li div.sub-nav a::before,
.fullscreen-navigation li .sub-sub-menu a::after,
.fullscreen-navigation li .sub-sub-menu a::before {
margin-top: 0;
right: 5px;
}
.fullscreen-navigation li div.sub-nav.open,
.fullscreen-navigation li .sub-sub-menu.open {
opacity: 1;
visibility: visible;
}
.fullscreen-navigation li div.sub-nav {
position: absolute;
width: 320px;
}
.fullscreen-navigation li div.sub-nav ul {
width: auto;
min-width: 210px;
max-width: 320px;
display: inline-block;
}
.fullscreen-navigation li .sub-sub-nav {
position: absolute;
top: 0;
left: 100%;
width: 320px;
}
.fullscreen-navigation li .sub-sub-nav ul {
left: 0;
}
.fullscreen-navigation li:hover > a.menu-link {
opacity: 0.5;
}
.fullscreen-navigation li:hover > .sub-sub-nav > .sub-sub-menu {
opacity: 1;
visibility: visible;
}
.fullscreen-navigation .languages {
position: relative;
z-index: 2;
padding: 35px 68px;
font-family: var(--clb-font-titles);
font-size: var(--clb-font-extra-small-size);
opacity: 0;
transform: translateY(10px);
transition: 0.3s ease-in-out 0.2s;
transition-property: transform, opacity;
}
.fullscreen-navigation .languages a {
color: color-mix(in srgb, var(--clb-color-black) 70%, transparent);
font-weight: 600;
font-size: var(--clb-font-small-size);
padding: 0 12px;
text-transform: capitalize;
position: relative;
}
.fullscreen-navigation .languages a::after {
content: "/";
color: color-mix(in srgb, var(--clb-color-black) 70%, transparent);
position: absolute;
top: 3px;
right: -5px;
font-size: var(--clb-font-caption-size);
font-weight: 400;
}
.fullscreen-navigation .languages a:hover {
color: var(--clb-color-black);
opacity: 1;
}
.fullscreen-navigation .languages a.active span {
color: var(--clb-color-black);
padding: 1px 0;
border-bottom: 1px solid var(--clb-color-black);
}
.fullscreen-navigation .languages a:last-child::after {
display: none;
}
.fullscreen-navigation .close {
color: var(--clb-color-white);
line-height: 0px;
font-size: 46px;
padding: 20px;
position: absolute;
top: -5px;
right: 10px;
z-index: 2;
cursor: pointer;
transition: opacity 0.15s ease-in-out;
}
.fullscreen-navigation .close:hover {
opacity: 0.5;
}
.fullscreen-navigation:not(.simple):not(.centered):not(.split).with-panel-offset .close {
color: inherit;
}
.fullscreen-navigation.with-panel-offset .close {
left: 10px;
}
.fullscreen-navigation .copyright {
width: 300px;
position: absolute;
bottom: 35px;
left: 80px;
z-index: 2;
font-size: var(--clb-font-small-size);
}
.fullscreen-navigation .copyright .content {
line-height: 1.5;
display: inline-block;
color: currentColor;
opacity: 0.8;
}
.fullscreen-navigation .copyright .content > a {
color: var(--clb-color-primary);
}
.fullscreen-navigation .copyright .content > a:hover {
text-decoration: underline;
}
.fullscreen-navigation .copyright .socialbar {
margin-top: 15px;
}
.fullscreen-navigation .copyright .socialbar > a:not(:hover) {
color: currentColor;
border-color: currentColor;
}
.fullscreen-navigation .copyright .socialbar > a:hover {
background-color: color-mix(in srgb, var(--clb-color-black) 90%, white);
}
.fullscreen-navigation.open {
opacity: 1;
visibility: visible;
}
.fullscreen-navigation.open .site-branding {
opacity: 1;
}
.fullscreen-navigation.open ul.menu {
transform: none;
}
.fullscreen-navigation.open .languages {
transform: none;
opacity: 1;
}
.fullscreen-navigation.simple,
.fullscreen-navigation.centered,
.fullscreen-navigation.split {
color: var(--clb-color-white);
}
.fullscreen-navigation.simple .site-branding,
.fullscreen-navigation.centered .site-branding,
.fullscreen-navigation.split .site-branding {
position: absolute;
margin: 0;
}
.fullscreen-navigation.simple .site-branding,
.fullscreen-navigation.simple .site-branding a,
.fullscreen-navigation.centered .site-branding,
.fullscreen-navigation.centered .site-branding a,
.fullscreen-navigation.split .site-branding,
.fullscreen-navigation.split .site-branding a {
color: var(--clb-color-white);
}
.fullscreen-navigation.simple::after,
.fullscreen-navigation.centered::after,
.fullscreen-navigation.split::after {
display: none;
}
.fullscreen-navigation.simple .close,
.fullscreen-navigation.centered .close,
.fullscreen-navigation.split .close {
color: var(--clb-color-white);
}
.fullscreen-navigation.simple .copyright .content > a,
.fullscreen-navigation.centered .copyright .content > a,
.fullscreen-navigation.split .copyright .content > a {
color: var(--clb-color-white);
}
.fullscreen-navigation.simple .languages,
.fullscreen-navigation.centered .languages,
.fullscreen-navigation.split .languages {
padding-left: 0;
margin-left: -12px;
}
.fullscreen-navigation.simple .languages a,
.fullscreen-navigation.centered .languages a,
.fullscreen-navigation.split .languages a {
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
}
.fullscreen-navigation.simple .languages a.active span,
.fullscreen-navigation.centered .languages a.active span,
.fullscreen-navigation.split .languages a.active span {
color: var(--clb-color-white);
border-color: var(--clb-color-white);
}
.fullscreen-navigation.simple .languages a::after,
.fullscreen-navigation.centered .languages a::after,
.fullscreen-navigation.split .languages a::after {
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
}
.fullscreen-navigation.simple .languages a:hover,
.fullscreen-navigation.centered .languages a:hover,
.fullscreen-navigation.split .languages a:hover {
color: var(--clb-color-white);
}
.fullscreen-navigation.simple {
padding: 0 15%;
}
.fullscreen-navigation.simple .site-branding {
position: static;
margin-top: 18px;
}
.fullscreen-navigation.simple .copyright {
max-width: 300px;
left: 15%;
bottom: 80px;
}
.fullscreen-navigation.simple #fullscreen-mega-menu-wrap {
margin: 0;
}
.fullscreen-navigation.simple ul.menu {
background: transparent;
width: auto;
min-width: 360px;
padding: 60px 0 0 0;
margin: 0;
display: inline-block;
position: relative;
left: -40px;
}
.fullscreen-navigation.simple ul.menu a {
color: inherit;
padding-left: 20px;
}
.fullscreen-navigation.simple ul.menu a::after,
.fullscreen-navigation.simple ul.menu a::before {
border-color: currentColor;
margin-top: -2px;
}
.fullscreen-navigation.simple ul.menu li {
width: auto;
min-width: 100px;
}
.fullscreen-navigation.simple ul.menu li:hover > a {
color: var(--clb-color-primary);
}
.fullscreen-navigation.simple ul.menu li:hover > a::after,
.fullscreen-navigation.simple ul.menu li:hover > a::before {
border-color: var(--clb-color-primary);
}
.fullscreen-navigation.simple ul.menu .sub-menu,
.fullscreen-navigation.simple ul.menu .sub-sub-menu {
margin-top: -2px;
}
.fullscreen-navigation.centered {
padding: 0 14%;
}
.fullscreen-navigation.centered .site-branding {
position: static;
margin-top: 18px;
}
.fullscreen-navigation.centered .copyright {
width: 50vw;
left: 50%;
margin-left: -25vw;
text-align: center;
}
.fullscreen-navigation.centered #fullscreen-mega-menu-wrap {
height: 100%;
}
.fullscreen-navigation.centered .fullscreen-menu-wrap {
width: 100%;
height: 100%;
}
.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu {
width: 420px;
background: transparent;
height: calc(100% - 200px);
padding: 0 0 50px;
margin: 0 auto;
display: flex;
justify-content: center;
flex-direction: column;
transform: none;
}
.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li {
align-self: center;
text-align: center;
line-height: 44px;
font-size: 34px;
}
.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a {
padding: 0;
color: var(--clb-color-white);
font-size: inherit;
line-height: inherit;
}
.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a:hover {
color: var(--clb-color-primary);
}
.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a::after,
.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li > a::before {
display: none;
}
.fullscreen-navigation.centered .fullscreen-menu-wrap #secondary-menu > li .sub-menu {
position: static;
margin-top: 10px;
}
.fullscreen-navigation.centered .fullscreen-menu-wrap li {
transform: translateY(25px) scale(0.95);
}
.fullscreen-navigation.centered .fullscreen-menu-wrap li::after {
content: "";
}
.fullscreen-navigation.centered .fullscreen-menu-wrap li.showed {
transform: none;
}
.fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-menu,
.fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-sub-menu {
transition: height 0.4s ease-in-out;
text-align: left;
}
.fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-menu li,
.fullscreen-navigation.centered .fullscreen-menu-wrap li .sub-sub-menu li {
font-size: 20px;
line-height: 30px;
}
.fullscreen-navigation.centered .languages {
padding: 0;
position: absolute;
top: 35px;
left: 50%;
transform: translateX(-50%);
}
.fullscreen-navigation.centered .copyright {
z-index: 20;
}
.fullscreen-navigation.split .site-branding {
position: static;
margin: 23px auto 0;
max-width: var(--clb-container-width);
padding: 0 15px;
}
.fullscreen-navigation.split.with-panel-offset .site-branding .site-title {
margin-left: 35px;
}
.fullscreen-navigation.split .copyright {
color: color-mix(in srgb, var(--clb-color-white) 30%, transparent);
max-width: 600px;
left: 15%;
bottom: 80px;
}
.fullscreen-navigation.split .fullscreen-menu-wrap {
width: 100%;
position: absolute;
top: 100px;
}
.fullscreen-navigation.split #fullscreen-mega-menu-wrap {
margin: 0;
}
.fullscreen-navigation.split::before {
content: "";
background: color-mix(in srgb, var(--clb-color-white) 20%, transparent);
width: 1px;
height: calc(100% - 250px);
position: absolute;
top: 130px;
left: 50%;
}
.fullscreen-navigation.split ul.menu {
background: transparent;
width: auto;
height: 100%;
min-width: 360px;
padding: 20px 0 0 30px;
margin: 0;
display: inline-block;
position: relative;
left: 50%;
}
.fullscreen-navigation.split ul.menu li {
padding: 0;
}
.fullscreen-navigation.split ul.menu a {
color: color-mix(in srgb, var(--clb-color-white) 70%, transparent);
padding-left: 20px;
padding-right: 20px;
width: auto;
line-height: 40px;
display: inline-block;
}
.fullscreen-navigation.split ul.menu a::after {
display: none;
}
.fullscreen-navigation.split ul.menu a span {
position: relative;
display: inline-block;
}
.fullscreen-navigation.split ul.menu a span::after {
content: "";
background: currentColor;
width: 0;
height: 1px;
border: none;
left: 50%;
position: absolute;
top: 50%;
opacity: 0;
transform: translateX(-50%);
transition: 0.2s ease-in-out;
transition-property: opacity, transform, width;
}
.fullscreen-navigation.split ul.menu a::before {
display: none;
}
.fullscreen-navigation.split ul.menu li {
width: auto;
min-width: 100px;
cursor: pointer;
padding-right: 60px;
}
.fullscreen-navigation.split ul.menu li::after {
width: 100%;
}
.fullscreen-navigation.split ul.menu li:hover > a {
color: var(--clb-color-white);
}
.fullscreen-navigation.split ul.menu li:hover > a span::after {
width: calc(100% + 10px);
opacity: 1;
}
.fullscreen-navigation.split ul.menu li.has-submenu::after,
.fullscreen-navigation.split ul.menu li.has-submenu::before {
content: "";
width: 20px;
height: 2px;
border: 2px solid currentColor;
border-top: none;
border-bottom: none;
margin-top: -2px;
position: absolute;
top: 50%;
right: 40px;
}
.fullscreen-navigation.split ul.menu li.has-submenu::before {
border-left: none;
margin-right: 9px;
}
.fullscreen-navigation.split ul.menu .sub-menu,
.fullscreen-navigation.split ul.menu .sub-sub-menu {
margin-top: -5px;
}
.fullscreen-navigation.split .languages {
left: 50%;
margin-left: 38px;
}
.fullscreen-navigation.split .copyright {
width: auto;
padding-right: 40px;
left: auto;
right: 50%;
bottom: 120px;
text-align: right;
}
.fullscreen-navigation .copyright .content {
line-height: 2;
}
.fullscreen-navigation .copyright .socialbar > a {
margin-bottom: 0px;
} #masthead.site-header.header-fixed {
background: var(--clb-color-white);
color: var(--clb-color-black);
border-radius: 0;
}
#masthead.site-header.header-fixed .header-wrap .mega-menu-item .without-divider > a.menu-link::after {
display: none;
}
.site-header.header-fixed.header-5 li > a.menu-link::after {
color: rgba(0, 0, 0, 0.5);
}
.site-header.header-fixed.header-3 .header-wrap {
background: var(--clb-color-white);
} .close-menu {
display: none;
}
.mobile-wpml-select {
display: none;
}
.phone-menu-bottom,
.phone-menu-middle {
display: none;
} .page-sidebar {
background: var(--clb-color-fill);
width: 28%;
float: right;
padding: 60px 55px;
position: relative;
z-index: 10;
}
.page-sidebar::after {
content: "";
background: inherit;
width: 500%;
height: 100%;
display: block;
position: absolute;
top: 0;
}
.page-sidebar.sidebar-right {
padding-right: 15px;
float: right;
}
.page-sidebar.sidebar-right::after {
left: 100%;
}
.page-sidebar.sidebar-left {
padding-left: 15px;
float: left;
}
.page-sidebar.sidebar-left::after {
right: 100%;
}
.page-sidebar .widget:first-child {
padding-top: 0;
}
.page-sidebar .widget:first-child > *:first-child {
margin-top: 0;
}
.page-sidebar.sidebar-boxed,
.page-sidebar.sidebar-boxed.sidebar-right,
.page-sidebar.sidebar-boxed.sidebar-left {
padding-left: 55px;
padding-right: 55px;
}
.page-sidebar.sidebar-boxed::after {
display: none;
}
.page-sidebar.sidebar-simple {
background: transparent;
}
.page-sidebar.sidebar-simple,
.page-sidebar.sidebar-simple.sidebar-right,
.page-sidebar.sidebar-simple.sidebar-left {
padding: 15px;
}
.page-template-page_for-projects .page-sidebar {
margin-top: 40px;
}    :root { --clb-color-primary: #174EE2;
--clb-color-black: #282828;
--clb-color-black-lighter: color-mix(in srgb, var(--clb-color-black) 92%, white);
--clb-color-neutral: #888;
--clb-color-white: white;
--clb-color-gray: #d9d9d9;
--clb-color-fill: color-mix(in srgb, var(--clb-color-neutral) 8%, white);
--clb-color-light-gray: rgba(0,0,0,.03);
--clb-color-fields-text: var(--clb-color-neutral);
--clb-color-titles: var(--clb-color-black);
--clb-color-subtitles: var(--clb-color-neutral);
--clb-color-texts: var(--clb-color-black-lighter);
--clb-color-footer: rgba(255,255,255,.6);
--clb-color-footer-border: rgba(255,255,255,.2);
--clb-color-link: inherit;
--clb-color-link-hover: var(--clb-color-primary);
--clb-color-border: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
--clb-color-border-dark: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-input-border-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-color-button: var(--clb-color-black);
--clb-color-button-hover: var(--clb-color-primary);
--clb-color-artstation: #26bbff;
--clb-color-behance: #0056ff;
--clb-color-deviantart: #05CC47;
--clb-color-digg: #1c5891;
--clb-color-discord: #7289da;
--clb-color-dribbble: #fd629e;
--clb-color-facebook: #217cef;
--clb-color-flickr: #0063db;
--clb-color-github: #24292E;
--clb-color-houzz: #007562;
--clb-color-instagram: var(--clb-color-black-lighter);
--clb-color-kaggle: #32C0FD;
--clb-color-linkedin: #4477ab;
--clb-color-medium: #1a8917;
--clb-color-mixer: #0270d9;
--clb-color-pinterest: #e4252d;
--clb-color-producthunt: #ff4f00;
--clb-color-quora: #a82401;
--clb-color-reddit: #ff4501;
--clb-color-snapchat: #e0e410;
--clb-color-soundcloud: #FD561F;
--clb-color-spotify: #1ED760;
--clb-color-teamspeak: #1c82cc;
--clb-color-telegram: #0088cc;
--clb-color-threads: var(--clb-color-black-lighter);
--clb-color-tiktok: var(--clb-color-black-lighter);
--clb-color-tumblr: var(--clb-color-black-lighter);
--clb-color-twitch: #9147ff;
--clb-color-twitter: var(--clb-color-black-lighter);
--clb-color-vimeo: #1ab8ea;
--clb-color-vine: #00be8e;
--clb-color-whatsapp: #0ec143;
--clb-color-xing: #0C6567;
--clb-color-youtube: #e4252d;
--clb-color-fivehundredpx: var(--clb-color-black-lighter);
}  :root { --clb-border-style-solid: solid;
--clb-border-style-dashed: dashed;
--clb-border-width: 1px;
--clb-border-width-double: 2px;
--clb-border-radius: 0.5rem;
--clb-border-radius-small: calc(var(--clb-border-radius) / 1.5);
--clb-border-radius-large: calc(var(--clb-border-radius) * 1.5);
--clb-border-radius-extra-large: calc(var(--clb-border-radius) * 2.5);
--clb-border-radius-50: 50%;
--clb-button-border-radius: var(--clb-border-radius);
--clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 1.5);
--clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 1.5);
--clb-button-border-radius-extra-large: calc(var(--clb-button-border-radius) * 2);
--clb-grid-border-radius: var(--clb-border-radius);
--clb-text-field-border-radius: var(--clb-border-radius);
--clb-grid-gutter: 15px;
--clb-icon-button: 50px;
--clb-icon-button-small: 40px;
--clb-video-button-size: 60px;
--clb-button-height: 2.75rem;
--clb-button-height-small: 2.15rem;
--clb-button-height-large: 3.15rem;
--clb-button-height-extra-large: 3.6rem;
--clb-button-side-padding: 1.15rem;
--clb-button-side-padding-small: 0.85rem;
--clb-button-side-padding-large: 1.35rem;
--clb-button-side-padding-extra-large: 1.65rem;
--clb-header-height: 80px;
--clb-header-height-3: 17vh;
--clb-header-height-6: 280px;
--clb-header-height-7: 10vh;
--clb-sticky-header-height: 7.5vh;
--clb-button-purchase: 2.5rem;
--clb-admin-bar-height: 32px;
--clb-admin-bar-height-mobile: 46px;
--clb-panel-width: 76px;
--clb-spacer-05: 0.25rem;
--clb-spacer-1: 0.5rem;
--clb-spacer-2: 0.75rem;
--clb-spacer-3: 1rem;
--clb-spacer-4: 1.25rem;
--clb-spacer-5: 1.5rem;
--clb-spacer-6: 1.75rem;
--clb-spacer-7: 2rem;
--clb-spacer-8: 2.25rem;
--clb-spacer-9: 2.5rem;
--clb-spacer-10: 2.75rem;
--clb-spacer: 20px;
--clb-spacer-small: 2.5vh;
--clb-spacer-large: 4.5vh;
--clb-gap: 0.5em;
--clb-gap-small: 0.25em;
--clb-gap-large: 1em;
--clb-cursor-default: default;
--clb-cursor-pointer: pointer;
--clb-cursor-help: help;
--clb-container-width: 1326px;
--clb-container-width-md: 1226px;
--clb-container-width-laptop: 86vw;
--clb-container-offset: calc((100vw - var(--clb-container-width)) / 2);
--clb-container-side-spacer: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height));
--clb-container-side-gutter: var(--clb-grid-gutter);
--clb-container-narrow-side-spacer: 5vw;
--clb-slide-in-panel-width: 25rem;
--clb-slide-in-panel-header-height: 5rem;
--clb-transition-function: cubic-bezier(0.4, 0, 0.2, 1);
--clb-transition-duration: .35s;
--clb-transition-duration-faster: .25s;
--clb-infinit-scrolling-transition-duration: 45s;
--clb-transform-scale: scale3d(1.06, 1.06, 1.06);
--clb-size-offset-fullwidth-container: 7%;
--clb-size-page-offset-top: 80px;
--clb-size-page-offset-bottom: 90px;
--clb-size-page-offset-top-md: 30px;
--clb-size-page-offset-bottom-md: 30px; --clb-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-body-color: var(--clb-color-black-lighter);
--clb-body-color-grey: color-mix(in srgb, var(--clb-body-color) 66%, white);
--clb-body-color-grey-light: color-mix(in srgb, var(--clb-body-color) 51%, white);
--clb-font-size: 1rem;
--clb-font-size-small: calc(var(--clb-font-size) * 0.95);
--clb-font-size-extra-small: calc(var(--clb-font-size) * 0.9);
--clb-font-size-large: calc(var(--clb-font-size) * 1.05);
--clb-code-font-family: menlo, monaco, consolas, "Lucida Console", monospace;
--clb-action-font-family: var(--clb-titles-font-family);
--clb-action-font-size: 0.95em;
--clb-action-font-size-small: 0.9em;
--clb-action-font-size-large: 1em;
--clb-action-font-weight: var(--clb-titles-font-weight);
--clb-countdown-font-size: var(--clb-titles-h3-font-size-min);
--clb-countdown-font-size-min: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size-min: var(--clb-titles-h5-font-size-min);
--clb-wc-product-thumbnail: 3.75rem;
--clb-wc-product-title: 1.1em;
--clb-wc-product-title-line-height: var(--clb-titles-h1-line-height);
--clb-color-swatch-width: var(--clb-spacer-6);
--clb-color-swatch-small-width: var(--clb-spacer-4);
--clb-titles-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-titles-color: var(--clb-color-black);
--clb-titles-font-size: inherit;
--clb-titles-letter-spacing: inherit;
--clb-titles-line-height: inherit;
--clb-titles-font-weight: 600;
--clb-titles-style: normal;
--clb-titles-text-transform: none;
--clb-titles-text-decoration: none;
--clb-titles-h1-font-size: 3.16em;
--clb-titles-h2-font-size: 2.56em;
--clb-titles-h3-font-size: 2.05em;
--clb-titles-h4-font-size: 1.64em;
--clb-titles-h5-font-size: 1.28em;
--clb-titles-h6-font-size: 1.05rem;
--clb-titles-widget-font-size: 1.14em;
--clb-titles-h1-font-size-min: calc(var(--clb-titles-h1-font-size) * 0.8);
--clb-titles-h2-font-size-min: calc(var(--clb-titles-h2-font-size) * 0.8);
--clb-titles-h3-font-size-min: calc(var(--clb-titles-h3-font-size) * 0.8);
--clb-titles-h4-font-size-min: calc(var(--clb-titles-h4-font-size) * 0.8);
--clb-titles-h5-font-size-min: calc(var(--clb-titles-h5-font-size) * 0.8);
--clb-titles-h6-font-size-min: 1em;
--clb-titles-h1-letter-spacing: -0.03em;
--clb-titles-h2-letter-spacing: -0.025em;
--clb-titles-h3-letter-spacing: -0.02em;
--clb-titles-h4-letter-spacing: -0.015em;
--clb-titles-h5-letter-spacing: -0.01em;
--clb-titles-h6-letter-spacing: -0.005em;
--clb-titles-h1-line-height: 1.1;
--clb-titles-h2-line-height: 1.15;
--clb-titles-h3-line-height: 1.2;
--clb-titles-h4-line-height: 1.25;
--clb-titles-h5-line-height: 1.3;
--clb-titles-h6-line-height: 1.35;
--clb-text-bold: bold;
--clb-text-semi-bold: 600;
--clb-text-medium: 500;
--clb-text-normal: 400;
--clb-font-main: "Rubik", sans-serif;
--clb-font-main-size: 1rem;
--clb-font-small-size: 0.95em;
--clb-font-extra-small-size: 0.9em;
--clb-font-caption-size: 0.75rem;
--clb-font-code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
--clb-font-pre: "Courier 10 Pitch", Courier, monospace;
--clb-font-titles: "Poppins", sans-serif;
--clb-font-subtitles: "Poppins", serif;
--clb-font-lh-body: 1.65;
--clb-font-lh-titles: 1.4;
--clb-font-lh-subtitles: 1.4;
--clb-font-lh-text: 1.4;
--clb-font-h1: 60px;
--clb-font-h2: calc(60px * 0.72);
--clb-font-h3: calc(60px * 0.58);
--clb-font-h4: calc(60px * 0.45);
--clb-font-h5: calc(60px * 0.33);
--clb-font-h6: 60px;
}     .norebro-icon-grid {
transition: background 0.15s ease-in-out;
}
.norebro-icon-grid .icon {
width: 4px;
height: 4px;
border: 4px solid #545454;
border-left: none;
border-right: none;
box-sizing: content-box;
top: 19px;
left: 19px;
}
.norebro-icon-grid .icon::before {
content: "";
width: 100%;
height: 100%;
border: inherit;
top: -4px;
left: 8px;
box-sizing: content-box;
}
.norebro-icon-grid .icon,
.norebro-icon-grid .icon::before {
position: absolute;
transition: 0.15s ease-in-out;
transition-property: transform, height;
}
.norebro-icon-grid:hover .icon {
height: 6px;
transform: translate3d(-1px, -1px, 0) rotate(0.3deg);
}
.norebro-icon-grid:hover .icon::before {
transform: translate3d(2px, 0, 0) rotate(0.3deg);
}
.post-navigation {
background: var(--clb-color-white);
position: relative;
}
.post-navigation.with-border-top {
border-top: 1px solid var(--clb-color-border);
}
.post-navigation.with-border-bottom {
border-bottom: 1px solid var(--clb-color-border);
}
.post-navigation .box-wrap > a {
width: 100%;
height: 90px;
display: block;
}
.post-navigation .box-wrap > a .icon {
width: 30px;
display: inline-block;
font-size: 21px;
vertical-align: 8px;
}
.post-navigation .box-wrap > a h4,
.post-navigation .box-wrap > a .icon {
transition: 0.2s ease-in-out;
transition-property: color;
}
.post-navigation .box-wrap > a:hover h4,
.post-navigation .box-wrap > a:hover .icon {
color: var(--clb-color-primary);
}
.post-navigation .subtitle {
text-transform: uppercase;
margin-bottom: 5px;
font-size: var(--clb-font-caption-size);
}
.post-navigation h4 {
margin: 0;
font-size: var(--clb-font-small-size);
}
.post-navigation .content {
display: inline-block;
}
.post-navigation .grid {
background-color: var(--clb-color-fill);
width: 50px;
height: 50px;
border-radius: 50px;
margin: -25px 0 0 -25px;
position: absolute;
top: 50%;
left: 50%;
}
.post-navigation .grid:hover {
background-color: color-mix(in srgb, var(--clb-color-neutral) 16%, white);
}
.onepage-navigation {
position: absolute;
bottom: 50px;
right: 40px;
z-index: 3;
}
.onepage-navigation .slider-nav div {
position: relative;
}
.onepage-navigation a {
float: left;
margin-right: 10px;
}
.onepage-navigation .norebro-icon-grid .icon,
.onepage-navigation .norebro-icon-grid .icon::after {
border-color: var(--clb-color-white);
border-radius: 0;
} .bar {
background: var(--clb-color-fill);
width: var(--clb-panel-width);
height: 100%;
text-align: center;
position: fixed;
left: 0;
z-index: 60;
box-shadow: 0 1px 12px rgba(0, 0, 0, 0.06);
}
.bar .content {
width: 70vh;
padding-left: 5vh;
font-size: var(--clb-font-caption-size);
font-weight: 600;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) rotate(-90deg);
}
.bar .content a {
color: inherit;
}
.bar .content a:hover {
color: var(--clb-color-primary);
}
.bar .separator {
background: #e0e0e0;
width: 60px;
height: 2px;
display: inline-block;
margin-right: 20px;
position: relative;
top: -3px;
}
.bar .separator::before {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
width: 50%;
height: inherit;
}
.bar .share {
background: inherit;
width: 100%;
position: absolute;
bottom: 15px;
left: 0;
}
.bar .share .title,
.bar .share .widget h4,
.widget .bar .share h4,
.bar .share .widget h5,
.widget .bar .share h5 {
height: 40px;
}
.bar .share .title .icon,
.bar .share .widget h4 .icon,
.widget .bar .share h4 .icon,
.bar .share .widget h5 .icon,
.widget .bar .share h5 .icon {
font-size: 28px;
height: 40px;
line-height: 42px;
vertical-align: middle;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
transition: transform 0.15s ease-in-out;
}
.bar .share .title .icon::after,
.bar .share .widget h4 .icon::after,
.widget .bar .share h4 .icon::after,
.bar .share .widget h5 .icon::after,
.widget .bar .share h5 .icon::after {
content: "";
width: 46px;
height: 46px;
border-radius: 50px;
position: absolute;
top: -3px;
left: -14px;
transform: scale(0.9);
transition: 0.15s ease-in-out;
transition-property: transform, background;
}
.bar .share .title .name,
.bar .share .widget h4 .name,
.widget .bar .share h4 .name,
.bar .share .widget h5 .name,
.widget .bar .share h5 .name {
width: 100%;
position: absolute;
margin-left: 1px;
bottom: 100%;
font-weight: 600;
font-size: var(--clb-font-caption-size);
transform: translate(-50%, -100%) rotate(-90deg);
transition: 0.15s ease-in-out;
}
.bar .share .links {
background: inherit;
width: 35px;
padding: 5px;
margin: 0;
position: absolute;
bottom: 130%;
left: 50%;
transform: translate(-50%, 30px);
opacity: 0;
transition: 0.2s ease-in-out;
visibility: hidden;
}
.bar .share .links a {
color: inherit;
}
.bar .share .links a:hover {
color: var(--clb-color-primary);
}
.bar .share .links span {
font-size: 18px;
margin: 0;
transition: margin 0.15s ease-in-out;
}
.bar .share:hover .links {
opacity: 1;
visibility: visible;
transform: translateX(-50%);
}
.bar .share:hover .links span {
margin: 6px 0;
}
.bar .share:hover .title .icon,
.bar .share:hover .widget h4 .icon,
.widget .bar .share:hover h4 .icon,
.bar .share:hover .widget h5 .icon,
.widget .bar .share:hover h5 .icon {
transform: translateX(-50%) rotate(-45deg);
}
.bar .share:hover .title .icon::after,
.bar .share:hover .widget h4 .icon::after,
.widget .bar .share:hover h4 .icon::after,
.bar .share:hover .widget h5 .icon::after,
.widget .bar .share:hover h5 .icon::after {
background: rgba(0, 0, 0, 0.04);
transform: none;
}
.bar .share:hover .title .name,
.bar .share:hover .widget h4 .name,
.widget .bar .share:hover h4 .name,
.bar .share:hover .widget h5 .name,
.widget .bar .share:hover h5 .name {
opacity: 0;
}
.bar.right .share {
background: transparent;
position: absolute;
left: auto;
right: -100vw;
top: 50%;
bottom: auto;
transform: translate(-100%, -50%);
}
.bar.right .share .title,
.bar.right .share .widget h4,
.widget .bar.right .share h4,
.bar.right .share .widget h5,
.widget .bar.right .share h5 {
height: auto;
}
.bar.right .share .title .icon,
.bar.right .share .widget h4 .icon,
.widget .bar.right .share h4 .icon,
.bar.right .share .widget h5 .icon,
.widget .bar.right .share h5 .icon {
display: none;
}
.bar.right .share .title .name,
.bar.right .share .widget h4 .name,
.widget .bar.right .share h4 .name,
.bar.right .share .widget h5 .name,
.widget .bar.right .share h5 .name {
position: static;
opacity: 1;
transform-origin: 0 0;
text-align: left;
display: inline-block;
transform: translateY(100%) rotate(-90deg) translateY(50%);
}
.bar.right .share .links {
position: static;
opacity: 1;
visibility: visible;
transform: none;
margin-top: 5px;
}
.bar.right .share .links span {
margin: 13px 0;
}
.bar-hamburger {
width: var(--clb-panel-width);
position: fixed;
left: 0px;
z-index: 62;
line-height: 1px;
}
.bar-hamburger .hamburger-menu {
width: 100%;
text-align: center;
}
.bar-hamburger .hamburger {
z-index: 2;
transition: margin 0.3s ease-in-out;
color: inherit;
margin: 32px auto;
}
.bar-hamburger .hamburger::before {
content: "";
width: 46px;
height: 46px;
border-radius: 50px;
position: absolute;
top: -18px;
left: -13px;
transform: scale(0.8);
transition: 0.15s ease-in-out;
transition-property: transform, background;
}
.bar-hamburger .hamburger:hover {
color: inherit;
opacity: 1;
}
.bar-hamburger .hamburger:hover::before {
background: rgba(0, 0, 0, 0.06);
transform: none;
}
.mobile-social {
position: fixed;
bottom: 25px;
left: 25px;
z-index: 41;
}
.mobile-social .share-btn {
background: var(--clb-color-white);
width: 50px;
height: 50px;
line-height: 52px;
border-radius: 50%;
text-align: center;
font-size: 28px;
vertical-align: middle;
position: relative;
z-index: 2;
box-shadow: 0 6px 18px var(--clb-input-border-color);
transform-origin: 50% 50%;
transition: transform 0.1s ease-in-out;
}
.mobile-social .social {
background: var(--clb-color-white);
height: 0;
width: 50px;
padding: 15px 0 25px;
border-radius: 50px;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
overflow: hidden;
transition: 0.3s ease-in-out;
transition-property: height, padding, opacity;
opacity: 0;
}
.mobile-social .social a {
width: 50px;
height: 35px;
display: block;
font-size: 20px;
}
.mobile-social.active .share-btn {
transform: rotate(-45deg);
}
.mobile-social.active .social {
height: auto;
opacity: 1;
padding: 15px 0 50px;
}  .la-ball-beat,
.la-ball-beat > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-beat {
display: block;
font-size: 0;
color: var(--clb-color-white);
}
.la-ball-beat.la-dark {
color: var(--clb-color-black);
}
.la-ball-beat > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-beat {
width: 54px;
height: 18px;
}
.la-ball-beat > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
-webkit-animation: ball-beat 0.7s -0.15s infinite linear;
-moz-animation: ball-beat 0.7s -0.15s infinite linear;
-o-animation: ball-beat 0.7s -0.15s infinite linear;
animation: ball-beat 0.7s -0.15s infinite linear;
}
.la-ball-beat > div:nth-child(2n-1) {
-webkit-animation-delay: -0.5s;
-moz-animation-delay: -0.5s;
-o-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.la-ball-beat.la-sm {
width: 26px;
height: 8px;
}
.la-ball-beat.la-sm > div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-beat.la-2x {
width: 108px;
height: 36px;
}
.la-ball-beat.la-2x > div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-beat.la-3x {
width: 162px;
height: 54px;
}
.la-ball-beat.la-3x > div {
width: 30px;
height: 30px;
margin: 12px;
} @-webkit-keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes ball-beat {
50% {
opacity: 0.2;
-moz-transform: scale(0.75);
transform: scale(0.75);
}
100% {
opacity: 1;
-moz-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes ball-beat {
50% {
opacity: 0.2;
-o-transform: scale(0.75);
transform: scale(0.75);
}
100% {
opacity: 1;
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-beat {
50% {
opacity: 0.2;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
-o-transform: scale(0.75);
transform: scale(0.75);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
} .la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-fall {
display: block;
font-size: 0;
color: var(--clb-color-white);
}
.la-ball-fall.la-dark {
color: var(--clb-color-black);
}
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-fall {
width: 54px;
height: 18px;
}
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
-moz-animation: ball-fall 1s ease-in-out infinite;
-o-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
-moz-animation-delay: -200ms;
-o-animation-delay: -200ms;
animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
-moz-animation-delay: -100ms;
-o-animation-delay: -100ms;
animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
-moz-animation-delay: 0ms;
-o-animation-delay: 0ms;
animation-delay: 0ms;
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px;
}
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px;
}
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px;
}
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px;
} @-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%);
}
}
@-moz-keyframes ball-fall {
0% {
opacity: 0;
-moz-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-moz-transform: translateY(145%);
transform: translateY(145%);
}
}
@-o-keyframes ball-fall {
0% {
opacity: 0;
-o-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-o-transform: translateY(145%);
transform: translateY(145%);
}
}
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
-moz-transform: translateY(-145%);
-o-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: 0.5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: 0.5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
-moz-transform: translateY(145%);
-o-transform: translateY(145%);
transform: translateY(145%);
}
} .la-ball-scale-pulse,
.la-ball-scale-pulse > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-scale-pulse {
display: block;
font-size: 0;
color: var(--clb-color-white);
}
.la-ball-scale-pulse.la-dark {
color: var(--clb-color-black);
}
.la-ball-scale-pulse > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-scale-pulse {
width: 32px;
height: 32px;
}
.la-ball-scale-pulse > div {
position: absolute;
top: 0;
left: 0;
width: 32px;
height: 32px;
border-radius: 100%;
opacity: 0.5;
-webkit-animation: ball-scale-pulse 2s infinite ease-in-out;
-moz-animation: ball-scale-pulse 2s infinite ease-in-out;
-o-animation: ball-scale-pulse 2s infinite ease-in-out;
animation: ball-scale-pulse 2s infinite ease-in-out;
}
.la-ball-scale-pulse > div:last-child {
-webkit-animation-delay: -1s;
-moz-animation-delay: -1s;
-o-animation-delay: -1s;
animation-delay: -1s;
}
.la-ball-scale-pulse.la-sm {
width: 16px;
height: 16px;
}
.la-ball-scale-pulse.la-sm > div {
width: 16px;
height: 16px;
}
.la-ball-scale-pulse.la-2x {
width: 64px;
height: 64px;
}
.la-ball-scale-pulse.la-2x > div {
width: 64px;
height: 64px;
}
.la-ball-scale-pulse.la-3x {
width: 96px;
height: 96px;
}
.la-ball-scale-pulse.la-3x > div {
width: 96px;
height: 96px;
} @-webkit-keyframes ball-scale-pulse {
0%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes ball-scale-pulse {
0%, 100% {
-moz-transform: scale(0);
transform: scale(0);
}
50% {
-moz-transform: scale(1);
transform: scale(1);
}
}
@-o-keyframes ball-scale-pulse {
0%, 100% {
-o-transform: scale(0);
transform: scale(0);
}
50% {
-o-transform: scale(1);
transform: scale(1);
}
}
@keyframes ball-scale-pulse {
0%, 100% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
} .la-ball-scale-ripple,
.la-ball-scale-ripple > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-scale-ripple {
display: block;
font-size: 0;
color: var(--clb-color-white);
}
.la-ball-scale-ripple.la-dark {
color: var(--clb-color-black);
}
.la-ball-scale-ripple > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-scale-ripple {
width: 32px;
height: 32px;
}
.la-ball-scale-ripple > div {
width: 32px;
height: 32px;
background: transparent;
border-width: 2px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
-moz-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
-o-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.la-ball-scale-ripple.la-sm {
width: 16px;
height: 16px;
}
.la-ball-scale-ripple.la-sm > div {
width: 16px;
height: 16px;
border-width: 1px;
}
.la-ball-scale-ripple.la-2x {
width: 64px;
height: 64px;
}
.la-ball-scale-ripple.la-2x > div {
width: 64px;
height: 64px;
border-width: 4px;
}
.la-ball-scale-ripple.la-3x {
width: 96px;
height: 96px;
}
.la-ball-scale-ripple.la-3x > div {
width: 96px;
height: 96px;
border-width: 6px;
} @-webkit-keyframes ball-scale-ripple {
0% {
opacity: 1;
-webkit-transform: scale(0.1);
transform: scale(0.1);
}
70% {
opacity: 0.65;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
}
}
@-moz-keyframes ball-scale-ripple {
0% {
opacity: 1;
-moz-transform: scale(0.1);
transform: scale(0.1);
}
70% {
opacity: 0.65;
-moz-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
}
}
@-o-keyframes ball-scale-ripple {
0% {
opacity: 1;
-o-transform: scale(0.1);
transform: scale(0.1);
}
70% {
opacity: 0.65;
-o-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
}
}
@keyframes ball-scale-ripple {
0% {
opacity: 1;
-webkit-transform: scale(0.1);
-moz-transform: scale(0.1);
-o-transform: scale(0.1);
transform: scale(0.1);
}
70% {
opacity: 0.65;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
}
} .la-line-scale,
.la-line-scale > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-line-scale {
display: block;
font-size: 0;
color: var(--clb-color-white);
}
.la-line-scale.la-dark {
color: var(--clb-color-black);
}
.la-line-scale > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-line-scale {
width: 40px;
height: 32px;
}
.la-line-scale > div {
width: 4px;
height: 32px;
margin: 2px;
margin-top: 0;
margin-bottom: 0;
border-radius: 0;
-webkit-animation: line-scale 1.2s infinite ease;
-moz-animation: line-scale 1.2s infinite ease;
-o-animation: line-scale 1.2s infinite ease;
animation: line-scale 1.2s infinite ease;
}
.la-line-scale > div:nth-child(1) {
-webkit-animation-delay: -1.2s;
-moz-animation-delay: -1.2s;
-o-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.la-line-scale > div:nth-child(2) {
-webkit-animation-delay: -1.1s;
-moz-animation-delay: -1.1s;
-o-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.la-line-scale > div:nth-child(3) {
-webkit-animation-delay: -1s;
-moz-animation-delay: -1s;
-o-animation-delay: -1s;
animation-delay: -1s;
}
.la-line-scale > div:nth-child(4) {
-webkit-animation-delay: -0.9s;
-moz-animation-delay: -0.9s;
-o-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.la-line-scale > div:nth-child(5) {
-webkit-animation-delay: -0.8s;
-moz-animation-delay: -0.8s;
-o-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.la-line-scale.la-sm {
width: 20px;
height: 16px;
}
.la-line-scale.la-sm > div {
width: 2px;
height: 16px;
margin: 1px;
margin-top: 0;
margin-bottom: 0;
}
.la-line-scale.la-2x {
width: 80px;
height: 64px;
}
.la-line-scale.la-2x > div {
width: 8px;
height: 64px;
margin: 4px;
margin-top: 0;
margin-bottom: 0;
}
.la-line-scale.la-3x {
width: 120px;
height: 96px;
}
.la-line-scale.la-3x > div {
width: 12px;
height: 96px;
margin: 6px;
margin-top: 0;
margin-bottom: 0;
} @-webkit-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-moz-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
-moz-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
}
}
@-o-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
-o-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes line-scale {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
-moz-transform: scaleY(0.4);
-o-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
} .la-line-scale,
.la-line-scale > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-line-scale {
display: block;
font-size: 0;
color: var(--clb-color-white);
}
.la-line-scale.la-dark {
color: var(--clb-color-black);
}
.la-line-scale > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-line-scale {
width: 40px;
height: 32px;
}
.la-line-scale > div {
width: 4px;
height: 32px;
margin: 2px;
margin-top: 0;
margin-bottom: 0;
border-radius: 0;
-webkit-animation: line-scale 1.2s infinite ease;
-moz-animation: line-scale 1.2s infinite ease;
-o-animation: line-scale 1.2s infinite ease;
animation: line-scale 1.2s infinite ease;
}
.la-line-scale > div:nth-child(1) {
-webkit-animation-delay: -1.2s;
-moz-animation-delay: -1.2s;
-o-animation-delay: -1.2s;
animation-delay: -1.2s;
}
.la-line-scale > div:nth-child(2) {
-webkit-animation-delay: -1.1s;
-moz-animation-delay: -1.1s;
-o-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.la-line-scale > div:nth-child(3) {
-webkit-animation-delay: -1s;
-moz-animation-delay: -1s;
-o-animation-delay: -1s;
animation-delay: -1s;
}
.la-line-scale > div:nth-child(4) {
-webkit-animation-delay: -0.9s;
-moz-animation-delay: -0.9s;
-o-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.la-line-scale > div:nth-child(5) {
-webkit-animation-delay: -0.8s;
-moz-animation-delay: -0.8s;
-o-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.la-line-scale.la-sm {
width: 20px;
height: 16px;
}
.la-line-scale.la-sm > div {
width: 2px;
height: 16px;
margin: 1px;
margin-top: 0;
margin-bottom: 0;
}
.la-line-scale.la-2x {
width: 80px;
height: 64px;
}
.la-line-scale.la-2x > div {
width: 8px;
height: 64px;
margin: 4px;
margin-top: 0;
margin-bottom: 0;
}
.la-line-scale.la-3x {
width: 120px;
height: 96px;
}
.la-line-scale.la-3x > div {
width: 12px;
height: 96px;
margin: 6px;
margin-top: 0;
margin-bottom: 0;
} @-webkit-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-moz-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
-moz-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
transform: scaleY(1);
}
}
@-o-keyframes line-scale {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
-o-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes line-scale {
0%, 40%, 100% {
-webkit-transform: scaleY(0.4);
-moz-transform: scaleY(0.4);
-o-transform: scaleY(0.4);
transform: scaleY(0.4);
}
20% {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
} .la-line-spin-clockwise-fade,
.la-line-spin-clockwise-fade > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-line-spin-clockwise-fade {
display: block;
font-size: 0;
color: var(--clb-color-white);
}
.la-line-spin-clockwise-fade.la-dark {
color: var(--clb-color-black);
}
.la-line-spin-clockwise-fade > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-line-spin-clockwise-fade {
width: 32px;
height: 32px;
}
.la-line-spin-clockwise-fade > div {
position: absolute;
width: 2px;
height: 10px;
margin: 2px;
margin-top: -5px;
margin-left: -1px;
border-radius: 0;
-webkit-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
-moz-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
-o-animation: line-spin-clockwise-fade 1s infinite ease-in-out;
animation: line-spin-clockwise-fade 1s infinite ease-in-out;
}
.la-line-spin-clockwise-fade > div:nth-child(1) {
top: 15%;
left: 50%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-animation-delay: -0.875s;
-moz-animation-delay: -0.875s;
-o-animation-delay: -0.875s;
animation-delay: -0.875s;
}
.la-line-spin-clockwise-fade > div:nth-child(2) {
top: 25.2512626585%;
left: 74.7487373415%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-animation-delay: -0.75s;
-moz-animation-delay: -0.75s;
-o-animation-delay: -0.75s;
animation-delay: -0.75s;
}
.la-line-spin-clockwise-fade > div:nth-child(3) {
top: 50%;
left: 85%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-animation-delay: -0.625s;
-moz-animation-delay: -0.625s;
-o-animation-delay: -0.625s;
animation-delay: -0.625s;
}
.la-line-spin-clockwise-fade > div:nth-child(4) {
top: 74.7487373415%;
left: 74.7487373415%;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-animation-delay: -0.5s;
-moz-animation-delay: -0.5s;
-o-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.la-line-spin-clockwise-fade > div:nth-child(5) {
top: 84.9999999974%;
left: 50.0000000004%;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-animation-delay: -0.375s;
-moz-animation-delay: -0.375s;
-o-animation-delay: -0.375s;
animation-delay: -0.375s;
}
.la-line-spin-clockwise-fade > div:nth-child(6) {
top: 74.7487369862%;
left: 25.2512627193%;
-webkit-transform: rotate(225deg);
-moz-transform: rotate(225deg);
-ms-transform: rotate(225deg);
-o-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-animation-delay: -0.25s;
-moz-animation-delay: -0.25s;
-o-animation-delay: -0.25s;
animation-delay: -0.25s;
}
.la-line-spin-clockwise-fade > div:nth-child(7) {
top: 49.9999806189%;
left: 15.0000039834%;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-animation-delay: -0.125s;
-moz-animation-delay: -0.125s;
-o-animation-delay: -0.125s;
animation-delay: -0.125s;
}
.la-line-spin-clockwise-fade > div:nth-child(8) {
top: 25.2506949798%;
left: 25.2513989292%;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
.la-line-spin-clockwise-fade.la-sm {
width: 16px;
height: 16px;
}
.la-line-spin-clockwise-fade.la-sm > div {
width: 1px;
height: 4px;
margin-top: -2px;
margin-left: 0;
}
.la-line-spin-clockwise-fade.la-2x {
width: 64px;
height: 64px;
}
.la-line-spin-clockwise-fade.la-2x > div {
width: 4px;
height: 20px;
margin-top: -10px;
margin-left: -2px;
}
.la-line-spin-clockwise-fade.la-3x {
width: 96px;
height: 96px;
}
.la-line-spin-clockwise-fade.la-3x > div {
width: 6px;
height: 30px;
margin-top: -15px;
margin-left: -3px;
} @-webkit-keyframes line-spin-clockwise-fade {
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@-moz-keyframes line-spin-clockwise-fade {
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@-o-keyframes line-spin-clockwise-fade {
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
@keyframes line-spin-clockwise-fade {
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
} .la-ball-clip-rotate,
.la-ball-clip-rotate > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-clip-rotate {
display: block;
font-size: 0;
color: var(--clb-color-white);
}
.la-ball-clip-rotate.la-dark {
color: var(--clb-color-black);
}
.la-ball-clip-rotate > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-clip-rotate {
width: 32px;
height: 32px;
}
.la-ball-clip-rotate > div {
width: 32px;
height: 32px;
background: transparent;
border-width: 2px;
border-bottom-color: transparent;
border-radius: 100%;
-webkit-animation: ball-clip-rotate 0.75s linear infinite;
-moz-animation: ball-clip-rotate 0.75s linear infinite;
-o-animation: ball-clip-rotate 0.75s linear infinite;
animation: ball-clip-rotate 0.75s linear infinite;
}
.la-ball-clip-rotate.la-sm {
width: 16px;
height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
width: 16px;
height: 16px;
border-width: 1px;
}
.la-ball-clip-rotate.la-2x {
width: 64px;
height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
width: 64px;
height: 64px;
border-width: 4px;
}
.la-ball-clip-rotate.la-3x {
width: 96px;
height: 96px;
}
.la-ball-clip-rotate.la-3x > div {
width: 96px;
height: 96px;
border-width: 6px;
} @-webkit-keyframes ball-clip-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes ball-clip-rotate {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes ball-clip-rotate {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes ball-clip-rotate {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
} .la-square-loader,
.la-square-loader > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-square-loader {
display: block;
font-size: 0;
color: var(--clb-color-white);
}
.la-square-loader.la-dark {
color: var(--clb-color-black);
}
.la-square-loader > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-square-loader {
width: 32px;
height: 32px;
}
.la-square-loader > div {
width: 100%;
height: 100%;
background: transparent;
border-width: 2px;
border-radius: 0;
-webkit-animation: square-loader 2s infinite ease;
-moz-animation: square-loader 2s infinite ease;
-o-animation: square-loader 2s infinite ease;
animation: square-loader 2s infinite ease;
}
.la-square-loader > div::after {
display: inline-block;
width: 100%;
vertical-align: top;
content: "";
background-color: currentColor;
-webkit-animation: square-loader-inner 2s infinite ease-in;
-moz-animation: square-loader-inner 2s infinite ease-in;
-o-animation: square-loader-inner 2s infinite ease-in;
animation: square-loader-inner 2s infinite ease-in;
}
.la-square-loader.la-sm {
width: 16px;
height: 16px;
}
.la-square-loader.la-sm > div {
border-width: 1px;
}
.la-square-loader.la-2x {
width: 64px;
height: 64px;
}
.la-square-loader.la-2x > div {
border-width: 4px;
}
.la-square-loader.la-3x {
width: 96px;
height: 96px;
}
.la-square-loader.la-3x > div {
border-width: 6px;
} @-webkit-keyframes square-loader {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
75% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes square-loader {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
50% {
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
75% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes square-loader {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
50% {
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
75% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes square-loader {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
25% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
50% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
75% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes square-loader-inner {
0% {
height: 0;
}
25% {
height: 0;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0;
}
}
@-moz-keyframes square-loader-inner {
0% {
height: 0;
}
25% {
height: 0;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0;
}
}
@-o-keyframes square-loader-inner {
0% {
height: 0;
}
25% {
height: 0;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0;
}
}
@keyframes square-loader-inner {
0% {
height: 0;
}
25% {
height: 0;
}
50% {
height: 100%;
}
75% {
height: 100%;
}
100% {
height: 0;
}
}     :root { --clb-color-primary: #174EE2;
--clb-color-black: #282828;
--clb-color-black-lighter: color-mix(in srgb, var(--clb-color-black) 92%, white);
--clb-color-neutral: #888;
--clb-color-white: white;
--clb-color-gray: #d9d9d9;
--clb-color-fill: color-mix(in srgb, var(--clb-color-neutral) 8%, white);
--clb-color-light-gray: rgba(0,0,0,.03);
--clb-color-fields-text: var(--clb-color-neutral);
--clb-color-titles: var(--clb-color-black);
--clb-color-subtitles: var(--clb-color-neutral);
--clb-color-texts: var(--clb-color-black-lighter);
--clb-color-footer: rgba(255,255,255,.6);
--clb-color-footer-border: rgba(255,255,255,.2);
--clb-color-link: inherit;
--clb-color-link-hover: var(--clb-color-primary);
--clb-color-border: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
--clb-color-border-dark: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-input-border-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-color-button: var(--clb-color-black);
--clb-color-button-hover: var(--clb-color-primary);
--clb-color-artstation: #26bbff;
--clb-color-behance: #0056ff;
--clb-color-deviantart: #05CC47;
--clb-color-digg: #1c5891;
--clb-color-discord: #7289da;
--clb-color-dribbble: #fd629e;
--clb-color-facebook: #217cef;
--clb-color-flickr: #0063db;
--clb-color-github: #24292E;
--clb-color-houzz: #007562;
--clb-color-instagram: var(--clb-color-black-lighter);
--clb-color-kaggle: #32C0FD;
--clb-color-linkedin: #4477ab;
--clb-color-medium: #1a8917;
--clb-color-mixer: #0270d9;
--clb-color-pinterest: #e4252d;
--clb-color-producthunt: #ff4f00;
--clb-color-quora: #a82401;
--clb-color-reddit: #ff4501;
--clb-color-snapchat: #e0e410;
--clb-color-soundcloud: #FD561F;
--clb-color-spotify: #1ED760;
--clb-color-teamspeak: #1c82cc;
--clb-color-telegram: #0088cc;
--clb-color-threads: var(--clb-color-black-lighter);
--clb-color-tiktok: var(--clb-color-black-lighter);
--clb-color-tumblr: var(--clb-color-black-lighter);
--clb-color-twitch: #9147ff;
--clb-color-twitter: var(--clb-color-black-lighter);
--clb-color-vimeo: #1ab8ea;
--clb-color-vine: #00be8e;
--clb-color-whatsapp: #0ec143;
--clb-color-xing: #0C6567;
--clb-color-youtube: #e4252d;
--clb-color-fivehundredpx: var(--clb-color-black-lighter);
}  :root { --clb-border-style-solid: solid;
--clb-border-style-dashed: dashed;
--clb-border-width: 1px;
--clb-border-width-double: 2px;
--clb-border-radius: 0.5rem;
--clb-border-radius-small: calc(var(--clb-border-radius) / 1.5);
--clb-border-radius-large: calc(var(--clb-border-radius) * 1.5);
--clb-border-radius-extra-large: calc(var(--clb-border-radius) * 2.5);
--clb-border-radius-50: 50%;
--clb-button-border-radius: var(--clb-border-radius);
--clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 1.5);
--clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 1.5);
--clb-button-border-radius-extra-large: calc(var(--clb-button-border-radius) * 2);
--clb-grid-border-radius: var(--clb-border-radius);
--clb-text-field-border-radius: var(--clb-border-radius);
--clb-grid-gutter: 15px;
--clb-icon-button: 50px;
--clb-icon-button-small: 40px;
--clb-video-button-size: 60px;
--clb-button-height: 2.75rem;
--clb-button-height-small: 2.15rem;
--clb-button-height-large: 3.15rem;
--clb-button-height-extra-large: 3.6rem;
--clb-button-side-padding: 1.15rem;
--clb-button-side-padding-small: 0.85rem;
--clb-button-side-padding-large: 1.35rem;
--clb-button-side-padding-extra-large: 1.65rem;
--clb-header-height: 80px;
--clb-header-height-3: 17vh;
--clb-header-height-6: 280px;
--clb-header-height-7: 10vh;
--clb-sticky-header-height: 7.5vh;
--clb-button-purchase: 2.5rem;
--clb-admin-bar-height: 32px;
--clb-admin-bar-height-mobile: 46px;
--clb-panel-width: 76px;
--clb-spacer-05: 0.25rem;
--clb-spacer-1: 0.5rem;
--clb-spacer-2: 0.75rem;
--clb-spacer-3: 1rem;
--clb-spacer-4: 1.25rem;
--clb-spacer-5: 1.5rem;
--clb-spacer-6: 1.75rem;
--clb-spacer-7: 2rem;
--clb-spacer-8: 2.25rem;
--clb-spacer-9: 2.5rem;
--clb-spacer-10: 2.75rem;
--clb-spacer: 20px;
--clb-spacer-small: 2.5vh;
--clb-spacer-large: 4.5vh;
--clb-gap: 0.5em;
--clb-gap-small: 0.25em;
--clb-gap-large: 1em;
--clb-cursor-default: default;
--clb-cursor-pointer: pointer;
--clb-cursor-help: help;
--clb-container-width: 1326px;
--clb-container-width-md: 1226px;
--clb-container-width-laptop: 86vw;
--clb-container-offset: calc((100vw - var(--clb-container-width)) / 2);
--clb-container-side-spacer: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height));
--clb-container-side-gutter: var(--clb-grid-gutter);
--clb-container-narrow-side-spacer: 5vw;
--clb-slide-in-panel-width: 25rem;
--clb-slide-in-panel-header-height: 5rem;
--clb-transition-function: cubic-bezier(0.4, 0, 0.2, 1);
--clb-transition-duration: .35s;
--clb-transition-duration-faster: .25s;
--clb-infinit-scrolling-transition-duration: 45s;
--clb-transform-scale: scale3d(1.06, 1.06, 1.06);
--clb-size-offset-fullwidth-container: 7%;
--clb-size-page-offset-top: 80px;
--clb-size-page-offset-bottom: 90px;
--clb-size-page-offset-top-md: 30px;
--clb-size-page-offset-bottom-md: 30px; --clb-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-body-color: var(--clb-color-black-lighter);
--clb-body-color-grey: color-mix(in srgb, var(--clb-body-color) 66%, white);
--clb-body-color-grey-light: color-mix(in srgb, var(--clb-body-color) 51%, white);
--clb-font-size: 1rem;
--clb-font-size-small: calc(var(--clb-font-size) * 0.95);
--clb-font-size-extra-small: calc(var(--clb-font-size) * 0.9);
--clb-font-size-large: calc(var(--clb-font-size) * 1.05);
--clb-code-font-family: menlo, monaco, consolas, "Lucida Console", monospace;
--clb-action-font-family: var(--clb-titles-font-family);
--clb-action-font-size: 0.95em;
--clb-action-font-size-small: 0.9em;
--clb-action-font-size-large: 1em;
--clb-action-font-weight: var(--clb-titles-font-weight);
--clb-countdown-font-size: var(--clb-titles-h3-font-size-min);
--clb-countdown-font-size-min: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size-min: var(--clb-titles-h5-font-size-min);
--clb-wc-product-thumbnail: 3.75rem;
--clb-wc-product-title: 1.1em;
--clb-wc-product-title-line-height: var(--clb-titles-h1-line-height);
--clb-color-swatch-width: var(--clb-spacer-6);
--clb-color-swatch-small-width: var(--clb-spacer-4);
--clb-titles-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-titles-color: var(--clb-color-black);
--clb-titles-font-size: inherit;
--clb-titles-letter-spacing: inherit;
--clb-titles-line-height: inherit;
--clb-titles-font-weight: 600;
--clb-titles-style: normal;
--clb-titles-text-transform: none;
--clb-titles-text-decoration: none;
--clb-titles-h1-font-size: 3.16em;
--clb-titles-h2-font-size: 2.56em;
--clb-titles-h3-font-size: 2.05em;
--clb-titles-h4-font-size: 1.64em;
--clb-titles-h5-font-size: 1.28em;
--clb-titles-h6-font-size: 1.05rem;
--clb-titles-widget-font-size: 1.14em;
--clb-titles-h1-font-size-min: calc(var(--clb-titles-h1-font-size) * 0.8);
--clb-titles-h2-font-size-min: calc(var(--clb-titles-h2-font-size) * 0.8);
--clb-titles-h3-font-size-min: calc(var(--clb-titles-h3-font-size) * 0.8);
--clb-titles-h4-font-size-min: calc(var(--clb-titles-h4-font-size) * 0.8);
--clb-titles-h5-font-size-min: calc(var(--clb-titles-h5-font-size) * 0.8);
--clb-titles-h6-font-size-min: 1em;
--clb-titles-h1-letter-spacing: -0.03em;
--clb-titles-h2-letter-spacing: -0.025em;
--clb-titles-h3-letter-spacing: -0.02em;
--clb-titles-h4-letter-spacing: -0.015em;
--clb-titles-h5-letter-spacing: -0.01em;
--clb-titles-h6-letter-spacing: -0.005em;
--clb-titles-h1-line-height: 1.1;
--clb-titles-h2-line-height: 1.15;
--clb-titles-h3-line-height: 1.2;
--clb-titles-h4-line-height: 1.25;
--clb-titles-h5-line-height: 1.3;
--clb-titles-h6-line-height: 1.35;
--clb-text-bold: bold;
--clb-text-semi-bold: 600;
--clb-text-medium: 500;
--clb-text-normal: 400;
--clb-font-main: "Rubik", sans-serif;
--clb-font-main-size: 1rem;
--clb-font-small-size: 0.95em;
--clb-font-extra-small-size: 0.9em;
--clb-font-caption-size: 0.75rem;
--clb-font-code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
--clb-font-pre: "Courier 10 Pitch", Courier, monospace;
--clb-font-titles: "Poppins", sans-serif;
--clb-font-subtitles: "Poppins", serif;
--clb-font-lh-body: 1.65;
--clb-font-lh-titles: 1.4;
--clb-font-lh-subtitles: 1.4;
--clb-font-lh-text: 1.4;
--clb-font-h1: 60px;
--clb-font-h2: calc(60px * 0.72);
--clb-font-h3: calc(60px * 0.58);
--clb-font-h4: calc(60px * 0.45);
--clb-font-h5: calc(60px * 0.33);
--clb-font-h6: 60px;
}     .portfolio-sorting {
width: auto;
margin: 30px 0 25px -8px;
line-height: 32px;
vertical-align: middle;
text-align: center;
}
.portfolio-sorting.text-left {
text-align: left;
}
.portfolio-sorting.text-right {
text-align: right;
}
.portfolio-sorting li {
display: inline-block;
font-size: 0;
font-family: var(--clb-font-titles);
}
.portfolio-sorting li::after {
content: "/";
color: currentColor;
opacity: 0.8;
display: inline-block;
font-size: 12.4px;
position: relative;
top: 1px;
}
.portfolio-sorting li:last-child::after {
display: none;
}
.portfolio-sorting li a {
padding: 5px 12px 5px 8px;
display: inline-block;
font-size: 12.4px;
font-weight: 600;
position: relative;
transition: 0.2s ease-in-out;
transition-property: color, border-color;
}
.portfolio-sorting li a .num {
font-size: 10px;
position: relative;
top: -5px;
}
.portfolio-sorting li a .name {
position: relative;
}
.portfolio-sorting li a .name::before {
content: "";
background: currentColor;
width: 100%;
height: 1px;
position: absolute;
bottom: -8px;
opacity: 0;
transition: 0.2s ease-in-out;
transition-property: opacity, bottom;
}
.portfolio-sorting li a.active {
color: var(--clb-color-black);
font-weight: 600;
}
.portfolio-sorting li a:hover {
color: var(--clb-color-primary);
transition-duration: 0.1s;
}
.portfolio-sorting li a.active .name::before,
.portfolio-sorting li a:hover .name::before {
opacity: 1;
bottom: -4px;
}
div.portfolio-item-wrap.with-padding {
padding: 15px;
}
div.portfolio-item-wrap.post-offset {
padding: 0;
}
.portfolio-item {
margin: 0;
position: relative;
transition: all 2s ease-in-out;
z-index: 1;
}
.portfolio-item .image-wrap {
background: #dadada;
width: 100%;
min-height: 80px;
position: relative;
text-align: center;
display: block;
transition: height 0.2s ease-in-out;
}
.portfolio-item .image-wrap img {
width: 100%;
vertical-align: middle;
display: block;
}
.portfolio-item .category {
margin-right: 0;
}
.portfolio-item h2.title,
.portfolio-item h4.title,
.portfolio-item .widget h4,
.widget .portfolio-item h4,
.portfolio-item .more,
.portfolio-item .category {
transition: 0.4s cubic-bezier(0.2, 0.7, 0.5, 1);
transition-property: opacity, color, transform;
}
.portfolio-item h4.title,
.portfolio-item .widget h4,
.widget .portfolio-item h4 {
margin-top: 10px;
font-size: var(--clb-font-small-size);
}
.portfolio-item h4.title a,
.portfolio-item .widget h4 a,
.widget .portfolio-item h4 a {
color: var(--clb-color-texts);
}
.portfolio-item h4.title a:hover,
.portfolio-item .widget h4 a:hover,
.widget .portfolio-item h4 a:hover {
color: var(--clb-color-primary);
}
.portfolio-item .text-description {
padding-top: 25px;
}
.portfolio-item .more {
font-size: 36px;
}
.portfolio-item.grid-1 .description {
padding-top: 50px;
z-index: 2;
transition: opacity 0.3s ease-in-out;
}
.portfolio-item.grid-1 .category,
.portfolio-item.grid-1 h4.title,
.portfolio-item.grid-1 .widget h4,
.widget .portfolio-item.grid-1 h4,
.portfolio-item.grid-1 .more {
opacity: 0;
transform: translateY(20px);
transition-delay: 0s;
}
.portfolio-item.grid-1::after {
content: "";
background: color-mix(in srgb, var(--clb-color-white) 80%, transparent);
width: calc(100% - 50px);
height: calc(100% - 50px);
position: absolute;
top: 25px;
left: 25px;
z-index: 1;
opacity: 0;
transform: scale(0.9);
transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);
transition-property: transform, opacity;
}
.portfolio-item.grid-1:hover .description {
opacity: 1;
}
.portfolio-item.grid-1:hover .category,
.portfolio-item.grid-1:hover h4.title,
.portfolio-item.grid-1:hover .widget h4,
.widget .portfolio-item.grid-1:hover h4,
.portfolio-item.grid-1:hover .more {
opacity: 1;
transform: none;
}
.portfolio-item.grid-1:hover .category {
transition-delay: 0.1s;
}
.portfolio-item.grid-1:hover h4.title,
.portfolio-item.grid-1:hover .widget h4,
.widget .portfolio-item.grid-1:hover h4 {
transition-delay: 0.2s;
}
.portfolio-item.grid-1:hover .more {
transition-delay: 0.3s;
}
.portfolio-item.grid-1:hover::after {
opacity: 1;
transform: none;
}
.portfolio-item.grid-1.hover-2 .description {
padding: 25px;
}
.portfolio-item.grid-1.hover-2::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.portfolio-item.grid-1.hover-2 .more {
position: absolute;
bottom: 0px;
right: 25px;
}
.portfolio-item.grid-1.hover-3 {
overflow: hidden;
}
.portfolio-item.grid-1.hover-3::after {
content: none;
}
.portfolio-item.grid-1.hover-3 .description {
background: color-mix(in srgb, var(--clb-color-white) 80%, transparent);
width: 100%;
height: auto;
padding: 25px;
top: auto;
bottom: 0;
opacity: 0;
text-align: left;
transform: translateY(15px);
transition: 0.2s ease-in-out;
transition-property: opacity, transform;
}
.portfolio-item.grid-1.hover-3 .more {
position: absolute;
right: 25px;
bottom: 0;
}
.portfolio-item.grid-1.hover-3:hover .description {
transform: none;
opacity: 1;
}
.portfolio-item.grid-1.metro-style .image-wrap {
padding: 50% 0;
background-size: cover;
background-position: center;
}
.portfolio-item.grid-2 .description {
background: transparent;
padding: 15px;
text-align: center;
}
.portfolio-item.grid-2 .image-wrap {
transition: opacity 0.2s ease-in-out;
}
.portfolio-item.grid-2:hover .image-wrap {
opacity: 0.7;
}
.portfolio-item.grid-2:hover h4.title,
.portfolio-item.grid-2:hover .widget h4,
.widget .portfolio-item.grid-2:hover h4 {
color: var(--clb-color-primary);
}
.portfolio-item.grid-2.hover-2 .overlay {
background: color-mix(in srgb, var(--clb-color-white) 80%, transparent);
width: calc(100% - 50px);
height: calc(100% - 50px);
top: 25px;
left: 25px;
opacity: 0;
transform: scale(0.9);
transition: 0.3s cubic-bezier(0.17, 0.67, 0.49, 1.02);
transition-property: opacity, transform;
}
.portfolio-item.grid-2.hover-2 .overlay span {
color: var(--clb-color-primary);
width: 60px;
height: 60px;
line-height: 62px;
display: inline-block;
font-size: 36px;
border: 1px solid color-mix(in srgb, var(--clb-color-primary) 50%, transparent);
border-radius: 50px;
transform: translateY(20px);
opacity: 0;
transition: 0.3s ease-in-out;
transition-property: opacity, transform;
}
.portfolio-item.grid-2.hover-2:hover .image-wrap {
opacity: 1;
}
.portfolio-item.grid-2.hover-2:hover .overlay {
opacity: 1;
transform: none;
}
.portfolio-item.grid-2.hover-2:hover .overlay span {
transform: none;
opacity: 1;
transition-delay: 0.05s;
}
.portfolio-item.grid-2.hover-3 .wrap {
position: relative;
}
.portfolio-item.grid-2.hover-3 .more {
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -10px;
opacity: 0;
transition-delay: 0s;
transform: translateY(20px);
}
.portfolio-item.grid-2.hover-3:hover h4.title,
.portfolio-item.grid-2.hover-3:hover .widget h4,
.widget .portfolio-item.grid-2.hover-3:hover h4,
.portfolio-item.grid-2.hover-3:hover .category {
opacity: 0;
transform: translateY(-20px);
}
.portfolio-item.grid-2.hover-3:hover .image-wrap {
opacity: 1;
}
.portfolio-item.grid-2.hover-3:hover .more {
transform: none;
opacity: 1;
transition-delay: 0.2s;
}
.portfolio-item.grid-4 .more,
.portfolio-item.grid-5 .more {
display: inline-block;
font-size: var(--clb-font-main-size);
font-family: var(--clb-font-titles);
font-weight: 600;
}
.portfolio-item.grid-4 .more span,
.portfolio-item.grid-5 .more span {
margin-left: 15px;
font-size: 36px;
line-height: 1;
vertical-align: -8px;
display: inline-block;
transition: transform 0.15s ease-in-out;
}
.portfolio-item.grid-4 .more::before,
.portfolio-item.grid-5 .more::before {
width: 74%;
bottom: 6px;
}
.portfolio-item.grid-4 .more:hover span,
.portfolio-item.grid-5 .more:hover span {
transform: rotate(45deg);
}
.portfolio-item.grid-4 {
height: 100%;
min-height: 400px;
overflow: hidden;
}
.portfolio-item.grid-4 .image-wrap {
height: 100%;
background-size: cover;
background-position: center;
position: relative;
top: 0;
transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.5, 1);
}
.portfolio-item.grid-4 .description {
background: color-mix(in srgb, var(--clb-color-black) 60%, transparent);
padding: 40px;
}
.portfolio-item.grid-4 h2.title {
color: var(--clb-color-white);
padding-right: 20%;
margin-top: var(--clb-spacer-4);
font-size: 42px;
line-height: 1.2;
transition: transform 0.2s ease-in-out;
transform: none;
}
.portfolio-item.grid-4 h2.title a:hover {
color: var(--clb-color-white);
}
.portfolio-item.grid-4 a {
color: var(--clb-color-white);
}
.portfolio-item.grid-4:hover .image-wrap {
transform: scale(1.05);
transition-duration: 2s;
}
.portfolio-item.grid-5 {
background: url(//www.bulbtech.com/wp-content/themes/norebro/assets/images/portfolio-bg.png) repeat;
}
.portfolio-item.grid-5 .image-wrap {
background-size: cover;
background-position: center;
min-height: 0px;
}
.portfolio-item.grid-5 .description {
padding: 0;
text-align: left;
}
.portfolio-item.grid-5 .description .content-center {
width: 70%;
margin: 0 auto;
}
.portfolio-item.grid-5 h2.title {
font-size: 70px;
font-weight: 600;
line-height: 1;
}
.portfolio-item.grid-5 .more span {
color: var(--clb-color-primary);
}
.portfolio-item.grid-5 a:hover {
color: var(--clb-color-black);
}
.portfolio-item.grid-5 a.hover-underline::before {
background: var(--clb-color-black);
}
.portfolio-item.grid-6 {
height: 100%;
}
.portfolio-item.grid-6 .image-wrap {
height: calc(100% - 80px);
background-size: cover;
background-position: center;
}
.portfolio-item.grid-6 .description {
padding: 10px;
}
.portfolio-item.grid-6 .category {
color: var(--clb-color-neutral);
}
.portfolio-item.grid-6 > a {
height: 100%;
display: block;
}
.portfolio-item.grid-7 {
height: 100%;
}
.portfolio-item.grid-7 .image-wrap {
background-position: center;
background-size: cover;
}
.portfolio-item.grid-7 .description {
background: color-mix(in srgb, var(--clb-color-black) 25%, transparent);
}
.portfolio-item.grid-7 h2.title {
margin-bottom: 10px;
font-size: 80px;
font-weight: 600;
color: var(--clb-color-white);
}
.portfolio-item.grid-7 .text-description {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.portfolio-item.grid-7 .more {
font-size: var(--clb-font-main-size);
font-weight: 600;
margin-top: var(--clb-spacer-3);
line-height: 2;
position: relative;
display: inline-block;
color: var(--clb-color-white);
}
.portfolio-item.grid-7 .more::before {
content: "";
background: currentColor;
width: 100%;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
}
.portfolio-item.grid-5 h2.title,
.portfolio-item.grid-5 .category,
.portfolio-item.grid-5 .more,
.portfolio-item.grid-7 h2.title,
.portfolio-item.grid-7 .category,
.portfolio-item.grid-7 .more {
transform: translateY(60px);
}
.portfolio-item.grid-5 h2.title,
.portfolio-item.grid-5 .category,
.portfolio-item.grid-5 .more,
.portfolio-item.grid-5 .text-description,
.portfolio-item.grid-5 .date-left,
.portfolio-item.grid-7 h2.title,
.portfolio-item.grid-7 .category,
.portfolio-item.grid-7 .more,
.portfolio-item.grid-7 .text-description,
.portfolio-item.grid-7 .date-left,
.portfolio-item.grid-8 h2.title,
.portfolio-item.grid-8 .category,
.portfolio-item.grid-8 .more,
.portfolio-item.grid-8 .text-description,
.portfolio-item.grid-8 .date-left {
transition: 0.3s ease-out;
transform: translateY(20px);
opacity: 0;
}
.portfolio-item.grid-8::after {
content: "";
background: var(--clb-color-black);
width: 35%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.portfolio-item.grid-8::before {
content: "";
background: url(//www.bulbtech.com/wp-content/themes/norebro/assets/images/portfolio-9-bg.png) repeat;
height: 70%;
width: 27%;
position: absolute;
top: 15%;
left: calc(8% - 20px);
z-index: 2;
}
.portfolio-item.grid-8 .image-wrap {
width: 65%;
left: 35%;
}
.portfolio-item.grid-8 .description {
background: rgba(77, 77, 77, 0.4);
background: linear-gradient(to right, color-mix(in srgb, var(--clb-color-black) 85%, transparent), color-mix(in srgb, var(--clb-color-black) 25%, transparent));
}
.portfolio-item.grid-8 .content-center {
padding-top: 80px;
z-index: 3;
}
.portfolio-item.grid-8 h2.title {
max-width: 600px;
margin: var(--clb-spacer-3) 0px 0px 0px;
font-size: 62px;
line-height: 1.1;
}
.portfolio-item.grid-8 .text-description {
max-width: 550px;
margin-left: 0px;
margin-right: 0px;
color: var(--clb-color-neutral);
}
.portfolio-item.grid-8 .date {
color: color-mix(in srgb, var(--clb-color-neutral) 70%, black);
font-size: 68px;
font-weight: 600;
margin: 35px 0 0 0px;
}
.portfolio-item.grid-8 .date-left {
color: var(--clb-color-neutral);
font-weight: 600;
font-size: var(--clb-font-small-size);
letter-spacing: 0.5px;
position: absolute;
left: -70px;
transform-origin: 0% 0%;
transform: rotate(-90deg) translateY(-20px) translateX(calc(-100% - 70px));
}
.ms-table.active .portfolio-item.grid-5 h2.title,
.ms-table.active .portfolio-item.grid-5 .category,
.ms-table.active .portfolio-item.grid-5 .more,
.ms-table.active .portfolio-item.grid-5 .text-description,
.onepage-section.active .portfolio-item h2.title,
.onepage-section.active .portfolio-item .category,
.onepage-section.active .portfolio-item .more,
.onepage-section.active .portfolio-item .text-description {
transform: none;
opacity: 1;
}
.ms-table.active .portfolio-item.grid-5 .date-left,
.onepage-section.active .portfolio-item .date-left {
transform: rotate(-90deg) translateX(calc(-100% - 70px));
opacity: 1;
transition-delay: 0.6s;
}
.ms-table.active .portfolio-item.grid-5 .category,
.onepage-section.active .portfolio-item .category {
transition-delay: 0.4s;
}
.ms-table.active .portfolio-item.grid-5 h2.title,
.onepage-section.active .portfolio-item h2.title {
transition-delay: 0.5s;
}
.ms-table.active .portfolio-item.grid-5 .text-description,
.onepage-section.active .portfolio-item .text-description {
transition-delay: 0.6s;
}
.ms-table.active .portfolio-item.grid-5 .more,
.onepage-section.active .portfolio-item .more {
transition-delay: 0.7s;
}
.portfolio-grid-7 .onepage-section.active .portfolio-item .more,
.ms-table.active .portfolio-item.grid-5 .more {
transition-delay: 0.6s;
}
.portfolio-grid-7 .onepage-section.prev .portfolio-item h2.title,
.portfolio-grid-7 .onepage-section.prev .portfolio-item .category,
.portfolio-grid-7 .onepage-section.prev .portfolio-item .more,
.portfolio-grid-7 .onepage-section.prev .portfolio-item .text-description,
.portfolio-grid-7 .onepage-section.prev .portfolio-item .date-left,
.ms-table.prev .portfolio-item.grid-5 h2.title,
.ms-table.prev .portfolio-item.grid-5 .category,
.ms-table.prev .portfolio-item.grid-5 .more,
.ms-table.prev .portfolio-item.grid-5 .text-description,
.ms-table.prev .portfolio-item.grid-5 .date-left {
transform: translateY(-60px);
}
.portfolio-grid-7 .onepage-section.active-prev .portfolio-item .category,
.ms-table.active-prev .portfolio-item.grid-5 .category {
transition-delay: 0.6s;
}
.portfolio-grid-7 .onepage-section.active-prev .portfolio-item h2.title,
.ms-table.active-prev .portfolio-item.grid-5 h2.title {
transition-delay: 0.5s;
}
.portfolio-grid-7 .onepage-section.active-prev .portfolio-item .more,
.ms-table.active-prev .portfolio-item.grid-5 .more {
transition-delay: 0.4s;
}
.portfolio-grid-4 {
position: relative;
}
.portfolio-grid-4 .slider.full-height {
height: 100%;
}
.portfolio-grid-4 .owl-stage {
position: relative;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: center;
align-items: center;
}
.portfolio-grid-4 .owl-stage .owl-item {
align-self: stretch;
}
.portfolio-grid-4 .owl-stage .slider-wrap {
height: 100%;
}
.portfolio-grid-4 .owl-stage,
.portfolio-grid-4 .owl-stage-outer {
height: 100%;
}
.portfolio-grid-4 .owl-stage-outer {
padding-top: 0;
margin-top: 0;
}
.portfolio-grid-4 .owl-dots {
top: 0;
right: 35px;
}
.portfolio-grid-4 .owl-nav .owl-prev,
.portfolio-grid-4 .owl-nav .owl-next {
top: auto;
left: 40px;
bottom: 40px;
}
.portfolio-grid-4 .owl-nav .owl-next {
left: 100px;
}
.portfolio-grid-4 .scroll,
.portfolio-grid-5 .scroll,
.portfolio-grid-7 .scroll {
color: var(--clb-color-white);
font-size: var(--clb-font-main-size);
font-family: var(--clb-font-titles);
font-weight: 600;
position: absolute;
right: 50px;
bottom: 45px;
z-index: 20;
cursor: default;
}
.portfolio-grid-4 .scroll::after,
.portfolio-grid-5 .scroll::after,
.portfolio-grid-7 .scroll::after {
content: "";
border-top: 2px solid var(--clb-color-white);
width: 40px;
position: absolute;
opacity: 0.5;
left: -55px;
top: 48%;
}
.portfolio-grid-4.hide-scroll .scroll,
.portfolio-grid-5.hide-scroll .scroll,
.portfolio-grid-7.hide-scroll .scroll {
display: none;
}
.portfolio-grid-5 .scroll {
color: var(--clb-color-black);
right: 50%;
bottom: 110px;
margin-right: 25px;
transform: rotate(-90deg);
}
.portfolio-grid-5 .scroll::after {
border-color: var(--clb-color-black);
}
.portfolio-grid-4,
.portfolio-grid-6 {
overflow: hidden;
}
.portfolio-grid-4 .slider,
.portfolio-grid-6 .slider {
width: auto;
}
.portfolio-grid-4 .slider .owl-item,
.portfolio-grid-6 .slider .owl-item {
height: 100%;
}
.portfolio-grid-6 {
min-height: 200px;
}
.portfolio-grid-6 .owl-nav .owl-next,
.portfolio-grid-6 .owl-nav .owl-prev {
margin-top: -40px;
}
.portfolio-grid-6 .owl-nav .owl-next::after,
.portfolio-grid-6 .owl-nav .owl-prev::after {
border-color: var(--clb-color-black);
}
.portfolio-grid-6 .owl-nav .owl-next {
right: 30px;
}
.portfolio-grid-6 .owl-nav .owl-prev {
left: 30px;
}
.portfolio-grid-7 .scroll {
right: 50%;
bottom: 110px;
margin-right: -25px;
transform: rotate(-90deg);
}
.portfolio-grid-8 .scroll {
position: absolute;
bottom: 40px;
left: 37%;
color: var(--clb-color-white);
font-size: var(--clb-font-main-size);
font-weight: 600;
}
.portfolio-grid-8 .scroll::after {
content: "";
background: var(--clb-color-white);
width: 40px;
height: 2px;
position: absolute;
left: 0;
top: 45%;
margin-left: -55px;
opacity: 0.5;
}
.portfolio-grid-8.hide-scroll .scroll {
display: none;
}
.norebro-recent-projects-sc .pagination {
margin: 30px auto;
text-align: center;
}
.lazy-load {
margin: 30px auto;
display: block;
font-size: 15px;
font-weight: 600;
text-align: center;
transition: color 0.1s ease-in-out;
}
.lazy-load .icon {
margin: -1px 0 0 5px;
font-size: 18px;
vertical-align: middle;
display: inline-block;
}
.lazy-load .icon::before {
width: 18px;
height: 18px;
transform-origin: 42% 53%;
}
.lazy-load.active .icon::before {
animation: mymove 1s linear 0s infinite;
}
.lazy-load[data-lazy-load-loading=""] {
display: none;
}
.lazy-load.load-more {
padding: 15px;
cursor: pointer;
}
.lazy-load.load-more .loading-text {
display: none;
}
.lazy-load.load-more.active .loadmore-text {
display: none;
}
.lazy-load.load-more.active .loading-text {
display: inline;
}
.lazy-load.load-more:hover {
color: var(--clb-color-primary);
}
@keyframes mymove {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .portfolio-page-custom-content {
padding: 0 15px;
}
.portfolio-page-onepage {
position: relative;
overflow: hidden;
}
.portfolio-page {
position: relative;
}
.portfolio-page .images-wrap::after {
content: "";
display: table;
clear: both;
}
.portfolio-page .images-wrap img {
vertical-align: top;
width: 100%;
float: left;
margin-bottom: 5px;
}
.portfolio-page .images-wrap img:last-of-type {
margin-bottom: 0;
}
.portfolio-page .portfolio-content {
padding: 80px 15px 80px 70px;
z-index: 2;
}
.portfolio-page .portfolio-content .project-title {
margin: var(--clb-spacer-3) 0;
}
.portfolio-page .portfolio-content .tag {
margin-right: 0px;
}
.portfolio-page .task-title {
margin-top: 35px;
font-size: 15px;
}
.portfolio-page .description {
margin-top: 15px;
}
.portfolio-page .info {
margin-top: 25px;
}
.portfolio-page .info-list {
list-style: none;
display: grid;
grid-gap: var(--clb-spacer-6);
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.portfolio-page .info-list .title,
.portfolio-page .info-list .widget h4,
.widget .portfolio-page .info-list h4,
.portfolio-page .info-list .widget h5,
.widget .portfolio-page .info-list h5 {
color: var(--clb-color-neutral);
margin: 0 0 var(--clb-spacer-2) 0;
padding-bottom: var(--clb-spacer-2);
border-bottom: 1px solid var(--clb-color-border);
font-size: var(--clb-font-caption-size);
font-weight: 600;
text-transform: uppercase;
}
.portfolio-page .info-list p {
margin: 0;
font-size: var(--clb-font-small-size);
color: #636363;
}
.portfolio-page .socialbar {
margin-top: 15px;
margin-left: -15px;
}
.portfolio-page .socialbar a:first-child {
margin-left: 15px;
}
.portfolio-page .socialbar a {
font-weight: 600;
font-size: var(--clb-font-extra-small-size);
margin-top: 5px;
}
.portfolio-page .open-website {
margin-top: 30px;
}
.portfolio-page.content-invert .portfolio-content {
padding: 80px 70px 80px 15px;
}
.portfolio-page.fullwidth {
padding-left: 0;
padding-right: 0;
}
.portfolio-page.fullwidth > .vc_row {
margin: 0;
}
.portfolio-page.fullwidth .portfolio-content-wrap {
display: flex;
justify-content: flex-end;
}
.portfolio-page.fullwidth.full .portfolio-content {
width: 50%;
padding-right: 7%;
}
.portfolio-page.fullwidth.content-invert.full .portfolio-content-wrap {
padding-left: 7%;
padding-right: 0;
}
.portfolio-page.fullwidth.content-invert.full .portfolio-content {
width: 100%;
padding-left: 15px;
}
.portfolio-page.fullwidth .images-wrap {
padding-left: 0;
padding-right: 0;
}
.portfolio-page.fullscreen {
width: auto;
max-width: 50%;
background: color-mix(in srgb, var(--clb-color-black) 97%, transparent);
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
}
.portfolio-page.fullscreen .portfolio-content {
padding: 60px;
transition: 0.3s cubic-bezier(0.45, 1, 0.65, 1);
transition-property: width, height, padding;
}
.portfolio-page.fullscreen .portfolio-content.closed {
padding: 30px 90px 20px 30px;
}
.portfolio-page.fullscreen .portfolio-content.no-transition {
transition: none;
}
.portfolio-page.fullscreen .portfolio-content .socialbar a,
.portfolio-page.fullscreen .portfolio-content .project-title,
.portfolio-page.fullscreen .portfolio-content h4 {
color: var(--clb-color-white);
}
.portfolio-page.fullscreen .portfolio-content p {
color: #9a9a9a;
}
.portfolio-page.fullscreen .portfolio-content .project-title {
font-size: 2em;
}
.portfolio-page.fullscreen .portfolio-content .info .title,
.portfolio-page.fullscreen .portfolio-content .info .widget h4,
.widget .portfolio-page.fullscreen .portfolio-content .info h4,
.portfolio-page.fullscreen .portfolio-content .info .widget h5,
.widget .portfolio-page.fullscreen .portfolio-content .info h5 {
color: var(--clb-color-white);
border-color: color-mix(in srgb, var(--clb-color-white) 25%, transparent);
}
.portfolio-page.fullscreen .portfolio-content .info a {
color: inherit;
}
.portfolio-page.fullscreen .toggle-btn {
color: var(--clb-color-white);
width: 70px;
height: 70px;
line-height: 72px;
font-size: 26px;
text-align: center;
position: absolute;
top: 0;
right: 0;
opacity: 1;
cursor: pointer;
}
.portfolio-page.fullscreen .toggle-btn:hover {
opacity: 0.8;
}
.portfolio-page.with-slider .portfolio-content {
padding: 0 15px 80px;
}
.portfolio-page.with-slider .project-title {
font-size: 3em;
}
.portfolio-page.with-slider .info {
margin-top: 10px;
}
.portfolio-page.with-slider .slider {
margin-bottom: 40px;
}
.portfolio-page.with-slider .slider .owl-item {
padding: 0 55px;
}
.portfolio-page.with-slider .slider img {
width: 100%;
}
.portfolio-page.header-full,
.portfolio-page.portfolio-header-title {
background-size: cover;
background-position: center;
height: 100vh;
}
.portfolio-page.header-full .back,
.portfolio-page.portfolio-header-title .back {
position: absolute;
left: calc((100% - 700px) / 4);
font-size: var(--clb-font-small-size);
font-weight: 600;
}
.portfolio-page.header-full .back .icon,
.portfolio-page.portfolio-header-title .back .icon {
font-size: 20px;
vertical-align: -2px;
margin-right: 6px;
opacity: 0.8;
}
.portfolio-page.header-full .scroll,
.portfolio-page.portfolio-header-title .scroll {
position: absolute;
bottom: 100px;
left: calc((100% - 700px) / 2);
font-size: var(--clb-font-main-size);
transform: rotate(-90deg) translateY(-50%) translateX(100%);
}
.portfolio-page.header-full .scroll::after,
.portfolio-page.portfolio-header-title .scroll::after {
content: "";
background: currentColor;
width: 40px;
height: 2px;
position: absolute;
right: 140%;
top: 45%;
opacity: 0.75;
}
.portfolio-page.header-full .content-center,
.portfolio-page.portfolio-header-title .content-center {
background: color-mix(in srgb, var(--clb-color-black) 70%, transparent);
}
.portfolio-page.header-full .portfolio-content,
.portfolio-page.portfolio-header-title .portfolio-content {
width: 700px;
margin: 0 auto;
padding: 30px 0;
position: relative;
}
.portfolio-page.header-full .portfolio-content .project-title,
.portfolio-page.portfolio-header-title .portfolio-content .project-title {
font-size: 62px;
}
.portfolio-page.header-full:not(.invert) .back,
.portfolio-page.header-full:not(.invert) .scroll,
.portfolio-page.header-full:not(.invert) .info p a,
.portfolio-page.header-full:not(.invert) .project-title,
.portfolio-page.header-full:not(.invert) p,
.portfolio-page.portfolio-header-title:not(.invert) .back,
.portfolio-page.portfolio-header-title:not(.invert) .scroll,
.portfolio-page.portfolio-header-title:not(.invert) .info p a,
.portfolio-page.portfolio-header-title:not(.invert) .project-title,
.portfolio-page.portfolio-header-title:not(.invert) p {
color: var(--clb-color-white);
}
.portfolio-page.header-full:not(.invert) .info .title,
.portfolio-page.header-full:not(.invert) .info .widget h4,
.widget .portfolio-page.header-full:not(.invert) .info h4,
.portfolio-page.header-full:not(.invert) .info .widget h5,
.widget .portfolio-page.header-full:not(.invert) .info h5,
.portfolio-page.portfolio-header-title:not(.invert) .info .title,
.portfolio-page.portfolio-header-title:not(.invert) .info .widget h4,
.widget .portfolio-page.portfolio-header-title:not(.invert) .info h4,
.portfolio-page.portfolio-header-title:not(.invert) .info .widget h5,
.widget .portfolio-page.portfolio-header-title:not(.invert) .info h5 {
border-color: color-mix(in srgb, var(--clb-color-white) 50%, transparent);
}
.portfolio-page.header-full:not(.invert) .info-list .title,
.portfolio-page.header-full:not(.invert) .info-list .widget h4,
.widget .portfolio-page.header-full:not(.invert) .info-list h4,
.portfolio-page.header-full:not(.invert) .info-list .widget h5,
.widget .portfolio-page.header-full:not(.invert) .info-list h5,
.portfolio-page.portfolio-header-title:not(.invert) .info-list .title,
.portfolio-page.portfolio-header-title:not(.invert) .info-list .widget h4,
.widget .portfolio-page.portfolio-header-title:not(.invert) .info-list h4,
.portfolio-page.portfolio-header-title:not(.invert) .info-list .widget h5,
.widget .portfolio-page.portfolio-header-title:not(.invert) .info-list h5 {
color: #cbcbcb;
}
.portfolio-page.header-full.invert .content-center,
.portfolio-page.portfolio-header-title.invert .content-center {
background: color-mix(in srgb, var(--clb-color-white) 85%, transparent);
}
.portfolio-page.portfolio-header-title {
height: auto;
}
.portfolio-page.portfolio-header-title .scroll {
margin-left: -9px;
}
.portfolio-page.portfolio-header-title .portfolio-content {
width: 800px;
height: auto;
text-align: center;
}
.portfolio-page.portfolio-header-title .content-center {
padding: 14% 0 12%;
}
.portfolio-page.portfolio-header-title .info-list li {
max-width: none;
margin-right: 20px;
}
.portfolio-page.portfolio-header-title .info-list .title,
.portfolio-page.portfolio-header-title .info-list .widget h4,
.widget .portfolio-page.portfolio-header-title .info-list h4,
.portfolio-page.portfolio-header-title .info-list .widget h5,
.widget .portfolio-page.portfolio-header-title .info-list h5,
.portfolio-page.portfolio-header-title .info-list p {
width: auto;
display: inline-block;
font-size: var(--clb-font-extra-small-size);
font-weight: 600;
line-height: 20px;
}
.portfolio-page.portfolio-header-title .info-list .title,
.portfolio-page.portfolio-header-title .info-list .widget h4,
.widget .portfolio-page.portfolio-header-title .info-list h4,
.portfolio-page.portfolio-header-title .info-list .widget h5,
.widget .portfolio-page.portfolio-header-title .info-list h5 {
margin: 0;
padding: 0;
border: none;
}
.portfolio-page.portfolio-header-title .info-list p {
margin-bottom: 0;
}
.portfolio-page.portfolio-header-title .scroll {
left: 50%;
bottom: 50px;
}
.portfolio-page.header-full h1,
.portfolio-page.header-full h2,
.portfolio-page.header-full .tag,
.portfolio-page.header-full .info,
.portfolio-page.header-full .back,
.portfolio-page.header-full .scroll,
.portfolio-page.portfolio-header-title h1,
.portfolio-page.portfolio-header-title h2,
.portfolio-page.portfolio-header-title .tag,
.portfolio-page.portfolio-header-title .info,
.portfolio-page.portfolio-header-title .back,
.portfolio-page.portfolio-header-title .scroll {
opacity: 0;
transform: translateY(30px);
transition: 0.4s ease-in-out;
transition-property: opacity, transform;
}
.portfolio-page.header-full h1,
.portfolio-page.header-full h2,
.portfolio-page.portfolio-header-title h1,
.portfolio-page.portfolio-header-title h2 {
transition-delay: 0.15s;
}
.portfolio-page.header-full .info,
.portfolio-page.portfolio-header-title .info {
transition-delay: 0.3s;
}
.portfolio-page.header-full .back,
.portfolio-page.portfolio-header-title .back {
transition-delay: 0.5s;
transform: translateX(30px);
}
.portfolio-page.header-full .scroll,
.portfolio-page.portfolio-header-title .scroll {
transition-delay: 0.4s;
transform: rotate(-90deg) translateY(-50%) translateX(100%) translateX(30px);
}
.portfolio-page.header-full.show h1,
.portfolio-page.header-full.show h2,
.portfolio-page.header-full.show .tag,
.portfolio-page.header-full.show .info,
.portfolio-page.header-full.show .back,
.portfolio-page.portfolio-header-title.show h1,
.portfolio-page.portfolio-header-title.show h2,
.portfolio-page.portfolio-header-title.show .tag,
.portfolio-page.portfolio-header-title.show .info,
.portfolio-page.portfolio-header-title.show .back {
opacity: 1;
transform: none;
}
.portfolio-page.header-full.show .scroll,
.portfolio-page.portfolio-header-title.show .scroll {
opacity: 1;
transform: rotate(-90deg) translateY(-50%) translateX(100%);
}
.portfolio-comments {
background-color: var(--clb-color-fill);
}
.portfolio-comments .comments-area {
background-color: transparent;
}
.portfolio-comments > .page-container {
overflow-x: hidden;
}
.portfolio-comments #comments.comments-area {
margin-top: 0;
}  div.post-offset {
margin: 0;
padding: 0;
}
div.post-offset article,
div.post-offset .portfolio-item {
margin: 0;
}
.blog-grid {
width: 100%;
float: left;
position: relative;
overflow: hidden;
}
.blog-grid header {
white-space: nowrap;
}
.blog-grid header .tags {
width: 100%;
white-space: normal;
padding: 15px 20px 0;
vertical-align: top;
position: relative;
display: inline-block;
}
.blog-grid header .tags:nth-child(2) {
left: -100%;
}
.blog-grid header img,
.blog-grid header .slider,
.blog-grid header iframe {
width: 100%;
display: inline-block;
transition: opacity 0.3s ease-in-out;
vertical-align: top;
}
.blog-grid header iframe {
min-height: 250px;
}
.blog-grid header .slider {
overflow: hidden;
}
.blog-grid header .slider .owl-nav {
display: none;
}
.blog-grid header .slider .owl-dots {
width: 15px;
height: auto;
position: absolute;
top: 15px;
right: 15px;
}
.blog-grid header .slider .owl-dot {
color: var(--clb-color-white);
margin: 0 0 5px 0;
display: block;
float: left;
z-index: 200;
}
.blog-grid .tags {
margin-bottom: 20px;
}
.blog-grid .tags a {
color: var(--clb-color-white);
}
.blog-grid .tags a:hover {
background-color: transparent;
color: var(--clb-color-primary);
}
.blog-grid .content {
padding: 15px 0 5px;
}
.blog-grid h3 {
font-size: 20px;
line-height: 1.5;
margin: 0;
}
.blog-grid footer {
margin-top: 0px;
font-size: var(--clb-font-caption-size);
text-transform: uppercase;
}
.blog-grid footer .author {
margin-right: 5px;
font-weight: 600;
}
.blog-grid footer .data {
margin-left: 5px;
}
.blog-grid footer .data,
.blog-grid footer strong {
color: var(--clb-color-neutral);
transition: color 0.3s ease-in-out;
}
.blog-grid .plus {
font-size: 36px;
line-height: 0;
margin-top: 12px;
display: inline-block;
transition: 0.1s ease-in-out;
transition-property: transform;
}
.blog-grid .plus,
.blog-grid .plus::before {
line-height: 0.6;
}
.blog-grid:hover header img {
opacity: 0.8;
}
.blog-grid:hover h3 a {
color: var(--clb-color-primary);
}
.blog-grid:hover .plus {
color: inherit;
transform: rotateZ(-45deg);
}
.blog-grid.no-preview footer {
margin-top: 10px;
}
.blog-grid.quote header .tags {
left: 0;
padding-left: 0;
}
.blog-grid.quote header blockquote {
padding: 0 30px;
margin: 0;
margin-bottom: 15px;
line-height: 1.4;
quotes: "" "";
white-space: normal;
}
.blog-grid.quote header blockquote::after {
content: "";
background: var(--clb-color-border);
width: 1px;
height: calc(100% - 10px);
position: absolute;
top: 5px;
left: 0;
}
.blog-grid.quote header blockquote::before {
content: "";
background: var(--clb-color-border);
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: -15px;
}
.blog-grid.quote header blockquote cite {
position: relative;
text-align: left;
display: block;
margin: 5px 0 0 0;
text-align: left;
font-weight: 600;
font-size: var(--clb-font-caption-size);
text-transform: uppercase;
}
.blog-grid.grid-1 {
margin-bottom: 45px;
}
.blog-grid.grid-1 .tags {
margin-bottom: 0;
}
.blog-grid.grid-1 header .tags:nth-child(1) {
padding-left: 0;
}
.blog-grid.grid-1.boxed header .tags {
padding-left: 20px;
}
.blog-grid.grid-1 .content {
padding-bottom: 0;
}
.blog-grid.boxed {
background: #f8f8f8;
}
.blog-grid.boxed .content {
padding: 30px 30px 0;
}
.blog-grid.boxed footer {
padding: 5px 25px 20px;
}
.blog-grid.boxed.quote blockquote {
margin: 15px 25px;
}
.blog-grid.boxed.quote blockquote::before {
width: calc(100% + 50px);
left: -25px;
}
.blog-grid.grid-3 {
position: relative;
overflow: hidden;
transition: 0.2s ease-in-out;
transition-property: background, color;
margin-bottom: 30px;
}
.blog-grid.grid-3 header {
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
.blog-grid.grid-3 header img {
display: block;
}
.blog-grid.grid-3 .overlay {
z-index: 2;
opacity: 0.85;
}
.blog-grid.grid-3 .content {
background: var(--clb-color-fill);
width: 100%;
min-height: 400px;
padding: 25px;
position: relative;
z-index: 3;
}
.blog-grid.grid-3 footer {
width: 100%;
position: absolute;
bottom: 25px;
}
.blog-grid.grid-3 .plus {
position: absolute;
top: -18px;
right: 56px;
}
.blog-grid.grid-3 .content,
.blog-grid.grid-3 p {
transition: inherit;
}
.blog-grid.grid-3:hover .content {
background: transparent;
color: var(--clb-color-white);
}
.blog-grid.grid-3:hover .tags a {
background: transparent;
border-color: var(--clb-color-white);
color: var(--clb-color-white);
}
.blog-grid.grid-3:hover h3,
.blog-grid.grid-3:hover h3 a,
.blog-grid.grid-3:hover p,
.blog-grid.grid-3:hover .plus {
color: var(--clb-color-white);
}
.blog-grid.grid-3:hover .plus {
transform: rotateZ(-45deg);
}
.blog-grid.grid-3:hover footer strong,
.blog-grid.grid-3:hover footer .data {
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
}
.blog-grid.grid-4 {
transition: background 0.2s ease-in-out;
padding: 25px 30px 20px;
margin-bottom: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.blog-grid.grid-4 .content {
padding: 0;
}
.blog-grid.grid-4 .plus {
margin-top: 20px;
}
.blog-grid.grid-4:hover {
background: var(--clb-color-fill);
}
.blog-grid.grid-4:hover .tags a {
background: transparent;
color: var(--clb-color-primary);
}
.norebro-recent-posts-sc .grid-1,
.norebro-recent-posts-sc .grid-5 {
margin-bottom: 15px;
}
.norebro-recent-posts-sc .grid-2 {
margin-bottom: 0;
} .blog-grid .gallery {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: 20px !important;
}
.blog-grid .gallery .gallery-item {
display: inline-block;
margin: 0px 5px 5px 0px;
margin-top: 0px !important;
text-align: center;
vertical-align: top;
width: 100%;
position: relative;
}
.blog-grid .gallery .gallery-item img {
border: none !important;
transition: all var(--clb-transition-duration) var(--clb-transition-function);
}
.blog-grid .gallery .gallery-item .gallery-caption {
position: absolute;
background: color-mix(in srgb, var(--clb-color-white) 80%, transparent);
padding: 3px 10px;
transform: translateY(-100%);
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
transition: all var(--clb-transition-duration) var(--clb-transition-function);
opacity: 0;
font-size: 0.8em;
font-weight: normal;
}
.blog-grid .gallery .gallery-item:hover .gallery-caption {
opacity: 1;
}
.blog-grid .gallery .gallery-item:hover img {
opacity: 0.8;
}
.blog-grid .gallery.gallery-columns-3 .gallery-item {
max-width: calc((100% - 10px) / 3);
}
.blog-grid .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3),
.blog-grid .gallery.gallery-columns-3 .gallery-item:last-of-type {
margin-right: 0;
}
.blog-grid:hover > header img {
opacity: 1;
} .single .byline,
.group-blog .byline {
display: inline;
}
article.page {
margin: 0;
}
.page-content,
.entry-content,
.entry-summary {
margin: 0 auto;
}
.entry-content figcaption {
padding: 0.3rem;
font-size: 0.98em;
margin: 0px;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
padding-top: 15px;
font-size: 110%;
}
.page-links a {
color: var(--clb-color-primary);
}
.page-links a:hover {
text-decoration: underline;
}
.post {
margin-bottom: 0;
}
.post .entry-content {
margin-bottom: 30px;
}
.post .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button) {
color: var(--clb-color-link);
}
.post .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button):hover {
color: var(--clb-color-link-hover);
text-decoration: underline;
}
.post .entry-content .blog-slider .owl-nav {
display: none;
}
.post .entry-content .blog-slider .owl-dots {
margin-top: 10px;
}
.single-post .widget_norebro_widget_about_author {
border-bottom: 1px solid #ebebeb;
min-width: 100%;
padding: 30px 0;
}
.single-post .widget_norebro_widget_about_author .socialbar {
white-space: nowrap;
}
.entry-footer .share .title,
.entry-footer .share .widget h4,
.widget .entry-footer .share h4,
.entry-footer .share .widget h5,
.widget .entry-footer .share h5 {
float: left;
padding: 7px 25px 5px 15px;
border: 1px solid var(--clb-color-neutral);
border-radius: 50px;
font-size: var(--clb-font-caption-size);
font-weight: 600;
text-transform: uppercase;
margin-top: 3px;
cursor: pointer;
transition: 0.2s ease-in-out;
white-space: pre;
position: relative;
}
.entry-footer .share .title:hover,
.entry-footer .share .widget h4:hover,
.widget .entry-footer .share h4:hover,
.entry-footer .share .widget h5:hover,
.widget .entry-footer .share h5:hover {
border-color: var(--clb-color-primary);
color: var(--clb-color-primary);
}
.entry-footer .share .title::after,
.entry-footer .share .widget h4::after,
.widget .entry-footer .share h4::after,
.entry-footer .share .widget h5::after,
.widget .entry-footer .share h5::after {
content: "\f10d\a\f104";
font-family: "Ionicons";
position: absolute;
right: 12px;
top: 8px;
font-size: 9px;
line-height: 7px;
opacity: 0.7;
}
.entry-footer .share .socialbar {
float: left;
overflow: hidden;
white-space: nowrap;
transition: 0.5s ease-out;
font-size: 0;
}
.entry-footer .share .socialbar a {
width: 0px;
height: 36px;
line-height: 36px;
margin: 0;
transition: 0.2s ease-in-out;
opacity: 0;
transform: scaleY(0);
border-left-width: 0;
border-right-width: 0;
}
.entry-footer .share .socialbar a:first-child {
margin: 0;
}
.entry-footer .share .socialbar a.active {
width: 36px;
transform: none;
margin: 0 0 0 5px;
opacity: 1;
border-left-width: 1px;
border-right-width: 1px;
}
.entry-footer .share .socialbar a.active:first-child {
margin-left: 10px;
}
.post-widget {
padding-top: 30px;
}
.toggle {
position: relative;
clear: both;
}
.toggle .norebro-icon-grid {
background: var(--clb-color-fill);
width: 50px;
height: 50px;
border-radius: 50px;
margin: -25px 0 0 -25px;
display: block;
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
}
.toggle .norebro-icon-grid:hover {
background: rgba(0, 0, 0, 0.1);
}
.toggle-post {
width: 100%;
margin: 0;
}
.toggle-post th,
.toggle-post td {
padding: 20px 0;
border: none;
}
.toggle-post .arrow {
color: var(--clb-color-black);
width: 60px;
height: 100%;
border-left: 1px solid transparent;
text-align: center;
font-size: 28px;
transition: 0.2s ease-in-out;
transition-property: border, color;
text-shadow: 0 1px 0 color-mix(in srgb, var(--clb-color-black) 40%, transparent), -0.5px 0 0 color-mix(in srgb, var(--clb-color-black) 40%, transparent), -0.5px 1px 0 color-mix(in srgb, var(--clb-color-black) 40%, transparent);
}
.toggle-post .arrow span {
margin-top: 5px;
display: inline-block;
}
.toggle-post .content {
width: 1px;
padding: 0 20px 0 0;
white-space: nowrap;
}
.toggle-post .content .subtitle {
margin-bottom: 4px;
text-transform: uppercase;
font-size: var(--clb-font-caption-size);
}
.toggle-post .content h3 {
text-overflow: ellipsis;
max-height: 3.6em;
margin: 0 0 5px;
line-height: 1.3;
font-weight: 600;
font-size: var(--clb-font-small-size);
overflow: hidden;
transition: color 0.2s ease-in-out;
}
.toggle-post .image {
margin: -20px 0 -26px;
max-width: 150px;
min-width: 80px;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.toggle-post .image img {
height: 90px;
width: auto;
}
.toggle-post.right .content {
padding: 0 0 0 20px;
}
.toggle-post.right .arrow {
border-left: none;
border-right: 1px solid transparent;
}
.toggle-post:hover {
background-position: 0 0;
}
.toggle-post:hover .arrow {
color: var(--clb-color-primary);
border-color: var(--clb-color-border);
}
.toggle-post:hover .image {
opacity: 1;
}
.toggle-post:hover .content h3 {
color: var(--clb-color-primary);
}
h3.related-post-heading {
margin-bottom: 25px;
margin-top: var(--clb-spacer-7);
font-size: var(--clb-font-main-size);
}
.related-posts {
margin-bottom: 35px;
}
.related-posts .blog-grid footer {
margin-top: 10px;
}
.post {
margin-top: 0;
}
.post .entry-content p:first-of-type {
margin-top: 0;
}
.post .entry-content p:last-of-type {
margin-bottom: 0;
}
.post h2 a:hover {
text-decoration: underline;
}
.post .comments-link a {
font-size: var(--clb-font-extra-small-size);
margin-left: 15px;
}
.post .comments-link a:hover {
color: var(--clb-color-primary);
text-decoration: underline;
}
form.post-password-form {
text-align: left;
}
form.post-password-form label {
font-weight: 600;
margin: 15px 0;
}
form.post-password-form label input {
margin-top: 5px;
}
form.post-password-form input[type=submit] {
margin-top: 15px;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.comments-title {
margin-bottom: 25px;
}
.comments-area {
background: var(--clb-color-fill);
padding: 70px 15px;
}
.comments-area::after,
.comments-area::before {
background: inherit;
content: "";
width: 500%;
height: 100%;
position: absolute;
top: 0;
}
.comments-area::after {
left: 100%;
}
.comments-area::before {
right: 100%;
}
.comments-area.no-comments {
padding-top: 0;
}
.comments-area.no-comments .comment-respond::after {
display: none;
}
.comments-area .nav-links {
margin: 15px 0;
}
.comments-area .nav-links div {
display: inline-block;
margin-right: 15px;
}
.comments-area .nav-links a:hover {
text-decoration: underline;
}
.comments-area .comments-title {
font-size: var(--clb-font-main-size);
margin-bottom: 10px;
}
.comments-area .comment-list {
margin: 0 0 55px;
padding: 0;
list-style: none;
}
.comments-area .pingback p {
display: none;
}
.comments-area .pingback .comment-body,
.comments-area .trackback .comment-body {
padding-left: 0;
}
.comments-area .comment-list > li {
border-top: 1px solid #ebebeb;
margin-top: 20px;
}
.comments-area ul.children {
margin-left: 0;
padding-left: 110px;
list-style: none;
}
.comments-area .comment-body {
padding: 25px 0 0 90px;
position: relative;
}
.comments-area .comment-body .title a:hover,
.comments-area .comment-body .widget h4 a:hover,
.widget .comments-area .comment-body h4 a:hover,
.comments-area .comment-body .widget h5 a:hover,
.widget .comments-area .comment-body h5 a:hover {
text-decoration: underline;
}
.comments-area .comment-body .comment-awaiting-moderation {
font-size: var(--clb-font-small-size);
}
.comments-area .comment-body .comment-author img {
width: 70px;
height: 70px;
border-radius: 50%;
display: block;
position: absolute;
top: 18px;
left: 0;
}
.comments-area .comment-body .comment-author h4 {
display: inline-block;
font-size: 15px;
}
.comments-area .comment-body .comment-author .says {
display: none;
}
.comments-area .comment-body .comment-meta {
margin-top: 4px;
font-size: var(--clb-font-extra-small-size);
}
.comments-area .comment-body .comment-meta time,
.comments-area .comment-body .comment-meta a {
color: #8a8a8b;
}
.comments-area .comment-body .comment-meta a:hover {
text-decoration: underline;
}
.comments-area .comment-body .comment-meta .reply a,
.comments-area .comment-body .comment-meta a.comment-edit-link {
color: var(--clb-color-primary);
}
.comments-area .comment-body .comment-content {
display: inline-block;
padding-top: 5px;
width: 100%;
}
.comments-area .comment-body .reply {
display: inline-block;
}
.comments-area .reply a,
.comments-area .reply-cancle a,
.comments-area a.comment-edit-link {
color: var(--clb-color-primary);
font-size: var(--clb-font-extra-small-size);
margin-left: 14px;
position: relative;
}
.comments-area .reply a:hover,
.comments-area .reply-cancle a:hover,
.comments-area a.comment-edit-link:hover {
text-decoration: underline;
}
.comments-area .reply a::after,
.comments-area .reply-cancle a::after,
.comments-area a.comment-edit-link::after {
content: "●";
position: absolute;
font-size: 8px;
top: 2px;
left: -10px;
color: var(--clb-color-black);
}
.comments-area .comment-respond {
padding-top: 55px;
position: relative;
z-index: 2;
}
.comments-area .comment-respond p {
text-align: left;
}
.comments-area .comment-respond::after,
.comments-area .comment-respond::before {
content: "";
width: 500%;
height: 1px;
border-top: 1px solid #ebebeb;
position: absolute;
top: 0;
left: -200%;
}
.comments-area .comment-respond::before {
display: none;
top: auto;
bottom: 0;
}
.comments-area .comment-respond h3 {
display: inline-block;
font-size: var(--clb-font-main-size);
}
.comments-area .comment-respond .reply-cancle {
display: inline-block;
}
.comments-area .comment-respond a:hover {
text-decoration: underline;
}
.comments-area .comment-respond form#commentform {
margin-top: 25px;
margin-bottom: 0px;
}
.comments-area .comment-respond .submit-comment {
margin-top: 25px;
}
.comments-area .comment-respond label {
padding: 5px 20px 20px 0;
}
.comments-area .comment-respond label:last-child {
padding-right: 0;
}
.comments-area .comment .comment-respond {
margin-top: 40px;
padding-bottom: 40px;
margin-bottom: 10px;
}
.comments-area .comment .comment-respond::before {
display: block;
}    :root { --clb-color-primary: #174EE2;
--clb-color-black: #282828;
--clb-color-black-lighter: color-mix(in srgb, var(--clb-color-black) 92%, white);
--clb-color-neutral: #888;
--clb-color-white: white;
--clb-color-gray: #d9d9d9;
--clb-color-fill: color-mix(in srgb, var(--clb-color-neutral) 8%, white);
--clb-color-light-gray: rgba(0,0,0,.03);
--clb-color-fields-text: var(--clb-color-neutral);
--clb-color-titles: var(--clb-color-black);
--clb-color-subtitles: var(--clb-color-neutral);
--clb-color-texts: var(--clb-color-black-lighter);
--clb-color-footer: rgba(255,255,255,.6);
--clb-color-footer-border: rgba(255,255,255,.2);
--clb-color-link: inherit;
--clb-color-link-hover: var(--clb-color-primary);
--clb-color-border: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
--clb-color-border-dark: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-input-border-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-color-button: var(--clb-color-black);
--clb-color-button-hover: var(--clb-color-primary);
--clb-color-artstation: #26bbff;
--clb-color-behance: #0056ff;
--clb-color-deviantart: #05CC47;
--clb-color-digg: #1c5891;
--clb-color-discord: #7289da;
--clb-color-dribbble: #fd629e;
--clb-color-facebook: #217cef;
--clb-color-flickr: #0063db;
--clb-color-github: #24292E;
--clb-color-houzz: #007562;
--clb-color-instagram: var(--clb-color-black-lighter);
--clb-color-kaggle: #32C0FD;
--clb-color-linkedin: #4477ab;
--clb-color-medium: #1a8917;
--clb-color-mixer: #0270d9;
--clb-color-pinterest: #e4252d;
--clb-color-producthunt: #ff4f00;
--clb-color-quora: #a82401;
--clb-color-reddit: #ff4501;
--clb-color-snapchat: #e0e410;
--clb-color-soundcloud: #FD561F;
--clb-color-spotify: #1ED760;
--clb-color-teamspeak: #1c82cc;
--clb-color-telegram: #0088cc;
--clb-color-threads: var(--clb-color-black-lighter);
--clb-color-tiktok: var(--clb-color-black-lighter);
--clb-color-tumblr: var(--clb-color-black-lighter);
--clb-color-twitch: #9147ff;
--clb-color-twitter: var(--clb-color-black-lighter);
--clb-color-vimeo: #1ab8ea;
--clb-color-vine: #00be8e;
--clb-color-whatsapp: #0ec143;
--clb-color-xing: #0C6567;
--clb-color-youtube: #e4252d;
--clb-color-fivehundredpx: var(--clb-color-black-lighter);
}  :root { --clb-border-style-solid: solid;
--clb-border-style-dashed: dashed;
--clb-border-width: 1px;
--clb-border-width-double: 2px;
--clb-border-radius: 0.5rem;
--clb-border-radius-small: calc(var(--clb-border-radius) / 1.5);
--clb-border-radius-large: calc(var(--clb-border-radius) * 1.5);
--clb-border-radius-extra-large: calc(var(--clb-border-radius) * 2.5);
--clb-border-radius-50: 50%;
--clb-button-border-radius: var(--clb-border-radius);
--clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 1.5);
--clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 1.5);
--clb-button-border-radius-extra-large: calc(var(--clb-button-border-radius) * 2);
--clb-grid-border-radius: var(--clb-border-radius);
--clb-text-field-border-radius: var(--clb-border-radius);
--clb-grid-gutter: 15px;
--clb-icon-button: 50px;
--clb-icon-button-small: 40px;
--clb-video-button-size: 60px;
--clb-button-height: 2.75rem;
--clb-button-height-small: 2.15rem;
--clb-button-height-large: 3.15rem;
--clb-button-height-extra-large: 3.6rem;
--clb-button-side-padding: 1.15rem;
--clb-button-side-padding-small: 0.85rem;
--clb-button-side-padding-large: 1.35rem;
--clb-button-side-padding-extra-large: 1.65rem;
--clb-header-height: 80px;
--clb-header-height-3: 17vh;
--clb-header-height-6: 280px;
--clb-header-height-7: 10vh;
--clb-sticky-header-height: 7.5vh;
--clb-button-purchase: 2.5rem;
--clb-admin-bar-height: 32px;
--clb-admin-bar-height-mobile: 46px;
--clb-panel-width: 76px;
--clb-spacer-05: 0.25rem;
--clb-spacer-1: 0.5rem;
--clb-spacer-2: 0.75rem;
--clb-spacer-3: 1rem;
--clb-spacer-4: 1.25rem;
--clb-spacer-5: 1.5rem;
--clb-spacer-6: 1.75rem;
--clb-spacer-7: 2rem;
--clb-spacer-8: 2.25rem;
--clb-spacer-9: 2.5rem;
--clb-spacer-10: 2.75rem;
--clb-spacer: 20px;
--clb-spacer-small: 2.5vh;
--clb-spacer-large: 4.5vh;
--clb-gap: 0.5em;
--clb-gap-small: 0.25em;
--clb-gap-large: 1em;
--clb-cursor-default: default;
--clb-cursor-pointer: pointer;
--clb-cursor-help: help;
--clb-container-width: 1326px;
--clb-container-width-md: 1226px;
--clb-container-width-laptop: 86vw;
--clb-container-offset: calc((100vw - var(--clb-container-width)) / 2);
--clb-container-side-spacer: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height));
--clb-container-side-gutter: var(--clb-grid-gutter);
--clb-container-narrow-side-spacer: 5vw;
--clb-slide-in-panel-width: 25rem;
--clb-slide-in-panel-header-height: 5rem;
--clb-transition-function: cubic-bezier(0.4, 0, 0.2, 1);
--clb-transition-duration: .35s;
--clb-transition-duration-faster: .25s;
--clb-infinit-scrolling-transition-duration: 45s;
--clb-transform-scale: scale3d(1.06, 1.06, 1.06);
--clb-size-offset-fullwidth-container: 7%;
--clb-size-page-offset-top: 80px;
--clb-size-page-offset-bottom: 90px;
--clb-size-page-offset-top-md: 30px;
--clb-size-page-offset-bottom-md: 30px; --clb-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-body-color: var(--clb-color-black-lighter);
--clb-body-color-grey: color-mix(in srgb, var(--clb-body-color) 66%, white);
--clb-body-color-grey-light: color-mix(in srgb, var(--clb-body-color) 51%, white);
--clb-font-size: 1rem;
--clb-font-size-small: calc(var(--clb-font-size) * 0.95);
--clb-font-size-extra-small: calc(var(--clb-font-size) * 0.9);
--clb-font-size-large: calc(var(--clb-font-size) * 1.05);
--clb-code-font-family: menlo, monaco, consolas, "Lucida Console", monospace;
--clb-action-font-family: var(--clb-titles-font-family);
--clb-action-font-size: 0.95em;
--clb-action-font-size-small: 0.9em;
--clb-action-font-size-large: 1em;
--clb-action-font-weight: var(--clb-titles-font-weight);
--clb-countdown-font-size: var(--clb-titles-h3-font-size-min);
--clb-countdown-font-size-min: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size-min: var(--clb-titles-h5-font-size-min);
--clb-wc-product-thumbnail: 3.75rem;
--clb-wc-product-title: 1.1em;
--clb-wc-product-title-line-height: var(--clb-titles-h1-line-height);
--clb-color-swatch-width: var(--clb-spacer-6);
--clb-color-swatch-small-width: var(--clb-spacer-4);
--clb-titles-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-titles-color: var(--clb-color-black);
--clb-titles-font-size: inherit;
--clb-titles-letter-spacing: inherit;
--clb-titles-line-height: inherit;
--clb-titles-font-weight: 600;
--clb-titles-style: normal;
--clb-titles-text-transform: none;
--clb-titles-text-decoration: none;
--clb-titles-h1-font-size: 3.16em;
--clb-titles-h2-font-size: 2.56em;
--clb-titles-h3-font-size: 2.05em;
--clb-titles-h4-font-size: 1.64em;
--clb-titles-h5-font-size: 1.28em;
--clb-titles-h6-font-size: 1.05rem;
--clb-titles-widget-font-size: 1.14em;
--clb-titles-h1-font-size-min: calc(var(--clb-titles-h1-font-size) * 0.8);
--clb-titles-h2-font-size-min: calc(var(--clb-titles-h2-font-size) * 0.8);
--clb-titles-h3-font-size-min: calc(var(--clb-titles-h3-font-size) * 0.8);
--clb-titles-h4-font-size-min: calc(var(--clb-titles-h4-font-size) * 0.8);
--clb-titles-h5-font-size-min: calc(var(--clb-titles-h5-font-size) * 0.8);
--clb-titles-h6-font-size-min: 1em;
--clb-titles-h1-letter-spacing: -0.03em;
--clb-titles-h2-letter-spacing: -0.025em;
--clb-titles-h3-letter-spacing: -0.02em;
--clb-titles-h4-letter-spacing: -0.015em;
--clb-titles-h5-letter-spacing: -0.01em;
--clb-titles-h6-letter-spacing: -0.005em;
--clb-titles-h1-line-height: 1.1;
--clb-titles-h2-line-height: 1.15;
--clb-titles-h3-line-height: 1.2;
--clb-titles-h4-line-height: 1.25;
--clb-titles-h5-line-height: 1.3;
--clb-titles-h6-line-height: 1.35;
--clb-text-bold: bold;
--clb-text-semi-bold: 600;
--clb-text-medium: 500;
--clb-text-normal: 400;
--clb-font-main: "Rubik", sans-serif;
--clb-font-main-size: 1rem;
--clb-font-small-size: 0.95em;
--clb-font-extra-small-size: 0.9em;
--clb-font-caption-size: 0.75rem;
--clb-font-code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
--clb-font-pre: "Courier 10 Pitch", Courier, monospace;
--clb-font-titles: "Poppins", sans-serif;
--clb-font-subtitles: "Poppins", serif;
--clb-font-lh-body: 1.65;
--clb-font-lh-titles: 1.4;
--clb-font-lh-subtitles: 1.4;
--clb-font-lh-text: 1.4;
--clb-font-h1: 60px;
--clb-font-h2: calc(60px * 0.72);
--clb-font-h3: calc(60px * 0.58);
--clb-font-h4: calc(60px * 0.45);
--clb-font-h5: calc(60px * 0.33);
--clb-font-h6: 60px;
}     body #lang_sel {
width: 100%;
}
body #lang_sel ul li {
width: 100%;
}
body #lang_sel ul li a {
padding: 10px 15px;
}
body #lang_sel ul li > ul {
width: 100%;
top: 45px;
}
body #lang_sel a.lang_sel_sel {
background: transparent;
position: relative;
}
body #lang_sel a.lang_sel_sel::after {
content: "\f104";
font-size: var(--clb-font-extra-small-size);
font-family: Ionicons;
color: var(--clb-color-border-dark);
position: absolute;
right: 15px;
top: 12px;
}
body #lang_sel_list.lang_sel_list_vertical {
width: 100%;
height: auto;
overflow: hidden;
z-index: 10;
}
body #lang_sel_list.lang_sel_list_vertical ul,
body #lang_sel_list.lang_sel_list_vertical li {
width: 100%;
}
body #lang_sel_list.lang_sel_list_vertical ul {
border-top-style: dotted;
border-color: rgba(0, 0, 0, 0.2);
}
body #lang_sel_list.lang_sel_list_vertical ul li a {
background: transparent;
padding: 15px 0;
border-left: none;
border-right: none;
border-bottom-style: dotted;
border-color: rgba(0, 0, 0, 0.2);
}
body #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel {
border-color: rgba(0, 0, 0, 0.2);
}
body #lang_sel_list.lang_sel_list_vertical ul li a:hover {
background: transparent;
color: rgba(0, 0, 0, 0.5);
}
body #lang_sel_list.lang_sel_list_horizontal {
width: 100%;
z-index: 10;
}
body #lang_sel_list.lang_sel_list_horizontal ul {
border: none;
}
body #lang_sel_list.lang_sel_list_horizontal li a {
background: transparent;
margin-right: 15px;
margin-bottom: 5px;
}
body #lang_sel_list.lang_sel_list_horizontal li a:hover {
background: transparent;
opacity: 0.7;
}
body #lang_sel_footer {
background: #38383a;
border: none;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
body #lang_sel_footer ul li a {
background: transparent;
color: var(--clb-color-white);
}
body #lang_sel_footer ul li a:hover {
background: color-mix(in srgb, var(--clb-color-white) 10%, transparent);
}
body #lang_sel_footer ul li a span {
color: var(--clb-color-white);
}
body #lang_sel_footer ul li a.lang_sel_sel {
background: color-mix(in srgb, var(--clb-color-white) 10%, transparent);
color: var(--clb-color-white);
}
body #lang_sel_footer ul li a.lang_sel_sel:hover {
background: color-mix(in srgb, var(--clb-color-white) 10%, transparent);
}
.site-footer #lang_sel a.lang_sel_sel {
border-color: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
}
.site-footer #lang_sel a.lang_sel_sel:hover {
background: transparent;
border-color: color-mix(in srgb, var(--clb-color-white) 20%, transparent);
color: var(--clb-color-white);
}
.site-footer #lang_sel a.lang_sel_sel:hover::after {
color: color-mix(in srgb, var(--clb-color-white) 40%, transparent);
}
.site-footer #lang_sel a.lang_sel_sel::after {
color: color-mix(in srgb, var(--clb-color-white) 20%, transparent);
}
.site-footer #lang_sel ul li > ul {
z-index: 2;
border-top-color: color-mix(in srgb, var(--clb-color-black) 95%, black);
top: 46px;
}
.site-footer #lang_sel ul li > ul li a {
background: color-mix(in srgb, var(--clb-color-black) 95%, black);
border-color: color-mix(in srgb, var(--clb-color-black) 92%, black);
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
}
.site-footer #lang_sel ul li > ul li a:hover {
background: var(--clb-color-black);
}
.site-footer #lang_sel_list.lang_sel_list_vertical ul {
border-color: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
}
.site-footer #lang_sel_list.lang_sel_list_vertical ul li a {
color: color-mix(in srgb, var(--clb-color-white) 70%, transparent);
border-color: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
}
.site-footer #lang_sel_list.lang_sel_list_vertical ul li a.lang_sel_sel {
border-color: color-mix(in srgb, var(--clb-color-white) 15%, transparent);
}
.site-footer #lang_sel_list.lang_sel_list_vertical ul li a:hover {
background: transparent;
color: var(--clb-color-white);
}
.site-footer #lang_sel_list.lang_sel_list_horizontal li a {
color: var(--clb-color-white);
}
.site-footer #lang_sel_list.lang_sel_list_horizontal li a:hover {
color: var(--clb-color-white);
}  .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
div.wpb_content_element {
margin-bottom: 0;
}
.vc_col-lg-2_5th,
.vc_col-lg-5th,
.vc_col-md-2_5th,
.vc_col-md-5th,
.vc_col-sm-2_5th,
.vc_col-sm-5th,
.vc_col-xs-2_5th,
.vc_col-xs-5th {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.vc_col-xs-5th,
.vc_col-xs-2_5th {
float: left;
}
.vc_col-xs-5th {
width: 20%;
}
.vc_col-xs-2_5th {
width: 10%;
}
.vc_col-5ths,
div.vc_col-5ths {
width: 20%;
float: left;
}
.btn.purchase-theme {
position: fixed;
bottom: var(--clb-spacer);
right: var(--clb-spacer);
background: var(--clb-color-primary);
border-color: var(--clb-color-primary);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
border-radius: 24px;
text-transform: uppercase;
color: var(--clb-color-white);
padding: 0.35rem 1.235rem 0.35rem 0.35rem;
display: flex;
align-items: center;
line-height: 1;
z-index: 100;
font-family: var(--clb-font-titles);
}
.btn.purchase-theme:hover {
background-color: #8BB654;
border-color: #8BB654;
color: var(--clb-color-white);
}
.btn.purchase-theme i.icon {
height: var(--clb-spacer-7);
width: var(--clb-spacer-7);
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 50%;
margin-left: 0;
margin-right: var(--clb-spacer-1);
max-height: inherit;
transition: all var(--clb-transition-duration) var(--clb-transition-function);
}
.btn.purchase-theme span {
height: 26px;
width: 1px;
margin: 0px 10px;
background-color: rgba(0, 0, 0, 0.2);
} .text-left,
p.text-left {
text-align: left;
}
.text-right,
p.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.left {
float: left;
}
.right {
float: right;
}
.half-width {
width: 50%;
}
.full-width {
width: 100%;
}
.full-vh {
height: 100vh;
}
.middle {
position: absolute;
top: 50%;
left: 50%;
}
.hidden {
display: none;
}
.visible {
visibility: visible;
}
.inline {
display: inline-block;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.no-transition {
transition: none !important;
}
.relative {
position: relative;
}
.vc_row[data-vc-full-width].vc_hidden.-visible {
opacity: 1;
} .content-center {
display: table;
width: 100%;
height: 100%;
}
.content-center .wrap {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
} @keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
div.bounce-item {
animation: bounce 2s infinite;
}
.norebro-scroll-anim {
transform: none;
opacity: 0;
transition: 0.3s ease-in-out;
transition-property: transform, opacity;
}
.norebro-scroll-anim.from-left {
transform: translateX(-50px);
}
.norebro-fadeIn {
transition: 0.2s ease-in-out;
transition-property: opacity, transform;
transform: trnslateY(-10px);
opacity: 0;
}
.norebro-fadeIn.show {
opacity: 1;
transform: none;
} input.brand-color,
input[type=submit].brand-color,
button.brand-color,
a.brand-color,
div.brand-color,
span.brand-color {
color: var(--clb-color-primary);
}
input.brand-color-hover:hover,
input[type=submit].brand-color-hover:hover,
button.brand-color-hover:hover,
a.brand-color-hover:hover,
div.brand-color-hover:hover,
span.brand-color-hover:hover {
color: var(--clb-color-primary);
}
.brand-color,
.brand-color-after::after,
.brand-color-before::before {
color: var(--clb-color-primary);
}
.brand-color-hover:hover,
.brand-color-hover-after::after,
.brand-color-hover-before::before {
color: var(--clb-color-primary);
}
.brand-color-i,
.brand-color-after-i::after,
.brand-color-before-i::before {
color: var(--clb-color-primary) !important;
}
.brand-color-hover-i:hover,
.brand-color-hover-i-after::after,
.brand-color-hover-i-before::before {
color: var(--clb-color-primary) !important;
}
input.brand-border-color,
input[type=submit].brand-border-color,
button.brand-border-color,
a.brand-border-color,
div.brand-border-color,
span.brand-border-color {
border-color: var(--clb-color-primary);
}
input.brand-border-color-hover:hover,
input[type=submit].brand-border-color-hover:hover,
button.brand-border-color-hover:hover,
a.brand-border-color-hover:hover,
div.brand-border-color-hover:hover,
span.brand-border-color-hover:hover {
border-color: var(--clb-color-primary);
}
.brand-border-color,
.brand-border-color-after::after,
.brand-border-color-before::before {
border-color: var(--clb-color-primary);
}
.brand-border-color-hover:hover,
.brand-border-color-hover-after::after,
.brand-border-color-hover-before::before {
border-color: var(--clb-color-primary);
}
.brand-border-color-i,
.brand-border-color-after-i::after,
.brand-border-color-before-i::before {
border-color: var(--clb-color-primary) !important;
}
.brand-border-color-hover-i:hover,
.brand-border-color-hover-i-after::after,
.brand-border-color-hover-i-before::before {
border-color: var(--clb-color-primary) !important;
}
input.brand-bg-color,
input[type=submit].brand-bg-color,
button.brand-bg-color,
a.brand-bg-color,
div.brand-bg-color,
span.brand-bg-color {
background-color: var(--clb-color-primary);
}
input.brand-bg-color-hover:hover,
input[type=submit].brand-bg-color-hover:hover,
button.brand-bg-color-hover:hover,
a.brand-bg-color-hover:hover,
div.brand-bg-color-hover:hover,
span.brand-bg-color-hover:hover {
background-color: var(--clb-color-primary);
}
.brand-bg-color,
.brand-bg-color-after::after,
.brand-bg-color-before::before {
background-color: var(--clb-color-primary);
}
.brand-bg-color-hover:hover,
.brand-bg-color-hover-after::after,
.brand-bg-color-hover-before::before {
background-color: var(--clb-color-primary);
}
.brand-bg-color-i,
.brand-bg-color-after-i::after,
.brand-bg-color-before-i::before {
background-color: var(--clb-color-primary) !important;
}
.brand-bg-color-hover-i:hover,
.brand-bg-color-hover-i-after::after,
.brand-bg-color-hover-i-before::before {
background-color: var(--clb-color-primary) !important;
} .norebro-row-inline .wpb_column {
width: auto;
}
.norebro-bg-cover {
background-size: cover !important;
}
.norebro-bg-cover > .vc_column-inner {
background-size: cover !important;
}
.norebro-bg-top-left,
.norebro-bg-bottom-right,
.norebro-bg-top-right {
background-repeat: no-repeat !important;
}
.norebro-bg-top-left {
background-position: top left !important;
}
.norebro-bg-bottom-right {
background-position: bottom right !important;
}
.norebro-bg-top-right {
background-position: top right !important;
} div.vc_row[data-vc-full-width] {
overflow: visible;
}
.col-md-five-columns {
width: 100% !important;
padding: 0 15px;
float: left;
position: relative;
}
.wpb_revslider_element.wpb_content_element {
margin-bottom: 0px;
}
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > div.vc_column-inner,
div.vc_row-has-fill > div.vc_column_container > div.vc_column-inner {
padding-top: 0;
}
.typed-cursor {
opacity: 1;
vertical-align: 0.1em;
margin-right: -0.2em;
animation: typedjsBlink 0.7s infinite;
}
@keyframes typedjsBlink {
50% {
opacity: 0;
}
}
@-webkit-keyframes typedjsBlink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}  .woocommerce .message-box {
margin-top: 0px;
margin-bottom: 15px;
}
.woocommerce .wc-single-page-message .message-box:first-child {
margin-top: 35px;
}
.woocommerce .wc-single-page-message .message-box:last-child {
margin-bottom: 35px;
}
.woocommerce .wc-cart-messages .message-box:last-child {
margin-bottom: 40px;
}    :root { --clb-color-primary: #174EE2;
--clb-color-black: #282828;
--clb-color-black-lighter: color-mix(in srgb, var(--clb-color-black) 92%, white);
--clb-color-neutral: #888;
--clb-color-white: white;
--clb-color-gray: #d9d9d9;
--clb-color-fill: color-mix(in srgb, var(--clb-color-neutral) 8%, white);
--clb-color-light-gray: rgba(0,0,0,.03);
--clb-color-fields-text: var(--clb-color-neutral);
--clb-color-titles: var(--clb-color-black);
--clb-color-subtitles: var(--clb-color-neutral);
--clb-color-texts: var(--clb-color-black-lighter);
--clb-color-footer: rgba(255,255,255,.6);
--clb-color-footer-border: rgba(255,255,255,.2);
--clb-color-link: inherit;
--clb-color-link-hover: var(--clb-color-primary);
--clb-color-border: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
--clb-color-border-dark: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-input-border-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
--clb-color-button: var(--clb-color-black);
--clb-color-button-hover: var(--clb-color-primary);
--clb-color-artstation: #26bbff;
--clb-color-behance: #0056ff;
--clb-color-deviantart: #05CC47;
--clb-color-digg: #1c5891;
--clb-color-discord: #7289da;
--clb-color-dribbble: #fd629e;
--clb-color-facebook: #217cef;
--clb-color-flickr: #0063db;
--clb-color-github: #24292E;
--clb-color-houzz: #007562;
--clb-color-instagram: var(--clb-color-black-lighter);
--clb-color-kaggle: #32C0FD;
--clb-color-linkedin: #4477ab;
--clb-color-medium: #1a8917;
--clb-color-mixer: #0270d9;
--clb-color-pinterest: #e4252d;
--clb-color-producthunt: #ff4f00;
--clb-color-quora: #a82401;
--clb-color-reddit: #ff4501;
--clb-color-snapchat: #e0e410;
--clb-color-soundcloud: #FD561F;
--clb-color-spotify: #1ED760;
--clb-color-teamspeak: #1c82cc;
--clb-color-telegram: #0088cc;
--clb-color-threads: var(--clb-color-black-lighter);
--clb-color-tiktok: var(--clb-color-black-lighter);
--clb-color-tumblr: var(--clb-color-black-lighter);
--clb-color-twitch: #9147ff;
--clb-color-twitter: var(--clb-color-black-lighter);
--clb-color-vimeo: #1ab8ea;
--clb-color-vine: #00be8e;
--clb-color-whatsapp: #0ec143;
--clb-color-xing: #0C6567;
--clb-color-youtube: #e4252d;
--clb-color-fivehundredpx: var(--clb-color-black-lighter);
}  :root { --clb-border-style-solid: solid;
--clb-border-style-dashed: dashed;
--clb-border-width: 1px;
--clb-border-width-double: 2px;
--clb-border-radius: 0.5rem;
--clb-border-radius-small: calc(var(--clb-border-radius) / 1.5);
--clb-border-radius-large: calc(var(--clb-border-radius) * 1.5);
--clb-border-radius-extra-large: calc(var(--clb-border-radius) * 2.5);
--clb-border-radius-50: 50%;
--clb-button-border-radius: var(--clb-border-radius);
--clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 1.5);
--clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 1.5);
--clb-button-border-radius-extra-large: calc(var(--clb-button-border-radius) * 2);
--clb-grid-border-radius: var(--clb-border-radius);
--clb-text-field-border-radius: var(--clb-border-radius);
--clb-grid-gutter: 15px;
--clb-icon-button: 50px;
--clb-icon-button-small: 40px;
--clb-video-button-size: 60px;
--clb-button-height: 2.75rem;
--clb-button-height-small: 2.15rem;
--clb-button-height-large: 3.15rem;
--clb-button-height-extra-large: 3.6rem;
--clb-button-side-padding: 1.15rem;
--clb-button-side-padding-small: 0.85rem;
--clb-button-side-padding-large: 1.35rem;
--clb-button-side-padding-extra-large: 1.65rem;
--clb-header-height: 80px;
--clb-header-height-3: 17vh;
--clb-header-height-6: 280px;
--clb-header-height-7: 10vh;
--clb-sticky-header-height: 7.5vh;
--clb-button-purchase: 2.5rem;
--clb-admin-bar-height: 32px;
--clb-admin-bar-height-mobile: 46px;
--clb-panel-width: 76px;
--clb-spacer-05: 0.25rem;
--clb-spacer-1: 0.5rem;
--clb-spacer-2: 0.75rem;
--clb-spacer-3: 1rem;
--clb-spacer-4: 1.25rem;
--clb-spacer-5: 1.5rem;
--clb-spacer-6: 1.75rem;
--clb-spacer-7: 2rem;
--clb-spacer-8: 2.25rem;
--clb-spacer-9: 2.5rem;
--clb-spacer-10: 2.75rem;
--clb-spacer: 20px;
--clb-spacer-small: 2.5vh;
--clb-spacer-large: 4.5vh;
--clb-gap: 0.5em;
--clb-gap-small: 0.25em;
--clb-gap-large: 1em;
--clb-cursor-default: default;
--clb-cursor-pointer: pointer;
--clb-cursor-help: help;
--clb-container-width: 1326px;
--clb-container-width-md: 1226px;
--clb-container-width-laptop: 86vw;
--clb-container-offset: calc((100vw - var(--clb-container-width)) / 2);
--clb-container-side-spacer: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height));
--clb-container-side-gutter: var(--clb-grid-gutter);
--clb-container-narrow-side-spacer: 5vw;
--clb-slide-in-panel-width: 25rem;
--clb-slide-in-panel-header-height: 5rem;
--clb-transition-function: cubic-bezier(0.4, 0, 0.2, 1);
--clb-transition-duration: .35s;
--clb-transition-duration-faster: .25s;
--clb-infinit-scrolling-transition-duration: 45s;
--clb-transform-scale: scale3d(1.06, 1.06, 1.06);
--clb-size-offset-fullwidth-container: 7%;
--clb-size-page-offset-top: 80px;
--clb-size-page-offset-bottom: 90px;
--clb-size-page-offset-top-md: 30px;
--clb-size-page-offset-bottom-md: 30px; --clb-body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-body-color: var(--clb-color-black-lighter);
--clb-body-color-grey: color-mix(in srgb, var(--clb-body-color) 66%, white);
--clb-body-color-grey-light: color-mix(in srgb, var(--clb-body-color) 51%, white);
--clb-font-size: 1rem;
--clb-font-size-small: calc(var(--clb-font-size) * 0.95);
--clb-font-size-extra-small: calc(var(--clb-font-size) * 0.9);
--clb-font-size-large: calc(var(--clb-font-size) * 1.05);
--clb-code-font-family: menlo, monaco, consolas, "Lucida Console", monospace;
--clb-action-font-family: var(--clb-titles-font-family);
--clb-action-font-size: 0.95em;
--clb-action-font-size-small: 0.9em;
--clb-action-font-size-large: 1em;
--clb-action-font-weight: var(--clb-titles-font-weight);
--clb-countdown-font-size: var(--clb-titles-h3-font-size-min);
--clb-countdown-font-size-min: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size: var(--clb-titles-h4-font-size-min);
--clb-card-titles-font-size-min: var(--clb-titles-h5-font-size-min);
--clb-wc-product-thumbnail: 3.75rem;
--clb-wc-product-title: 1.1em;
--clb-wc-product-title-line-height: var(--clb-titles-h1-line-height);
--clb-color-swatch-width: var(--clb-spacer-6);
--clb-color-swatch-small-width: var(--clb-spacer-4);
--clb-titles-font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--clb-titles-color: var(--clb-color-black);
--clb-titles-font-size: inherit;
--clb-titles-letter-spacing: inherit;
--clb-titles-line-height: inherit;
--clb-titles-font-weight: 600;
--clb-titles-style: normal;
--clb-titles-text-transform: none;
--clb-titles-text-decoration: none;
--clb-titles-h1-font-size: 3.16em;
--clb-titles-h2-font-size: 2.56em;
--clb-titles-h3-font-size: 2.05em;
--clb-titles-h4-font-size: 1.64em;
--clb-titles-h5-font-size: 1.28em;
--clb-titles-h6-font-size: 1.05rem;
--clb-titles-widget-font-size: 1.14em;
--clb-titles-h1-font-size-min: calc(var(--clb-titles-h1-font-size) * 0.8);
--clb-titles-h2-font-size-min: calc(var(--clb-titles-h2-font-size) * 0.8);
--clb-titles-h3-font-size-min: calc(var(--clb-titles-h3-font-size) * 0.8);
--clb-titles-h4-font-size-min: calc(var(--clb-titles-h4-font-size) * 0.8);
--clb-titles-h5-font-size-min: calc(var(--clb-titles-h5-font-size) * 0.8);
--clb-titles-h6-font-size-min: 1em;
--clb-titles-h1-letter-spacing: -0.03em;
--clb-titles-h2-letter-spacing: -0.025em;
--clb-titles-h3-letter-spacing: -0.02em;
--clb-titles-h4-letter-spacing: -0.015em;
--clb-titles-h5-letter-spacing: -0.01em;
--clb-titles-h6-letter-spacing: -0.005em;
--clb-titles-h1-line-height: 1.1;
--clb-titles-h2-line-height: 1.15;
--clb-titles-h3-line-height: 1.2;
--clb-titles-h4-line-height: 1.25;
--clb-titles-h5-line-height: 1.3;
--clb-titles-h6-line-height: 1.35;
--clb-text-bold: bold;
--clb-text-semi-bold: 600;
--clb-text-medium: 500;
--clb-text-normal: 400;
--clb-font-main: "Rubik", sans-serif;
--clb-font-main-size: 1rem;
--clb-font-small-size: 0.95em;
--clb-font-extra-small-size: 0.9em;
--clb-font-caption-size: 0.75rem;
--clb-font-code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
--clb-font-pre: "Courier 10 Pitch", Courier, monospace;
--clb-font-titles: "Poppins", sans-serif;
--clb-font-subtitles: "Poppins", serif;
--clb-font-lh-body: 1.65;
--clb-font-lh-titles: 1.4;
--clb-font-lh-subtitles: 1.4;
--clb-font-lh-text: 1.4;
--clb-font-h1: 60px;
--clb-font-h2: calc(60px * 0.72);
--clb-font-h3: calc(60px * 0.58);
--clb-font-h4: calc(60px * 0.45);
--clb-font-h5: calc(60px * 0.33);
--clb-font-h6: 60px;
}     .woocommerce .norebro-content-wrap-right::after {
content: "";
clear: both;
display: table;
}
.woocommerce .product .images {
margin-bottom: 0;
position: relative;
z-index: 49;
display: block;
}
.woocommerce .product .images figure {
margin: 0px;
}
.woocommerce .product .images img {
width: 100%;
height: 100%;
display: inline-block;
vertical-align: top;
}
.woocommerce .product .images .slider {
background: var(--clb-color-black);
padding: 0;
opacity: 0;
transition: opacity 0.15s ease-in-out;
}
.woocommerce .product .images .slider .owl-nav {
display: none;
}
.woocommerce .product .images .slider .owl-stage-outer {
height: 100%;
padding-top: 0;
margin-top: 0;
}
.woocommerce .product .images .slider .owl-item,
.woocommerce .product .images .slider .owl-item > div,
.woocommerce .product .images .slider .owl-item a {
display: block;
position: relative;
}
.woocommerce .product .images .slider.visible {
opacity: 1;
}
.woocommerce .product .images .slider.empty {
overflow: hidden;
}
.woocommerce .product .images .slider .owl-controls .owl-nav .owl-prev,
.woocommerce .product .images .slider .owl-controls .owl-nav .owl-next {
background: transparent;
color: var(--clb-color-black);
font-size: 30px;
}
.woocommerce .product .images .slider .owl-controls .owl-nav .owl-prev:hover,
.woocommerce .product .images .slider .owl-controls .owl-nav .owl-next:hover {
opacity: 0.7;
}
.woocommerce .product .images .slider .owl-dots {
background: var(--clb-color-white);
width: 40px;
padding: 16px 8px;
border-radius: 50px;
position: absolute;
top: 50%;
right: -20px;
transform: translateY(-50%);
z-index: 10;
}
.woocommerce .product .entry-summary {
height: 100vh;
padding: 130px 0px 0px 15%;
position: relative;
}
.woocommerce .product .woo-summary-content {
height: calc(100vh - 340px);
overflow-y: auto;
}
.woocommerce .product .woo-summary-content::-webkit-scrollbar {
background: var(--clb-color-fill);
width: 6px;
border-radius: 50px;
}
.woocommerce .product .woo-summary-content::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.6);
border-radius: 50px;
}
.woocommerce .product .woo-summary-content::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.7);
cursor: pointer;
}
.woocommerce .product .woo-summary-content > .wrap {
padding-right: 30px;
overflow: hidden;
}
.woocommerce .product .woocommerce-share {
width: 100%;
height: 80px;
line-height: 80px;
font-size: var(--clb-font-small-size);
font-weight: 400;
text-align: left;
vertical-align: middle;
clear: both;
position: absolute;
bottom: 0;
left: 90px;
}
.woocommerce .product .woocommerce-share::after {
content: "";
background: #ebebeb;
width: 1000%;
height: 1px;
position: absolute;
bottom: 0;
left: -500%;
}
.woocommerce .product .woocommerce-share.share-extended-details {
background: var(--clb-color-white);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce .product .woocommerce-share .socialbar {
margin: 0;
margin-left: 10px;
display: inline-block;
font-size: var(--clb-font-main-size);
vertical-align: 2px;
}
.woocommerce .product .woocommerce-share .socialbar a {
width: 40px;
height: 40px;
line-height: 40px;
font-size: var(--clb-font-main-size);
}
.woocommerce .product div.wc-single-page-message {
padding: 0;
}
.woocommerce .product div.wc-single-page-message .message-box {
margin: 0 0 40px;
}
.woocommerce .product table.variations {
width: auto;
margin-bottom: 0px;
text-align: left;
}
.woocommerce .product table.variations tr td {
padding-right: 10px;
}
.woocommerce .product table.variations tr td.reset {
text-align: right;
padding-top: 7px;
padding-left: 10px;
}
.woocommerce .product table.variations a.reset_variations {
font-size: var(--clb-font-extra-small-size);
}
.woocommerce .product table.variations a.reset_variations:hover {
color: #c22;
}
.woocommerce .product table.variations a.reset_variations span {
position: relative;
}
.woocommerce .product table.variations a.reset_variations span::before {
content: "";
background: #838383;
width: 100%;
height: 1px;
position: absolute;
bottom: 0px;
}
.woocommerce .product table.variations a.reset_variations i {
font-size: 18px;
margin-right: 10px;
vertical-align: -3px;
}
.woocommerce .product div.summary {
width: 100%;
margin: 0;
float: none;
}
.woocommerce .product div.summary .breadcrumbs {
background: transparent;
padding: 20px 0;
clear: both;
}
.woocommerce .product div.summary h2.product_title {
margin: 0 0 15px;
font-size: 26px;
letter-spacing: -0.03em;
text-align: left;
position: relative;
}
.woocommerce .product div.summary .stock {
color: var(--clb-color-black);
margin: 0 10px 20px 0;
padding: 7px 12px 5px;
border: 1px solid color-mix(in srgb, var(--clb-color-black) 75%, white);
border-radius: 50px;
display: inline-block;
font-size: var(--clb-font-caption-size);
font-weight: 600;
text-transform: uppercase;
cursor: default;
}
.woocommerce .product div.summary .woocommerce-product-rating {
display: inline-block;
vertical-align: -4px;
}
.woocommerce .product div.summary .woo-review-link {
font-size: 13.5px;
margin-left: 5px;
vertical-align: 4px;
display: inline-block;
}
.woocommerce .product div.summary .woo-review-link:hover {
color: var(--clb-color-primary);
text-decoration: underline;
}
.woocommerce .product div.summary .price {
margin-bottom: 20px;
float: left;
font-size: 19.6px;
font-weight: 600;
}
.woocommerce .product div.summary .price ins .amount {
font-size: 19.6px;
line-height: 1.1;
vertical-align: -1px;
}
.woocommerce .product div.summary .price ins .amount:last-child {
margin-right: 8px;
}
.woocommerce .product div.summary .price del {
color: color-mix(in srgb, var(--clb-color-black) 60%, transparent);
}
.woocommerce .product div.summary .price del .amount {
font-size: var(--clb-font-small-size);
font-weight: 400;
vertical-align: 1px;
}
.woocommerce .product div.summary .price-percent {
background: color-mix(in srgb, var(--clb-color-black) 95%, white);
color: var(--clb-color-white);
margin-top: -15px;
margin-left: 10px;
padding: 3px 15px 2px;
font-size: var(--clb-font-caption-size);
font-weight: 600;
vertical-align: 3px;
display: inline-block;
position: relative;
}
.woocommerce .product div.summary .price-percent::after {
content: "";
background: rgba(0, 0, 0, 0.2);
width: 6px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.woocommerce .product div.summary .variable-add-to-cart {
margin-left: 0;
}
.woocommerce .product div.summary .single_add_to_cart_button i {
font-size: 20px;
line-height: 10px;
margin-right: 8px;
display: inline-block;
}
.woocommerce .product div.summary .single_add_to_cart_button i::before {
line-height: 10px;
vertical-align: -2px;
}
.woocommerce .product div.summary .woo-quantity {
margin-right: 15px;
float: none;
}
.woocommerce .product div.summary .yith-wcwl-add-to-wishlist {
margin: 0;
float: left;
}
.woocommerce .product div.summary a.add_to_wishlist,
.woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse,
.woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse {
height: 52px;
display: inline-flex;
align-items: center;
padding: 0 25px;
border: 1px solid var(--clb-color-black);
border-radius: 30px;
font-size: var(--clb-font-extra-small-size);
font-weight: 600;
transition: 0.15s ease-in-out;
transition-property: background, color;
}
.woocommerce .product div.summary a.add_to_wishlist i,
.woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse i,
.woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse i {
display: none;
}
.woocommerce .product div.summary a.add_to_wishlist:hover,
.woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse:hover,
.woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse:hover {
text-decoration: none;
}
.woocommerce .product div.summary a.add_to_wishlist:hover {
background: var(--clb-color-black);
color: var(--clb-color-white);
}
.woocommerce .product div.summary .yith-wcwl-wishlistexistsbrowse,
.woocommerce .product div.summary .yith-wcwl-wishlistaddedbrowse {
background: var(--clb-color-black);
color: var(--clb-color-white);
cursor: default;
}
.woocommerce .product .accordion-box-outline {
margin-top: 20px;
margin-bottom: 50px;
}
.woocommerce .product .accordion-box-outline .accordion-top {
padding-top: 15px;
padding-bottom: 15px;
}
.woocommerce .product .accordion-box-outline h5 {
letter-spacing: -0.04em;
}
.woocommerce .product .group_table {
width: 100%;
}
.woocommerce .product .group_table td {
vertical-align: middle;
text-align: left;
}
.woocommerce .product .variations_form {
width: 100%;
padding-top: var(--clb-spacer-3);
border-top: 1px solid #ebebeb;
text-align: left;
}
.woocommerce .product .variations_form .variations {
padding-bottom: var(--clb-spacer-3);
}
.woocommerce .product .variations_form .variations_button {
display: flex;
align-items: center;
}
.woocommerce .product .variations_form a {
color: var(--clb-color-black);
}
.woocommerce .product .variations_form .variation {
min-height: 45px;
}
.woocommerce .product .variations_form .label {
display: inline-block;
text-transform: uppercase;
}
.woocommerce .product .variations_form .label label {
font-weight: 400;
font-size: var(--clb-font-extra-small-size);
}
.woocommerce .product .variations_form .value {
display: inline-block;
margin-left: 20px;
}
.woocommerce .product .variations_form .variation_buttons_wrapper {
display: inline-block;
vertical-align: 0px;
overflow: visible;
}
.woocommerce .product .variations_form .custom_attribute .variation_buttons_wrapper {
display: none;
}
.woocommerce .product .variations_form .custom_attribute select {
height: 32px;
}
.woocommerce .product .variations_form span.phoen_swatches {
border: none !important;
width: auto !important;
min-width: 12px !important;
height: 12px !important;
padding: 0 !important;
border-radius: 50px;
line-height: 1 !important;
margin-right: 16px;
font-size: var(--clb-font-caption-size);
font-weight: 600;
display: block;
transition: box-shadow 0.15s ease-in-out;
position: relative;
}
.woocommerce .product .variations_form span.phoen_swatches:empty {
border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.woocommerce .product .variations_form span.phoen_swatches:hover {
background: var(--clb-color-fill);
box-shadow: 0 0 0 10px var(--clb-color-fill);
}
.woocommerce .product .variations_form .variation_button {
display: inline-block;
margin-right: 5px;
vertical-align: 0;
}
.woocommerce .product .variations_form .variation_button.selected {
border: none;
}
.woocommerce .product .variations_form .variation_button.selected span.phoen_swatches {
background: rgba(0, 0, 0, 0.08);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.08);
}
.woocommerce .product .variations_form .select select {
display: none !important;
}
.woocommerce .product .woo-variation-price {
width: 100%;
margin: 5px 0 20px;
float: left;
display: block;
text-align: left;
line-height: 2.2;
}
.woocommerce .product .woo-variation-price span.price {
margin-bottom: 0;
font-size: 20px;
font-weight: 600;
}
.woocommerce .product .woo-variation-price ins {
margin-top: 5px;
}
.woocommerce .product .woo-variation-price .price del span.amount {
vertical-align: -4px;
}
.woocommerce .product .woo-variation-price a.reset_variations {
display: none;
}
.woocommerce .product .woo-variation-price div.price-percent {
vertical-align: -11px;
}
.woocommerce .product form.cart:not(.variations_form),
.woocommerce .product .single_variation_wrap:not(.variations_form) {
border-top: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
padding: var(--clb-spacer-3) 0;
margin: 0;
display: flex;
align-items: center;
}
.woocommerce .product form.cart button:not([disabled=true]),
.woocommerce .product form.cart .add_to_wishlist:not([disabled=true]),
.woocommerce .product .single_variation_wrap button:not([disabled=true]),
.woocommerce .product .single_variation_wrap .add_to_wishlist:not([disabled=true]) {
margin: 0 0 0 5px;
}
.woocommerce .product form.cart .ion-left,
.woocommerce .product .single_variation_wrap .ion-left {
margin-right: 5px;
}
.woocommerce .product form.cart .quantity,
.woocommerce .product .single_variation_wrap .quantity {
width: 75px;
float: none;
}
.woocommerce .product .product_meta {
margin: var(--clb-spacer-3) 0;
display: flex;
flex-wrap: wrap;
gap: var(--clb-spacer-05);
line-height: 1.4;
}
.woocommerce .product .product_meta > span {
display: inline-flex;
align-items: center;
font-size: 0.94em;
}
.woocommerce .product .product_meta > span > * {
margin-left: var(--clb-spacer-05);
}
.woocommerce .product .product_meta > span:not(:last-child)::after {
content: "";
background-color: var(--clb-color-primary);
width: 0 var(--clb-spacer-7);
height: 0 var(--clb-spacer-7);
border-radius: 50px;
display: inline-flex;
margin-left: var(--clb-spacer-05);
}
.woocommerce .product .product_meta a {
color: var(--clb-color-link);
text-decoration: none;
}
.woocommerce .product .product_meta a:hover {
color: var(--clb-color-link-hover);
text-decoration: underline;
}
.woocommerce table.shop_attributes {
margin: 0 0;
text-align: left;
border: none;
font-size: 15px;
}
.woocommerce table.shop_attributes p {
margin: 0;
}
.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
background: none;
color: var(--clb-color-black);
border: none;
padding: 5px 12px;
font-style: normal;
}
.woocommerce table.shop_attributes th {
font-weight: 600;
}
.woocommerce table.shop_attributes th:first-child {
padding-left: 0;
}
.woocommerce #comments {
margin-top: -20px;
padding: 15px 0;
}
.woocommerce .woocommerce-noreviews {
text-align: left;
padding: var(--clb-spacer-05) 0;
}
.woocommerce ol.commentlist {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.woocommerce ol.commentlist li {
padding: 15px 0 20px;
position: relative;
}
.woocommerce ol.commentlist img {
background: none;
width: 80px;
height: 80px;
padding: 0;
border: none;
border-radius: 50%;
position: absolute;
top: 25px;
left: 0;
}
.woocommerce ol.commentlist .meta {
line-height: 120%;
}
.woocommerce ol.commentlist .meta h4 {
display: inline-block;
margin: 15px 5px 0 0;
font-size: var(--clb-font-small-size);
}
.woocommerce ol.commentlist time {
color: var(--clb-color-neutral);
margin: 5px 25px 0 0;
font-size: var(--clb-font-extra-small-size);
display: block;
float: left;
}
.woocommerce ol.commentlist time + .star-rating::after {
content: "";
background: var(--clb-color-neutral);
width: 3px;
height: 3px;
border-radius: var(--clb-border-radius);
position: absolute;
top: 7px;
left: -13px;
}
.woocommerce ol.commentlist .star-rating {
margin-top: 5px;
}
.woocommerce ol.commentlist .description {
margin-top: 0px;
}
.woocommerce ol.commentlist .description > *:first-child {
margin-top: 0;
}
.woocommerce ol.commentlist .comment-text {
width: 100%;
font-size: 15px;
margin-left: 110px;
border: none;
clear: left;
}
.woocommerce #review_form_wrapper {
border-top: 1px solid #ebebeb;
margin: 0;
padding-top: 30px;
}
.woocommerce .comment-reply-title {
color: var(--clb-color-black);
margin: 6px auto 20px;
line-height: 1.5;
text-align: left;
font-family: var(--clb-font-titles);
font-size: var(--clb-font-main-size);
clear: both;
}
.woocommerce .comment-form {
text-align: left;
font-size: 15px;
}
.woocommerce .comment-form .rating {
display: inline;
}
.woocommerce .comment-form input[type=submit] {
margin-top: 24px;
}
.woocommerce .woocommerce-product-rating {
line-height: 1.7;
}
.woocommerce .woocommerce-tabs {
width: 48%;
float: right;
clear: none;
}
.woocommerce .single-related-wrapper {
overflow: hidden;
}
.woocommerce .related,
.woocommerce .up-sells {
margin: 60px 0;
}
.woocommerce .related h3.title,
.woocommerce .up-sells h3.title {
margin-top: 0;
font-size: 26px;
margin-bottom: 40px;
text-align: left;
}
.woocommerce .related ul.products li.product,
.woocommerce .up-sells ul.products li.product {
margin-top: 0;
}
.woocommerce .related .wc-product-title-wrap,
.woocommerce .up-sells .wc-product-title-wrap {
background: var(--clb-color-white);
} ul.woo-products {
width: 100%;
margin: 0 0;
}
ul.woo-products li {
margin: 0 0 30px 0;
float: left;
clear: none;
padding: 0 15px;
}
ul.woo-products .product-content {
background: var(--clb-color-white);
transition: box-shadow 0.1s ease-in-out;
}
ul.woo-products img {
width: 100%;
margin: 0;
vertical-align: top;
}
ul.woo-products .image-wrap {
width: 100%;
position: relative;
overflow: hidden;
transition: opacity 0.2s ease-in-out;
}
ul.woo-products a.button {
display: none;
}
ul.woo-products .slider {
width: 100%;
padding: 0;
margin: 0;
z-index: 1;
}
ul.woo-products .slider img {
width: 100%;
height: auto;
display: none;
}
ul.woo-products .slider img:first-child {
display: block;
}
ul.woo-products .slider.visible img {
display: block;
}
ul.woo-products .slider .owl-stage-outer {
padding-top: 0;
margin-top: 0;
}
ul.woo-products .slider .owl-dots {
width: 20px;
margin-top: 0;
position: absolute;
top: 30px;
left: auto;
right: 25px;
}
ul.woo-products .slider .owl-dots .owl-dot {
display: block;
margin-bottom: 10px;
}
ul.woo-products .slider .owl-dots .owl-dot.active {
margin-left: 5px;
}
ul.woo-products .slider .owl-nav {
display: none;
}
ul.woo-products .added_to_cart {
display: none;
}
ul.woo-products .wc-product-title-wrap {
background: var(--clb-color-fill);
padding: 15px 25px 15px;
position: relative;
}
ul.woo-products .wc-product-title-wrap .yith-wcwl-add-to-wishlist {
width: 30px;
height: 25px;
color: var(--clb-color-black);
margin-top: 4px;
margin-right: -5px;
overflow: hidden;
z-index: 2;
position: absolute;
bottom: 15px;
right: 20px;
}
ul.woo-products .wc-product-title-wrap .yith-wcwl-add-to-wishlist i {
font-size: 22px;
display: inline-block;
margin: -1px 10px 0 1px;
}
ul.woo-products h3 {
text-align: left;
font-size: 14.7px;
margin: var(--clb-spacer-1) 0;
line-height: 1.1;
}
ul.woo-products .price {
margin: 0;
padding: 0 25px 0 0;
}
ul.woo-products .without-price h3 {
margin-bottom: 5px;
padding: 0 30px 0 0;
}
ul.woo-products .without-price .left {
display: none;
}
ul.woo-products .without-price .yith-wcwl-add-to-wishlist {
margin-top: -28px;
}
ul.woo-products li.product:hover .image-wrap {
opacity: 0.8;
}
ul.woo-products li.product:hover h3 a {
color: var(--clb-color-primary);
}
ul.woo-products li.product-category {
padding: 0 15px;
position: relative;
}
ul.woo-products li.product-category .wrap {
width: 100%;
position: relative;
background-size: cover;
}
ul.woo-products li.product-category > a::after {
background: transparent;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: background 0.2s ease-in-out;
z-index: 2;
}
ul.woo-products li.product-category:hover > a::after {
background: color-mix(in srgb, var(--clb-color-white) 20%, transparent);
}
ul.woo-products li.product-category .info-wrap {
width: 100%;
height: 100%;
padding: 30px;
position: absolute;
overflow: hidden;
bottom: 0px;
left: 0px;
z-index: 3;
}
ul.woo-products li.product-category .info-wrap .wrap-bg {
background: color-mix(in srgb, var(--clb-color-black) 60%, transparent);
padding: 20px;
}
ul.woo-products li.product-category .info-wrap .description p {
color: var(--clb-color-gray);
font-weight: 300;
margin: -5px 0 5px;
}
ul.woo-products li.product-category .info-wrap h3 {
font-size: 34px;
font-weight: 600;
margin: 0;
display: block;
text-align: inherit;
}
ul.woo-products li.product-category .info-wrap h3,
ul.woo-products li.product-category .info-wrap h3 a,
ul.woo-products li.product-category .info-wrap .description {
margin: 10px 0;
color: var(--clb-color-black);
}
ul.woo-products li.product-category .info-wrap .shop-now {
font-size: var(--clb-font-extra-small-size);
margin: 15px 0 0;
}
ul.woo-products li.product-category .info-wrap.text-right .plus {
right: auto;
left: 50px;
}
ul.woo-products li.product-category .info-wrap.style-2 {
height: auto;
}
ul.woo-products li.product-category .info-wrap.style-2 .content-center {
background: color-mix(in srgb, var(--clb-color-black) 90%, transparent);
padding: 8px 20px;
}
ul.woo-products li.product-category .info-wrap.style-2 h3 {
font-size: 30px;
}
ul.woo-products li.product-category .info-wrap.style-2 h3,
ul.woo-products li.product-category .info-wrap.style-2 h3 a,
ul.woo-products li.product-category .info-wrap.style-2 .description {
margin: 8px 0;
color: var(--clb-color-white);
}
ul.woo-products li.product-category .info-wrap.style-2 .shop-now {
margin-top: 5px;
margin-bottom: 10px;
}
ul.woo-products li.product-category .info-wrap.style-2 .plus {
color: var(--clb-color-white);
font-size: 36px;
font-weight: 300;
position: absolute;
bottom: 0px;
right: 0px;
}
ul.woo-products li.product-category .info-wrap.style-2.text-center .plus {
display: none;
}
ul.woo-products li.product-category .info-wrap.style-2.text-right .plus {
right: auto;
left: 0;
}
.woo-products .product,
.woo-products li {
width: 100%;
} .woocommerce .shop_table {
width: 100%;
border: none;
margin: 0;
}
.woocommerce .shop_table th {
display: none;
}
.woocommerce .shop_table th,
.woocommerce .shop_table td {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
.woocommerce .shop_table td {
padding: 15px 0 10px;
}
.woocommerce .shop_table td h4 {
font-size: var(--clb-font-small-size);
}
.woocommerce .shop_table td.product-thumbnail {
width: 100px;
padding-right: 20px;
}
.woocommerce .shop_table td.product-thumbnail img {
width: 80px;
height: 80px;
}
.woocommerce .shop_table td.product-name {
text-align: left;
}
.woocommerce .shop_table td.product-name .variation {
margin: 0;
padding: 0;
font-size: var(--clb-font-extra-small-size);
}
.woocommerce .shop_table td.product-name .variation-item {
display: flex;
}
.woocommerce .shop_table td.product-name .variation-item dd[class^=variation-] {
margin: 0 0 0 10px;
}
.woocommerce .shop_table td.product-name .variation dt {
font-weight: 400;
color: #888888;
}
.woocommerce .shop_table td.product-name .variation dd {
color: #5a5a5a;
margin: 0;
padding: 0;
font-size: var(--clb-font-extra-small-size);
font-weight: 600;
}
.woocommerce .shop_table td.product-name .variation dd p {
margin: 0;
line-height: inherit;
font-size: var(--clb-font-extra-small-size);
}
.woocommerce .shop_table td .amount {
font-weight: 400;
}
.woocommerce .shop_table td.product-remove-custom {
text-align: right;
}
.woocommerce .shop_table td.product-remove-custom a {
font-size: 18px;
display: inline-block;
}
.woocommerce .actions {
padding-top: 50px;
}
.woocommerce .actions .coupon {
width: 60%;
}
.woocommerce .actions .coupon input[type=text] {
width: 310px;
}
.woocommerce .cart-collaterals {
background: var(--clb-color-light-gray);
width: 100%;
margin: 0 0 100px 0;
border-radius: var(--clb-border-radius);
}
.woocommerce .cart-collaterals .cart_totals {
width: 100%;
padding: var(--clb-spacer-5);
}
.woocommerce .cart-collaterals .cart_totals h3.title {
margin-bottom: 22px;
font-size: var(--clb-font-main-size);
}
.woocommerce .cart-collaterals .shop_table {
width: 100%;
margin-bottom: 30px;
}
.woocommerce .cart-collaterals .shop_table tr {
border-top: 1px solid #ebebeb;
}
.woocommerce .cart-collaterals .shop_table th {
width: 50%;
display: table-cell;
font-weight: 400;
font-size: var(--clb-font-caption-size);
text-transform: uppercase;
vertical-align: top;
}
.woocommerce .cart-collaterals .shop_table td {
font-size: var(--clb-font-small-size);
}
.woocommerce .cart-collaterals .shop_table th,
.woocommerce .cart-collaterals .shop_table td {
padding: 16px 0;
}
.woocommerce .cart-collaterals .shop_table .woocommerce-shipping-calculator p {
text-align: left;
margin: 0px;
margin-top: 10px;
}
.woocommerce .cart-collaterals .shop_table a.shipping-calculator-button {
font-weight: 600;
font-size: var(--clb-font-small-size);
text-align: left;
}
.woocommerce .cart-collaterals .shop_table .shipping-calculator-form p {
margin: 10px 0;
padding: 0;
}
.woocommerce .cart-collaterals .shop_table .shipping-calculator-form .btn {
margin: 5px 0;
}
.woocommerce .cart-collaterals .shop_table .order-total span {
font-weight: 600;
}
.woocommerce .cart-collaterals .wc-proceed-to-checkout {
float: none;
padding: 0;
}
.woocommerce .cart-collaterals .woo_pp_cart_buttons_div {
text-align: center;
margin-top: 15px;
}
.woocommerce #shipping_method li {
line-height: 24px;
font-size: var(--clb-font-small-size);
font-weight: 400;
}
.woocommerce #shipping_method .radio {
line-height: 1;
vertical-align: -5px;
margin-right: 10px;
}
.woocommerce #shipping_method input {
margin: 0 !important;
}
.woo-cart-empty {
text-align: center;
margin: 100px 0 100px;
}
.woo-cart-empty h3 {
font-size: 18px;
margin: 5px 0 0;
}
.woo-cart-empty p {
margin-top: 5px;
}
.woo-cart-empty .icon-bag {
width: 140px;
margin: 0 auto 15px auto;
}
.woo-cart-empty .btn {
margin-top: 10px;
} .woocommerce .wc-checkout-wrap {
position: relative;
margin-top: 0px;
}
.woocommerce .wc-checkout-wrap form.checkout .message-box {
clear: both;
}
.woocommerce .wc-checkout-wrap #coupon_code {
margin-bottom: 15px;
}
.woocommerce .woocommerce-checkout {
position: static;
}
.woocommerce .woocommerce-checkout h3 {
margin: 0 0 20px;
font-size: var(--clb-font-main-size);
}
.woocommerce .woocommerce-checkout .woocommerce-notice-wrap {
width: 66.666%;
padding: 0 15px;
}
.woocommerce form.login,
.woocommerce form.checkout_coupon {
border: none;
padding: var(--clb-spacer-05) 0;
margin: 0;
}
.woocommerce form.login *:first-child,
.woocommerce form.checkout_coupon *:first-child {
margin-top: 0;
}
.woocommerce form.login input.button,
.woocommerce form.checkout_coupon input.button {
height: 48px;
}
.woocommerce form.login {
text-align: left;
}
.woocommerce form.login .fields {
margin-bottom: 15px;
}
.woocommerce form.login label {
line-height: 2em;
margin-top: 15px;
margin-bottom: 5px;
display: block;
}
.woocommerce form.login #rememberme {
display: inline;
vertical-align: -1px;
margin-right: 4px;
}
.woocommerce form.login .form-row {
margin-bottom: 0;
}
.woocommerce form.login .lost_password {
margin-top: 0;
}
.woocommerce form.login a {
color: var(--clb-color-primary);
font-size: var(--clb-font-small-size);
}
.woocommerce form.login a:hover {
text-decoration: underline;
}
.woocommerce .checkout_coupon .input-text {
width: 310px;
}
.woocommerce .create-account {
margin-top: 15px;
text-align: left;
}
.woocommerce .woocommerce-billing-fields,
.woocommerce .woocommerce-shipping-fields {
margin-top: 20px;
}
.woocommerce .woocommerce-billing-fields label[for=createaccount],
.woocommerce .woocommerce-shipping-fields label[for=createaccount] {
display: inline;
cursor: pointer;
}
.woocommerce .woocommerce-shipping-fields h3 {
margin-bottom: 10px;
}
.woocommerce .ship-to-different {
float: right;
width: auto;
margin: -4px 0 0;
}
.woocommerce .ship-to-different label {
display: inline;
cursor: pointer;
}
.woocommerce .woocommerce-billing-fields {
margin-bottom: 90px;
}
.woocommerce .wc-order-review-wrap {
position: absolute;
top: 0;
right: 0;
}
.woocommerce .woo-check-order {
text-align: left;
}
.woocommerce .woo-check-order h3 {
margin-top: 10px;
margin-bottom: 20px;
}
.woocommerce .woocommerce-checkout-review-order-table,
.woocommerce .woocommerce-checkout-payment {
background: var(--clb-color-light-gray);
padding: 20px 25px 20px;
}
.woocommerce .woocommerce-checkout-payment {
margin-top: 20px;
}
.woocommerce .shop-table {
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0;
}
.woocommerce .shop-table th,
.woocommerce .shop-table td {
border-bottom: 1px solid #ebebeb;
padding: 15px 0;
}
.woocommerce .shop-table th {
width: 55%;
display: table-cell;
font-size: var(--clb-font-caption-size);
font-weight: 400;
text-transform: uppercase;
padding-right: 10px;
}
.woocommerce .shop-table h4 {
font-size: var(--clb-font-small-size);
}
.woocommerce .shop-table .cart-subtotal {
border-top: 1px solid #ebebeb;
}
.woocommerce .shop-table .cart_item td {
border: none;
padding: 20px 10px 0 0;
font-size: var(--clb-font-small-size);
font-weight: 400;
vertical-align: top;
}
.woocommerce .shop-table .cart_item:last-child td {
padding-bottom: 20px;
}
.woocommerce .shop-table .order-total td,
.woocommerce .shop-table .order-total th {
border-bottom: none;
}
.woocommerce .shop-table .order-total strong {
font-weight: 600;
}
.woocommerce .pay-table .shipping th {
vertical-align: 0px;
}
.woocommerce .pay-table #shipping_method label {
font-size: var(--clb-font-small-size);
font-weight: 400;
cursor: pointer;
}
.woocommerce .country_select a,
.woocommerce .state_select a {
padding-top: 8px;
padding-bottom: 8px;
}
.woocommerce .country_select a .select2-arrow,
.woocommerce .state_select a .select2-arrow {
width: 40px;
}
.woocommerce #payment ul.wc_payment_methods {
padding: 0;
border: none;
clear: both;
}
.woocommerce #payment li.wc_payment_method {
border-bottom: 1px solid #ebebeb;
padding: 20px 0;
}
.woocommerce #payment li.wc_payment_method:first-child {
border-top: 1px solid #ebebeb;
}
.woocommerce #payment li.wc_payment_method .radio {
margin-right: 10px;
vertical-align: -5px;
}
.woocommerce #payment li.wc_payment_method label {
font-size: var(--clb-font-small-size);
font-weight: 400;
cursor: pointer;
}
.woocommerce #payment li.wc_payment_method label img {
margin: 0 10px;
vertical-align: middle;
}
.woocommerce #payment li.wc_payment_method a.about_paypal {
margin-top: 6px;
float: right;
color: var(--clb-color-primary);
}
.woocommerce #payment li.wc_payment_method a.about_paypal:hover {
text-decoration: underline;
}
.woocommerce #payment li.wc_payment_method .payment_box {
background: none;
padding: 0px 0 0 35px;
margin: 0;
}
.woocommerce #payment li.wc_payment_method .payment_box p {
font-size: var(--clb-font-caption-size);
line-height: 150%;
}
.woocommerce #payment li.wc_payment_method .payment_box::before {
display: none;
}
.woocommerce #payment .form-row.place-order {
padding: 20px 0;
margin: 0;
}
.woocommerce .woocommerce-thankyou-order-details {
margin-bottom: 50px;
}
.woocommerce .checkout-result .woo-my-orders-table {
font-size: var(--clb-font-small-size);
}
.woocommerce .checkout-result .woo-my-orders-table th {
font-size: var(--clb-font-small-size);
font-weight: 600;
}
.select2 .select2-selection {
border: none;
height: 46px;
font-size: var(--clb-font-small-size);
text-align: left;
border-bottom: 1px solid var(--clb-color-border);
border-radius: 0px;
}
.select2 .select2-selection .select2-selection__rendered {
padding: 0;
line-height: 46px;
}
.select2 .select2-selection .select2-selection__arrow {
top: 10px;
}
.select2-dropdown {
border: 1px solid var(--clb-color-border);
}
.select2-dropdown .select2-search .select2-search__field {
border: 1px solid var(--clb-color-border);
}
.select2-dropdown .select2-results__options::-webkit-scrollbar {
width: 10px;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-track {
background: var(--clb-color-fill);
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.select2-dropdown .select2-results__options::-webkit-scrollbar-thumb:hover {
background: var(--clb-color-border);
}
.select2-dropdown .select2-results__option:hover,
.select2-dropdown .select2-results__option.select2-results__option--highlighted {
background: var(--clb-color-border);
color: var(--clb-color-black);
}
.select2-dropdown .select2-results__option[aria-selected=true] {
background: var(--clb-color-primary);
color: var(--clb-color-white);
} .woocommerce table.wishlist_table {
margin-bottom: 60px;
}
.woocommerce table.wishlist_table tr td {
padding: 10px 0;
margin: 0;
font-size: var(--clb-font-small-size);
border-top: 1px solid #ebebeb;
}
.woocommerce table.wishlist_table tr td.product-add-to-cart {
width: 240px;
padding: 10px 25px;
}
.woocommerce table.wishlist_table tr td.product-add-to-cart > a.btn {
border-radius: 50px;
padding: 16px 25px 13px;
display: inline-block !important;
line-height: 1.2;
}
.woocommerce table.wishlist_table tr td.product-add-to-cart > a.btn:hover {
background: transparent;
}
.woocommerce table.wishlist_table tr td.product-stock-status {
font-size: var(--clb-font-small-size);
}
.woocommerce table.wishlist_table tr td.product-remove {
text-align: right;
padding-right: 0;
}
.woocommerce table.wishlist_table tr td.product-price del,
.woocommerce table.wishlist_table tr td.product-price ins {
float: none;
}
.woocommerce table.wishlist_table tr td.wishlist-empty {
font-size: var(--clb-font-small-size);
padding: 30px 0;
}
.woocommerce table.wishlist_table tr td a.remove-link {
color: #888;
font-size: 18px;
}
.woocommerce table.wishlist_table tr td a.remove-link:hover {
background: transparent;
color: #ec6060;
}
.woocommerce table.wishlist_table tfoot td {
border: none;
}
.woocommerce table.wishlist_table tfoot h3 {
font-size: 18px;
}
.woocommerce table.wishlist_table tfoot .yith-wcwl-share {
margin-top: 40px;
}
.woocommerce table.wishlist_table tfoot .socialbar {
display: inline;
margin-left: 15px;
vertical-align: 2px;
}
.woocommerce table.wishlist_table tfoot .socialbar a {
background-image: none;
border: 1px solid;
margin: 0;
}
#yith-wcwl-form {
margin-top: 50px;
}
#yith-wcwl-popup-message {
opacity: 0;
display: none;
} .woocommerce .woocommerce-MyAccount-wrap {
margin: 20px 0 80px;
overflow: hidden;
}
.tab-box .item .woocommerce-password-strength {
margin-top: 20px;
}
.woocommerce .myaccount-login-form {
margin: 60px 0 80px;
}
.woocommerce .myaccount-login-form .tab-box .buttons-wrap .button {
text-align: center;
font-size: 24px;
}
.woocommerce .myaccount-login-form .tab-box .item {
top: 0px;
}
.woocommerce .myaccount-login-form .tab-box .buttons-wrap {
border: none;
}
.woocommerce .myaccount-login-form form {
background: var(--clb-color-light-gray);
width: 500px;
margin: 0px auto 40px;
padding: 40px 50px;
text-align: left;
}
.woocommerce .myaccount-login-form form .form-row:first-child {
margin-top: 0px;
}
.woocommerce .myaccount-login-form form p {
margin: 15px 0;
}
.woocommerce .myaccount-login-form form .lost-link {
margin-top: 15px;
}
.woocommerce .myaccount-login-form form .btn {
margin: 20px 0 10px;
}
.woocommerce .myaccount-login-form .buttons-wrap {
max-width: 500px;
width: 100%;
margin: 0px auto;
}
.woocommerce .myaccount-login-form .buttons-wrap .buttons {
overflow: hidden;
}
.woocommerce .myaccount-login-form .buttons-wrap .buttons.single .button {
cursor: default;
}
.woocommerce .myaccount-login-form .buttons-wrap .buttons.single .line {
display: none;
}
.woocommerce .myaccount-login-form .buttons-wrap .buttons .button {
text-align: center;
margin: 0;
width: 50%;
}
.woocommerce .woo-my-user {
margin-bottom: 25px;
padding-bottom: 30px;
overflow: hidden;
}
.woocommerce .woo-my-user img {
border-radius: 50%;
float: left;
margin-right: 20px;
}
.woocommerce .woo-my-user h4 {
width: 100%;
margin: 25px 0 0;
padding-top: 5px;
display: block;
font-size: 15px;
}
.woocommerce .woo-my-user h4::after {
width: 2em;
}
.woocommerce .woo-my-user a.logout {
font-size: var(--clb-font-small-size);
}
.woocommerce .woo-my-user a.logout:hover {
text-decoration: underline;
}
.woocommerce .woo-my-nav {
width: 100%;
margin-bottom: 20px;
}
.woocommerce .woo-my-nav ul {
list-style: none;
}
.woocommerce .woo-my-nav li {
line-height: 23px;
}
.woocommerce .woo-my-nav li a {
color: #343436;
font-size: var(--clb-font-small-size);
}
.woocommerce .woo-my-nav li a:hover {
text-decoration: underline;
}
.woocommerce .woo-my-nav li.is-active a {
color: var(--clb-color-primary);
}
.woocommerce .woo-my-content {
width: 100%;
}
.woocommerce .woo-my-content > *:first-child {
margin-top: 0;
}
.woocommerce .woo-my-content p a {
text-decoration: underline;
}
.woocommerce .woo-my-content p a:hover {
color: var(--clb-color-primary);
}
.woocommerce .woo-my-content mark {
background: var(--clb-color-primary);
}
.woocommerce .woo-my-content .woo-my-address {
margin-top: 15px;
}
.woocommerce .woo-my-content .woo-my-address .wrap {
padding: 30px;
background-color: var(--clb-color-fill);
}
.woocommerce .woo-my-content .woo-my-address h4 {
text-align: left;
float: left;
}
.woocommerce .woo-my-content .woo-my-address a {
float: right;
margin-top: 0px;
margin-right: 8px;
padding-left: 32px;
padding-right: 32px;
}
.woocommerce .woo-my-content .woo-my-address address {
clear: both;
line-height: 26px;
}
.woocommerce .woo-my-content form h3 {
margin-bottom: 28px;
}
.woocommerce .woo-my-content .message-download {
margin-top: 20px;
}
.woocommerce .woo-my-content .edit-account {
text-align: left;
}
.woocommerce .woo-my-content .edit-account h4 {
margin-bottom: 20px;
}
.woocommerce .woo-my-content .edit-account .btn {
margin-top: 20px;
}
.woocommerce .woo-my-content .woo-my-downloads {
margin: 30px 0;
}
.woocommerce .woo-my-content .order-again {
margin-bottom: 30px;
}
.woocommerce .woo-my-orders-table {
margin-top: 10px;
}
.woocommerce .woo-my-orders-table th {
color: #343436;
display: table-cell;
font-weight: 400;
font-size: var(--clb-font-extra-small-size);
padding: 12px 0;
}
.woocommerce .woo-my-orders-table td {
padding: 18px 0;
}
.woocommerce .woo-my-orders-table tr {
background: transparent;
border-bottom: 1px solid #ebebeb;
}
.woocommerce .woo-my-orders-table td.order-number {
font-weight: 600;
}
.woocommerce .woo-my-orders-table td > .amount {
font-weight: 600;
}
.woocommerce .woo-my-orders-table td.order-actions {
text-align: right;
}
.woocommerce .woo-my-orders-table a.btn {
padding-left: 30px;
padding-right: 30px;
}
.woocommerce .woo-my-orders-table a.btn:hover {
text-decoration: none;
}
.woocommerce .woo-my-orders-table a:hover {
text-decoration: underline;
}
.woocommerce .woo-my-orders-table.woo-details {
margin-bottom: 40px;
}
.woocommerce .woo-my-orders-table.woo-details tbody tr {
border-width: 0;
}
.woocommerce .woo-my-orders-table.woo-details tbody tr:last-child {
border-width: 1px;
}
.woocommerce .woo-my-orders-table.woo-details tbody tr:last-child th,
.woocommerce .woo-my-orders-table.woo-details tbody tr:last-child td {
padding-bottom: 20px;
}
.woocommerce .woo-my-orders-table.woo-details tbody th,
.woocommerce .woo-my-orders-table.woo-details tbody td {
padding: 20px 0 0;
vertical-align: top;
}
.woocommerce .woo-my-orders-table.woo-customer-details {
margin: 30px 0;
}
.woocommerce .woo-my-orders-table.woo-customer-details th {
border-top: 1px solid #ebebeb;
} .woo-onsale.tag {
color: var(--clb-color-white);
position: absolute;
top: var(--clb-spacer-7);
left: var(--clb-spacer-7);
z-index: 4;
}
.woo-onsale.tag.out {
background-color: #ccc;
border-color: #ccc;
color: var(--clb-color-black);
}
.woocommerce .stars {
width: auto;
height: 16px;
line-height: 1;
margin: 0 15px;
display: inline-flex;
vertical-align: top;
}
.woocommerce .stars a {
position: relative;
height: 18px;
width: 1em;
font-size: 15px;
text-indent: -999em;
display: inline-block;
text-decoration: none;
}
.woocommerce .stars a::before {
content: "\f3ae";
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
height: 1.2em;
line-height: 1.2em;
font-size: 1.2em;
line-height: 1;
font-family: Ionicons;
text-indent: 0;
}
.woocommerce .stars:hover a:hover ~ a::before,
.woocommerce .stars.selected a.active ~ a::before,
.woocommerce .stars.selected:hover span a:hover ~ a::before {
content: "\f3ae";
}
.woocommerce .stars:hover a::before,
.woocommerce .stars.selected a::before,
.woocommerce .stars.selected:hover span a::before {
content: "\f2fc";
}
.star-rating {
overflow: hidden;
position: relative;
height: 1.2em;
line-height: 1.2em;
font-size: 1.2em;
width: 5em;
margin-bottom: var(--clb-spacer-1);
font-family: Ionicons;
letter-spacing: 2px;
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.star-rating::before {
content: "\f3ae\f3ae\f3ae\f3ae\f3ae";
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "\f2fc\f2fc\f2fc\f2fc\f2fc";
top: 0;
position: absolute;
left: 0;
}
.woocommerce table td,
.woocommerce table th {
border: none;
padding: 0;
}
.woocommerce ul {
list-style: none;
}
.woocommerce .form-row {
padding: 0;
margin-bottom: var(--clb-spacer-4);
}
.woocommerce .form-row label {
font-size: 0.75em;
color: var(--clb-color-neutral);
text-transform: uppercase;
}
.woocommerce .form-row textarea {
min-height: 159px;
}
.woocommerce .form-row button.show-password-input {
display: none;
}
.woocommerce .blockUI.blockOverlay {
opacity: 0.4 !important;
}
.woocommerce .price {
color: var(--clb-color-black);
font-size: var(--clb-font-small-size);
font-weight: 400;
}
.woocommerce .price ins,
.woocommerce .price del {
float: left;
opacity: 1;
}
.woocommerce .price ins {
text-decoration: none;
}
.woocommerce .price del {
margin-right: 8px;
color: var(--clb-color-neutral);
}
.page-error.woocommerce-shop .icon-shape {
line-height: 75px;
}
.page-error.woocommerce-shop .icon-shape i {
font-size: 60px;
}
.woo-quantity {
width: 95px;
height: 40px;
position: relative;
float: left;
margin-right: 5px;
}
.woo-quantity .plus,
.woo-quantity .minus {
background: rgba(0, 0, 0, 0.06);
color: rgba(0, 0, 0, 0.6);
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
text-align: center;
font-size: 18px;
font-weight: 300;
position: absolute;
top: 2px;
right: 0;
cursor: pointer;
user-select: none;
}
.woo-quantity .plus:hover,
.woo-quantity .minus:hover {
background: rgba(0, 0, 0, 0.1);
}
.woo-quantity .minus {
font-size: 24px;
right: auto;
left: 0;
}
.woo-quantity input {
background: transparent;
width: 40px;
height: 36px;
padding: 0 5px;
border: none;
font-weight: 400;
display: block;
margin: 0 auto;
text-align: center;
-moz-appearance: textfield;
-webkit-appearance: none;
}
.woo-quantity input::-webkit-outer-spin-button,
.woo-quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.woocommerce-result-count {
height: 70px;
margin: 0px;
line-height: 70px;
}
.woocomerce-filters-container {
position: relative;
}
.woocomerce-filters-container .woocomerce-filters {
width: 100%;
position: absolute;
z-index: 11;
height: 70px;
line-height: 70px;
display: flex;
justify-content: flex-end;
align-items: center;
transform: translateY(-100%);
}
.woocomerce-filters-container .woocomerce-filters form {
line-height: 1.6;
}
.woocommerce.add_to_cart_inline {
border: none;
display: inline-block;
}
.woocommerce.add_to_cart_inline .amount {
display: none;
}  .norebro-masonry {
transition: 0.3s ease-in-out;
transition-property: height;
}   .vc_editor.compose-mode .vc_norebro_tabs,
.vc_editor.compose-mode .vc_norebro_split_screens {
position: relative;
margin: 10px 0;
border-radius: 4px;
}
.vc_editor.compose-mode .vc_norebro_tabs::before,
.vc_editor.compose-mode .vc_norebro_split_screens::before {
content: "";
position: absolute;
display: block;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 10000;
background: rgba(255, 213, 105, 0.85);
}
.vc_editor.compose-mode .vc_norebro_tabs::after,
.vc_editor.compose-mode .vc_norebro_split_screens::after {
content: "Sorry, but this shortcode can be properly edited only in WPBakery Backend Editor.";
position: absolute;
font-family: -apple-system, system-ui, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif;
display: block;
padding: 0px 20%;
font-weight: 600;
color: rgba(0, 0, 0, 0.8);
top: 50%;
transform: translateY(-50%);
width: 100%;
left: 0px;
text-align: center;
z-index: 10001;
}
.vc_norebro_accordion_inner .content.open .wrap > .vc_element-container {
display: none;
}
@media (min-width: 768px) {
div.vc_col-sm-5th,
div.vc_col-sm-2_5th {
float: left;
}
div.vc_col-sm-5th {
width: 20%;
}
div.vc_col-sm-2_5th {
width: 40%;
}
}
@media screen and (min-width: 769px) {
.slider.norebro-slider.nav-offset {
padding: 0;
width: auto;
margin: 0 -15px;
}
.slider.norebro-slider.nav-offset .owl-prev {
left: -80px;
}
.slider.norebro-slider.nav-offset .owl-nav .owl-next {
right: -80px;
}
.slider.norebro-slider.nav-inset {
padding: 0;
width: auto;
margin: 0 -15px;
}
.slider.norebro-slider.nav-inset .owl-prev {
left: 50px;
}
.slider.norebro-slider.nav-inset .owl-nav .owl-next {
right: 50px;
}
.slider.norebro-slider.slider-offset {
width: auto;
padding: 0;
margin: 0 -70%;
position: static;
}
.slider.norebro-slider.slider-offset .owl-nav div {
left: 50%;
}
.slider.norebro-slider.slider-offset.slider-opacity .owl-item {
opacity: 0.5;
transition: opacity 0.1s ease-in-out;
}
.slider.norebro-slider.slider-offset.slider-opacity .owl-item.offset-active {
opacity: 1;
}
.norebro-with-panel #page,
.norebro-with-panel .site-footer {
margin-left: var(--clb-panel-width);
}
.norebro-with-panel #masthead {
width: calc(100% - var(--clb-panel-width));
}
.norebro-with-header-6 .site-footer.sticky {
margin-left: var(--clb-header-height-6);
width: calc(100vw - var(--clb-header-height-6)) !important;
}
.norebro-with-header-6 #page {
margin-left: var(--clb-header-height-6);
}
.norebro-with-header-6.norebro-with-panel #page {
margin-left: calc(var(--clb-header-height-6) + var(--clb-panel-width));
}
.-sticky-block {
position: sticky !important;
z-index: 2;
top: 0;
}
.admin-bar #masthead.header-6 {
top: var(--clb-admin-bar-height);
}
.admin-bar #masthead.header-6,
.admin-bar .bar {
height: calc(100% - var(--clb-admin-bar-height));
}
#masthead.header-4 .site-title {
display: flex;
justify-content: center;
}
#masthead.header-5 .header-wrap #mega-menu-wrap {
vertical-align: top;
transform: translateX(-25%);
}
#masthead.header-5 .header-wrap #mega-menu-wrap .menu {
display: flex;
align-items: center;
}
#masthead.header-5 .header-wrap #mega-menu-wrap .menu .site-title {
width: auto;
}
#masthead.header-5 .header-wrap #mega-menu-wrap .menu > li > a > span {
white-space: nowrap;
}
#masthead.header-5 .header-wrap .site-branding,
#masthead.header-5 .header-wrap .menu-wrap {
width: 50%;
}
#masthead.header-5 .header-wrap .site-branding .site-title {
position: absolute;
left: unset !important;
right: 0;
transform: translateX(50%);
z-index: 1;
}
#masthead.header-6 {
background: var(--clb-color-fill);
width: var(--clb-header-height-6);
border: none;
border-right: 1px solid rgba(0, 0, 0, 0.08);
position: fixed;
height: 100%;
top: 0;
left: 0;
z-index: 9;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#masthead.header-6 .header-wrap {
flex-grow: 2;
height: auto;
padding: 0;
display: flex;
flex-direction: column;
width: 100%;
}
#masthead.header-6 .header-wrap .right {
height: unset;
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
#masthead.header-6 .header-wrap .right .main-nav {
display: flex;
align-items: center;
flex-grow: 2;
}
#masthead.header-6 .header-bottom {
padding: var(--clb-spacer-7);
}
#masthead.header-6 .header-bottom .copyright {
margin: 0;
font-size: var(--clb-font-extra-small-size);
}
#masthead.header-6 .socialbar {
text-align: left;
}
#masthead.header-6 .socialbar a {
transition: all 0.2s;
}
#mega-menu-wrap > ul .sub-nav .sub-menu-wide {
padding: 0;
max-width: none;
}
#mega-menu-wrap > ul .sub-nav .sub-menu-wide .sub-menu,
#mega-menu-wrap > ul .sub-nav .sub-menu-wide .sub-sub-menu {
box-shadow: none;
padding: 0;
max-width: none;
}
#mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item {
min-width: 200px;
float: left;
display: none;
margin-left: 0;
}
#mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link {
height: 45px;
font-weight: 500;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
#mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link:hover {
background: transparent;
}
#mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link::after,
#mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > a.menu-link::before {
display: none;
}
#mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item > .sub-sub-nav {
position: static;
height: auto;
min-width: 0;
max-width: 300px;
}
#mega-menu-wrap > ul .sub-nav .sub-menu-wide > .mega-menu-item .sub-sub-menu {
background: transparent;
margin: 0;
}
#mega-menu-wrap > ul .sub-nav.open .sub-menu-wide > .mega-menu-item {
display: block;
}
#mega-menu-wrap > ul .sub-nav.open .sub-menu-wide > .mega-menu-item > .sub-sub-nav > .sub-sub-menu {
position: static;
visibility: visible;
opacity: 1;
}
#mega-menu-wrap > ul .sub-nav.open .sub-menu-wide > .mega-menu-item > .sub-sub-nav > .sub-sub-menu .sub-sub-menu {
background: #f2f2f2;
}
#masthead.header-6 {
width: var(--clb-header-height-6);
}
#masthead.header-6 .site-branding {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
padding: var(--clb-spacer-3) var(--clb-spacer-7);
border-bottom: 1px solid var(--clb-color-border);
}
#masthead.header-6 .main-nav {
position: relative;
}
#masthead.header-6 .main-nav span.menu-not-assigned {
line-height: 1.8em;
padding: 40px 40px;
text-align: left;
display: block;
}
#masthead.header-6 .main-nav ul#primary-menu > li,
#masthead.header-6 .main-nav ul#secondary-menu > li {
width: 100%;
text-align: left;
position: relative;
padding: 0;
margin: 0;
}
#masthead.header-6 .main-nav ul#primary-menu > li > a.menu-link,
#masthead.header-6 .main-nav ul#primary-menu > li > a,
#masthead.header-6 .main-nav ul#secondary-menu > li > a.menu-link,
#masthead.header-6 .main-nav ul#secondary-menu > li > a {
width: 100%;
height: auto;
line-height: 1.2;
padding: 8px var(--clb-spacer-7);
font-size: var(--clb-font-main-size);
font-weight: 600;
text-transform: none;
display: block;
}
#masthead.header-6 .main-nav ul#primary-menu > li > a.menu-link::after,
#masthead.header-6 .main-nav ul#primary-menu > li > a::after,
#masthead.header-6 .main-nav ul#secondary-menu > li > a.menu-link::after,
#masthead.header-6 .main-nav ul#secondary-menu > li > a::after {
display: none;
}
#masthead.header-6 .main-nav ul#primary-menu > li.current-menu-item > a::before,
#masthead.header-6 .main-nav ul#primary-menu > li.current-menu-ancestor > a::before,
#masthead.header-6 .main-nav ul#secondary-menu > li.current-menu-item > a::before,
#masthead.header-6 .main-nav ul#secondary-menu > li.current-menu-ancestor > a::before {
display: none;
}
#masthead.header-6 .main-nav ul#primary-menu > li.mega-menu-item-has-children > a.menu-link::after,
#masthead.header-6 .main-nav ul#secondary-menu > li.mega-menu-item-has-children > a.menu-link::after {
margin: 0;
}
#masthead.header-6 .main-nav ul#primary-menu > li.mega-toggle-on > a.menu-link,
#masthead.header-6 .main-nav ul#primary-menu > li.mega-animating > a.menu-link,
#masthead.header-6 .main-nav ul#secondary-menu > li.mega-toggle-on > a.menu-link,
#masthead.header-6 .main-nav ul#secondary-menu > li.mega-animating > a.menu-link {
border-top-color: transparent;
}
#masthead.header-6 .main-nav ul#primary-menu > li > .sub-nav,
#masthead.header-6 .main-nav ul#secondary-menu > li > .sub-nav {
position: absolute;
top: 0;
left: 100% !important;
}
#masthead.header-6 .main-nav ul#primary-menu > li.has-submenu::after,
#masthead.header-6 .main-nav ul#secondary-menu > li.has-submenu::after {
content: "■■■";
font-family: "Ionicons";
position: absolute;
right: 35px;
top: 20px;
font-size: 4px;
letter-spacing: 6px;
color: inherit;
cursor: pointer;
}
#masthead.header-6 .main-nav ul#primary-menu > li .sub-menu,
#masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu {
background: transparent;
box-shadow: none;
margin: 0;
}
#masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li a,
#masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li a,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu li a,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu li a {
color: var(--clb-color-white);
padding: 10px 40px;
font-size: var(--clb-font-main-size);
font-weight: 600;
}
#masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li.has-submenu a::after,
#masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li.has-submenu a::after,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu li.has-submenu a::after,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu li.has-submenu a::after {
background-color: currentColor;
border-color: currentColor;
right: 6px;
}
#masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li.has-submenu a::before,
#masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li.has-submenu a::before,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu li.has-submenu a::before,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu li.has-submenu a::before {
border-color: currentColor;
right: 0;
}
#masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li.open > a,
#masthead.header-6 .main-nav ul#primary-menu > li .sub-menu li:hover > a,
#masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li.open > a,
#masthead.header-6 .main-nav ul#primary-menu > li .sub-sub-menu li:hover > a,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu li.open > a,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-menu li:hover > a,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu li.open > a,
#masthead.header-6 .main-nav ul#secondary-menu > li .sub-sub-menu li:hover > a {
background: transparent;
opacity: 0.5;
}
#masthead.header-6 .main-nav ul#primary-menu > li > .sub-nav > ul > li,
#masthead.header-6 .main-nav ul#secondary-menu > li > .sub-nav > ul > li {
position: relative;
z-index: 2;
}
#masthead.header-6 .main-nav ul#primary-menu > li > .sub-nav::after,
#masthead.header-6 .main-nav ul#secondary-menu > li > .sub-nav::after {
content: "";
width: 10000px;
height: 10000px;
background: rgba(34, 34, 34, 0.98);
position: absolute;
left: 0;
top: -5000px;
z-index: 1;
visibility: hidden;
opacity: 0;
transition: 0.2s ease-in-out;
transition-property: visibility, opacity;
pointer-events: none;
}
#masthead.header-6 .main-nav ul#primary-menu > li > a.open + .sub-nav::after,
#masthead.header-6 .main-nav ul#primary-menu > li:hover > .sub-nav::after,
#masthead.header-6 .main-nav ul#secondary-menu > li > a.open + .sub-nav::after,
#masthead.header-6 .main-nav ul#secondary-menu > li:hover > .sub-nav::after {
visibility: visible;
opacity: 1;
}
#masthead.header-6 .menu-wrap {
height: 60px;
padding: 0 var(--clb-spacer-7);
position: relative;
}
#masthead.header-6 .menu-wrap .wrap {
height: inherit;
line-height: 60px;
}
#masthead.header-6 .menu-other {
width: 100%;
margin: 0;
padding: var(--clb-spacer-7);
position: relative;
height: unset;
display: block;
}
#masthead.header-6 .menu-other > li {
padding: 0.35rem 0;
}
#masthead.header-6 .menu-other > li.social > a {
padding-left: 0;
}
#masthead.header-6 .menu-other > li.languages > a {
color: #888;
font-size: 12.6px;
font-weight: 600;
}
#masthead.header-6 .menu-other > li.languages > a.active {
color: var(--clb-color-black);
border-color: var(--clb-color-black);
}
#masthead.header-6 .menu-other > li.languages > a::after {
color: #888;
}
#masthead.header-6 .menu-other > li.languages > a:hover {
color: var(--clb-color-black);
opacity: 1;
}
#masthead.header-6 .menu-other > li .submenu {
min-width: 200px;
margin-left: 1px;
left: 100%;
top: 0;
border-top-width: 1px;
border-left: none;
transform: translateX(10px);
}
#masthead.header-6 .menu-other > li:hover .submenu {
transform: none;
}
#masthead.header-6 .menu-other > li.languages {
padding: 0 28px;
}
#masthead.header-6 .menu-other > li.languages > a {
width: auto;
padding: 0 12px;
}
#masthead.header-6 .menu-other > li.languages > a::after {
right: -4px;
}
.mobile-social {
display: none;
}
.blog-grid.grid-2 {
margin-bottom: 30px;
}
.blog-grid.grid-2 header {
width: 400px;
float: left;
display: block;
}
.blog-grid.grid-2 .content {
display: block;
padding: 0 0 0 430px;
}
.blog-grid.grid-2 h3 {
margin-top: -5px;
display: inline-block;
}
.blog-grid.grid-2 .plus {
margin-top: 20px;
}
.blog-grid.grid-2.boxed .content {
padding: 20px 25px 0 430px;
}
.blog-grid.grid-2.boxed h3 {
margin-top: 0;
}
.blog-grid.grid-2.boxed footer {
padding: 0;
}
.blog-grid.grid-5 {
width: 100%;
padding-left: 50px;
margin-bottom: 45px;
}
.blog-grid.grid-5 header {
width: calc(50% - 30px);
position: relative;
float: left;
}
.blog-grid.grid-5 header img {
width: 100%;
}
.blog-grid.grid-5 .content {
min-height: 150px;
padding: 0 0 0 50%;
}
.blog-grid.grid-5 h3 {
font-size: 22px;
margin-top: 0;
display: block;
clear: none;
}
.blog-grid.grid-5 footer {
margin-left: 0px;
margin-top: 0px;
height: 50px;
line-height: 50px;
padding: 0 0;
left: 0px;
top: 0px;
text-align: right;
position: absolute;
transform-origin: 100% 0;
transform: translateX(-100%) rotateZ(-90deg);
}
.blog-grid.grid-5.offset {
width: 85%;
}
.blog-grid.grid-5.right {
padding-left: 0;
padding-right: 50px;
}
.blog-grid.grid-5.right header {
float: right;
}
.blog-grid.grid-5.right .content {
padding: 0 50% 0 0;
}
.blog-grid.grid-5.right footer {
left: auto;
right: 0;
transform: rotateZ(-90deg) translateY(-100%);
}
.blog-grid.grid-5.boxed {
background: var(--clb-color-fill);
padding-left: 50px;
}
.blog-grid.grid-5.boxed footer {
padding: 0 20px;
}
.blog-grid.grid-5.boxed .content {
padding: 25px 30px 15px 50%;
}
.blog-grid.grid-5.boxed.right {
padding-left: 0;
padding-right: 50px;
}
.blog-grid.grid-5.boxed.right .content {
padding-right: 50%;
padding-left: 30px;
}
.woocommerce .subheader_included .woocommerce-product-gallery__wrapper > .slider {
height: calc(100vh - var(--clb-spacer-9));
}
.woocommerce .spacer_included .woocommerce-product-gallery__wrapper > .slider {
height: calc(100vh - 80px);
}
.woocommerce .spacer_included.subheader_included .woocommerce-product-gallery__wrapper > .slider {
height: calc(100vh - 80px - var(--clb-spacer-9));
}
.woocommerce .spacer_excluded.subheader_excluded .woocommerce-product-gallery__wrapper > .slider {
height: 100vh;
}
.woocommerce .product .images .slider .owl-stage,
.woocommerce .product .images .slider .image-wrap,
.woocommerce .product .images .slider .owl-item,
.woocommerce .product .images .slider .owl-item > div,
.woocommerce .product .images .slider .owl-item a {
height: 100%;
}
.woocommerce .product .images .slider .owl-item img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: none !important;
}
}
@media (min-width: 992px) {
div.vc_col-md-5th,
div.vc_col-md-2_5th {
float: left;
}
div.vc_col-md-5th {
width: 20%;
}
div.vc_col-md-2_5th {
width: 40%;
}
}
@media screen and (min-width: 992px) {
.col-md-five-columns {
width: 20% !important;
}
}
@media screen and (min-width: 1025px) {
.site-footer.sticky {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 1;
visibility: hidden;
}
.site-footer.sticky.visible {
visibility: visible;
}
.columns-2 .product {
width: 50%;
}
.columns-2 .product:nth-child(2n+1) {
clear: both;
}
.columns-3 .product {
width: 33.2%;
}
.columns-3 .product:nth-child(3n+1) {
clear: both;
}
.columns-4 .product {
width: 25%;
}
.columns-4 .product:nth-child(4n+1) {
clear: both;
}
.columns-5 .product {
width: 20%;
}
.columns-5 .product:nth-child(5n+1) {
clear: both;
}
.columns-6 .product {
width: 16.666%;
}
.columns-6 .product:nth-child(6n+1) {
clear: both;
}
}
@media screen and (min-width: 1181px) {
.page-container.full {
padding: 0 7%;
}
.entry-content > *:not(.vc_row):not(.vc_clearfix) {
margin-top: 28px;
margin-bottom: 28px;
}
.entry-content > *:not(.vc_row):not(.vc_clearfix):first-child {
margin-top: 0px;
}
.entry-content > *:not(.vc_row):not(.vc_clearfix):last-child {
margin-bottom: 0px;
}
}
@media (min-width: 1200px) {
div.vc_col-lg-5th,
div.vc_col-lg-2_5th {
float: left;
}
div.vc_col-lg-5th {
width: 20%;
}
div.vc_col-lg-2_5th {
width: 40%;
}
}
@media screen and (min-width: 1200px) {
.col-md-five-columns {
width: 20% !important;
}
}
@media screen and (min-width: 1441px) {
.portfolio-page.fullwidth .portfolio-content {
width: calc((var(--clb-container-width) - 30px) / 2);
}
}
@media screen and (max-width: 1180px) {
:root {
--clb-spacer: 1.25rem;
--clb-spacer-small: 1rem;
--clb-spacer-large: 1.25rem;
--clb-header-height-3: 11vh;
}
:root {
--clb-spacer: 1.25rem;
--clb-spacer-small: 1rem;
--clb-spacer-large: 1.25rem;
--clb-header-height-3: 11vh;
}
:root {
--clb-spacer: 1.25rem;
--clb-spacer-small: 1rem;
--clb-spacer-large: 1.25rem;
--clb-header-height-3: 11vh;
}
:root {
--clb-spacer: 1.25rem;
--clb-spacer-small: 1rem;
--clb-spacer-large: 1.25rem;
--clb-header-height-3: 11vh;
}
:root {
--clb-spacer: 1.25rem;
--clb-spacer-small: 1rem;
--clb-spacer-large: 1.25rem;
--clb-header-height-3: 11vh;
}
:root {
--clb-spacer: 1.25rem;
--clb-spacer-small: 1rem;
--clb-spacer-large: 1.25rem;
--clb-header-height-3: 11vh;
}
:root {
--clb-spacer: 1.25rem;
--clb-spacer-small: 1rem;
--clb-spacer-large: 1.25rem;
--clb-header-height-3: 11vh;
}
}
@media screen and (max-width: 1025px) {
.fullscreen-navigation li.showed .sub-nav.open .sub-menu.active .mega-menu-item {
opacity: 1;
}
}
@media screen and (max-width: 1024px) {
.padding-reset-left .vc_column-inner {
padding-left: 25px !important;
}
.padding-reset-right .vc_column-inner {
padding-right: 25px !important;
}
.padding-reset-top .vc_column-inner {
padding-top: 25px !important;
}
.padding-reset-bottom .vc_column-inner {
padding-bottom: 25px !important;
}
}
@media screen and (max-width: 1000px) and (max-height: 450px) {
.norebro-splitscreen {
height: auto !important;
overflow: visible;
transform: none;
}
.norebro-splitscreen .ms-section {
padding: 0px !important;
}
.norebro-splitscreen .ms-left,
.norebro-splitscreen .ms-right {
width: 100%;
height: auto;
position: static;
}
.ms-left,
.ms-right {
width: 100%;
position: static;
}
.ms-section {
min-height: 100px;
}
}
@media screen and (max-width: 991px) {
.widget {
padding: 15px 0;
}
.widget-title {
margin-bottom: 20px;
}
.woocommerce .woocommerce-checkout .woocommerce-notice-wrap {
width: 100%;
}
.woocommerce .wc-order-review-wrap {
position: static;
top: 0;
right: 0;
}
}
@media screen and (max-width: 786px) {
.call-to-action .content-center .wrap {
width: 100%;
display: block;
}
.call-to-action .btn {
float: none;
margin-top: 15px;
}
}
@media screen and (max-width: 768px) {
.banner-box {
margin-bottom: 25px;
}
.banner-box .image-wrap .overlay {
padding: 25px;
}
.contact-form.flat .input-group label {
padding-left: 0;
padding-right: 0;
}
.contact-form.classic .input-group label {
padding-left: 0;
padding-right: 0;
}
.countdown-boxed .box-time::after {
margin-top: -28px;
}
.countdown-box .box-time .box-count,
.countdown-boxed .box-time .box-count {
min-width: 50px;
height: 50px;
line-height: 54px;
font-size: 20px;
}
.countdown-box .box-time {
padding: 0 5px;
}
.countdown-classic .box-time::after,
.countdown-classic .box-time::before {
width: 5px;
height: 5px;
}
.countdown-classic .box-time .box-count {
min-width: 10px;
font-size: 30px;
}
.google-maps {
position: relative;
}
#sb_instagram #sbi_images {
margin-left: -15px;
margin-right: -15px;
}
#sb_instagram #sbi_images .sbi_item {
width: 50% !important;
padding: 5px 0 5px !important;
}
#sb_instagram #sbi_images .sbi_item:nth-child(2n+1) {
padding-right: 5px !important;
}
#sb_instagram #sbi_images .sbi_item:nth-child(2n+2) {
padding-left: 5px !important;
}
.menu-list table tr .title,
.menu-list table tr .widget h5,
.widget .menu-list table tr h5,
.menu-list table tr .widget h4,
.widget .menu-list table tr h4 {
width: auto;
white-space: normal;
}
.norebro-onepage.disable-on-mobile {
height: auto;
}
.norebro-onepage.disable-on-mobile .onepage-section {
width: 100%;
height: auto;
overflow: hidden;
padding: 0;
}
.norebro-onepage.disable-on-mobile .onepage-nav,
.norebro-onepage.disable-on-mobile .onepage-dots {
display: none;
}
.norebro-onepage .onepage-nav div {
bottom: 25px;
right: 25px;
}
.norebro-onepage .onepage-nav .up {
bottom: 80px;
}
.norebro-onepage .onepage-dots {
right: 20px;
}
.norebro-onepage.horizontal .onepage-nav .up {
right: 80px;
}
.norebro-onepage.horizontal .onepage-nav .down {
right: 25px;
}
.parallax .parallax-content {
padding-left: 25px;
padding-right: 25px;
}
.vc_row .vc-bg-lines,
.vc_row .vc-bg-side-text {
display: none;
}
.slider {
padding: 0;
width: auto;
margin: 0;
}
.slider .owl-nav .owl-prev {
left: 20px !important;
}
.slider .owl-nav .owl-next {
right: 20px !important;
}
.slider.with-dots .owl-dots {
margin-top: 20px;
}
.slider.norebro-slider {
padding: 0;
}
.slider.norebro-slider.slider-offset {
margin: 0 !important;
}
.slider.norebro-slider.slider-offset .owl-item {
padding: 0 0px !important;
}
.slider.norebro-slider .slider-nav {
display: none;
}
.slider-vertical-numbers li:hover,
.slider-vertical-numbers > div:hover,
.slider-vertical-numbers > .owl-dot:hover,
.slider-vertical-dots li:hover,
.slider-vertical-dots > div:hover,
.slider-vertical-dots > .owl-dot:hover {
transform: scale(0.69) rotate(0.25deg);
}
.slider-vertical-numbers li:hover::before,
.slider-vertical-numbers > div:hover::before,
.slider-vertical-numbers > .owl-dot:hover::before,
.slider-vertical-dots li:hover::before,
.slider-vertical-dots > div:hover::before,
.slider-vertical-dots > .owl-dot:hover::before {
opacity: 0;
}
.slider-vertical-numbers li.active:hover,
.slider-vertical-numbers > div.active:hover,
.slider-vertical-numbers > .owl-dot.active:hover,
.slider-vertical-dots li.active:hover,
.slider-vertical-dots > div.active:hover,
.slider-vertical-dots > .owl-dot.active:hover {
transform: none;
}
.slider-vertical-numbers li.active:hover::before,
.slider-vertical-numbers > div.active:hover::before,
.slider-vertical-numbers > .owl-dot.active:hover::before,
.slider-vertical-dots li.active:hover::before,
.slider-vertical-dots > div.active:hover::before,
.slider-vertical-dots > .owl-dot.active:hover::before {
opacity: 1;
}
.socialbar.boxed {
clear: both;
}
.socialbar.boxed a {
height: 60px;
line-height: 60px;
clear: none;
}
.socialbar.boxed a .social-text {
display: none;
}
.socialbar.boxed a .icon {
opacity: 1;
position: static;
}
.split-box .split-box-wrap {
padding: 25px !important;
display: block;
}
.split-box-hidden-left .split-box-wrap:first-child,
.split-box-hidden-right .split-box-wrap:last-child {
display: none;
}
.split-box .split-box-wrap > .content {
height: 100%;
}
.norebro-splitscreen {
height: auto !important;
overflow: visible;
transform: none;
}
.norebro-splitscreen .ms-section {
padding: 0px !important;
}
.norebro-splitscreen .ms-section.prev .category,
.norebro-splitscreen .ms-section.prev .title,
.norebro-splitscreen .ms-section.prev .widget h5,
.widget .norebro-splitscreen .ms-section.prev h5,
.norebro-splitscreen .ms-section.prev .widget h4,
.widget .norebro-splitscreen .ms-section.prev h4,
.norebro-splitscreen .ms-section.prev .text-description,
.norebro-splitscreen .ms-section.prev .more {
transform: none !important;
}
.norebro-splitscreen .ms-left,
.norebro-splitscreen .ms-right {
width: 100% !important;
height: auto !important;
position: static !important;
transform: none !important;
}
.norebro-splitscreen .ms-right,
.norebro-splitscreen .splitscreen-dots,
.norebro-splitscreen .splitscreen-nav {
display: none;
}
.ms-left,
.ms-right {
width: 100%;
position: static;
}
.ms-section {
min-height: 100px;
}
.subscribe table {
width: 100%;
}
.subscribe td,
.subscribe tr {
display: block;
}
.subscribe .input[type=text] {
width: 100%;
}
.subscribe .btn-wrap {
width: 100%;
margin-top: 15px;
}
.subscribe .btn {
width: 100%;
}
.subscribe.outline input[type=text],
.subscribe.flat input[type=text] {
width: 100%;
border-radius: 50px;
border-right-width: 1px;
}
.team-member.cover.column-2 .image-wrap,
.team-member.cover.column-2 .cover-content,
.team-member.cover.column-3 .image-wrap,
.team-member.cover.column-3 .cover-content,
.team-member.cover.column-4 .image-wrap,
.team-member.cover.column-4 .cover-content,
.team-member.cover.column-5 .image-wrap,
.team-member.cover.column-5 .cover-content,
.team-member.cover.column-6 .image-wrap,
.team-member.cover.column-6 .cover-content {
width: 100%;
float: left;
}
.timeline .content .wrap {
margin: 0 0 40px 40px;
}
.timeline .content::after {
left: -10px;
}
.timeline .content::before {
left: -1px;
}
.timeline.right .content .wrap {
margin-right: 30px;
}
.timeline.right .content::after {
right: -10px;
}
.timeline.right .content::before {
right: -1px;
}
.video-module.preview .btn-play {
margin-top: 0px;
}
body,
html {
width: 100%;
overflow-x: hidden;
}
.input-group label input {
border-right-width: 1px;
}
.input-group label.col-6,
.input-group label.col-4,
.input-group label.col-3,
.input-group label.col-2,
.input-group label.col-fifth {
width: 100%;
}
form.without-label-offset .input-group label input,
form.without-label-offset .input-group label select,
.contact-form.without-label-offset .input-group label input,
.contact-form.without-label-offset .input-group label select {
border-right-width: 1px;
border-top-width: 1px;
}
form.without-label-offset .input-group label:last-child input,
form.without-label-offset .input-group label:last-child select,
.contact-form.without-label-offset .input-group label:last-child input,
.contact-form.without-label-offset .input-group label:last-child select {
border-top-width: 0px;
}
.scroll-top {
bottom: var(--clb-spacer);
}
.preloader.page-preloader {
visibility: hidden;
opacity: 0;
}
.preloader.mobile-preloader {
visibility: visible;
opacity: 1;
}
.preloader.mobile-preloader.closed {
opacity: 0;
visibility: hidden;
}
.page-error {
padding: 30px 0 80px;
}
.custom-gallery .slider .owl-stage .owl-item img {
height: auto;
}
.gallery {
overflow-y: scroll;
min-height: 100vh;
}
.gallery .slider {
width: calc(100% - 50px);
min-height: calc(100vh - 35px);
margin: 30px 10px;
left: 15px;
}
.gallery .slider .owl-stage-outer {
height: calc(100% - 60px);
}
.gallery .slider .owl-stage .image-wrap {
height: calc(100% - 40px);
}
.gallery .slider .owl-stage .owl-item img {
height: auto;
vertical-align: middle;
}
.gallery .slider .owl-stage .owl-item .gallery-description {
padding: 15px 0px 0px;
}
.gallery .slider .owl-stage .owl-item .gallery-description .title,
.gallery .slider .owl-stage .owl-item .gallery-description .widget h4,
.widget .gallery .slider .owl-stage .owl-item .gallery-description h4,
.gallery .slider .owl-stage .owl-item .gallery-description .widget h5,
.widget .gallery .slider .owl-stage .owl-item .gallery-description h5 {
font-size: var(--clb-font-small-size);
}
.gallery .slider .owl-stage .owl-item .gallery-description h3,
.gallery .slider .owl-stage .owl-item .gallery-description p {
width: 100%;
}
.gallery .slider .thumbs .gimg {
height: 45px;
}
.gallery .owl-nav .owl-prev {
left: 0px !important;
}
.gallery .owl-nav .owl-next {
right: 0px !important;
}
.gallery .expand,
.gallery .close {
width: 25px;
height: 25px;
top: 0;
right: 20px;
}
.gallery .expand {
right: auto;
left: 20px;
}
html.scroll-hidden,
html.scroll-hidden body {
overflow: hidden;
}
.portfolio-gallery {
overflow-y: scroll;
overflow-x: hidden;
opacity: 0.6;
}
.portfolio-gallery.gallery-dark .gallery-close {
background: var(--clb-color-white);
color: #444;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.07);
}
.portfolio-gallery .gallery-content h2 {
font-size: 28px;
}
.portfolio-gallery .slider,
.portfolio-gallery .gallery-content {
width: 100%;
height: auto;
position: relative;
}
.portfolio-gallery .slider {
height: 300px;
}
.portfolio-gallery .slider .owl-dots {
top: 100%;
left: 50%;
padding: 6px 8px;
right: auto;
transform: translate(-50%, -50%);
}
.portfolio-gallery .slider .owl-dots .owl-dot {
display: inline-block;
margin: 0 2px;
vertical-align: middle;
}
.portfolio-gallery .slider .owl-nav {
right: 20px;
left: 20px;
bottom: 20px;
}
.portfolio-gallery .slider .owl-nav .owl-prev,
.portfolio-gallery .slider .owl-nav .owl-next {
background-color: var(--clb-color-white);
height: 46px;
line-height: 50px;
width: 46px;
color: #444;
margin: 0px;
}
.portfolio-gallery .slider .owl-nav .owl-next {
float: right;
}
.portfolio-gallery .content .info-list li {
width: 100%;
max-width: auto;
}
.breadcrumbs .page-container {
padding: 0 10px;
}
.breadcrumbs .left,
.breadcrumbs .right {
width: 100%;
padding-top: 0px;
clear: both;
}
.breadcrumbs .left + .right {
margin-top: 20px;
}
.breadcrumbs .result {
margin: 0 15px 0 0;
}
.breadcrumbs .select {
margin: 0 0px 0 0;
}
.breadcrumbs .select .select-title {
text-align: left;
padding-left: 0;
}
.norebro-with-header-6 #page,
.norebro-with-header-6.norebro-with-panel #page,
.norebro-with-panel #page,
.norebro-with-panel .site-footer {
margin-left: 0;
}
.norebro-with-header-6 #page,
.norebro-with-header-6.norebro-with-panel #page,
.norebro-with-panel #page,
.norebro-with-panel .site-footer,
.norebro-with-header-6 .site-footer {
padding-left: 0;
}
.page-container,
.page-container.full {
padding: 0 var(--clb-spacer);
}
.page-container.without-breadcrumbs {
margin-top: 30px;
}
.page-container.bottom-offset {
margin-bottom: 30px;
}
.boxed-container {
margin: 0;
}
.page-content,
.page-content.with-right-sidebar,
.page-content.with-left-sidebar {
width: 100%;
padding: 0;
float: none;
}
.admin-bar #masthead #site-navigation.main-nav {
top: var(--clb-admin-bar-height-mobile);
}
#masthead .logo.with-mobile {
display: none;
}
#masthead .mobile-logo {
display: inline;
}
body.norebro-with-panel #masthead.header-6 {
left: 0;
}
.header-cap.header-4 {
height: 95px;
}
.header-search .search-wrap {
padding: 0 15px;
}
.header-title {
height: auto;
}
.header-title .title-wrap {
margin-top: 60px;
}
.header-title .content {
display: table-row;
padding-top: 0px;
}
.header-title .page-container {
height: 230px;
vertical-align: middle;
display: table-cell;
}
.header-title .wrap-container {
padding: 0 0 40px 0;
}
.header-title h1.page-title {
font-size: 40px !important;
line-height: 48px !important;
padding: 0;
word-break: break-all;
}
.header-title.without-cap .content {
padding-top: 20px;
}
.site-footer .widgets {
padding: 15px 0 30px;
}
.site-footer .widgets .widgets-column {
margin-top: 30px;
padding: 0;
}
.site-footer .left,
.site-footer .right {
width: 100%;
text-align: left;
}
.site-footer .right {
margin-top: 10px;
}
.site-footer .site-info {
margin: 0;
}
.site-footer .site-info .page-container {
padding: 0 var(--clb-spacer);
}
#masthead .menu-other > li {
padding: 0 0.35rem;
}
.fullscreen-navigation {
display: none;
}
#mega-menu-wrap .mobile-wpml-select {
display: block;
}
#mega-menu-wrap .mobile-wpml-select .icon,
#mega-menu-wrap .mobile-wpml-select img {
font-size: 20px;
margin-right: 8px;
vertical-align: -2px;
}
#mega-menu-wrap .mobile-wpml-select img {
vertical-align: 0px;
}
div.header-cap.header-3,
div.header-cap.header-4 {
height: 30px;
}
header#masthead.site-header {
width: 100% !important;
border-radius: 0;
margin: 0;
left: 0;
margin: 0;
z-index: 999;
}
header#masthead.site-header a:hover,
header#masthead.site-header a.open,
header#masthead.site-header a.focus {
opacity: 1;
}
header#masthead.site-header .header-wrap {
max-width: 100%;
padding: 0 var(--clb-spacer);
margin-left: 0;
margin-right: 0;
line-height: inherit;
}
header#masthead.site-header .menu-wrap {
width: auto;
float: right;
padding: 0;
margin: 0;
}
header#masthead.site-header .menu-wrap .wrap {
width: auto;
}
header#masthead.site-header .header-bottom {
display: none;
}
header#masthead.site-header .site-branding {
display: flex;
align-items: center;
height: 100%;
float: left;
margin: 0;
padding: 0;
border: none;
position: static;
}
header#masthead.site-header .site-branding .search {
margin-right: var(--clb-spacer-3);
}
header#masthead.site-header .site-title {
width: auto;
padding: 0;
}
header#masthead.site-header .site-branding a {
line-height: inherit;
}
div.content-right {
margin: 0;
}
.subheader {
padding-left: 10px;
padding-right: 10px;
}
.subheader ul.social-bar {
display: none;
}
.close-menu {
display: block;
width: 100%;
height: 100vh;
position: fixed;
top: 0;
right: -100%;
z-index: 999;
cursor: pointer;
}
#masthead #site-navigation.main-nav {
background: color-mix(in srgb, var(--clb-color-black) 97%, transparent);
color: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
width: calc(100vw - 60px);
height: 100%;
text-align: left;
font-size: 20px;
line-height: 52px;
position: fixed;
top: 0;
left: -100%;
z-index: 99999999;
opacity: 0.2;
overflow-y: auto;
overflow-x: hidden;
transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);
transition-property: opacity, visibility, left, right;
}
#masthead #site-navigation.main-nav.slide-right {
right: -100%;
left: auto;
}
#masthead #site-navigation.main-nav.slide-right.active {
width: 100%;
left: auto;
right: 0;
}
#masthead #site-navigation.main-nav.hidden {
display: block;
}
#masthead #site-navigation.main-nav .site-branding {
display: none;
}
#masthead #site-navigation.main-nav .close {
color: inherit;
font-size: 26px;
line-height: 56px;
padding: 10px 30px 5px;
display: block;
cursor: pointer;
}
#masthead #site-navigation.main-nav .close:hover {
color: var(--clb-color-white);
}
#masthead #site-navigation.main-nav .close i.ion-ios-arrow-back::before {
content: "\f3cf";
font-family: "Ionicons";
width: 20px;
height: 20px;
}
#masthead #site-navigation.main-nav #mega-toggle-block-1 {
display: none !important;
}
#masthead #site-navigation.main-nav #mega-menu-wrap {
margin: 0;
display: block;
}
#masthead #site-navigation.main-nav #mega-menu-wrap .sub-menu,
#masthead #site-navigation.main-nav #mega-menu-wrap .sub-sub-menu {
color: inherit;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu {
position: static;
overflow: hidden;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu > li.has-submenu > a.menu-link::after,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu > li.has-submenu > a.menu-link::after {
display: none;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .menu-link span {
position: relative;
vertical-align: top;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item {
width: 100%;
position: static;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link {
width: 100%;
color: #8e8e8f;
border-color: transparent;
padding: 0 60px 0 30px;
display: block;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link::after,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link::after {
display: none;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open {
color: inherit;
line-height: 1.4;
padding-top: 6px;
padding-bottom: 6px;
text-transform: none;
transition: 0.05s ease-in-out;
transition-property: background, color;
position: relative;
font-weight: 600;
font-size: 20px;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-item > a.menu-link,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-ancestor > a.menu-link,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link:hover,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-item > a.menu-link,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-ancestor > a.menu-link,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link:hover,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open {
color: var(--clb-color-white);
background: none;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-item > a.menu-link span::before,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.current-menu-ancestor > a.menu-link span::before,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link:hover span::before,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open span::before,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-item > a.menu-link span::before,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.current-menu-ancestor > a.menu-link span::before,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link:hover span::before,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open span::before {
display: block;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item:hover ul.sub-menu,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item:hover ul.sub-menu {
display: block;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu {
position: static;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link::after,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link::before,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link::after,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link::before {
content: "";
background: currentColor;
width: 2px;
height: 2px;
margin-top: 2px;
font-size: 6px;
line-height: 0px;
letter-spacing: 6px;
position: absolute;
top: 42%;
left: auto;
right: 30px;
display: block;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu > a.menu-link::before,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu > a.menu-link::before {
background: transparent;
width: 10px;
right: 38px;
border-color: currentColor;
border: 2px solid currentColor;
border-top: 0px;
border-bottom: 0px;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.has-submenu::after,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.has-submenu::after {
display: none;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.mega-toggle-on a.menu-link,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.mega-toggle-on a.menu-link {
color: var(--clb-color-white);
border-color: transparent;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item.mega-toggle-on ul.sub-menu,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.mega-toggle-on ul.sub-menu {
display: block;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav {
position: static;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > .sub-sub-nav,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > .sub-sub-nav {
position: static;
max-width: none;
width: 100%;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu {
background: color-mix(in srgb, var(--clb-color-black) 97%, transparent);
width: 100%;
max-width: 100%;
height: 0;
min-height: calc(100vh - 65px);
overflow: hidden;
visibility: hidden;
display: block;
position: absolute;
margin: 0;
padding: 0;
top: 0;
left: -100%;
z-index: 10;
transition: 0.4s cubic-bezier(0.45, 0, 0.3, 1);
transition-property: opacity, visibility, left, right;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu.active,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu.active,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu.active,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu.active {
height: auto;
visibility: visible;
opacity: 1;
left: 0px;
overflow: visible;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item {
position: static;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item .sub-nav ul.sub-sub-menu > .mega-menu-item .sub-sub-menu .mega-menu-item {
position: static;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > .mega-menu-item > a.menu-link:hover,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > .mega-menu-item > a.menu-link:hover {
color: var(--clb-color-white);
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav {
height: 40px;
position: static;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav ul.sub-menu,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav ul.sub-menu {
background: rgba(31, 32, 35, 0.95);
width: 100%;
height: 0;
min-height: calc(100vh - 65px);
visibility: hidden;
display: block;
position: absolute;
top: 0;
left: -100%;
transition: 0.2s ease-in-out;
overflow: hidden;
transition-property: opacity, visibility, left;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav ul.sub-menu.active,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav ul.sub-menu.active {
height: auto;
visibility: visible;
left: 0px;
opacity: 1;
overflow: visible;
}
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav > a.menu-link::after,
#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu ul.sub-menu > li.has-subnav > a.menu-link::before,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav > a.menu-link::after,
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu ul.sub-menu > li.has-subnav > a.menu-link::before {
margin-top: 24px;
}
#masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu,
#masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu {
right: -100%;
left: auto;
}
#masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-menu.active,
#masthead #site-navigation.main-nav.slide-right #mega-menu-wrap #primary-menu .mega-menu-item .sub-nav ul.sub-sub-menu.active {
left: auto;
right: 0;
}
#masthead #site-navigation.main-nav.active {
left: 0;
opacity: 1;
visibility: visible;
}
#masthead.without-mobile-search .header-wrap .search {
display: none;
}
#hamburger-fullscreen-menu {
display: none;
}
#hamburger-menu {
display: flex;
align-items: center;
float: right;
transition: 0.3s ease-in-out;
transition-property: visibility, opacity, transform;
}
#hamburger-menu .btn-toggle {
width: 50px;
}
#hamburger-menu .btn-lines {
background: var(--clb-color-black);
}
#hamburger-menu.hidden {
visibility: hidden;
opacity: 0;
transform: scale(0.8);
}
#masthead .phone-menu-bottom {
width: calc(100% - 60px);
position: absolute;
bottom: 20px;
left: 30px;
list-style: none;
display: block;
}
#masthead .phone-menu-bottom .socialbar a {
border-color: color-mix(in srgb, var(--clb-color-white) 10%, transparent);
color: inherit;
}
#masthead .phone-menu-bottom .socialbar a:hover {
background: color-mix(in srgb, var(--clb-color-white) 60%, transparent);
color: var(--clb-color-black);
}
#masthead .phone-menu-bottom .lang {
font-size: var(--clb-font-small-size);
font-weight: 400;
}
#masthead .phone-menu-bottom .lang a {
color: inherit;
display: inline-block;
padding: 0 5px;
text-transform: capitalize;
position: relative;
}
#masthead .phone-menu-bottom .lang a.active,
#masthead .phone-menu-bottom .lang a:hover {
color: var(--clb-color-white);
}
#masthead .phone-menu-bottom .lang a + a {
margin-left: 12px;
}
#masthead .phone-menu-bottom .lang a + a::after {
content: "/";
position: absolute;
top: 0;
left: -8px;
font-weight: 300;
}
#masthead .phone-menu-middle {
list-style: none;
margin-top: 15px;
display: block;
}
#masthead .phone-menu-middle a {
color: inherit;
width: 100%;
padding: 0 30px;
line-height: 40px;
font-weight: 600;
vertical-align: middle;
display: inline-block;
}
#masthead .phone-menu-middle a:hover {
color: var(--clb-color-white);
}
#masthead .phone-menu-middle li {
padding: 0;
line-height: 1;
}
#masthead .phone-menu-middle li img {
margin-right: 5px;
display: inline-block;
}
#masthead .phone-menu-middle li.has-submenu > a {
position: relative;
}
#masthead .phone-menu-middle li.has-submenu > a::after,
#masthead .phone-menu-middle li.has-submenu > a::before {
content: "";
border: 2px solid currentColor;
border-top: none;
border-bottom: none;
height: 2px;
width: 10px;
position: absolute;
top: 50%;
right: 38px;
}
#masthead .phone-menu-middle li.has-submenu > a::before {
background: currentColor;
border: none;
width: 2px;
right: 30px;
}
#masthead .phone-menu-middle .submenu {
background: color-mix(in srgb, var(--clb-color-black) 98%, transparent);
width: 100%;
min-height: calc(100vh - 65px);
position: absolute;
top: 65px;
left: -100%;
opacity: 0;
transition: 0.3s ease-in-out;
transition-property: opacity, left;
z-index: 10;
}
#masthead .phone-menu-middle .submenu ul {
list-style: none;
}
#masthead .phone-menu-middle .submenu.active {
left: 0;
opacity: 1;
}
#masthead .phone-menu-middle .cart svg {
vertical-align: middle;
width: 18px;
height: 23px;
margin-top: -3px;
}
.page-sidebar {
width: auto;
margin: 30px -25px 0;
display: block;
clear: both;
}
.page-sidebar {
float: none !important;
padding: 30px 25px !important;
}
.page-sidebar::after {
display: none;
}
.post-navigation .box-wrap {
padding: 0;
width: 50%;
display: inline-block;
vertical-align: top;
float: left;
}
.post-navigation .box-wrap > a .icon {
vertical-align: 0px;
}
.post-navigation .content {
display: none;
}
.onepage-navigation {
bottom: 25px;
right: 15px;
}
.bar {
display: none;
}
.portfolio-sorting {
padding-right: 0px;
}
.portfolio-sorting,
.portfolio-sorting.text-right,
.portfolio-sorting.text-left {
text-align: left;
}
.portfolio-sorting ul li {
margin: 0 12px 0 0;
}
.portfolio-item.grid-4 .more,
.portfolio-item.grid-5 .more {
margin-top: 15px;
}
.portfolio-item.grid-4 h2.title {
padding-right: 0;
font-size: 40px;
margin-top: 20px;
}
.portfolio-item.grid-4 .description {
padding: 25px;
}
.portfolio-item.grid-7 h2.title {
font-size: 40px;
line-height: 1;
}
.portfolio-item.grid-7 .text-description {
max-width: 100%;
padding-right: 60px;
padding-left: 60px;
}
.portfolio-item.grid-5 {
position: static;
height: auto;
}
.portfolio-item.grid-5 h2.title {
margin: 15px 0 0;
font-size: 40px;
line-height: 48px;
}
.portfolio-item.grid-5 .description {
position: static;
height: auto;
}
.portfolio-item.grid-5 .description .content-center {
width: 100%;
padding: 25px;
}
.portfolio-item.grid-5 .image-wrap {
padding: 40% 0;
}
.portfolio-item.grid-5 h2.title,
.portfolio-item.grid-5 .category,
.portfolio-item.grid-5 .more,
.portfolio-item.grid-5 .text-description,
.portfolio-item.grid-5 .date-left,
.portfolio-item.grid-8 h2.title,
.portfolio-item.grid-8 .category,
.portfolio-item.grid-8 .more,
.portfolio-item.grid-8 .text-description,
.portfolio-item.grid-8 .date-left {
transform: none;
opacity: 1;
}
.portfolio-item.grid-7 h2.title {
font-size: 36px;
padding-right: 40px;
padding-left: 40px;
line-height: 1.2;
}
.portfolio-item.grid-8::after {
width: 60%;
}
.portfolio-item.grid-8 h2.title {
font-size: 38px;
line-height: 43px;
transform: none;
padding-left: 0px;
}
.portfolio-item.grid-8 .text-description {
max-height: 6.8em;
overflow: hidden;
padding-left: 0px;
}
.portfolio-item.grid-8 .date {
font-size: var(--clb-font-h1);
margin-top: 15px;
}
.portfolio-item.grid-8 .date-left {
display: none;
}
.portfolio-grid-4 .owl-nav .owl-prev,
.portfolio-grid-4 .owl-nav .owl-next {
left: 25px;
bottom: 25px;
}
.portfolio-grid-4 .owl-nav .owl-next {
left: 80px;
}
.portfolio-grid-4 .owl-dots {
right: 18px;
}
.portfolio-grid-4 .scroll {
display: none;
}
.portfolio-grid-5 .scroll {
display: none;
}
.portfolio-grid-8 .scroll {
display: none;
}
.portfolio-page-custom-content {
padding: 0;
margin: 0 -15px;
}
.portfolio-page .info-list {
grid-gap: var(--clb-spacer-grid);
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.portfolio-page.boxed .portfolio-content {
padding-left: 15px;
padding-right: 15px;
}
.portfolio-page.fullwidth.content-invert {
margin-top: var(--clb-header-height);
}
.portfolio-page .portfolio-content .vc_row .vc_column_container > .vc_column-inner {
padding-left: 15px;
padding-right: 15px;
}
.portfolio-page.content-invert .portfolio-content,
.portfolio-page.with-slider .portfolio-content,
.portfolio-page .portfolio-content {
padding: 30px 0;
}
.portfolio-page .description .vc_column_container > .vc_column-inner {
padding-left: 15px;
padding-right: 15px;
}
.portfolio-page .socialbar {
margin-top: 15px;
}
.portfolio-page .socialbar a {
margin-top: 5px;
}
.portfolio-page.fullwidth .portfolio-content,
.portfolio-page.fullwidth.full .portfolio-content {
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.portfolio-page.fullwidth.content-invert .portfolio-content {
padding-left: 10px;
padding-right: 10px;
}
.portfolio-page.header-full {
height: auto;
}
.portfolio-page.header-full .portfolio-content {
width: auto;
padding: 90px var(--clb-spacer) var(--clb-spacer);
}
.portfolio-page.portfolio-header-title .content-center {
padding: 0;
}
.portfolio-page.portfolio-header-title .portfolio-content {
width: auto;
padding: 120px var(--clb-spacer) 60px;
}
.portfolio-page.portfolio-header-title .info-list li {
width: auto;
margin: 0 5px;
}
.portfolio-page.portfolio-header-title .scroll,
.portfolio-page.portfolio-header-title .back {
display: none;
}
.portfolio-page.fullscreen {
position: static;
max-width: none;
}
.portfolio-page.fullscreen .portfolio-content {
padding: 30px var(--clb-spacer);
margin: 0;
}
.portfolio-page.fullscreen .open-website {
margin-top: 15px;
}
.portfolio-page-onepage .norebro-onepage {
height: 100vh;
}
.portfolio-page-onepage .toggle-btn {
display: none;
}
.blog-grid {
margin-bottom: 30px;
}
.blog-grid.grid-5 {
margin-bottom: 25px;
}
.blog-grid.grid-5 footer {
line-height: 50px;
padding-top: 0;
padding-bottom: 0;
}
.toggle-post .content {
width: auto;
white-space: normal;
}
.toggle-post .image {
opacity: 1;
}
.toggle {
padding: 20px 0;
}
.toggle .norebro-icon-grid {
position: relative;
top: 0;
margin: 20px 0 20px -25px;
}
.comments-area {
width: 100%;
padding: 20px 0;
}
.comments-area #respond {
padding-top: 0;
}
.comments-area .comment-list {
margin-bottom: 15px;
}
.full-vh {
height: auto;
}
.norebro-phone-space {
height: 60px !important;
}
.norebro-hide-on-moblie {
display: none;
}
.phone-column .vc_column-inner {
padding-left: 15px !important;
padding-right: 15px !important;
}
.arg-spacer {
height: 40px !important;
}
div.vc_row.vc_row-flex {
display: block;
}
div.vc_row.vc_row-o-equal-height > .vc_column_container {
width: 100%;
display: block;
clear: both;
}
div.vc_row.vc_row-o-equal-height > .vc_column_container > .vc_column-inner {
display: block;
padding-top: 0;
}
.vc_row .vc_column_container > .vc_column-inner {
padding-left: 25px;
padding-right: 25px;
}
.nor-heading-xs h1.title,
.nor-heading-xs h2.title,
.nor-heading-xs h3.title,
.nor-heading-xs h4.title,
.nor-heading-xs .widget h4,
.widget .nor-heading-xs h4,
.nor-heading-xs h5.title,
.nor-heading-xs .widget h5,
.widget .nor-heading-xs h5 {
font-size: 40px !important;
line-height: 48px !important;
}
.border-reset-left,
.border-reset-left .vc_column-inner {
border-left: none !important;
}
.border-reset-right,
.border-reset-right .vc_column-inner {
border-right: none !important;
}
.border-reset-top,
.border-reset-top .vc_column-inner {
border-top: none !important;
}
.border-reset-bottom,
.border-reset-bottom .vc_column-inner {
border-bottom: none !important;
}
.vc_row.block-padding-reset-left {
padding-left: 25px !important;
}
.vc_row.block-padding-reset-right {
padding-right: 25px !important;
}
.vc_row.block-padding-reset-top {
padding-top: 25px !important;
}
.vc_row.block-padding-reset-bottom {
padding-bottom: 25px !important;
}
.vc_row .vc_column_container > .vc_column-inner .vc_column-inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
.full-vh-reset {
min-height: auto !important;
height: auto !important;
}
.indention-reset-left .vc_column-inner {
margin-left: 0px !important;
}
.indention-reset-right .vc_column-inner {
margin-left: 0px !important;
}
.indention-reset-top .vc_column-inner {
margin-top: 0px !important;
}
.indention-reset-bottom .vc_column-inner {
margin-bottom: 0px !important;
}
.woocommerce .product .images .slider .owl-stage-outer {
height: auto;
}
.woocommerce .product .images {
width: auto;
}
.woocommerce .product .images img {
height: auto;
}
.woocommerce .product .images .slider .owl-stage {
position: relative;
}
.woocommerce .product .images .slider .owl-dots {
width: auto;
margin: 0 auto;
padding: var(--clb-spacer-2);
left: 50%;
bottom: 0;
right: auto;
top: auto;
transform: translateY(50%) translateX(-50%);
}
.woocommerce .product .images .slider .owl-dots .owl-dot {
float: left;
margin: 0 5px;
}
.woocommerce .product form.cart {
padding: 15px 0px;
}
.woocommerce .product div.summary .stock {
margin-bottom: 15px;
}
.woocommerce .product div.summary .price {
margin: 0px 0px 15px;
}
.woocommerce .product div.summary .single_add_to_cart_button {
float: none;
width: 100%;
margin: 15px 0px 10px 0px;
}
.woocommerce .product div.summary .yith-wcwl-add-to-wishlist {
float: none;
text-align: center;
}
.woocommerce .product div.summary .add_to_wishlist {
display: block;
width: 100%;
}
.woocommerce .product .entry-summary {
height: auto;
padding: var(--clb-spacer-7) var(--clb-spacer) 0;
}
.woocommerce .product .woo-summary-content {
height: auto;
overflow: visible;
}
.woocommerce .product .woo-summary-content .wrap {
padding: 0;
}
.woocommerce .product .woocommerce-share {
height: auto;
margin: 30px 0;
line-height: 2;
position: static;
}
.woocommerce .product .woocommerce-share::after {
display: none;
}
.woocommerce .product .woocommerce-share .socialbar {
vertical-align: 1px;
}
.woocommerce .product .woocommerce-share .socialbar a.social {
width: 30px;
height: 30px;
line-height: 30px;
}
.woocommerce .related {
margin: 45px -15px;
}
.woocommerce .related h3.title {
margin-bottom: 30px;
}
ul.woo-products li.product-category {
padding: 0px;
}
.woocommerce .cart-table-wrap {
overflow-x: scroll;
}
.woocommerce .cart-collaterals {
margin: 0px;
}
.woocommerce .actions .coupon {
width: 100%;
text-align: left;
}
.woocommerce .actions .coupon input[type=text] {
width: calc(100% - 90px);
}
.woocommerce .actions .update {
float: left;
margin: 15px 0 30px;
}
.woocommerce .woocommerce-billing-fields {
margin-bottom: 15px;
}
.woocommerce .ship-to-different {
width: 100%;
float: left;
text-align: left;
}
.woocommerce .woocommerce-shipping-fields {
margin-bottom: 30px;
}
.woocommerce .myaccount-login-form form {
width: 100%;
padding: 40px;
}
.woocommerce .myaccount-login-form .btn {
width: 100%;
}
.woocomerce-filters-container .woocomerce-filters {
flex-direction: column;
top: 0;
align-items: flex-end;
}
.woocomerce-filters-container .woocomerce-filters .select-title {
padding: 0;
}
.woocommerce .shop_table .product-quantity {
height: 40px;
}
.woocommerce .shop_table .cart_item {
display: block;
position: relative;
padding: 15px 0px 8px 100px;
border-top: 1px solid var(--clb-color-border);
}
.woocommerce .shop_table:last-child {
border-bottom: 1px solid var(--clb-color-border);
}
.woocommerce .shop_table td {
display: block;
border: none;
text-align: left;
padding: 2px 0px;
}
.woocommerce .shop_table td .title,
.woocommerce .shop_table td .widget h4,
.widget .woocommerce .shop_table td h4,
.woocommerce .shop_table td .widget h5,
.widget .woocommerce .shop_table td h5 {
overflow: hidden;
}
.woocommerce .shop_table td .title a,
.woocommerce .shop_table td .widget h4 a,
.widget .woocommerce .shop_table td h4 a,
.woocommerce .shop_table td .widget h5 a,
.widget .woocommerce .shop_table td h5 a {
max-width: calc(100vw - 160px);
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.woocommerce .shop_table .product-remove-custom {
position: absolute;
right: 0px;
top: calc(50% - 10px);
}
.woocommerce .shop_table .product-thumbnail {
position: absolute;
left: 0px;
top: 15px;
}
.woocommerce .shop_table .product-name {
display: block;
}
.vc_col-lg-8.masonry-block {
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
#masthead #site-navigation.main-nav #mega-toggle-block-1 {
display: none !important;
}
#masthead #site-navigation.main-nav .mega-menu-toggle {
display: none;
}
#masthead #site-navigation.main-nav #mega-menu-primary {
display: block;
}
}
@media screen and (max-width: 767px) {
.columns-sm-2 .product {
width: 50%;
}
.columns-sm-2 .product:nth-child(2n+1) {
clear: both;
}
.columns-sm-3 .product {
width: 33.2%;
}
.columns-sm-3 .product:nth-child(3n+1) {
clear: both;
}
.columns-sm-4 .product {
width: 25%;
}
.columns-sm-4 .product:nth-child(4n+1) {
clear: both;
}
.columns-sm-5 .product {
width: 20%;
}
.columns-sm-5 .product:nth-child(5n+1) {
clear: both;
}
.columns-sm-6 .product {
width: 16.666%;
}
.columns-sm-6 .product:nth-child(6n+1) {
clear: both;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.banner-box.inner .image-wrap {
height: 350px;
}
.banner-box.inner .image-wrap img {
height: 100%;
width: auto;
max-width: none;
}
.portfolio-page.header-full h1,
.portfolio-page.header-full h2,
.portfolio-page.portfolio-header-title h1,
.portfolio-page.portfolio-header-title h2 {
font-size: 46px;
line-height: 56px;
}
.portfolio-page.header-full.show .scroll,
.portfolio-page.portfolio-header-title.show .scroll {
display: none;
}
.portfolio-page.fullscreen {
max-width: 70%;
}
.columns-md-2 .product {
width: 50%;
}
.columns-md-2 .product:nth-child(2n+1) {
clear: both;
}
.columns-md-3 .product {
width: 33.2%;
}
.columns-md-3 .product:nth-child(3n+1) {
clear: both;
}
.columns-md-4 .product {
width: 25%;
}
.columns-md-4 .product:nth-child(4n+1) {
clear: both;
}
.columns-md-5 .product {
width: 20%;
}
.columns-md-5 .product:nth-child(5n+1) {
clear: both;
}
.columns-md-6 .product {
width: 16.666%;
}
.columns-md-6 .product:nth-child(6n+1) {
clear: both;
}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
.portfolio-gallery .gallery-content {
right: 0;
padding: 40px;
}
.portfolio-gallery .gallery-content h2 {
font-size: 36px;
line-height: 46px;
}
#masthead ul#primary-menu > li > a.menu-link,
#masthead ul#secondary-menu > li > a.menu-link {
padding: 0 var(--clb-spacer-3);
}
.page-sidebar {
padding: 25px;
}
.portfolio-item.grid-4 h2.title {
padding-right: 0%;
margin-top: 10px;
font-size: 36px;
line-height: 46px;
}
.portfolio-item.grid-5 .description .content-center {
width: 80%;
}
.portfolio-item.grid-5 h2.title {
margin-top: 10px;
font-size: 46px;
line-height: 56px;
}
.portfolio-item.grid-7 h2.title {
font-size: 46px;
}
.nor-heading-xs h1.title,
.nor-heading-xs h2.title,
.nor-heading-xs h3.title,
.nor-heading-xs h4.title,
.nor-heading-xs .widget h4,
.widget .nor-heading-xs h4,
.nor-heading-xs h5.title,
.nor-heading-xs .widget h5,
.widget .nor-heading-xs h5 {
font-size: 46px !important;
line-height: 56px !important;
letter-spacing: 1 !important;
}
}
@media screen and (min-width: 1280px) and (max-width: 1440px) {
.page-container:not(.fullwidth):not(.full) {
max-width: var(--clb-container-width-md);
}
.portfolio-page.fullwidth .portfolio-content {
width: calc((var(--clb-container-width-md) - 30px) / 2);
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
.post-navigation .box-wrap:nth-child(1) {
float: left;
}
.post-navigation .box-wrap:nth-child(2) {
float: right;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.portfolio-page.boxed > .vc_row {
margin-left: 0;
margin-right: 0;
}
}
@media screen and (width: 1024px) {
.norebro-with-left-panel:not(.norebro-with-panel) {
padding-left: var(--clb-panel-width);
}
.norebro-with-left-panel #masthead {
width: calc(100% - var(--clb-panel-width)) !important;
}
}