@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.image-hover-page-container {   }
.ih-item img {
display: block;
}
.bs-glyphicons,
.ih-item.square.effect1,
.ih-item.square.effect11,
.ih-item.square.effect12,
.ih-item.square.effect13,
.ih-item.square.effect15,
.ih-item.square.effect16,
.ih-item.square.effect17,
.ih-item.square.effect18,
.ih-item.square.effect19,
.ih-item.square.effect2,
.ih-item.square.effect3,
.ih-item.square.effect4,
.ih-item.square.effect6,
.ih-item.square.effect7,
.ih-item.square.effect8 {
overflow: hidden
}
.ih-item.circle .info,
.ih-item.square .info {
right: 0;
text-align: center;
bottom: 0;
top: 0;
left: 0
}
.ih-item {
position: relative;
transition: all .35s ease-in-out
}
.ih-item.circle .img:before,
;
.ih-item {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item,
.ih-item * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.ih-item a {
color: #333
}
.ih-item a:hover {
text-decoration: none
}
.ih-item img {
width: 100%;
height: 100%
}
.ih-item.circle,
.ih-item.circle .img {
border-radius: 50%;
position: relative;
}
.ih-item.circle {
}
.ih-item.circle .img span {
position: absolute;
display: block;
content: '';
width: 100%;
height: 100%;
border-radius: 50%; transition: all .35s ease-in-out
}
.ih-item.square .img span {
box-shadow: none !important;
display: none;
}
.ih-item.circle .img img {
border-radius: 50%
}
.ih-item.circle .info {
position: absolute;
border-radius: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ih-item.square {
position: relative;
width: 100%;
height: 100%;  }
.ih-item.square .info {
position: absolute;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ih-item.circle.effect1 .spinner {
width: 230px;
height: 230px;
border: 10px solid #ecab18;
border-right-color: #1ad280;
border-bottom-color: #1ad280;
border-radius: 50%;
transition: all .8s ease-in-out
}
.ih-item.circle.effect1 .info,
.ih-item.circle.effect1 .spinner {
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out
}
.ih-item.circle.effect1 .info p,
.ih-item.circle.effect11 .info p,
.ih-item.circle.effect12 .info p,
.ih-item.circle.effect13 .info p,
.ih-item.circle.effect14 .info p,
.ih-item.circle.effect15 .info p,
.ih-item.circle.effect16 .info p,
.ih-item.circle.effect17 .info p,
.ih-item.circle.effect18 .info p,
.ih-item.circle.effect19 .info p,
.ih-item.circle.effect2 .info p,
.ih-item.circle.effect20 .info p,
.ih-item.circle.effect3 .info p,
.ih-item.circle.effect4 .info p,
.ih-item.circle.effect5 .info p,
.ih-item.circle.effect6 .info p,
.ih-item.circle.effect7 .info p,
.ih-item.circle.effect8 .info p,
.ih-item.circle.effect9 .info p { }
.bs-docs-nav .navbar-toggle,
.top-header.bs-docs-nav {
border-color: #222132
}
.ih-item.circle.effect1 .img {
position: absolute;
top: 10px;
bottom: 0;
left: 10px;
right: 0;
width: auto;
height: auto
}
.ih-item.circle.effect1 .info h3,
.ih-item.circle.effect2 .info h3,
.ih-item.circle.effect3 .info h3,
.ih-item.circle.effect4 .info h3 {
margin: 0 30px;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
height: 110px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect1 .img:before {
display: none
}
.ih-item.circle.effect1.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.circle.effect1 .info {
top: 10px;
bottom: 0;
left: 10px;
right: 0;
background: #333;
background: rgba(0, 0, 0, .6);
opacity: 0;
transition: all .8s ease-in-out
}
.ih-item.circle.effect1 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect1 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect1 a:hover .spinner {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.ih-item.circle.effect1 a:hover .info {
opacity: 1
}
.ih-item.circle.effect2 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all .35s ease-in-out
}
.ih-item.circle.effect2 .img,
.ih-item.circle.effect2 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect2.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6);
}
.ih-item.circle.effect2 .info {
background: #333;
opacity: 0;
pointer-events: none;
transition: all .35s ease-in-out
}
.ih-item.circle.effect2 a:hover .info {
opacity: 0.8 !important;
}
.ih-item.circle.effect2 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect2 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect2.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect2.left_to_right a:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.ih-item.circle.effect2.left_to_right a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect2.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect2.right_to_left a:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.ih-item.circle.effect2.right_to_left a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect2.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect2.top_to_bottom a:hover .img {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.ih-item.circle.effect2.top_to_bottom a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect2.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect2.bottom_to_top a:hover .img {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.ih-item.circle.effect2.bottom_to_top a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect3 .img {
z-index: 11;
transition: all .35s ease-in-out
}
.ih-item.circle.effect3 .img,
.ih-item.circle.effect3 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect3.colored .info {
background: #1a4a72
}
.ih-item.circle.effect3 .info {
background: #333;
opacity: 0;
pointer-events: none;
transition: all .35s ease-in-out
}
.ih-item.circle.effect3 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect3 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect3.left_to_right .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0)
}
.ih-item.circle.effect3.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect3.left_to_right a:hover .img {
-webkit-transform: scale(.5) translateX(100%);
-moz-transform: scale(.5) translateX(100%);
-ms-transform: scale(.5) translateX(100%);
-o-transform: scale(.5) translateX(100%);
transform: scale(.5) translateX(100%)
}
.ih-item.circle.effect3.left_to_right a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect3.right_to_left .img {
-webkit-transform: scale(1) translateX(0);
-moz-transform: scale(1) translateX(0);
-ms-transform: scale(1) translateX(0);
-o-transform: scale(1) translateX(0);
transform: scale(1) translateX(0)
}
.ih-item.circle.effect3.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect3.right_to_left a:hover .img {
-webkit-transform: scale(.5) translateX(-100%);
-moz-transform: scale(.5) translateX(-100%);
-ms-transform: scale(.5) translateX(-100%);
-o-transform: scale(.5) translateX(-100%);
transform: scale(.5) translateX(-100%)
}
.ih-item.circle.effect3.right_to_left a:hover .info {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect3.top_to_bottom .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
.ih-item.circle.effect3.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect3.top_to_bottom a:hover .img {
-webkit-transform: scale(.5) translateY(100%);
-moz-transform: scale(.5) translateY(100%);
-ms-transform: scale(.5) translateY(100%);
-o-transform: scale(.5) translateY(100%);
transform: scale(.5) translateY(100%)
}
.ih-item.circle.effect3.top_to_bottom a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect3.bottom_to_top .img {
-webkit-transform: scale(1) translateY(0);
-moz-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
-o-transform: scale(1) translateY(0);
transform: scale(1) translateY(0)
}
.ih-item.circle.effect3.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect3.bottom_to_top a:hover .img {
-webkit-transform: scale(.5) translateY(-100%);
-moz-transform: scale(.5) translateY(-100%);
-ms-transform: scale(.5) translateY(-100%);
-o-transform: scale(.5) translateY(-100%);
transform: scale(.5) translateY(-100%)
}
.ih-item.circle.effect3.bottom_to_top a:hover .info {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect4 .img {
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ih-item.circle.effect4 .info,
.ih-item.circle.effect4 a:hover .img {
pointer-events: none;
opacity: 0
}
.ih-item.circle.effect4.colored .info {
background: #1a4a72
}
.ih-item.circle.effect4 .info {
background: #333;
visibility: hidden;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
transition: all .35s ease
}
.ih-item.circle.effect4 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect4 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px;
transition: all .35s ease-in-out
}
.ih-item.circle.effect4 .info p,
.ih-item.circle.effect5 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect4 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.circle.effect4.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect4.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect4.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect4.left_to_right a:hover .info,
.ih-item.circle.effect4.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect4.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect4.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect4.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect4.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect4.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect4.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect4.bottom_to_top .img,
.ih-item.circle.effect4.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect4.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect4.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect4.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect5 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px
}
.ih-item.circle.effect5.colored .info .info-back {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.circle.effect5 .info {
transition: all .35s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.ih-item.circle.effect5 .info .info-back {
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333;
background: rgba(0, 0, 0, .6);
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ih-item.circle.effect5 .info h3,
.ih-item.circle.effect6 .info h3,
.ih-item.circle.effect7 .info h3 {
margin: 0 30px;
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
height: 110px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect5 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect5 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect5 a:hover .info {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg)
}
.ih-item.circle.effect5 a:hover .info .info-back {
visibility: visible
}
.ih-item.circle.effect6 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all .35s ease-in-out
}
.ih-item.circle.effect6 .img,
.ih-item.circle.effect6 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect6.colored .info {
background: #1a4a72
}
.ih-item.circle.effect6 .info {
background: #333;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.circle.effect6 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect6 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect6.scale_up .info {
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.ih-item.circle.effect6.scale_up a:hover .img {
opacity: 0;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5)
}
.ih-item.circle.effect6.scale_up a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect6.scale_down .info {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5)
}
.ih-item.circle.effect6.scale_down a:hover .img {
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.ih-item.circle.effect6.scale_down a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect6.scale_down_up .info {
transform: scale(.5);
-webkit-transition: all .35s ease-in-out .2s;
-moz-transition: all .35s ease-in-out .2s;
transition: all .35s ease-in-out .2s
}
.ih-item.circle.effect6.scale_down_up .info,
.ih-item.circle.effect6.scale_down_up a:hover .img {
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5)
}
.ih-item.circle.effect6.scale_down_up a:hover .img {
opacity: 0;
transform: scale(.5)
}
.ih-item.circle.effect6.scale_down_up a:hover .info {
transform: scale(1)
}
.ih-item.circle.effect6.scale_down_up a:hover .info,
.ih-item.circle.effect7 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1)
}
.ih-item.circle.effect7 .img {
transform: scale(1);
-webkit-transition: all .35s ease-out;
-moz-transition: all .35s ease-out;
transition: all .35s ease-out
}
.ih-item.circle.effect7.colored .info {
background: #1a4a72
}
.ih-item.circle.effect7 .info {
background: #333;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.circle.effect7 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0
}
.ih-item.circle.effect7 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect7 a:hover .img {
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.ih-item.circle.effect7 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.circle.effect7.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect7.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect7.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect7.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect7.top_to_bottom .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect7.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect7.bottom_to_top .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect7.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect8.colored .info {
background: #1a4a72
}
.ih-item.circle.effect8 .img-container {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.ih-item.circle.effect8 .img-container .img {
opacity: 1;
-webkit-transition: all .3s ease-in-out .3s;
-moz-transition: all .3s ease-in-out .3s;
transition: all .3s ease-in-out .3s
}
.ih-item.circle.effect8 .info-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-radius: 50%;
opacity: 0;
pointer-events: none;
-webkit-transition: all .3s ease-in-out .3s;
-moz-transition: all .3s ease-in-out .3s;
transition: all .3s ease-in-out .3s
}
.ih-item.circle.effect10 .info h3,
.ih-item.circle.effect9 .info h3 {
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect8 .info {
width: 100%;
height: 100%;
background: #333;
transform: scale(.5);
-webkit-transition: all .35s ease-in-out .6s;
-moz-transition: all .35s ease-in-out .6s;
transition: all .35s ease-in-out .6s
}
.ih-item.circle.effect8 .info,
.ih-item.circle.effect8 a:hover .img-container {
pointer-events: none;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5)
}
.ih-item.circle.effect8 .info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0;
height: 140px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect8 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect8 a:hover .img-container {
transform: scale(.5)
}
.ih-item.circle.effect8 a:hover .img-container .img {
opacity: 0;
pointer-events: none
}
.ih-item.circle.effect8 a:hover .info-container {
opacity: 1
}
.ih-item.circle.effect8 a:hover .info-container .info {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect8.left_to_right .img-container .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect8.left_to_right .info-container {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect8.left_to_right a:hover .img-container .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect8.left_to_right a:hover .info-container,
.ih-item.circle.effect8.right_to_left .img-container .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect8.right_to_left .info-container {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect8.right_to_left a:hover .img-container .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect8.right_to_left a:hover .info-container {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect8.top_to_bottom .img-container .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect8.top_to_bottom .info-container {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect8.bottom_to_top .img-container .img,
.ih-item.circle.effect8.top_to_bottom a:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect8.bottom_to_top .info-container {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect8.bottom_to_top a:hover .info-container {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect9 .img {
opacity: 1;
-webkit-transition: all .35s ease-out;
-moz-transition: all .35s ease-out;
transition: all .35s ease-out
}
.ih-item.circle.effect9.colored .info {
background: #1a4a72
}
.ih-item.circle.effect9 .info {
background: #333;
visibility: hidden;
transform: scale(.5);
-webkit-transition: all .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.circle.effect9 .info,
.ih-item.circle.effect9 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5)
}
.ih-item.circle.effect9 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0;
height: 110px
}
.ih-item.circle.effect9 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect9 a:hover .img {
transform: scale(.5)
}
.ih-item.circle.effect9 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect9.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.circle.effect9.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg)
}
.ih-item.circle.effect9.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.circle.effect9.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg)
}
.ih-item.circle.effect9.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect9.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect9.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect9.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect10 .img {
z-index: 11;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect10.colored .info {
background: #1a4a72
}
.ih-item.circle.effect10 .info {
background: #333;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all .35s ease-in-out
}
.ih-item.circle.effect10 .info,
.ih-item.circle.effect11 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect10 .info h3 {
color: #fff;
font-size: 22px
}
.ih-item.circle.effect10 .info p {
color: #bbb;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, .5)
}
.ih-item.circle.effect10 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect10.top_to_bottom .info h3 {
margin: 0 30px;
padding: 25px 0 0;
height: 78px
}
.ih-item.circle.effect10.top_to_bottom .info p {
margin: 0 30px;
padding: 5px
}
.ih-item.circle.effect10.top_to_bottom a:hover .img {
-webkit-transform: translateY(50px) scale(.5);
-moz-transform: translateY(50px) scale(.5);
-ms-transform: translateY(50px) scale(.5);
-o-transform: translateY(50px) scale(.5);
transform: translateY(50px) scale(.5)
}
.ih-item.circle.effect10.bottom_to_top .info h3 {
margin: 95px 30px 0;
padding: 25px 0 0;
height: 78px
}
.ih-item.circle.effect11 .info h3,
.ih-item.circle.effect12 .info h3,
.ih-item.circle.effect13 .info h3,
.ih-item.circle.effect14 .info h3,
.ih-item.circle.effect15 .info h3,
.ih-item.circle.effect16 .info h3 {
text-transform: uppercase;
position: relative;
letter-spacing: 2px;
height: 110px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect10.bottom_to_top .info p {
margin: 0 30px;
padding: 5px
}
.ih-item.circle.effect10.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px) scale(.5);
-moz-transform: translateY(-50px) scale(.5);
-ms-transform: translateY(-50px) scale(.5);
-o-transform: translateY(-50px) scale(.5);
transform: translateY(-50px) scale(.5)
}
.ih-item.circle.effect11 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px
}
.ih-item.circle.effect11 .img {
opacity: 1;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transition: all .35s ease-in-out
}
.ih-item.circle.effect11.colored .info {
background: #1a4a72
}
.ih-item.circle.effect11 .info {
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transition: all .35s ease .35s;
-moz-transition: all .35s ease .35s;
transition: all .35s ease .35s
}
.ih-item.circle.effect11 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0
}
.ih-item.circle.effect11 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect11 a:hover .img {
opacity: 0
}
.ih-item.circle.effect11 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.circle.effect11.left_to_right .img {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0)
}
.ih-item.circle.effect11.left_to_right .info {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
-o-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg)
}
.ih-item.circle.effect11.left_to_right a:hover .img {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
-o-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg)
}
.ih-item.circle.effect11.left_to_right a:hover .info,
.ih-item.circle.effect11.right_to_left .img {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0)
}
.ih-item.circle.effect11.right_to_left .info {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
-moz-transform: translateZ(-1000px) rotateY(90deg);
-ms-transform: translateZ(-1000px) rotateY(90deg);
-o-transform: translateZ(-1000px) rotateY(90deg);
transform: translateZ(-1000px) rotateY(90deg)
}
.ih-item.circle.effect11.right_to_left a:hover .img {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
-moz-transform: translateZ(-1000px) rotateY(-90deg);
-ms-transform: translateZ(-1000px) rotateY(-90deg);
-o-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg)
}
.ih-item.circle.effect11.right_to_left a:hover .info {
-webkit-transform: translateZ(0) rotateY(0);
-moz-transform: translateZ(0) rotateY(0);
-ms-transform: translateZ(0) rotateY(0);
-o-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0)
}
.ih-item.circle.effect11.top_to_bottom .img {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0)
}
.ih-item.circle.effect11.top_to_bottom .info {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
-o-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg)
}
.ih-item.circle.effect11.top_to_bottom a:hover .img {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
-o-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg)
}
.ih-item.circle.effect11.bottom_to_top .img,
.ih-item.circle.effect11.top_to_bottom a:hover .info {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0)
}
.ih-item.circle.effect11.bottom_to_top .info {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
-moz-transform: translateZ(-1000px) rotateX(-90deg);
-ms-transform: translateZ(-1000px) rotateX(-90deg);
-o-transform: translateZ(-1000px) rotateX(-90deg);
transform: translateZ(-1000px) rotateX(-90deg)
}
.ih-item.circle.effect11.bottom_to_top a:hover .img {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
-moz-transform: translateZ(-1000px) rotateX(90deg);
-ms-transform: translateZ(-1000px) rotateX(90deg);
-o-transform: translateZ(-1000px) rotateX(90deg);
transform: translateZ(-1000px) rotateX(90deg)
}
.ih-item.circle.effect11.bottom_to_top a:hover .info {
-webkit-transform: translateZ(0) rotateX(0);
-moz-transform: translateZ(0) rotateX(0);
-ms-transform: translateZ(0) rotateX(0);
-o-transform: translateZ(0) rotateX(0);
transform: translateZ(0) rotateX(0)
}
.ih-item.circle.effect12 .img {
opacity: 1;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect12.colored .info {
background: #1a4a72
}
.ih-item.circle.effect12 .info {
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5);
transition: all .35s ease-in-out
}
.ih-item.circle.effect12 .info,
.ih-item.circle.effect13 .info {
pointer-events: none;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect12 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0
}
.ih-item.circle.effect12 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect12 a:hover .img {
opacity: 0;
pointer-events: none
}
.ih-item.circle.effect12 a:hover .info {
opacity: 1;
visibility: visible
}
.ih-item.circle.effect12.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.circle.effect12.left_to_right .info,
.ih-item.circle.effect12.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg)
}
.ih-item.circle.effect12.left_to_right a:hover .info {
transform: translateX(0) rotate(0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.circle.effect12.left_to_right a:hover .info,
.ih-item.circle.effect12.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0)
}
.ih-item.circle.effect12.right_to_left .img {
transform: translateX(0) rotate(0)
}
.ih-item.circle.effect12.right_to_left .info,
.ih-item.circle.effect12.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg)
}
.ih-item.circle.effect12.right_to_left a:hover .info {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.circle.effect12.top_to_bottom .img {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0)
}
.ih-item.circle.effect12.top_to_bottom .info,
.ih-item.circle.effect12.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%) rotate(-180deg);
-moz-transform: translateY(-100%) rotate(-180deg);
-ms-transform: translateY(-100%) rotate(-180deg);
-o-transform: translateY(-100%) rotate(-180deg);
transform: translateY(-100%) rotate(-180deg)
}
.ih-item.circle.effect12.top_to_bottom a:hover .info {
transform: translateY(0) rotate(0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.circle.effect12.bottom_to_top .img,
.ih-item.circle.effect12.top_to_bottom a:hover .info {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0)
}
.ih-item.circle.effect12.bottom_to_top .img {
transform: translateY(0) rotate(0)
}
.ih-item.circle.effect12.bottom_to_top .info,
.ih-item.circle.effect12.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%) rotate(180deg);
-moz-transform: translateY(100%) rotate(180deg);
-ms-transform: translateY(100%) rotate(180deg);
-o-transform: translateY(100%) rotate(180deg);
transform: translateY(100%) rotate(180deg)
}
.ih-item.circle.effect12.bottom_to_top a:hover .info {
-webkit-transform: translateY(0) rotate(0);
-moz-transform: translateY(0) rotate(0);
-ms-transform: translateY(0) rotate(0);
-o-transform: translateY(0) rotate(0);
transform: translateY(0) rotate(0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.circle.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.circle.effect13 .info {
background: #333;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.circle.effect13 a:hover .info {
opacity: 0.8 !important;
}
.ih-item.circle.effect13 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0;
transition: all .35s ease-in-out
}
.ih-item.circle.effect13 .info h3,
.ih-item.circle.effect13 .info p {
margin: 0 30px;
visibility: hidden;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect13 .info p {
color: #bbb;
padding: 10px 5px;
font-size: 12px;
transition: all .35s ease-in-out
}
.ih-item.circle.effect13 a:hover .info {
opacity: 1
}
.ih-item.circle.effect13 a:hover h3,
.ih-item.circle.effect13 a:hover p {
visibility: visible
}
.ih-item.circle.effect13.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.circle.effect13.from_left_and_right .info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.circle.effect13.from_left_and_right a:hover h3,
.ih-item.circle.effect13.from_left_and_right a:hover p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.circle.effect13.top_to_bottom .info h3,
.ih-item.circle.effect13.top_to_bottom .info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.circle.effect13.top_to_bottom a:hover h3,
.ih-item.circle.effect13.top_to_bottom a:hover p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect13.bottom_to_top .info h3,
.ih-item.circle.effect13.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.circle.effect13.bottom_to_top a:hover h3,
.ih-item.circle.effect13.bottom_to_top a:hover p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.circle.effect14 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px
}
.ih-item.circle.effect14 .img {
visibility: visible;
opacity: 1;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
transition: all .4s ease-out
}
.ih-item.circle.effect14.colored .info {
background: #1a4a72
}
.ih-item.circle.effect14 .info {
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transition: all .35s ease-in-out .3s;
-moz-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s
}
.ih-item.circle.effect14 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0
}
.ih-item.circle.effect14 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect14 a:hover .img {
opacity: 0;
visibility: hidden
}
.ih-item.circle.effect14 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.circle.effect14.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.circle.effect14.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.circle.effect14.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg)
}
.ih-item.circle.effect14.left_to_right a:hover .info {
transform: rotateY(0)
}
.ih-item.circle.effect14.left_to_right a:hover .info,
.ih-item.circle.effect14.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0)
}
.ih-item.circle.effect14.right_to_left .img {
transform: rotateY(0);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.circle.effect14.right_to_left .info {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.circle.effect14.right_to_left a:hover .img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg)
}
.ih-item.circle.effect14.right_to_left a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0)
}
.ih-item.circle.effect14.top_to_bottom .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.circle.effect14.top_to_bottom .info {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.circle.effect14.top_to_bottom a:hover .img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg)
}
.ih-item.circle.effect14.top_to_bottom a:hover .info {
transform: rotateX(0)
}
.ih-item.circle.effect14.bottom_to_top .img,
.ih-item.circle.effect14.top_to_bottom a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0)
}
.ih-item.circle.effect14.bottom_to_top .img {
transform: rotateX(0);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.circle.effect14.bottom_to_top .info {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.circle.effect14.bottom_to_top a:hover .img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg)
}
.ih-item.circle.effect14.bottom_to_top a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0)
}
.ih-item.circle.effect15 .img {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect15.colored .info {
background: #1a4a72
}
.ih-item.circle.effect15 .info {
background: #333;
opacity: 0;
visibility: hidden;
-webkit-transform: scale(.5) rotate(-720deg);
-moz-transform: scale(.5) rotate(-720deg);
-ms-transform: scale(.5) rotate(-720deg);
-o-transform: scale(.5) rotate(-720deg);
transform: scale(.5) rotate(-720deg);
-webkit-transition: all .35s ease-in-out .3s;
-moz-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s
}
.ih-item.circle.effect15 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0
}
.ih-item.circle.effect15 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect15 a:hover .img {
opacity: 0;
visibility: hidden;
-webkit-transform: scale(.5) rotate(720deg);
-moz-transform: scale(.5) rotate(720deg);
-ms-transform: scale(.5) rotate(720deg);
-o-transform: scale(.5) rotate(720deg);
transform: scale(.5) rotate(720deg)
}
.ih-item.circle.effect15 a:hover .info {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
.ih-item.circle.effect16 .img {
z-index: 11;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect16.colored .info {
background: #1a4a72
}
.ih-item.circle.effect16 .info {
background: #333;
transition: all .35s ease-in-out
}
.ih-item.circle.effect16 .info,
.ih-item.circle.effect16 .info p {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect16 .info h3 {
color: #fff;
font-size: 22px;
margin: 0 30px;
padding: 55px 0 0
}
.ih-item.circle.effect16 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px;
transition: all .35s ease-in-out
}
.ih-item.circle.effect16.left_to_right .img:after,
.ih-item.circle.effect16.right_to_left .img:after {
border-radius: 50%;
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 40%;
margin: -4px 0 0 -4px;
background: rgba(0, 0, 0, .8);
box-shadow: 0 0 1px rgba(255, 255, 255, .9)
}
.ih-item.circle.effect16.left_to_right .img {
-webkit-transform-origin: 95% 40%;
-moz-transform-origin: 95% 40%;
-ms-transform-origin: 95% 40%;
-o-transform-origin: 95% 40%;
transform-origin: 95% 40%
}
.ih-item.circle.effect16.left_to_right .img:after {
left: 95%
}
.ih-item.circle.effect16.left_to_right a:hover .img {
-webkit-transform: rotate(-120deg);
-moz-transform: rotate(-120deg);
-ms-transform: rotate(-120deg);
-o-transform: rotate(-120deg);
transform: rotate(-120deg)
}
.ih-item.circle.effect16.right_to_left .img {
-webkit-transform-origin: 5% 40%;
-moz-transform-origin: 5% 40%;
-ms-transform-origin: 5% 40%;
-o-transform-origin: 5% 40%;
transform-origin: 5% 40%
}
.ih-item.circle.effect16.right_to_left .img:after {
left: 5%
}
.ih-item.circle.effect17 .info h3,
.ih-item.circle.effect18 .info h3,
.ih-item.circle.effect20 .info h3 {
text-transform: uppercase;
margin: 0 30px;
position: relative;
letter-spacing: 2px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect16.right_to_left a:hover .img {
-webkit-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-ms-transform: rotate(120deg);
-o-transform: rotate(120deg);
transform: rotate(120deg)
}
.ih-item.circle.effect17 .info {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all .35s ease-in-out
}
.ih-item.circle.effect17 .info,
.ih-item.circle.effect17 .info p {
opacity: 0;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.circle.effect17 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0;
height: 110px
}
.ih-item.circle.effect17 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px;
transition: all .35s ease-in-out
}
.ih-item.circle.effect17 a:hover .img:before {
box-shadow: inset 0 0 0 110px #333, inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 0 0 110px rgba(0, 0, 0, .6), inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1)
}
.ih-item.circle.effect17 a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect17 a:hover .info p {
opacity: 1
}
.ih-item.circle.effect17.colored a:hover .img:before {
box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 0 0 110px rgba(26, 74, 114, .6), inset 0 0 0 16px rgba(255, 255, 255, .8), 0 1px 2px rgba(0, 0, 0, .1)
}
.ih-item.circle.effect18 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px
}
.ih-item.circle.effect18 .img {
z-index: 11;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.ih-item.circle.effect18.colored .info .info-back {
background: #1a4a72
}
.ih-item.circle.effect18 .info {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.ih-item.circle.effect18 .info .info-back {
opacity: 1;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333
}
.ih-item.circle.effect18 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0;
height: 110px
}
.ih-item.circle.effect18 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect18.bottom_to_top .img {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.circle.effect18.bottom_to_top a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg)
}
.ih-item.circle.effect18.top_to_bottom .img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.circle.effect18.top_to_bottom a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, -180deg);
-moz-transform: rotate3d(1, 0, 0, -180deg);
-ms-transform: rotate3d(1, 0, 0, -180deg);
-o-transform: rotate3d(1, 0, 0, -180deg);
transform: rotate3d(1, 0, 0, -180deg)
}
.ih-item.circle.effect18.left_to_right .img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.circle.effect18.left_to_right a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg)
}
.ih-item.circle.effect18.right_to_left .img {
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.circle.effect18.right_to_left a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg)
}
.ih-item.circle.effect19.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.circle.effect19 .info {
background: #333;
background: rgba(0, 0, 0, .6);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.circle.effect19 .info h3 {
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 22px;
margin: 0 30px;
padding: 45px 0 0;
height: 140px;
text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, .3)
}
.ih-item.circle.effect19 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect19 a:hover .info {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.circle.effect20 {
-webkit-perspective: 900px;
-moz-perspective: 900px;
perspective: 900px
}
.ih-item.circle.effect20 .img {
-webkit-transition: all .35s linear;
-moz-transition: all .35s linear;
transition: all .35s linear;
transform-origin: 50% 0
}
.ih-item.circle.effect20 .img,
.ih-item.circle.effect20 .info .info-back {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0
}
.ih-item.circle.effect20.colored .info .info-back {
background: #1a4a72
}
.ih-item.circle.effect20 .info {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.ih-item.circle.effect20 .info .info-back {
opacity: 1;
visibility: hidden;
border-radius: 50%;
width: 100%;
height: 100%;
background: #333;
-webkit-transition: all .35s linear;
-moz-transition: all .35s linear;
transition: all .35s linear;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ih-item.circle.effect20 .info h3 {
color: #fff;
font-size: 22px;
padding: 55px 0 0;
height: 110px
}
.ih-item.circle.effect20 .info p {
color: #bbb;
padding: 10px 5px;
margin: 0 30px;
font-size: 12px
}
.ih-item.circle.effect20 a:hover .img {
opacity: 0
}
.ih-item.circle.effect20 a:hover .info .info-back {
opacity: 1;
visibility: visible
}
.ih-item.circle.effect20.top_to_bottom .info .info-back {
-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}
.ih-item.circle.effect20.top_to_bottom a:hover .img {
-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}
.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg)
}
.ih-item.circle.effect20.bottom_to_top .info .info-back {
-webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
-o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}
.ih-item.circle.effect20.bottom_to_top a:hover .img {
-webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
-o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}
.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
-moz-transform: rotate3d(1, 0, 0, 0deg);
-ms-transform: rotate3d(1, 0, 0, 0deg);
-o-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg)
}
.ih-item.square.effect1.colored .info {
background: #1a4a72
}
.ih-item.square.effect1 .img {
z-index: 11;
position: absolute;
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect1 .img,
.ih-item.square.effect1 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect1 .info {
background: #333;
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all .35s ease-in-out
}
.ih-item.square.effect1 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect1.left_and_right .info h3 {
position: absolute;
top: 12px;
left: 12px;
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
margin: 0
}
.ih-item.square.effect1.left_and_right .info p {
position: absolute;
right: 12px;
bottom: 12px;
margin: 0;
font-size: 12px;
color: #bbb
}
.ih-item.square.effect1.left_and_right a:hover .img {
-webkit-transform: scale(.6);
-moz-transform: scale(.6);
-ms-transform: scale(.6);
-o-transform: scale(.6);
transform: scale(.6)
}
.ih-item.square.effect1.top_to_bottom .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 10px 0 0
}
.ih-item.square.effect1.top_to_bottom .info p {
font-size: 12px;
color: #bbb;
padding: 5px;
text-align: center
}
.ih-item.square.effect1.top_to_bottom a:hover .img {
-webkit-transform: translateY(30px) scale(.6);
-moz-transform: translateY(30px) scale(.6);
-ms-transform: translateY(30px) scale(.6);
-o-transform: translateY(30px) scale(.6);
transform: translateY(30px) scale(.6)
}
.ih-item.square.effect1.bottom_to_top .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 134px 0 0
}
.ih-item.square.effect1.bottom_to_top .info p {
font-size: 12px;
color: #bbb;
padding: 5px;
text-align: center
}
.ih-item.square.effect1.bottom_to_top a:hover .img {
-webkit-transform: translateY(-30px) scale(.6);
-moz-transform: translateY(-30px) scale(.6);
-ms-transform: translateY(-30px) scale(.6);
-o-transform: translateY(-30px) scale(.6);
transform: translateY(-30px) scale(.6)
}
.ih-item.square.effect2.colored .info {
background: #1a4a72
}
.ih-item.square.effect2.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect2 .img {
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: rotate(0) scale(1);
-moz-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) scale(1)
}
.ih-item.square.effect2 .info {
background: #333;
visibility: hidden;
-webkit-transition: all .35s .3s ease-in-out;
-moz-transition: all .35s .3s ease-in-out;
transition: all .35s .3s ease-in-out
}
.ih-item.square.effect2 .info h3 {
text-transform: uppercase;
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0;
transform: translateY(-200px);
-webkit-transition: all .35s .6s ease-in-out;
-moz-transition: all .35s .6s ease-in-out;
transition: all .35s .6s ease-in-out
}
.ih-item.square.effect2 .info h3,
.ih-item.square.effect2 .info p {
text-align: center;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px)
}
.ih-item.square.effect2 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
transform: translateY(-200px);
-webkit-transition: all .35s .5s linear;
-moz-transition: all .35s .5s linear;
transition: all .35s .5s linear
}
.ih-item.square.effect2 a:hover .img {
-webkit-transform: rotate(720deg) scale(0);
-moz-transform: rotate(720deg) scale(0);
-ms-transform: rotate(720deg) scale(0);
-o-transform: rotate(720deg) scale(0);
transform: rotate(720deg) scale(0);
opacity: 0
}
.ih-item.square.effect2 a:hover .info {
visibility: visible
}
.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p {
transform: translateY(0)
}
.ih-item.square.effect2 a:hover .info h3,
.ih-item.square.effect2 a:hover .info p,
.ih-item.square.effect3 .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0)
}
.ih-item.square.effect3.colored .info {
background: #1a4a72
}
.ih-item.square.effect3 .img {
transform: translateY(0);
transition: all .35s ease-in-out
}
.ih-item.square.effect3 .img,
.ih-item.square.effect3 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect3 .info {
height: 65px;
background: #333;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect3 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px 10px 0 4px;
margin: 4px 0 0
}
.ih-item.square.effect3 .info p {
font-size: 12px;
position: relative;
color: #bbb; text-align: center
}
.ih-item.square.effect3 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect3.bottom_to_top .info {
top: auto;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect3.bottom_to_top a:hover .img {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px)
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect3.top_to_bottom .info {
bottom: auto;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect3.top_to_bottom a:hover .img {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px)
}
.ih-item.square.effect3.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect4 {
position: relative
}
.ih-item.square.effect4.colored .info {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect4.colored .mask1,
.ih-item.square.effect4.colored .mask2 {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect4 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect4 .mask1,
.ih-item.square.effect4 .mask2 {
position: absolute;
background: #333;
background: rgba(0, 0, 0, .6);
height: 361px;
width: 361px;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect4 .mask1 {
left: auto;
right: 0;
top: 0;
-webkit-transform: rotate(56.5deg) translateX(-180px);
-moz-transform: rotate(56.5deg) translateX(-180px);
-ms-transform: rotate(56.5deg) translateX(-180px);
-o-transform: rotate(56.5deg) translateX(-180px);
transform: rotate(56.5deg) translateX(-180px);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0
}
.ih-item.square.effect4 .mask2 {
top: auto;
bottom: 0;
left: 0;
-webkit-transform: rotate(56.5deg) translateX(180px);
-moz-transform: rotate(56.5deg) translateX(180px);
-ms-transform: rotate(56.5deg) translateX(180px);
-o-transform: rotate(56.5deg) translateX(180px);
transform: rotate(56.5deg) translateX(180px);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%
}
.ih-item.square.effect4 .info {
background: #111;
height: 0;
visibility: hidden;
width: 361px;
-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
-o-transform: rotate(-33.5deg) translate(-112px, 166px);
transform: rotate(-33.5deg) translate(-112px, 166px);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transition: all .35s ease-in-out .35s;
-moz-transition: all .35s ease-in-out .35s;
transition: all .35s ease-in-out .35s
}
.ih-item.square.effect4 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: 0 0;
margin-top: 5px;
border-bottom: 1px solid rgba(255, 255, 255, .2);
transition: all .35s ease-in-out .35s
}
.ih-item.square.effect4 .info h3,
.ih-item.square.effect4 .info p {
opacity: 0;
-webkit-transition: all .35s ease-in-out .35s;
-moz-transition: all .35s ease-in-out .35s
}
.ih-item.square.effect5 .info h3,
.ih-item.square.effect6 .info h3,
.ih-item.square.effect7 .info h3,
.ih-item.square.effect8 .info h3 {
text-align: center;
text-transform: uppercase;
margin: 30px 0 0
}
.ih-item.square.effect4 .info h3 {
margin-bottom: 0px;
}
.ih-item.square.effect4 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 15px 15px 10px 15px;
text-align: center;
transition: all .35s ease-in-out .35s
}
.ih-item.square.effect4 a:hover .mask1 {
-webkit-transform: rotate(56.5deg) translateX(1px);
-moz-transform: rotate(56.5deg) translateX(1px);
-ms-transform: rotate(56.5deg) translateX(1px);
-o-transform: rotate(56.5deg) translateX(1px);
transform: rotate(56.5deg) translateX(1px)
}
.ih-item.square.effect4 a:hover .mask2 {
-webkit-transform: rotate(56.5deg) translateX(-1px);
-moz-transform: rotate(56.5deg) translateX(-1px);
-ms-transform: rotate(56.5deg) translateX(-1px);
-o-transform: rotate(56.5deg) translateX(-1px);
transform: rotate(56.5deg) translateX(-1px)
}
.ih-item.square.effect4 a:hover .info {
width: 100%;
height: 130px;
visibility: visible;
top: 40px;
-webkit-transform: rotate(0) translate(0, 0);
-moz-transform: rotate(0) translate(0, 0);
-ms-transform: rotate(0) translate(0, 0);
-o-transform: rotate(0) translate(0, 0);
transform: rotate(0) translate(0, 0)
}
.ih-item.square.effect4 a:hover .info h3,
.ih-item.square.effect4 a:hover .info p {
opacity: 1
}
.ih-item.square.effect5.colored .info {
background: #1a4a72
}
.ih-item.square.effect5.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect5 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect5 .info {
background: #333;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect5 .info,
.ih-item.square.effect6 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect5 .info h3 {
color: #fff;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect5 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect5 a:hover .img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0
}
.ih-item.square.effect5 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect5.left_to_right .info {
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg)
}
.ih-item.square.effect5.right_to_left .info {
-webkit-transform: scale(0) rotate(180deg);
-moz-transform: scale(0) rotate(180deg);
-ms-transform: scale(0) rotate(180deg);
-o-transform: scale(0) rotate(180deg);
transform: scale(0) rotate(180deg)
}
.ih-item.square.effect6.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect6.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect6 .img {
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect6 .info {
background: #333;
visibility: hidden;
opacity: 0.8 !important;
transition: all .35s ease-in-out
}
.ih-item.square.effect6 .info,
.ih-item.square.effect6 .info h3 {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect6 .info h3 {
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
transition: all .35s ease-in-out
}
.ih-item.square.effect6 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
-webkit-transition: all .05s linear;
-moz-transition: all .05s linear;
transition: all .05s linear
}
.ih-item.square.effect6 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.ih-item.square.effect6 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect6.from_top_and_bottom .info h3 {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect6.from_top_and_bottom .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,
.ih-item.square.effect6.from_top_and_bottom a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect6.from_left_and_right .info h3 {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect6.from_left_and_right .info p {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect6.from_left_and_right a:hover .info h3,
.ih-item.square.effect6.from_left_and_right a:hover .info p {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect6.top_to_bottom .info h3,
.ih-item.square.effect6.top_to_bottom .info p {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect6.top_to_bottom a:hover .info h3,
.ih-item.square.effect6.top_to_bottom a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect6.bottom_to_top .info h3,
.ih-item.square.effect6.bottom_to_top .info p {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect6.bottom_to_top a:hover .info h3,
.ih-item.square.effect6.bottom_to_top a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect7.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect7.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect7 .img {
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect7 .img,
.ih-item.square.effect7 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect7 .info {
background: #333;
visibility: hidden;
opacity: 0.8 !important;
transition: all .35s ease-in-out
}
.ih-item.square.effect7 .info h3 {
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
-webkit-transform: scale(4);
-moz-transform: scale(4);
-ms-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
-webkit-transition: all .35s .1s ease-in-out;
-moz-transition: all .35s .1s ease-in-out;
transition: all .35s .1s ease-in-out
}
.ih-item.square.effect7 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all .35s .3s linear;
-moz-transition: all .35s .3s linear;
transition: all .35s .3s linear
}
.ih-item.square.effect7 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.ih-item.square.effect7 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect7 a:hover .info h3,
.ih-item.square.effect7 a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect8.colored .info {
background: #1a4a72
}
.ih-item.square.effect8.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect8 .img {
opacity: 1;
transition: all .35s ease-in-out
}
.ih-item.square.effect8 .img,
.ih-item.square.effect8 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect8 .info {
background: #333;
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect8 .info h3 {
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
-webkit-transition: all .35s .1s ease-in-out;
-moz-transition: all .35s .1s ease-in-out;
transition: all .35s .1s ease-in-out
}
.ih-item.square.effect8 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
-webkit-transition: all .35s .15s linear;
-moz-transition: all .35s .15s linear;
transition: all .35s .15s linear
}
.ih-item.square.effect8 a:hover .img {
opacity: 0
}
.ih-item.square.effect8 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect8.scale_up .img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect8.scale_up .info,
.ih-item.square.effect8.scale_up .info h3,
.ih-item.square.effect8.scale_up .info p {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
.ih-item.square.effect8.scale_up a:hover .img {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5)
}
.ih-item.square.effect8.scale_down .img,
.ih-item.square.effect8.scale_up a:hover .info,
.ih-item.square.effect8.scale_up a:hover .info h3,
.ih-item.square.effect8.scale_up a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect8.scale_down .info,
.ih-item.square.effect8.scale_down .info h3,
.ih-item.square.effect8.scale_down .info p {
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5)
}
.ih-item.square.effect8.scale_down a:hover .img {
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.ih-item.square.effect8.scale_down a:hover .info,
.ih-item.square.effect8.scale_down a:hover .info h3,
.ih-item.square.effect8.scale_down a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect9 {
perspective: 900px
}
.ih-item.square.effect15,
.ih-item.square.effect9 {
-webkit-perspective: 900px;
-moz-perspective: 900px
}
.ih-item.square.effect9.colored .info .info-back {
background: #1a4a72
}
.ih-item.square.effect9.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect9 .img {
position: relative;
z-index: 11;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.ih-item.square.effect9 .info {
z-index: 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d
}
.ih-item.square.effect9 .info .info-back {
opacity: 1;
width: 100%;
height: 100%;
padding-top: 30px;
background: #333
}
.ih-item.square.effect9 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 0
}
.ih-item.square.effect10 .info h3,
.ih-item.square.effect11 .info h3,
.ih-item.square.effect12 .info h3,
.ih-item.square.effect13 .info h3,
.ih-item.square.effect14 .info h3,
.ih-item.square.effect15 .info h3 {
text-transform: uppercase;
margin: 30px 0 0
}
.ih-item.square.effect9 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect9.left_to_right .img {
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.square.effect9.left_to_right a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg)
}
.ih-item.square.effect9.right_to_left .img {
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.square.effect9.right_to_left a:hover .img {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg)
}
.ih-item.square.effect9.top_to_bottom .img {
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.square.effect9.top_to_bottom a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, -180deg);
-moz-transform: rotate3d(1, 0, 0, -180deg);
-ms-transform: rotate3d(1, 0, 0, -180deg);
-o-transform: rotate3d(1, 0, 0, -180deg);
transform: rotate3d(1, 0, 0, -180deg)
}
.ih-item.square.effect9.bottom_to_top .img {
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.square.effect9.bottom_to_top a:hover .img {
-webkit-transform: rotate3d(1, 0, 0, 180deg);
-moz-transform: rotate3d(1, 0, 0, 180deg);
-ms-transform: rotate3d(1, 0, 0, 180deg);
-o-transform: rotate3d(1, 0, 0, 180deg);
transform: rotate3d(1, 0, 0, 180deg)
}
.ih-item.square.effect10 {
overflow: hidden
}
.ih-item.square.effect10.colored .info {
background: #1a4a72
}
.ih-item.square.effect10.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect10 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out
}
.ih-item.square.effect10 .info {
background: #333;
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect10 .info,
.ih-item.square.effect11 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect10 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect10 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect10 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect10.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect10.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect10.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect10.left_to_right a:hover .info,
.ih-item.square.effect10.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect10.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect10.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect10.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect10.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect10.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect10.top_to_bottom a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect10.bottom_to_top .img,
.ih-item.square.effect10.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect10.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect10.bottom_to_top a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect10.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect11.colored .info {
background: #1a4a72
}
.ih-item.square.effect11.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect11 .img {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
transition: all .35s ease-in-out
}
.ih-item.square.effect11 .info {
background: #333;
visibility: hidden;
opacity: 0;
-webkit-transition: all .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.square.effect11 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect11 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect11 a:hover .img {
opacity: 0;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5);
transform: scale(.5)
}
.ih-item.square.effect11 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect11.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect11.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect11.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect11.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect11.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect11.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect11.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect11.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect12.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect12.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect12 .img {
transition: all .35s ease-in
}
.ih-item.square.effect12 .img,
.ih-item.square.effect12 .info {
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in
}
.ih-item.square.effect12 .info {
background: #333;
visibility: hidden;
opacity: 0.8 !important;
transition: all .35s ease-in
}
.ih-item.square.effect12 .info h3 {
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
transition: all .35s ease-in
}
.ih-item.square.effect12 .info h3,
.ih-item.square.effect12 .info p {
text-align: center;
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in
}
.ih-item.square.effect12 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
transition: all .35s ease-in
}
.ih-item.square.effect12 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect12 a:hover .info h3 {
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect12 a:hover .info p {
-webkit-transition-delay: .25s;
-moz-transition-delay: .25s;
transition-delay: .25s
}
.ih-item.square.effect12.left_to_right .info {
-webkit-transform: translate(-460px, -100px) rotate(-180deg);
-moz-transform: translate(-460px, -100px) rotate(-180deg);
-ms-transform: translate(-460px, -100px) rotate(-180deg);
-o-transform: translate(-460px, -100px) rotate(-180deg);
transform: translate(-460px, -100px) rotate(-180deg)
}
.ih-item.square.effect12.left_to_right .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px)
}
.ih-item.square.effect12.left_to_right .info p {
-webkit-transform: translateX(-300px) rotate(-90deg);
-moz-transform: translateX(-300px) rotate(-90deg);
-ms-transform: translateX(-300px) rotate(-90deg);
-o-transform: translateX(-300px) rotate(-90deg);
transform: translateX(-300px) rotate(-90deg)
}
.ih-item.square.effect12.left_to_right a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.ih-item.square.effect12.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect12.left_to_right a:hover .info p {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect12.right_to_left .info {
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg)
}
.ih-item.square.effect12.right_to_left .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px)
}
.ih-item.square.effect12.right_to_left .info p {
-webkit-transform: translateX(300px) rotate(90deg);
-moz-transform: translateX(300px) rotate(90deg);
-ms-transform: translateX(300px) rotate(90deg);
-o-transform: translateX(300px) rotate(90deg);
transform: translateX(300px) rotate(90deg)
}
.ih-item.square.effect12.right_to_left a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.ih-item.square.effect12.right_to_left a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect12.right_to_left a:hover .info p {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect12.top_to_bottom .info {
-webkit-transform: translate(-265px, -145px) rotate(-45deg);
-moz-transform: translate(-265px, -145px) rotate(-45deg);
-ms-transform: translate(-265px, -145px) rotate(-45deg);
-o-transform: translate(-265px, -145px) rotate(-45deg);
transform: translate(-265px, -145px) rotate(-45deg)
}
.ih-item.square.effect12.top_to_bottom .info h3,
.ih-item.square.effect12.top_to_bottom .info p {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px)
}
.ih-item.square.effect12.top_to_bottom a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect12.top_to_bottom a:hover .info h3,
.ih-item.square.effect12.top_to_bottom a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.ih-item.square.effect12.top_to_bottom a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.square.effect12.bottom_to_top .info {
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg)
}
.ih-item.square.effect12.bottom_to_top .info h3 {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px)
}
.ih-item.square.effect12.bottom_to_top .info p {
-webkit-transform: translate(-200px, 200px);
-moz-transform: translate(-200px, 200px);
-ms-transform: translate(-200px, 200px);
-o-transform: translate(-200px, 200px);
transform: translate(-200px, 200px)
}
.ih-item.square.effect12.bottom_to_top a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect12.bottom_to_top a:hover .info h3,
.ih-item.square.effect12.bottom_to_top a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.ih-item.square.effect12.bottom_to_top a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.square.effect13.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect13.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect13 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect13 .info {
background: #333;
visibility: hidden;
opacity: 0.8 !important;
pointer-events: none;
transition: all .35s ease-in-out
}
.ih-item.square.effect13 .info,
.ih-item.square.effect14 .img {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect13 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect13 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect13 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.ih-item.square.effect13 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect13.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect13.left_to_right a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect13.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect13.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect13.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect13.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect13.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect13.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect14.colored .info {
background: #1a4a72
}
.ih-item.square.effect14.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect14 .img {
opacity: 1;
transition: all .35s ease-in-out
}
.ih-item.square.effect14 .info {
background: #333;
visibility: hidden;
transform: scale(.5);
-webkit-transition: all .35s ease .2s;
-moz-transition: all .35s ease .2s;
transition: all .35s ease .2s
}
.ih-item.square.effect14 .info,
.ih-item.square.effect14 a:hover .img {
opacity: 0;
pointer-events: none;
-webkit-transform: scale(.5);
-moz-transform: scale(.5);
-ms-transform: scale(.5);
-o-transform: scale(.5)
}
.ih-item.square.effect14 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect14 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect14 a:hover .img {
transform: scale(.5)
}
.ih-item.square.effect14 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect14.left_to_right .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect14.left_to_right a:hover .img {
-webkit-transform: translateX(100%) rotate(180deg);
-moz-transform: translateX(100%) rotate(180deg);
-ms-transform: translateX(100%) rotate(180deg);
-o-transform: translateX(100%) rotate(180deg);
transform: translateX(100%) rotate(180deg)
}
.ih-item.square.effect14.right_to_left .img {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect14.right_to_left a:hover .img {
-webkit-transform: translateX(-100%) rotate(-180deg);
-moz-transform: translateX(-100%) rotate(-180deg);
-ms-transform: translateX(-100%) rotate(-180deg);
-o-transform: translateX(-100%) rotate(-180deg);
transform: translateX(-100%) rotate(-180deg)
}
.ih-item.square.effect14.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect14.top_to_bottom a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect14.bottom_to_top .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect14.bottom_to_top a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect15 {
perspective: 900px
}
.ih-item.square.effect15.colored .info {
background: #1a4a72
}
.ih-item.square.effect15 .img {
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out
}
.ih-item.square.effect15 .info {
background: #333;
opacity: 0;
-webkit-transition: all .35s ease-in-out .3s;
-moz-transition: all .35s ease-in-out .3s;
transition: all .35s ease-in-out .3s
}
.ih-item.square.effect15 .info h3 {
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111
}
.ih-item.square.effect15 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect15 a:hover .img {
opacity: 0;
visibility: hidden
}
.ih-item.square.effect15 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect15.left_to_right .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.square.effect15.left_to_right .info {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.square.effect15.left_to_right a:hover .img {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg)
}
.ih-item.square.effect15.left_to_right a:hover .info {
transform: rotateY(0)
}
.ih-item.square.effect15.left_to_right a:hover .info,
.ih-item.square.effect15.right_to_left .img {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0)
}
.ih-item.square.effect15.right_to_left .img {
transform: rotateY(0);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
-o-transform-origin: 0 50%;
transform-origin: 0 50%
}
.ih-item.square.effect15.right_to_left .info {
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
-o-transform-origin: 100% 50%;
transform-origin: 100% 50%
}
.ih-item.square.effect15.right_to_left a:hover .img {
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
transform: rotateY(90deg)
}
.ih-item.square.effect15.right_to_left a:hover .info {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0)
}
.ih-item.square.effect15.top_to_bottom .img {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.square.effect15.top_to_bottom .info {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.square.effect15.top_to_bottom a:hover .img {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg)
}
.ih-item.square.effect15.top_to_bottom a:hover .info {
transform: rotateX(0)
}
.ih-item.square.effect15.bottom_to_top .img,
.ih-item.square.effect15.top_to_bottom a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0)
}
.ih-item.square.effect15.bottom_to_top .img {
transform: rotateX(0);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
-o-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ih-item.square.effect15.bottom_to_top .info {
-webkit-transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%
}
.ih-item.square.effect15.bottom_to_top a:hover .img {
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
-o-transform: rotateX(-90deg);
transform: rotateX(-90deg)
}
.ih-item.square.effect15.bottom_to_top a:hover .info {
-webkit-transform: rotateX(0);
-moz-transform: rotateX(0);
-ms-transform: rotateX(0);
-o-transform: rotateX(0);
transform: rotateX(0)
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
;
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Lustria, Georgia, "Times New Roman", Times, serif
}
.bs-docs-nav .navbar-nav>.active>a,
.bs-docs-nav .navbar-nav>.active>a:hover {
background-color: #222132
}
.bs-docs-nav .navbar-toggle:hover {
background-color: #383550;
border-color: #222132
}
.navbar-nav {
margin: 0 -15px
}
@media (min-width:768px) {
.navbar-nav {
margin: 0
}
}
.bs-docs-nav .navbar-collapse {
border-color: transparent
}
.header { }
.bs-docs-home,
.bs-header {
color: #c8c8e6
}
.bs-footer,
.bs-footer a {
color: #575781
}
.highlight pre {
white-space: pre
}
.section-heading {
padding-top: 80px
}
.section-heading.first-child {
margin-top: 0;
padding-top: 0
}
.bs-footer {
background-color: #2C2C44
}
.ih-item.square .img,
.ih-item.square .img img { }
.ih-item.square.effect16.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect16.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect16 .img {
transition: all .35s ease-in
}
.ih-item.square.effect16 .img,
.ih-item.square.effect16 .info {
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in
}
.ih-item.square.effect16 .info {
background: #333;
background: rgba(0, 0, 0, .6);
visibility: hidden;
opacity: 0;
transition: all .35s ease-in
}
.ih-item.square.effect16 .info h3 {
text-transform: uppercase;
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0;
transition: all .35s ease-in
}
.ih-item.square.effect16 .info h3,
.ih-item.square.effect16 .info p {
text-align: center;
-webkit-transition: all .35s ease-in;
-moz-transition: all .35s ease-in
}
.ih-item.square.effect16 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
transition: all .35s ease-in
}
.ih-item.square.effect16 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect16 a:hover .info h3 {
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect16 a:hover .info p {
-webkit-transition-delay: .25s;
-moz-transition-delay: .25s;
transition-delay: .25s
}
.ih-item.square.effect16.left_to_right .info {
-webkit-transform: translate(-460px, -100px) rotate(-180deg);
-moz-transform: translate(-460px, -100px) rotate(-180deg);
-ms-transform: translate(-460px, -100px) rotate(-180deg);
-o-transform: translate(-460px, -100px) rotate(-180deg);
transform: translate(-460px, -100px) rotate(-180deg)
}
.ih-item.square.effect16.left_to_right .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px)
}
.ih-item.square.effect16.left_to_right .info p {
-webkit-transform: translateX(-300px) rotate(-90deg);
-moz-transform: translateX(-300px) rotate(-90deg);
-ms-transform: translateX(-300px) rotate(-90deg);
-o-transform: translateX(-300px) rotate(-90deg);
transform: translateX(-300px) rotate(-90deg)
}
.ih-item.square.effect16.left_to_right a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.ih-item.square.effect16.left_to_right a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect16.left_to_right a:hover .info p {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect16.right_to_left .info {
-webkit-transform: translate(460px, -100px) rotate(180deg);
-moz-transform: translate(460px, -100px) rotate(180deg);
-ms-transform: translate(460px, -100px) rotate(180deg);
-o-transform: translate(460px, -100px) rotate(180deg);
transform: translate(460px, -100px) rotate(180deg)
}
.ih-item.square.effect16.right_to_left .info h3 {
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px)
}
.ih-item.square.effect16.right_to_left .info p {
-webkit-transform: translateX(300px) rotate(90deg);
-moz-transform: translateX(300px) rotate(90deg);
-ms-transform: translateX(300px) rotate(90deg);
-o-transform: translateX(300px) rotate(90deg);
transform: translateX(300px) rotate(90deg)
}
.ih-item.square.effect16.right_to_left a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.ih-item.square.effect16.right_to_left a:hover .info h3 {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect16.right_to_left a:hover .info p {
-webkit-transform: translateX(0) rotate(0);
-moz-transform: translateX(0) rotate(0);
-ms-transform: translateX(0) rotate(0);
-o-transform: translateX(0) rotate(0);
transform: translateX(0) rotate(0)
}
.ih-item.square.effect16.top_to_bottom .info {
-webkit-transform: translate(-265px, -145px) rotate(-45deg);
-moz-transform: translate(-265px, -145px) rotate(-45deg);
-ms-transform: translate(-265px, -145px) rotate(-45deg);
-o-transform: translate(-265px, -145px) rotate(-45deg);
transform: translate(-265px, -145px) rotate(-45deg)
}
.ih-item.square.effect16.top_to_bottom .info h3,
.ih-item.square.effect16.top_to_bottom .info p {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px)
}
.ih-item.square.effect16.top_to_bottom a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect16.top_to_bottom a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect16.top_to_bottom a:hover .info h3,
.ih-item.square.effect16.top_to_bottom a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.ih-item.square.effect16.top_to_bottom a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.square.effect16.bottom_to_top .info {
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg)
}
.ih-item.square.effect16.bottom_to_top .info h3 {
-webkit-transform: translate(200px, -200px);
-moz-transform: translate(200px, -200px);
-ms-transform: translate(200px, -200px);
-o-transform: translate(200px, -200px);
transform: translate(200px, -200px)
}
.ih-item.square.effect16.bottom_to_top .info p {
-webkit-transform: translate(-200px, 200px);
-moz-transform: translate(-200px, 200px);
-ms-transform: translate(-200px, 200px);
-o-transform: translate(-200px, 200px);
transform: translate(-200px, 200px)
}
.ih-item.square.effect16.bottom_to_top a:hover .info {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s
}
.ih-item.square.effect16.bottom_to_top a:hover .info h3 {
transform: translate(0, 0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect16.bottom_to_top a:hover .info h3,
.ih-item.square.effect16.bottom_to_top a:hover .info p {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0)
}
.ih-item.square.effect16.bottom_to_top a:hover .info p {
transform: translate(0, 0);
-webkit-transition-delay: .4s;
-moz-transition-delay: .4s;
transition-delay: .4s
}
.ih-item.square.effect17.colored .info {
background: #1a4a72
}
.ih-item.square.effect17.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect17 .img {
transition: all .35s ease-in-out
}
.ih-item.square.effect17 .img,
.ih-item.square.effect17 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect17 .info {
background: #333;
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect17 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0
}
.ih-item.square.effect17 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect17 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect17.left_to_right .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect17.left_to_right .info {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect17.left_to_right a:hover .img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect17.left_to_right a:hover .info,
.ih-item.square.effect17.right_to_left .img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect17.right_to_left .info {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
.ih-item.square.effect17.right_to_left a:hover .img {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
.ih-item.square.effect17.right_to_left a:hover .info {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.ih-item.square.effect17.top_to_bottom .img {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect17.top_to_bottom .info {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect17.top_to_bottom a:hover .img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect17.bottom_to_top .img,
.ih-item.square.effect17.top_to_bottom a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect17.bottom_to_top .info {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.ih-item.square.effect17.bottom_to_top a:hover .img {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.ih-item.square.effect17.bottom_to_top a:hover .info {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect18.colored .info {
background: #1a4a72;
background: rgba(26, 74, 114, .6)
}
.ih-item.square.effect18.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect18 .img {
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect18 .img,
.ih-item.square.effect18 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect18 .info {
background: #333;
background: rgba(0, 0, 0, .6);
visibility: hidden;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect18 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0;
-webkit-transform: scale(4);
-moz-transform: scale(4);
-ms-transform: scale(4);
-o-transform: scale(4);
transform: scale(4);
-webkit-transition: all .35s .1s ease-in-out;
-moz-transition: all .35s .1s ease-in-out;
transition: all .35s .1s ease-in-out
}
.ih-item.square.effect18 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center;
-webkit-transform: scale(5);
-moz-transform: scale(5);
-ms-transform: scale(5);
-o-transform: scale(5);
transform: scale(5);
-webkit-transition: all .35s .3s linear;
-moz-transition: all .35s .3s linear;
transition: all .35s .3s linear
}
.ih-item.square.effect18 a:hover .img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.ih-item.square.effect18 a:hover .info {
visibility: visible;
opacity: 1
}
.ih-item.square.effect18 a:hover .info h3,
.ih-item.square.effect18 a:hover .info p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect19.colored .info {
background: #1a4a72
}
.ih-item.square.effect19.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect19 .img {
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transform: rotate(0) scale(1);
-moz-transform: rotate(0) scale(1);
-ms-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) scale(1)
}
.ih-item.square.effect19 .info {
background: #333;
visibility: hidden;
-webkit-transition: all .35s .3s ease-in-out;
-moz-transition: all .35s .3s ease-in-out;
transition: all .35s .3s ease-in-out
}
.ih-item.square.effect19 .info h3 {
text-transform: uppercase;
color: #fff;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0;
transform: translateY(-200px);
-webkit-transition: all .35s .6s ease-in-out;
-moz-transition: all .35s .6s ease-in-out;
transition: all .35s .6s ease-in-out
}
.ih-item.square.effect19 .info h3,
.ih-item.square.effect19 .info p {
text-align: center;
-webkit-transform: translateY(-200px);
-moz-transform: translateY(-200px);
-ms-transform: translateY(-200px);
-o-transform: translateY(-200px)
}
.ih-item.square.effect19 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
transform: translateY(-200px);
-webkit-transition: all .35s .5s linear;
-moz-transition: all .35s .5s linear;
transition: all .35s .5s linear
}
.ih-item.square.effect19 a:hover .img {
-webkit-transform: rotate(720deg) scale(0);
-moz-transform: rotate(720deg) scale(0);
-ms-transform: rotate(720deg) scale(0);
-o-transform: rotate(720deg) scale(0);
transform: rotate(720deg) scale(0);
opacity: 0
}
.ih-item.square.effect19 a:hover .info {
visibility: visible
}
.ih-item.square.effect19 a:hover .info h3,
.ih-item.square.effect19 a:hover .info p {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.ih-item.square.effect20.colored .info {
background: #1a4a72
}
.ih-item.square.effect20.colored .info h3 {
background: rgba(12, 34, 52, .6)
}
.ih-item.square.effect20 .img {
transition: all .35s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.ih-item.square.effect20 .img,
.ih-item.square.effect20 .info {
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out
}
.ih-item.square.effect20 .info {
background: #333;
opacity: 0;
transition: all .35s ease-in-out
}
.ih-item.square.effect20 .info h3 {
text-transform: uppercase;
color: #fff;
text-align: center;
font-size: 17px;
padding: 10px;
background: #111;
margin: 30px 0 0
}
.ih-item.square.effect20 .info p {
font-size: 12px;
position: relative;
color: #bbb;
padding: 20px;
text-align: center
}
.ih-item.square.effect20 a:hover .img {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-delay: 0;
-moz-transition-delay: 0;
transition-delay: 0
}
.ih-item.square.effect20 a:hover .info {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
transition-delay: .3s
}
.ih-item.square.effect20.left_to_right .info {
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg)
}
.ih-item.square.effect20.right_to_left .info {
-webkit-transform: scale(0) rotate(180deg);
-moz-transform: scale(0) rotate(180deg);
-ms-transform: scale(0) rotate(180deg);
-o-transform: scale(0) rotate(180deg);
transform: scale(0) rotate(180deg)
}
.ih-item.circle {
border: none !important;
} .ih-item.square.effect6.ihe-fade:hover .info{ }
.ih-item.square.effect6.ihe-fade:hover .img{
transform: scale(1.0) !important;
}
.ih-item.square.effect6.ihe-fade .info {
background: ;
visibility: hidden;
opacity: 0 !important;
transition: opacity 1s linear; 
transition: all .35s ease-in-out;
background-color: rgba(0,0,0,0.5) !important;
}
.ih-item.square.effect6.ihe-fade a:hover .info {
visibility: visible;
opacity: 1 !important;
}
.ih-item.square.effect6.ihe-fade h3,
.ih-item.square.effect6.ihe-fade p {
background: transparent;
-webkit-transform: translateY(0%) !important;
-moz-transform: translateY(0%) !important;
-ms-transform: translateY(0%) !important;
-o-transform: translateY(0%) !important;
transform: translateY(0%) !important;
padding: 0;
} .maw_portfolioGallery_wrapper .ih-item a {
display: block;
}
.maw_portfolioGallery_wrapper .ih-item.square {
box-shadow: none;
} .maw_image_swap.ih-item.square.effect6 .info,
.maw_image_swap.ih-item.square.effect6 .info h3 {
-webkit-transition: all .20s ease-in-out;
-moz-transition: all .20s ease-in-out
}
.maw_image_swap.ih-item {
box-sizing: initial !important;
} .maw_img_swap_fade {
position: relative;
width: 100%;
}
.maw_img_swap_fade img {
display: block;
width: 100%;
height: auto;
}
.maw_img_swap_fade .info {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .2s ease;
}
.maw_img_swap_fade:not( :hover ) .info{
transition-delay: .3s !important;
}
.maw_img_swap_fade:hover .info {
opacity: 1;
}.blink_me {
animation: blinker 0.5s linear infinite;
font-size: 15px;
}
@keyframes blinker {  
50% { opacity: 0; }
} .mega-info-list li:first-child{
padding-top: 0px !important;
}.fa,
.fas,
.far,
.fal,
.fad,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em; }
.fa-xs {
font-size: .75em; }
.fa-sm {
font-size: .875em; }
.fa-1x {
font-size: 1em; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-6x {
font-size: 6em; }
.fa-7x {
font-size: 7em; }
.fa-8x {
font-size: 8em; }
.fa-9x {
font-size: 9em; }
.fa-10x {
font-size: 10em; }
.fa-fw {
text-align: center;
width: 1.25em; }
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0; }
.fa-ul > li {
position: relative; }
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit; }
.fa-border {
border: solid 0.08em #eee;
border-radius: .1em;
padding: .2em .25em .15em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1); }
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
-webkit-filter: none;
filter: none; }
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em; }
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; } .fa-500px:before {
content: "\f26e"; }
.fa-accessible-icon:before {
content: "\f368"; }
.fa-accusoft:before {
content: "\f369"; }
.fa-acquisitions-incorporated:before {
content: "\f6af"; }
.fa-ad:before {
content: "\f641"; }
.fa-address-book:before {
content: "\f2b9"; }
.fa-address-card:before {
content: "\f2bb"; }
.fa-adjust:before {
content: "\f042"; }
.fa-adn:before {
content: "\f170"; }
.fa-adobe:before {
content: "\f778"; }
.fa-adversal:before {
content: "\f36a"; }
.fa-affiliatetheme:before {
content: "\f36b"; }
.fa-air-freshener:before {
content: "\f5d0"; }
.fa-airbnb:before {
content: "\f834"; }
.fa-algolia:before {
content: "\f36c"; }
.fa-align-center:before {
content: "\f037"; }
.fa-align-justify:before {
content: "\f039"; }
.fa-align-left:before {
content: "\f036"; }
.fa-align-right:before {
content: "\f038"; }
.fa-alipay:before {
content: "\f642"; }
.fa-allergies:before {
content: "\f461"; }
.fa-amazon:before {
content: "\f270"; }
.fa-amazon-pay:before {
content: "\f42c"; }
.fa-ambulance:before {
content: "\f0f9"; }
.fa-american-sign-language-interpreting:before {
content: "\f2a3"; }
.fa-amilia:before {
content: "\f36d"; }
.fa-anchor:before {
content: "\f13d"; }
.fa-android:before {
content: "\f17b"; }
.fa-angellist:before {
content: "\f209"; }
.fa-angle-double-down:before {
content: "\f103"; }
.fa-angle-double-left:before {
content: "\f100"; }
.fa-angle-double-right:before {
content: "\f101"; }
.fa-angle-double-up:before {
content: "\f102"; }
.fa-angle-down:before {
content: "\f107"; }
.fa-angle-left:before {
content: "\f104"; }
.fa-angle-right:before {
content: "\f105"; }
.fa-angle-up:before {
content: "\f106"; }
.fa-angry:before {
content: "\f556"; }
.fa-angrycreative:before {
content: "\f36e"; }
.fa-angular:before {
content: "\f420"; }
.fa-ankh:before {
content: "\f644"; }
.fa-app-store:before {
content: "\f36f"; }
.fa-app-store-ios:before {
content: "\f370"; }
.fa-apper:before {
content: "\f371"; }
.fa-apple:before {
content: "\f179"; }
.fa-apple-alt:before {
content: "\f5d1"; }
.fa-apple-pay:before {
content: "\f415"; }
.fa-archive:before {
content: "\f187"; }
.fa-archway:before {
content: "\f557"; }
.fa-arrow-alt-circle-down:before {
content: "\f358"; }
.fa-arrow-alt-circle-left:before {
content: "\f359"; }
.fa-arrow-alt-circle-right:before {
content: "\f35a"; }
.fa-arrow-alt-circle-up:before {
content: "\f35b"; }
.fa-arrow-circle-down:before {
content: "\f0ab"; }
.fa-arrow-circle-left:before {
content: "\f0a8"; }
.fa-arrow-circle-right:before {
content: "\f0a9"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-arrow-down:before {
content: "\f063"; }
.fa-arrow-left:before {
content: "\f060"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-arrow-up:before {
content: "\f062"; }
.fa-arrows-alt:before {
content: "\f0b2"; }
.fa-arrows-alt-h:before {
content: "\f337"; }
.fa-arrows-alt-v:before {
content: "\f338"; }
.fa-artstation:before {
content: "\f77a"; }
.fa-assistive-listening-systems:before {
content: "\f2a2"; }
.fa-asterisk:before {
content: "\f069"; }
.fa-asymmetrik:before {
content: "\f372"; }
.fa-at:before {
content: "\f1fa"; }
.fa-atlas:before {
content: "\f558"; }
.fa-atlassian:before {
content: "\f77b"; }
.fa-atom:before {
content: "\f5d2"; }
.fa-audible:before {
content: "\f373"; }
.fa-audio-description:before {
content: "\f29e"; }
.fa-autoprefixer:before {
content: "\f41c"; }
.fa-avianex:before {
content: "\f374"; }
.fa-aviato:before {
content: "\f421"; }
.fa-award:before {
content: "\f559"; }
.fa-aws:before {
content: "\f375"; }
.fa-baby:before {
content: "\f77c"; }
.fa-baby-carriage:before {
content: "\f77d"; }
.fa-backspace:before {
content: "\f55a"; }
.fa-backward:before {
content: "\f04a"; }
.fa-bacon:before {
content: "\f7e5"; }
.fa-bahai:before {
content: "\f666"; }
.fa-balance-scale:before {
content: "\f24e"; }
.fa-balance-scale-left:before {
content: "\f515"; }
.fa-balance-scale-right:before {
content: "\f516"; }
.fa-ban:before {
content: "\f05e"; }
.fa-band-aid:before {
content: "\f462"; }
.fa-bandcamp:before {
content: "\f2d5"; }
.fa-barcode:before {
content: "\f02a"; }
.fa-bars:before {
content: "\f0c9"; }
.fa-baseball-ball:before {
content: "\f433"; }
.fa-basketball-ball:before {
content: "\f434"; }
.fa-bath:before {
content: "\f2cd"; }
.fa-battery-empty:before {
content: "\f244"; }
.fa-battery-full:before {
content: "\f240"; }
.fa-battery-half:before {
content: "\f242"; }
.fa-battery-quarter:before {
content: "\f243"; }
.fa-battery-three-quarters:before {
content: "\f241"; }
.fa-battle-net:before {
content: "\f835"; }
.fa-bed:before {
content: "\f236"; }
.fa-beer:before {
content: "\f0fc"; }
.fa-behance:before {
content: "\f1b4"; }
.fa-behance-square:before {
content: "\f1b5"; }
.fa-bell:before {
content: "\f0f3"; }
.fa-bell-slash:before {
content: "\f1f6"; }
.fa-bezier-curve:before {
content: "\f55b"; }
.fa-bible:before {
content: "\f647"; }
.fa-bicycle:before {
content: "\f206"; }
.fa-biking:before {
content: "\f84a"; }
.fa-bimobject:before {
content: "\f378"; }
.fa-binoculars:before {
content: "\f1e5"; }
.fa-biohazard:before {
content: "\f780"; }
.fa-birthday-cake:before {
content: "\f1fd"; }
.fa-bitbucket:before {
content: "\f171"; }
.fa-bitcoin:before {
content: "\f379"; }
.fa-bity:before {
content: "\f37a"; }
.fa-black-tie:before {
content: "\f27e"; }
.fa-blackberry:before {
content: "\f37b"; }
.fa-blender:before {
content: "\f517"; }
.fa-blender-phone:before {
content: "\f6b6"; }
.fa-blind:before {
content: "\f29d"; }
.fa-blog:before {
content: "\f781"; }
.fa-blogger:before {
content: "\f37c"; }
.fa-blogger-b:before {
content: "\f37d"; }
.fa-bluetooth:before {
content: "\f293"; }
.fa-bluetooth-b:before {
content: "\f294"; }
.fa-bold:before {
content: "\f032"; }
.fa-bolt:before {
content: "\f0e7"; }
.fa-bomb:before {
content: "\f1e2"; }
.fa-bone:before {
content: "\f5d7"; }
.fa-bong:before {
content: "\f55c"; }
.fa-book:before {
content: "\f02d"; }
.fa-book-dead:before {
content: "\f6b7"; }
.fa-book-medical:before {
content: "\f7e6"; }
.fa-book-open:before {
content: "\f518"; }
.fa-book-reader:before {
content: "\f5da"; }
.fa-bookmark:before {
content: "\f02e"; }
.fa-bootstrap:before {
content: "\f836"; }
.fa-border-all:before {
content: "\f84c"; }
.fa-border-none:before {
content: "\f850"; }
.fa-border-style:before {
content: "\f853"; }
.fa-bowling-ball:before {
content: "\f436"; }
.fa-box:before {
content: "\f466"; }
.fa-box-open:before {
content: "\f49e"; }
.fa-boxes:before {
content: "\f468"; }
.fa-braille:before {
content: "\f2a1"; }
.fa-brain:before {
content: "\f5dc"; }
.fa-bread-slice:before {
content: "\f7ec"; }
.fa-briefcase:before {
content: "\f0b1"; }
.fa-briefcase-medical:before {
content: "\f469"; }
.fa-broadcast-tower:before {
content: "\f519"; }
.fa-broom:before {
content: "\f51a"; }
.fa-brush:before {
content: "\f55d"; }
.fa-btc:before {
content: "\f15a"; }
.fa-buffer:before {
content: "\f837"; }
.fa-bug:before {
content: "\f188"; }
.fa-building:before {
content: "\f1ad"; }
.fa-bullhorn:before {
content: "\f0a1"; }
.fa-bullseye:before {
content: "\f140"; }
.fa-burn:before {
content: "\f46a"; }
.fa-buromobelexperte:before {
content: "\f37f"; }
.fa-bus:before {
content: "\f207"; }
.fa-bus-alt:before {
content: "\f55e"; }
.fa-business-time:before {
content: "\f64a"; }
.fa-buy-n-large:before {
content: "\f8a6"; }
.fa-buysellads:before {
content: "\f20d"; }
.fa-calculator:before {
content: "\f1ec"; }
.fa-calendar:before {
content: "\f133"; }
.fa-calendar-alt:before {
content: "\f073"; }
.fa-calendar-check:before {
content: "\f274"; }
.fa-calendar-day:before {
content: "\f783"; }
.fa-calendar-minus:before {
content: "\f272"; }
.fa-calendar-plus:before {
content: "\f271"; }
.fa-calendar-times:before {
content: "\f273"; }
.fa-calendar-week:before {
content: "\f784"; }
.fa-camera:before {
content: "\f030"; }
.fa-camera-retro:before {
content: "\f083"; }
.fa-campground:before {
content: "\f6bb"; }
.fa-canadian-maple-leaf:before {
content: "\f785"; }
.fa-candy-cane:before {
content: "\f786"; }
.fa-cannabis:before {
content: "\f55f"; }
.fa-capsules:before {
content: "\f46b"; }
.fa-car:before {
content: "\f1b9"; }
.fa-car-alt:before {
content: "\f5de"; }
.fa-car-battery:before {
content: "\f5df"; }
.fa-car-crash:before {
content: "\f5e1"; }
.fa-car-side:before {
content: "\f5e4"; }
.fa-caravan:before {
content: "\f8ff"; }
.fa-caret-down:before {
content: "\f0d7"; }
.fa-caret-left:before {
content: "\f0d9"; }
.fa-caret-right:before {
content: "\f0da"; }
.fa-caret-square-down:before {
content: "\f150"; }
.fa-caret-square-left:before {
content: "\f191"; }
.fa-caret-square-right:before {
content: "\f152"; }
.fa-caret-square-up:before {
content: "\f151"; }
.fa-caret-up:before {
content: "\f0d8"; }
.fa-carrot:before {
content: "\f787"; }
.fa-cart-arrow-down:before {
content: "\f218"; }
.fa-cart-plus:before {
content: "\f217"; }
.fa-cash-register:before {
content: "\f788"; }
.fa-cat:before {
content: "\f6be"; }
.fa-cc-amazon-pay:before {
content: "\f42d"; }
.fa-cc-amex:before {
content: "\f1f3"; }
.fa-cc-apple-pay:before {
content: "\f416"; }
.fa-cc-diners-club:before {
content: "\f24c"; }
.fa-cc-discover:before {
content: "\f1f2"; }
.fa-cc-jcb:before {
content: "\f24b"; }
.fa-cc-mastercard:before {
content: "\f1f1"; }
.fa-cc-paypal:before {
content: "\f1f4"; }
.fa-cc-stripe:before {
content: "\f1f5"; }
.fa-cc-visa:before {
content: "\f1f0"; }
.fa-centercode:before {
content: "\f380"; }
.fa-centos:before {
content: "\f789"; }
.fa-certificate:before {
content: "\f0a3"; }
.fa-chair:before {
content: "\f6c0"; }
.fa-chalkboard:before {
content: "\f51b"; }
.fa-chalkboard-teacher:before {
content: "\f51c"; }
.fa-charging-station:before {
content: "\f5e7"; }
.fa-chart-area:before {
content: "\f1fe"; }
.fa-chart-bar:before {
content: "\f080"; }
.fa-chart-line:before {
content: "\f201"; }
.fa-chart-pie:before {
content: "\f200"; }
.fa-check:before {
content: "\f00c"; }
.fa-check-circle:before {
content: "\f058"; }
.fa-check-double:before {
content: "\f560"; }
.fa-check-square:before {
content: "\f14a"; }
.fa-cheese:before {
content: "\f7ef"; }
.fa-chess:before {
content: "\f439"; }
.fa-chess-bishop:before {
content: "\f43a"; }
.fa-chess-board:before {
content: "\f43c"; }
.fa-chess-king:before {
content: "\f43f"; }
.fa-chess-knight:before {
content: "\f441"; }
.fa-chess-pawn:before {
content: "\f443"; }
.fa-chess-queen:before {
content: "\f445"; }
.fa-chess-rook:before {
content: "\f447"; }
.fa-chevron-circle-down:before {
content: "\f13a"; }
.fa-chevron-circle-left:before {
content: "\f137"; }
.fa-chevron-circle-right:before {
content: "\f138"; }
.fa-chevron-circle-up:before {
content: "\f139"; }
.fa-chevron-down:before {
content: "\f078"; }
.fa-chevron-left:before {
content: "\f053"; }
.fa-chevron-right:before {
content: "\f054"; }
.fa-chevron-up:before {
content: "\f077"; }
.fa-child:before {
content: "\f1ae"; }
.fa-chrome:before {
content: "\f268"; }
.fa-chromecast:before {
content: "\f838"; }
.fa-church:before {
content: "\f51d"; }
.fa-circle:before {
content: "\f111"; }
.fa-circle-notch:before {
content: "\f1ce"; }
.fa-city:before {
content: "\f64f"; }
.fa-clinic-medical:before {
content: "\f7f2"; }
.fa-clipboard:before {
content: "\f328"; }
.fa-clipboard-check:before {
content: "\f46c"; }
.fa-clipboard-list:before {
content: "\f46d"; }
.fa-clock:before {
content: "\f017"; }
.fa-clone:before {
content: "\f24d"; }
.fa-closed-captioning:before {
content: "\f20a"; }
.fa-cloud:before {
content: "\f0c2"; }
.fa-cloud-download-alt:before {
content: "\f381"; }
.fa-cloud-meatball:before {
content: "\f73b"; }
.fa-cloud-moon:before {
content: "\f6c3"; }
.fa-cloud-moon-rain:before {
content: "\f73c"; }
.fa-cloud-rain:before {
content: "\f73d"; }
.fa-cloud-showers-heavy:before {
content: "\f740"; }
.fa-cloud-sun:before {
content: "\f6c4"; }
.fa-cloud-sun-rain:before {
content: "\f743"; }
.fa-cloud-upload-alt:before {
content: "\f382"; }
.fa-cloudscale:before {
content: "\f383"; }
.fa-cloudsmith:before {
content: "\f384"; }
.fa-cloudversify:before {
content: "\f385"; }
.fa-cocktail:before {
content: "\f561"; }
.fa-code:before {
content: "\f121"; }
.fa-code-branch:before {
content: "\f126"; }
.fa-codepen:before {
content: "\f1cb"; }
.fa-codiepie:before {
content: "\f284"; }
.fa-coffee:before {
content: "\f0f4"; }
.fa-cog:before {
content: "\f013"; }
.fa-cogs:before {
content: "\f085"; }
.fa-coins:before {
content: "\f51e"; }
.fa-columns:before {
content: "\f0db"; }
.fa-comment:before {
content: "\f075"; }
.fa-comment-alt:before {
content: "\f27a"; }
.fa-comment-dollar:before {
content: "\f651"; }
.fa-comment-dots:before {
content: "\f4ad"; }
.fa-comment-medical:before {
content: "\f7f5"; }
.fa-comment-slash:before {
content: "\f4b3"; }
.fa-comments:before {
content: "\f086"; }
.fa-comments-dollar:before {
content: "\f653"; }
.fa-compact-disc:before {
content: "\f51f"; }
.fa-compass:before {
content: "\f14e"; }
.fa-compress:before {
content: "\f066"; }
.fa-compress-alt:before {
content: "\f422"; }
.fa-compress-arrows-alt:before {
content: "\f78c"; }
.fa-concierge-bell:before {
content: "\f562"; }
.fa-confluence:before {
content: "\f78d"; }
.fa-connectdevelop:before {
content: "\f20e"; }
.fa-contao:before {
content: "\f26d"; }
.fa-cookie:before {
content: "\f563"; }
.fa-cookie-bite:before {
content: "\f564"; }
.fa-copy:before {
content: "\f0c5"; }
.fa-copyright:before {
content: "\f1f9"; }
.fa-cotton-bureau:before {
content: "\f89e"; }
.fa-couch:before {
content: "\f4b8"; }
.fa-cpanel:before {
content: "\f388"; }
.fa-creative-commons:before {
content: "\f25e"; }
.fa-creative-commons-by:before {
content: "\f4e7"; }
.fa-creative-commons-nc:before {
content: "\f4e8"; }
.fa-creative-commons-nc-eu:before {
content: "\f4e9"; }
.fa-creative-commons-nc-jp:before {
content: "\f4ea"; }
.fa-creative-commons-nd:before {
content: "\f4eb"; }
.fa-creative-commons-pd:before {
content: "\f4ec"; }
.fa-creative-commons-pd-alt:before {
content: "\f4ed"; }
.fa-creative-commons-remix:before {
content: "\f4ee"; }
.fa-creative-commons-sa:before {
content: "\f4ef"; }
.fa-creative-commons-sampling:before {
content: "\f4f0"; }
.fa-creative-commons-sampling-plus:before {
content: "\f4f1"; }
.fa-creative-commons-share:before {
content: "\f4f2"; }
.fa-creative-commons-zero:before {
content: "\f4f3"; }
.fa-credit-card:before {
content: "\f09d"; }
.fa-critical-role:before {
content: "\f6c9"; }
.fa-crop:before {
content: "\f125"; }
.fa-crop-alt:before {
content: "\f565"; }
.fa-cross:before {
content: "\f654"; }
.fa-crosshairs:before {
content: "\f05b"; }
.fa-crow:before {
content: "\f520"; }
.fa-crown:before {
content: "\f521"; }
.fa-crutch:before {
content: "\f7f7"; }
.fa-css3:before {
content: "\f13c"; }
.fa-css3-alt:before {
content: "\f38b"; }
.fa-cube:before {
content: "\f1b2"; }
.fa-cubes:before {
content: "\f1b3"; }
.fa-cut:before {
content: "\f0c4"; }
.fa-cuttlefish:before {
content: "\f38c"; }
.fa-d-and-d:before {
content: "\f38d"; }
.fa-d-and-d-beyond:before {
content: "\f6ca"; }
.fa-dashcube:before {
content: "\f210"; }
.fa-database:before {
content: "\f1c0"; }
.fa-deaf:before {
content: "\f2a4"; }
.fa-delicious:before {
content: "\f1a5"; }
.fa-democrat:before {
content: "\f747"; }
.fa-deploydog:before {
content: "\f38e"; }
.fa-deskpro:before {
content: "\f38f"; }
.fa-desktop:before {
content: "\f108"; }
.fa-dev:before {
content: "\f6cc"; }
.fa-deviantart:before {
content: "\f1bd"; }
.fa-dharmachakra:before {
content: "\f655"; }
.fa-dhl:before {
content: "\f790"; }
.fa-diagnoses:before {
content: "\f470"; }
.fa-diaspora:before {
content: "\f791"; }
.fa-dice:before {
content: "\f522"; }
.fa-dice-d20:before {
content: "\f6cf"; }
.fa-dice-d6:before {
content: "\f6d1"; }
.fa-dice-five:before {
content: "\f523"; }
.fa-dice-four:before {
content: "\f524"; }
.fa-dice-one:before {
content: "\f525"; }
.fa-dice-six:before {
content: "\f526"; }
.fa-dice-three:before {
content: "\f527"; }
.fa-dice-two:before {
content: "\f528"; }
.fa-digg:before {
content: "\f1a6"; }
.fa-digital-ocean:before {
content: "\f391"; }
.fa-digital-tachograph:before {
content: "\f566"; }
.fa-directions:before {
content: "\f5eb"; }
.fa-discord:before {
content: "\f392"; }
.fa-discourse:before {
content: "\f393"; }
.fa-divide:before {
content: "\f529"; }
.fa-dizzy:before {
content: "\f567"; }
.fa-dna:before {
content: "\f471"; }
.fa-dochub:before {
content: "\f394"; }
.fa-docker:before {
content: "\f395"; }
.fa-dog:before {
content: "\f6d3"; }
.fa-dollar-sign:before {
content: "\f155"; }
.fa-dolly:before {
content: "\f472"; }
.fa-dolly-flatbed:before {
content: "\f474"; }
.fa-donate:before {
content: "\f4b9"; }
.fa-door-closed:before {
content: "\f52a"; }
.fa-door-open:before {
content: "\f52b"; }
.fa-dot-circle:before {
content: "\f192"; }
.fa-dove:before {
content: "\f4ba"; }
.fa-download:before {
content: "\f019"; }
.fa-draft2digital:before {
content: "\f396"; }
.fa-drafting-compass:before {
content: "\f568"; }
.fa-dragon:before {
content: "\f6d5"; }
.fa-draw-polygon:before {
content: "\f5ee"; }
.fa-dribbble:before {
content: "\f17d"; }
.fa-dribbble-square:before {
content: "\f397"; }
.fa-dropbox:before {
content: "\f16b"; }
.fa-drum:before {
content: "\f569"; }
.fa-drum-steelpan:before {
content: "\f56a"; }
.fa-drumstick-bite:before {
content: "\f6d7"; }
.fa-drupal:before {
content: "\f1a9"; }
.fa-dumbbell:before {
content: "\f44b"; }
.fa-dumpster:before {
content: "\f793"; }
.fa-dumpster-fire:before {
content: "\f794"; }
.fa-dungeon:before {
content: "\f6d9"; }
.fa-dyalog:before {
content: "\f399"; }
.fa-earlybirds:before {
content: "\f39a"; }
.fa-ebay:before {
content: "\f4f4"; }
.fa-edge:before {
content: "\f282"; }
.fa-edit:before {
content: "\f044"; }
.fa-egg:before {
content: "\f7fb"; }
.fa-eject:before {
content: "\f052"; }
.fa-elementor:before {
content: "\f430"; }
.fa-ellipsis-h:before {
content: "\f141"; }
.fa-ellipsis-v:before {
content: "\f142"; }
.fa-ello:before {
content: "\f5f1"; }
.fa-ember:before {
content: "\f423"; }
.fa-empire:before {
content: "\f1d1"; }
.fa-envelope:before {
content: "\f0e0"; }
.fa-envelope-open:before {
content: "\f2b6"; }
.fa-envelope-open-text:before {
content: "\f658"; }
.fa-envelope-square:before {
content: "\f199"; }
.fa-envira:before {
content: "\f299"; }
.fa-equals:before {
content: "\f52c"; }
.fa-eraser:before {
content: "\f12d"; }
.fa-erlang:before {
content: "\f39d"; }
.fa-ethereum:before {
content: "\f42e"; }
.fa-ethernet:before {
content: "\f796"; }
.fa-etsy:before {
content: "\f2d7"; }
.fa-euro-sign:before {
content: "\f153"; }
.fa-evernote:before {
content: "\f839"; }
.fa-exchange-alt:before {
content: "\f362"; }
.fa-exclamation:before {
content: "\f12a"; }
.fa-exclamation-circle:before {
content: "\f06a"; }
.fa-exclamation-triangle:before {
content: "\f071"; }
.fa-expand:before {
content: "\f065"; }
.fa-expand-alt:before {
content: "\f424"; }
.fa-expand-arrows-alt:before {
content: "\f31e"; }
.fa-expeditedssl:before {
content: "\f23e"; }
.fa-external-link-alt:before {
content: "\f35d"; }
.fa-external-link-square-alt:before {
content: "\f360"; }
.fa-eye:before {
content: "\f06e"; }
.fa-eye-dropper:before {
content: "\f1fb"; }
.fa-eye-slash:before {
content: "\f070"; }
.fa-facebook:before {
content: "\f09a"; }
.fa-facebook-f:before {
content: "\f39e"; }
.fa-facebook-messenger:before {
content: "\f39f"; }
.fa-facebook-square:before {
content: "\f082"; }
.fa-fan:before {
content: "\f863"; }
.fa-fantasy-flight-games:before {
content: "\f6dc"; }
.fa-fast-backward:before {
content: "\f049"; }
.fa-fast-forward:before {
content: "\f050"; }
.fa-fax:before {
content: "\f1ac"; }
.fa-feather:before {
content: "\f52d"; }
.fa-feather-alt:before {
content: "\f56b"; }
.fa-fedex:before {
content: "\f797"; }
.fa-fedora:before {
content: "\f798"; }
.fa-female:before {
content: "\f182"; }
.fa-fighter-jet:before {
content: "\f0fb"; }
.fa-figma:before {
content: "\f799"; }
.fa-file:before {
content: "\f15b"; }
.fa-file-alt:before {
content: "\f15c"; }
.fa-file-archive:before {
content: "\f1c6"; }
.fa-file-audio:before {
content: "\f1c7"; }
.fa-file-code:before {
content: "\f1c9"; }
.fa-file-contract:before {
content: "\f56c"; }
.fa-file-csv:before {
content: "\f6dd"; }
.fa-file-download:before {
content: "\f56d"; }
.fa-file-excel:before {
content: "\f1c3"; }
.fa-file-export:before {
content: "\f56e"; }
.fa-file-image:before {
content: "\f1c5"; }
.fa-file-import:before {
content: "\f56f"; }
.fa-file-invoice:before {
content: "\f570"; }
.fa-file-invoice-dollar:before {
content: "\f571"; }
.fa-file-medical:before {
content: "\f477"; }
.fa-file-medical-alt:before {
content: "\f478"; }
.fa-file-pdf:before {
content: "\f1c1"; }
.fa-file-powerpoint:before {
content: "\f1c4"; }
.fa-file-prescription:before {
content: "\f572"; }
.fa-file-signature:before {
content: "\f573"; }
.fa-file-upload:before {
content: "\f574"; }
.fa-file-video:before {
content: "\f1c8"; }
.fa-file-word:before {
content: "\f1c2"; }
.fa-fill:before {
content: "\f575"; }
.fa-fill-drip:before {
content: "\f576"; }
.fa-film:before {
content: "\f008"; }
.fa-filter:before {
content: "\f0b0"; }
.fa-fingerprint:before {
content: "\f577"; }
.fa-fire:before {
content: "\f06d"; }
.fa-fire-alt:before {
content: "\f7e4"; }
.fa-fire-extinguisher:before {
content: "\f134"; }
.fa-firefox:before {
content: "\f269"; }
.fa-firefox-browser:before {
content: "\f907"; }
.fa-first-aid:before {
content: "\f479"; }
.fa-first-order:before {
content: "\f2b0"; }
.fa-first-order-alt:before {
content: "\f50a"; }
.fa-firstdraft:before {
content: "\f3a1"; }
.fa-fish:before {
content: "\f578"; }
.fa-fist-raised:before {
content: "\f6de"; }
.fa-flag:before {
content: "\f024"; }
.fa-flag-checkered:before {
content: "\f11e"; }
.fa-flag-usa:before {
content: "\f74d"; }
.fa-flask:before {
content: "\f0c3"; }
.fa-flickr:before {
content: "\f16e"; }
.fa-flipboard:before {
content: "\f44d"; }
.fa-flushed:before {
content: "\f579"; }
.fa-fly:before {
content: "\f417"; }
.fa-folder:before {
content: "\f07b"; }
.fa-folder-minus:before {
content: "\f65d"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-folder-plus:before {
content: "\f65e"; }
.fa-font:before {
content: "\f031"; }
.fa-font-awesome:before {
content: "\f2b4"; }
.fa-font-awesome-alt:before {
content: "\f35c"; }
.fa-font-awesome-flag:before {
content: "\f425"; }
.fa-font-awesome-logo-full:before {
content: "\f4e6"; }
.fa-fonticons:before {
content: "\f280"; }
.fa-fonticons-fi:before {
content: "\f3a2"; }
.fa-football-ball:before {
content: "\f44e"; }
.fa-fort-awesome:before {
content: "\f286"; }
.fa-fort-awesome-alt:before {
content: "\f3a3"; }
.fa-forumbee:before {
content: "\f211"; }
.fa-forward:before {
content: "\f04e"; }
.fa-foursquare:before {
content: "\f180"; }
.fa-free-code-camp:before {
content: "\f2c5"; }
.fa-freebsd:before {
content: "\f3a4"; }
.fa-frog:before {
content: "\f52e"; }
.fa-frown:before {
content: "\f119"; }
.fa-frown-open:before {
content: "\f57a"; }
.fa-fulcrum:before {
content: "\f50b"; }
.fa-funnel-dollar:before {
content: "\f662"; }
.fa-futbol:before {
content: "\f1e3"; }
.fa-galactic-republic:before {
content: "\f50c"; }
.fa-galactic-senate:before {
content: "\f50d"; }
.fa-gamepad:before {
content: "\f11b"; }
.fa-gas-pump:before {
content: "\f52f"; }
.fa-gavel:before {
content: "\f0e3"; }
.fa-gem:before {
content: "\f3a5"; }
.fa-genderless:before {
content: "\f22d"; }
.fa-get-pocket:before {
content: "\f265"; }
.fa-gg:before {
content: "\f260"; }
.fa-gg-circle:before {
content: "\f261"; }
.fa-ghost:before {
content: "\f6e2"; }
.fa-gift:before {
content: "\f06b"; }
.fa-gifts:before {
content: "\f79c"; }
.fa-git:before {
content: "\f1d3"; }
.fa-git-alt:before {
content: "\f841"; }
.fa-git-square:before {
content: "\f1d2"; }
.fa-github:before {
content: "\f09b"; }
.fa-github-alt:before {
content: "\f113"; }
.fa-github-square:before {
content: "\f092"; }
.fa-gitkraken:before {
content: "\f3a6"; }
.fa-gitlab:before {
content: "\f296"; }
.fa-gitter:before {
content: "\f426"; }
.fa-glass-cheers:before {
content: "\f79f"; }
.fa-glass-martini:before {
content: "\f000"; }
.fa-glass-martini-alt:before {
content: "\f57b"; }
.fa-glass-whiskey:before {
content: "\f7a0"; }
.fa-glasses:before {
content: "\f530"; }
.fa-glide:before {
content: "\f2a5"; }
.fa-glide-g:before {
content: "\f2a6"; }
.fa-globe:before {
content: "\f0ac"; }
.fa-globe-africa:before {
content: "\f57c"; }
.fa-globe-americas:before {
content: "\f57d"; }
.fa-globe-asia:before {
content: "\f57e"; }
.fa-globe-europe:before {
content: "\f7a2"; }
.fa-gofore:before {
content: "\f3a7"; }
.fa-golf-ball:before {
content: "\f450"; }
.fa-goodreads:before {
content: "\f3a8"; }
.fa-goodreads-g:before {
content: "\f3a9"; }
.fa-google:before {
content: "\f1a0"; }
.fa-google-drive:before {
content: "\f3aa"; }
.fa-google-play:before {
content: "\f3ab"; }
.fa-google-plus:before {
content: "\f2b3"; }
.fa-google-plus-g:before {
content: "\f0d5"; }
.fa-google-plus-square:before {
content: "\f0d4"; }
.fa-google-wallet:before {
content: "\f1ee"; }
.fa-gopuram:before {
content: "\f664"; }
.fa-graduation-cap:before {
content: "\f19d"; }
.fa-gratipay:before {
content: "\f184"; }
.fa-grav:before {
content: "\f2d6"; }
.fa-greater-than:before {
content: "\f531"; }
.fa-greater-than-equal:before {
content: "\f532"; }
.fa-grimace:before {
content: "\f57f"; }
.fa-grin:before {
content: "\f580"; }
.fa-grin-alt:before {
content: "\f581"; }
.fa-grin-beam:before {
content: "\f582"; }
.fa-grin-beam-sweat:before {
content: "\f583"; }
.fa-grin-hearts:before {
content: "\f584"; }
.fa-grin-squint:before {
content: "\f585"; }
.fa-grin-squint-tears:before {
content: "\f586"; }
.fa-grin-stars:before {
content: "\f587"; }
.fa-grin-tears:before {
content: "\f588"; }
.fa-grin-tongue:before {
content: "\f589"; }
.fa-grin-tongue-squint:before {
content: "\f58a"; }
.fa-grin-tongue-wink:before {
content: "\f58b"; }
.fa-grin-wink:before {
content: "\f58c"; }
.fa-grip-horizontal:before {
content: "\f58d"; }
.fa-grip-lines:before {
content: "\f7a4"; }
.fa-grip-lines-vertical:before {
content: "\f7a5"; }
.fa-grip-vertical:before {
content: "\f58e"; }
.fa-gripfire:before {
content: "\f3ac"; }
.fa-grunt:before {
content: "\f3ad"; }
.fa-guitar:before {
content: "\f7a6"; }
.fa-gulp:before {
content: "\f3ae"; }
.fa-h-square:before {
content: "\f0fd"; }
.fa-hacker-news:before {
content: "\f1d4"; }
.fa-hacker-news-square:before {
content: "\f3af"; }
.fa-hackerrank:before {
content: "\f5f7"; }
.fa-hamburger:before {
content: "\f805"; }
.fa-hammer:before {
content: "\f6e3"; }
.fa-hamsa:before {
content: "\f665"; }
.fa-hand-holding:before {
content: "\f4bd"; }
.fa-hand-holding-heart:before {
content: "\f4be"; }
.fa-hand-holding-usd:before {
content: "\f4c0"; }
.fa-hand-lizard:before {
content: "\f258"; }
.fa-hand-middle-finger:before {
content: "\f806"; }
.fa-hand-paper:before {
content: "\f256"; }
.fa-hand-peace:before {
content: "\f25b"; }
.fa-hand-point-down:before {
content: "\f0a7"; }
.fa-hand-point-left:before {
content: "\f0a5"; }
.fa-hand-point-right:before {
content: "\f0a4"; }
.fa-hand-point-up:before {
content: "\f0a6"; }
.fa-hand-pointer:before {
content: "\f25a"; }
.fa-hand-rock:before {
content: "\f255"; }
.fa-hand-scissors:before {
content: "\f257"; }
.fa-hand-spock:before {
content: "\f259"; }
.fa-hands:before {
content: "\f4c2"; }
.fa-hands-helping:before {
content: "\f4c4"; }
.fa-handshake:before {
content: "\f2b5"; }
.fa-hanukiah:before {
content: "\f6e6"; }
.fa-hard-hat:before {
content: "\f807"; }
.fa-hashtag:before {
content: "\f292"; }
.fa-hat-cowboy:before {
content: "\f8c0"; }
.fa-hat-cowboy-side:before {
content: "\f8c1"; }
.fa-hat-wizard:before {
content: "\f6e8"; }
.fa-hdd:before {
content: "\f0a0"; }
.fa-heading:before {
content: "\f1dc"; }
.fa-headphones:before {
content: "\f025"; }
.fa-headphones-alt:before {
content: "\f58f"; }
.fa-headset:before {
content: "\f590"; }
.fa-heart:before {
content: "\f004"; }
.fa-heart-broken:before {
content: "\f7a9"; }
.fa-heartbeat:before {
content: "\f21e"; }
.fa-helicopter:before {
content: "\f533"; }
.fa-highlighter:before {
content: "\f591"; }
.fa-hiking:before {
content: "\f6ec"; }
.fa-hippo:before {
content: "\f6ed"; }
.fa-hips:before {
content: "\f452"; }
.fa-hire-a-helper:before {
content: "\f3b0"; }
.fa-history:before {
content: "\f1da"; }
.fa-hockey-puck:before {
content: "\f453"; }
.fa-holly-berry:before {
content: "\f7aa"; }
.fa-home:before {
content: "\f015"; }
.fa-hooli:before {
content: "\f427"; }
.fa-hornbill:before {
content: "\f592"; }
.fa-horse:before {
content: "\f6f0"; }
.fa-horse-head:before {
content: "\f7ab"; }
.fa-hospital:before {
content: "\f0f8"; }
.fa-hospital-alt:before {
content: "\f47d"; }
.fa-hospital-symbol:before {
content: "\f47e"; }
.fa-hot-tub:before {
content: "\f593"; }
.fa-hotdog:before {
content: "\f80f"; }
.fa-hotel:before {
content: "\f594"; }
.fa-hotjar:before {
content: "\f3b1"; }
.fa-hourglass:before {
content: "\f254"; }
.fa-hourglass-end:before {
content: "\f253"; }
.fa-hourglass-half:before {
content: "\f252"; }
.fa-hourglass-start:before {
content: "\f251"; }
.fa-house-damage:before {
content: "\f6f1"; }
.fa-houzz:before {
content: "\f27c"; }
.fa-hryvnia:before {
content: "\f6f2"; }
.fa-html5:before {
content: "\f13b"; }
.fa-hubspot:before {
content: "\f3b2"; }
.fa-i-cursor:before {
content: "\f246"; }
.fa-ice-cream:before {
content: "\f810"; }
.fa-icicles:before {
content: "\f7ad"; }
.fa-icons:before {
content: "\f86d"; }
.fa-id-badge:before {
content: "\f2c1"; }
.fa-id-card:before {
content: "\f2c2"; }
.fa-id-card-alt:before {
content: "\f47f"; }
.fa-ideal:before {
content: "\f913"; }
.fa-igloo:before {
content: "\f7ae"; }
.fa-image:before {
content: "\f03e"; }
.fa-images:before {
content: "\f302"; }
.fa-imdb:before {
content: "\f2d8"; }
.fa-inbox:before {
content: "\f01c"; }
.fa-indent:before {
content: "\f03c"; }
.fa-industry:before {
content: "\f275"; }
.fa-infinity:before {
content: "\f534"; }
.fa-info:before {
content: "\f129"; }
.fa-info-circle:before {
content: "\f05a"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-intercom:before {
content: "\f7af"; }
.fa-internet-explorer:before {
content: "\f26b"; }
.fa-invision:before {
content: "\f7b0"; }
.fa-ioxhost:before {
content: "\f208"; }
.fa-italic:before {
content: "\f033"; }
.fa-itch-io:before {
content: "\f83a"; }
.fa-itunes:before {
content: "\f3b4"; }
.fa-itunes-note:before {
content: "\f3b5"; }
.fa-java:before {
content: "\f4e4"; }
.fa-jedi:before {
content: "\f669"; }
.fa-jedi-order:before {
content: "\f50e"; }
.fa-jenkins:before {
content: "\f3b6"; }
.fa-jira:before {
content: "\f7b1"; }
.fa-joget:before {
content: "\f3b7"; }
.fa-joint:before {
content: "\f595"; }
.fa-joomla:before {
content: "\f1aa"; }
.fa-journal-whills:before {
content: "\f66a"; }
.fa-js:before {
content: "\f3b8"; }
.fa-js-square:before {
content: "\f3b9"; }
.fa-jsfiddle:before {
content: "\f1cc"; }
.fa-kaaba:before {
content: "\f66b"; }
.fa-kaggle:before {
content: "\f5fa"; }
.fa-key:before {
content: "\f084"; }
.fa-keybase:before {
content: "\f4f5"; }
.fa-keyboard:before {
content: "\f11c"; }
.fa-keycdn:before {
content: "\f3ba"; }
.fa-khanda:before {
content: "\f66d"; }
.fa-kickstarter:before {
content: "\f3bb"; }
.fa-kickstarter-k:before {
content: "\f3bc"; }
.fa-kiss:before {
content: "\f596"; }
.fa-kiss-beam:before {
content: "\f597"; }
.fa-kiss-wink-heart:before {
content: "\f598"; }
.fa-kiwi-bird:before {
content: "\f535"; }
.fa-korvue:before {
content: "\f42f"; }
.fa-landmark:before {
content: "\f66f"; }
.fa-language:before {
content: "\f1ab"; }
.fa-laptop:before {
content: "\f109"; }
.fa-laptop-code:before {
content: "\f5fc"; }
.fa-laptop-medical:before {
content: "\f812"; }
.fa-laravel:before {
content: "\f3bd"; }
.fa-lastfm:before {
content: "\f202"; }
.fa-lastfm-square:before {
content: "\f203"; }
.fa-laugh:before {
content: "\f599"; }
.fa-laugh-beam:before {
content: "\f59a"; }
.fa-laugh-squint:before {
content: "\f59b"; }
.fa-laugh-wink:before {
content: "\f59c"; }
.fa-layer-group:before {
content: "\f5fd"; }
.fa-leaf:before {
content: "\f06c"; }
.fa-leanpub:before {
content: "\f212"; }
.fa-lemon:before {
content: "\f094"; }
.fa-less:before {
content: "\f41d"; }
.fa-less-than:before {
content: "\f536"; }
.fa-less-than-equal:before {
content: "\f537"; }
.fa-level-down-alt:before {
content: "\f3be"; }
.fa-level-up-alt:before {
content: "\f3bf"; }
.fa-life-ring:before {
content: "\f1cd"; }
.fa-lightbulb:before {
content: "\f0eb"; }
.fa-line:before {
content: "\f3c0"; }
.fa-link:before {
content: "\f0c1"; }
.fa-linkedin:before {
content: "\f08c"; }
.fa-linkedin-in:before {
content: "\f0e1"; }
.fa-linode:before {
content: "\f2b8"; }
.fa-linux:before {
content: "\f17c"; }
.fa-lira-sign:before {
content: "\f195"; }
.fa-list:before {
content: "\f03a"; }
.fa-list-alt:before {
content: "\f022"; }
.fa-list-ol:before {
content: "\f0cb"; }
.fa-list-ul:before {
content: "\f0ca"; }
.fa-location-arrow:before {
content: "\f124"; }
.fa-lock:before {
content: "\f023"; }
.fa-lock-open:before {
content: "\f3c1"; }
.fa-long-arrow-alt-down:before {
content: "\f309"; }
.fa-long-arrow-alt-left:before {
content: "\f30a"; }
.fa-long-arrow-alt-right:before {
content: "\f30b"; }
.fa-long-arrow-alt-up:before {
content: "\f30c"; }
.fa-low-vision:before {
content: "\f2a8"; }
.fa-luggage-cart:before {
content: "\f59d"; }
.fa-lyft:before {
content: "\f3c3"; }
.fa-magento:before {
content: "\f3c4"; }
.fa-magic:before {
content: "\f0d0"; }
.fa-magnet:before {
content: "\f076"; }
.fa-mail-bulk:before {
content: "\f674"; }
.fa-mailchimp:before {
content: "\f59e"; }
.fa-male:before {
content: "\f183"; }
.fa-mandalorian:before {
content: "\f50f"; }
.fa-map:before {
content: "\f279"; }
.fa-map-marked:before {
content: "\f59f"; }
.fa-map-marked-alt:before {
content: "\f5a0"; }
.fa-map-marker:before {
content: "\f041"; }
.fa-map-marker-alt:before {
content: "\f3c5"; }
.fa-map-pin:before {
content: "\f276"; }
.fa-map-signs:before {
content: "\f277"; }
.fa-markdown:before {
content: "\f60f"; }
.fa-marker:before {
content: "\f5a1"; }
.fa-mars:before {
content: "\f222"; }
.fa-mars-double:before {
content: "\f227"; }
.fa-mars-stroke:before {
content: "\f229"; }
.fa-mars-stroke-h:before {
content: "\f22b"; }
.fa-mars-stroke-v:before {
content: "\f22a"; }
.fa-mask:before {
content: "\f6fa"; }
.fa-mastodon:before {
content: "\f4f6"; }
.fa-maxcdn:before {
content: "\f136"; }
.fa-mdb:before {
content: "\f8ca"; }
.fa-medal:before {
content: "\f5a2"; }
.fa-medapps:before {
content: "\f3c6"; }
.fa-medium:before {
content: "\f23a"; }
.fa-medium-m:before {
content: "\f3c7"; }
.fa-medkit:before {
content: "\f0fa"; }
.fa-medrt:before {
content: "\f3c8"; }
.fa-meetup:before {
content: "\f2e0"; }
.fa-megaport:before {
content: "\f5a3"; }
.fa-meh:before {
content: "\f11a"; }
.fa-meh-blank:before {
content: "\f5a4"; }
.fa-meh-rolling-eyes:before {
content: "\f5a5"; }
.fa-memory:before {
content: "\f538"; }
.fa-mendeley:before {
content: "\f7b3"; }
.fa-menorah:before {
content: "\f676"; }
.fa-mercury:before {
content: "\f223"; }
.fa-meteor:before {
content: "\f753"; }
.fa-microblog:before {
content: "\f91a"; }
.fa-microchip:before {
content: "\f2db"; }
.fa-microphone:before {
content: "\f130"; }
.fa-microphone-alt:before {
content: "\f3c9"; }
.fa-microphone-alt-slash:before {
content: "\f539"; }
.fa-microphone-slash:before {
content: "\f131"; }
.fa-microscope:before {
content: "\f610"; }
.fa-microsoft:before {
content: "\f3ca"; }
.fa-minus:before {
content: "\f068"; }
.fa-minus-circle:before {
content: "\f056"; }
.fa-minus-square:before {
content: "\f146"; }
.fa-mitten:before {
content: "\f7b5"; }
.fa-mix:before {
content: "\f3cb"; }
.fa-mixcloud:before {
content: "\f289"; }
.fa-mizuni:before {
content: "\f3cc"; }
.fa-mobile:before {
content: "\f10b"; }
.fa-mobile-alt:before {
content: "\f3cd"; }
.fa-modx:before {
content: "\f285"; }
.fa-monero:before {
content: "\f3d0"; }
.fa-money-bill:before {
content: "\f0d6"; }
.fa-money-bill-alt:before {
content: "\f3d1"; }
.fa-money-bill-wave:before {
content: "\f53a"; }
.fa-money-bill-wave-alt:before {
content: "\f53b"; }
.fa-money-check:before {
content: "\f53c"; }
.fa-money-check-alt:before {
content: "\f53d"; }
.fa-monument:before {
content: "\f5a6"; }
.fa-moon:before {
content: "\f186"; }
.fa-mortar-pestle:before {
content: "\f5a7"; }
.fa-mosque:before {
content: "\f678"; }
.fa-motorcycle:before {
content: "\f21c"; }
.fa-mountain:before {
content: "\f6fc"; }
.fa-mouse:before {
content: "\f8cc"; }
.fa-mouse-pointer:before {
content: "\f245"; }
.fa-mug-hot:before {
content: "\f7b6"; }
.fa-music:before {
content: "\f001"; }
.fa-napster:before {
content: "\f3d2"; }
.fa-neos:before {
content: "\f612"; }
.fa-network-wired:before {
content: "\f6ff"; }
.fa-neuter:before {
content: "\f22c"; }
.fa-newspaper:before {
content: "\f1ea"; }
.fa-nimblr:before {
content: "\f5a8"; }
.fa-node:before {
content: "\f419"; }
.fa-node-js:before {
content: "\f3d3"; }
.fa-not-equal:before {
content: "\f53e"; }
.fa-notes-medical:before {
content: "\f481"; }
.fa-npm:before {
content: "\f3d4"; }
.fa-ns8:before {
content: "\f3d5"; }
.fa-nutritionix:before {
content: "\f3d6"; }
.fa-object-group:before {
content: "\f247"; }
.fa-object-ungroup:before {
content: "\f248"; }
.fa-odnoklassniki:before {
content: "\f263"; }
.fa-odnoklassniki-square:before {
content: "\f264"; }
.fa-oil-can:before {
content: "\f613"; }
.fa-old-republic:before {
content: "\f510"; }
.fa-om:before {
content: "\f679"; }
.fa-opencart:before {
content: "\f23d"; }
.fa-openid:before {
content: "\f19b"; }
.fa-opera:before {
content: "\f26a"; }
.fa-optin-monster:before {
content: "\f23c"; }
.fa-orcid:before {
content: "\f8d2"; }
.fa-osi:before {
content: "\f41a"; }
.fa-otter:before {
content: "\f700"; }
.fa-outdent:before {
content: "\f03b"; }
.fa-page4:before {
content: "\f3d7"; }
.fa-pagelines:before {
content: "\f18c"; }
.fa-pager:before {
content: "\f815"; }
.fa-paint-brush:before {
content: "\f1fc"; }
.fa-paint-roller:before {
content: "\f5aa"; }
.fa-palette:before {
content: "\f53f"; }
.fa-palfed:before {
content: "\f3d8"; }
.fa-pallet:before {
content: "\f482"; }
.fa-paper-plane:before {
content: "\f1d8"; }
.fa-paperclip:before {
content: "\f0c6"; }
.fa-parachute-box:before {
content: "\f4cd"; }
.fa-paragraph:before {
content: "\f1dd"; }
.fa-parking:before {
content: "\f540"; }
.fa-passport:before {
content: "\f5ab"; }
.fa-pastafarianism:before {
content: "\f67b"; }
.fa-paste:before {
content: "\f0ea"; }
.fa-patreon:before {
content: "\f3d9"; }
.fa-pause:before {
content: "\f04c"; }
.fa-pause-circle:before {
content: "\f28b"; }
.fa-paw:before {
content: "\f1b0"; }
.fa-paypal:before {
content: "\f1ed"; }
.fa-peace:before {
content: "\f67c"; }
.fa-pen:before {
content: "\f304"; }
.fa-pen-alt:before {
content: "\f305"; }
.fa-pen-fancy:before {
content: "\f5ac"; }
.fa-pen-nib:before {
content: "\f5ad"; }
.fa-pen-square:before {
content: "\f14b"; }
.fa-pencil-alt:before {
content: "\f303"; }
.fa-pencil-ruler:before {
content: "\f5ae"; }
.fa-penny-arcade:before {
content: "\f704"; }
.fa-people-carry:before {
content: "\f4ce"; }
.fa-pepper-hot:before {
content: "\f816"; }
.fa-percent:before {
content: "\f295"; }
.fa-percentage:before {
content: "\f541"; }
.fa-periscope:before {
content: "\f3da"; }
.fa-person-booth:before {
content: "\f756"; }
.fa-phabricator:before {
content: "\f3db"; }
.fa-phoenix-framework:before {
content: "\f3dc"; }
.fa-phoenix-squadron:before {
content: "\f511"; }
.fa-phone:before {
content: "\f095"; }
.fa-phone-alt:before {
content: "\f879"; }
.fa-phone-slash:before {
content: "\f3dd"; }
.fa-phone-square:before {
content: "\f098"; }
.fa-phone-square-alt:before {
content: "\f87b"; }
.fa-phone-volume:before {
content: "\f2a0"; }
.fa-photo-video:before {
content: "\f87c"; }
.fa-php:before {
content: "\f457"; }
.fa-pied-piper:before {
content: "\f2ae"; }
.fa-pied-piper-alt:before {
content: "\f1a8"; }
.fa-pied-piper-hat:before {
content: "\f4e5"; }
.fa-pied-piper-pp:before {
content: "\f1a7"; }
.fa-pied-piper-square:before {
content: "\f91e"; }
.fa-piggy-bank:before {
content: "\f4d3"; }
.fa-pills:before {
content: "\f484"; }
.fa-pinterest:before {
content: "\f0d2"; }
.fa-pinterest-p:before {
content: "\f231"; }
.fa-pinterest-square:before {
content: "\f0d3"; }
.fa-pizza-slice:before {
content: "\f818"; }
.fa-place-of-worship:before {
content: "\f67f"; }
.fa-plane:before {
content: "\f072"; }
.fa-plane-arrival:before {
content: "\f5af"; }
.fa-plane-departure:before {
content: "\f5b0"; }
.fa-play:before {
content: "\f04b"; }
.fa-play-circle:before {
content: "\f144"; }
.fa-playstation:before {
content: "\f3df"; }
.fa-plug:before {
content: "\f1e6"; }
.fa-plus:before {
content: "\f067"; }
.fa-plus-circle:before {
content: "\f055"; }
.fa-plus-square:before {
content: "\f0fe"; }
.fa-podcast:before {
content: "\f2ce"; }
.fa-poll:before {
content: "\f681"; }
.fa-poll-h:before {
content: "\f682"; }
.fa-poo:before {
content: "\f2fe"; }
.fa-poo-storm:before {
content: "\f75a"; }
.fa-poop:before {
content: "\f619"; }
.fa-portrait:before {
content: "\f3e0"; }
.fa-pound-sign:before {
content: "\f154"; }
.fa-power-off:before {
content: "\f011"; }
.fa-pray:before {
content: "\f683"; }
.fa-praying-hands:before {
content: "\f684"; }
.fa-prescription:before {
content: "\f5b1"; }
.fa-prescription-bottle:before {
content: "\f485"; }
.fa-prescription-bottle-alt:before {
content: "\f486"; }
.fa-print:before {
content: "\f02f"; }
.fa-procedures:before {
content: "\f487"; }
.fa-product-hunt:before {
content: "\f288"; }
.fa-project-diagram:before {
content: "\f542"; }
.fa-pushed:before {
content: "\f3e1"; }
.fa-puzzle-piece:before {
content: "\f12e"; }
.fa-python:before {
content: "\f3e2"; }
.fa-qq:before {
content: "\f1d6"; }
.fa-qrcode:before {
content: "\f029"; }
.fa-question:before {
content: "\f128"; }
.fa-question-circle:before {
content: "\f059"; }
.fa-quidditch:before {
content: "\f458"; }
.fa-quinscape:before {
content: "\f459"; }
.fa-quora:before {
content: "\f2c4"; }
.fa-quote-left:before {
content: "\f10d"; }
.fa-quote-right:before {
content: "\f10e"; }
.fa-quran:before {
content: "\f687"; }
.fa-r-project:before {
content: "\f4f7"; }
.fa-radiation:before {
content: "\f7b9"; }
.fa-radiation-alt:before {
content: "\f7ba"; }
.fa-rainbow:before {
content: "\f75b"; }
.fa-random:before {
content: "\f074"; }
.fa-raspberry-pi:before {
content: "\f7bb"; }
.fa-ravelry:before {
content: "\f2d9"; }
.fa-react:before {
content: "\f41b"; }
.fa-reacteurope:before {
content: "\f75d"; }
.fa-readme:before {
content: "\f4d5"; }
.fa-rebel:before {
content: "\f1d0"; }
.fa-receipt:before {
content: "\f543"; }
.fa-record-vinyl:before {
content: "\f8d9"; }
.fa-recycle:before {
content: "\f1b8"; }
.fa-red-river:before {
content: "\f3e3"; }
.fa-reddit:before {
content: "\f1a1"; }
.fa-reddit-alien:before {
content: "\f281"; }
.fa-reddit-square:before {
content: "\f1a2"; }
.fa-redhat:before {
content: "\f7bc"; }
.fa-redo:before {
content: "\f01e"; }
.fa-redo-alt:before {
content: "\f2f9"; }
.fa-registered:before {
content: "\f25d"; }
.fa-remove-format:before {
content: "\f87d"; }
.fa-renren:before {
content: "\f18b"; }
.fa-reply:before {
content: "\f3e5"; }
.fa-reply-all:before {
content: "\f122"; }
.fa-replyd:before {
content: "\f3e6"; }
.fa-republican:before {
content: "\f75e"; }
.fa-researchgate:before {
content: "\f4f8"; }
.fa-resolving:before {
content: "\f3e7"; }
.fa-restroom:before {
content: "\f7bd"; }
.fa-retweet:before {
content: "\f079"; }
.fa-rev:before {
content: "\f5b2"; }
.fa-ribbon:before {
content: "\f4d6"; }
.fa-ring:before {
content: "\f70b"; }
.fa-road:before {
content: "\f018"; }
.fa-robot:before {
content: "\f544"; }
.fa-rocket:before {
content: "\f135"; }
.fa-rocketchat:before {
content: "\f3e8"; }
.fa-rockrms:before {
content: "\f3e9"; }
.fa-route:before {
content: "\f4d7"; }
.fa-rss:before {
content: "\f09e"; }
.fa-rss-square:before {
content: "\f143"; }
.fa-ruble-sign:before {
content: "\f158"; }
.fa-ruler:before {
content: "\f545"; }
.fa-ruler-combined:before {
content: "\f546"; }
.fa-ruler-horizontal:before {
content: "\f547"; }
.fa-ruler-vertical:before {
content: "\f548"; }
.fa-running:before {
content: "\f70c"; }
.fa-rupee-sign:before {
content: "\f156"; }
.fa-sad-cry:before {
content: "\f5b3"; }
.fa-sad-tear:before {
content: "\f5b4"; }
.fa-safari:before {
content: "\f267"; }
.fa-salesforce:before {
content: "\f83b"; }
.fa-sass:before {
content: "\f41e"; }
.fa-satellite:before {
content: "\f7bf"; }
.fa-satellite-dish:before {
content: "\f7c0"; }
.fa-save:before {
content: "\f0c7"; }
.fa-schlix:before {
content: "\f3ea"; }
.fa-school:before {
content: "\f549"; }
.fa-screwdriver:before {
content: "\f54a"; }
.fa-scribd:before {
content: "\f28a"; }
.fa-scroll:before {
content: "\f70e"; }
.fa-sd-card:before {
content: "\f7c2"; }
.fa-search:before {
content: "\f002"; }
.fa-search-dollar:before {
content: "\f688"; }
.fa-search-location:before {
content: "\f689"; }
.fa-search-minus:before {
content: "\f010"; }
.fa-search-plus:before {
content: "\f00e"; }
.fa-searchengin:before {
content: "\f3eb"; }
.fa-seedling:before {
content: "\f4d8"; }
.fa-sellcast:before {
content: "\f2da"; }
.fa-sellsy:before {
content: "\f213"; }
.fa-server:before {
content: "\f233"; }
.fa-servicestack:before {
content: "\f3ec"; }
.fa-shapes:before {
content: "\f61f"; }
.fa-share:before {
content: "\f064"; }
.fa-share-alt:before {
content: "\f1e0"; }
.fa-share-alt-square:before {
content: "\f1e1"; }
.fa-share-square:before {
content: "\f14d"; }
.fa-shekel-sign:before {
content: "\f20b"; }
.fa-shield-alt:before {
content: "\f3ed"; }
.fa-ship:before {
content: "\f21a"; }
.fa-shipping-fast:before {
content: "\f48b"; }
.fa-shirtsinbulk:before {
content: "\f214"; }
.fa-shoe-prints:before {
content: "\f54b"; }
.fa-shopping-bag:before {
content: "\f290"; }
.fa-shopping-basket:before {
content: "\f291"; }
.fa-shopping-cart:before {
content: "\f07a"; }
.fa-shopware:before {
content: "\f5b5"; }
.fa-shower:before {
content: "\f2cc"; }
.fa-shuttle-van:before {
content: "\f5b6"; }
.fa-sign:before {
content: "\f4d9"; }
.fa-sign-in-alt:before {
content: "\f2f6"; }
.fa-sign-language:before {
content: "\f2a7"; }
.fa-sign-out-alt:before {
content: "\f2f5"; }
.fa-signal:before {
content: "\f012"; }
.fa-signature:before {
content: "\f5b7"; }
.fa-sim-card:before {
content: "\f7c4"; }
.fa-simplybuilt:before {
content: "\f215"; }
.fa-sistrix:before {
content: "\f3ee"; }
.fa-sitemap:before {
content: "\f0e8"; }
.fa-sith:before {
content: "\f512"; }
.fa-skating:before {
content: "\f7c5"; }
.fa-sketch:before {
content: "\f7c6"; }
.fa-skiing:before {
content: "\f7c9"; }
.fa-skiing-nordic:before {
content: "\f7ca"; }
.fa-skull:before {
content: "\f54c"; }
.fa-skull-crossbones:before {
content: "\f714"; }
.fa-skyatlas:before {
content: "\f216"; }
.fa-skype:before {
content: "\f17e"; }
.fa-slack:before {
content: "\f198"; }
.fa-slack-hash:before {
content: "\f3ef"; }
.fa-slash:before {
content: "\f715"; }
.fa-sleigh:before {
content: "\f7cc"; }
.fa-sliders-h:before {
content: "\f1de"; }
.fa-slideshare:before {
content: "\f1e7"; }
.fa-smile:before {
content: "\f118"; }
.fa-smile-beam:before {
content: "\f5b8"; }
.fa-smile-wink:before {
content: "\f4da"; }
.fa-smog:before {
content: "\f75f"; }
.fa-smoking:before {
content: "\f48d"; }
.fa-smoking-ban:before {
content: "\f54d"; }
.fa-sms:before {
content: "\f7cd"; }
.fa-snapchat:before {
content: "\f2ab"; }
.fa-snapchat-ghost:before {
content: "\f2ac"; }
.fa-snapchat-square:before {
content: "\f2ad"; }
.fa-snowboarding:before {
content: "\f7ce"; }
.fa-snowflake:before {
content: "\f2dc"; }
.fa-snowman:before {
content: "\f7d0"; }
.fa-snowplow:before {
content: "\f7d2"; }
.fa-socks:before {
content: "\f696"; }
.fa-solar-panel:before {
content: "\f5ba"; }
.fa-sort:before {
content: "\f0dc"; }
.fa-sort-alpha-down:before {
content: "\f15d"; }
.fa-sort-alpha-down-alt:before {
content: "\f881"; }
.fa-sort-alpha-up:before {
content: "\f15e"; }
.fa-sort-alpha-up-alt:before {
content: "\f882"; }
.fa-sort-amount-down:before {
content: "\f160"; }
.fa-sort-amount-down-alt:before {
content: "\f884"; }
.fa-sort-amount-up:before {
content: "\f161"; }
.fa-sort-amount-up-alt:before {
content: "\f885"; }
.fa-sort-down:before {
content: "\f0dd"; }
.fa-sort-numeric-down:before {
content: "\f162"; }
.fa-sort-numeric-down-alt:before {
content: "\f886"; }
.fa-sort-numeric-up:before {
content: "\f163"; }
.fa-sort-numeric-up-alt:before {
content: "\f887"; }
.fa-sort-up:before {
content: "\f0de"; }
.fa-soundcloud:before {
content: "\f1be"; }
.fa-sourcetree:before {
content: "\f7d3"; }
.fa-spa:before {
content: "\f5bb"; }
.fa-space-shuttle:before {
content: "\f197"; }
.fa-speakap:before {
content: "\f3f3"; }
.fa-speaker-deck:before {
content: "\f83c"; }
.fa-spell-check:before {
content: "\f891"; }
.fa-spider:before {
content: "\f717"; }
.fa-spinner:before {
content: "\f110"; }
.fa-splotch:before {
content: "\f5bc"; }
.fa-spotify:before {
content: "\f1bc"; }
.fa-spray-can:before {
content: "\f5bd"; }
.fa-square:before {
content: "\f0c8"; }
.fa-square-full:before {
content: "\f45c"; }
.fa-square-root-alt:before {
content: "\f698"; }
.fa-squarespace:before {
content: "\f5be"; }
.fa-stack-exchange:before {
content: "\f18d"; }
.fa-stack-overflow:before {
content: "\f16c"; }
.fa-stackpath:before {
content: "\f842"; }
.fa-stamp:before {
content: "\f5bf"; }
.fa-star:before {
content: "\f005"; }
.fa-star-and-crescent:before {
content: "\f699"; }
.fa-star-half:before {
content: "\f089"; }
.fa-star-half-alt:before {
content: "\f5c0"; }
.fa-star-of-david:before {
content: "\f69a"; }
.fa-star-of-life:before {
content: "\f621"; }
.fa-staylinked:before {
content: "\f3f5"; }
.fa-steam:before {
content: "\f1b6"; }
.fa-steam-square:before {
content: "\f1b7"; }
.fa-steam-symbol:before {
content: "\f3f6"; }
.fa-step-backward:before {
content: "\f048"; }
.fa-step-forward:before {
content: "\f051"; }
.fa-stethoscope:before {
content: "\f0f1"; }
.fa-sticker-mule:before {
content: "\f3f7"; }
.fa-sticky-note:before {
content: "\f249"; }
.fa-stop:before {
content: "\f04d"; }
.fa-stop-circle:before {
content: "\f28d"; }
.fa-stopwatch:before {
content: "\f2f2"; }
.fa-store:before {
content: "\f54e"; }
.fa-store-alt:before {
content: "\f54f"; }
.fa-strava:before {
content: "\f428"; }
.fa-stream:before {
content: "\f550"; }
.fa-street-view:before {
content: "\f21d"; }
.fa-strikethrough:before {
content: "\f0cc"; }
.fa-stripe:before {
content: "\f429"; }
.fa-stripe-s:before {
content: "\f42a"; }
.fa-stroopwafel:before {
content: "\f551"; }
.fa-studiovinari:before {
content: "\f3f8"; }
.fa-stumbleupon:before {
content: "\f1a4"; }
.fa-stumbleupon-circle:before {
content: "\f1a3"; }
.fa-subscript:before {
content: "\f12c"; }
.fa-subway:before {
content: "\f239"; }
.fa-suitcase:before {
content: "\f0f2"; }
.fa-suitcase-rolling:before {
content: "\f5c1"; }
.fa-sun:before {
content: "\f185"; }
.fa-superpowers:before {
content: "\f2dd"; }
.fa-superscript:before {
content: "\f12b"; }
.fa-supple:before {
content: "\f3f9"; }
.fa-surprise:before {
content: "\f5c2"; }
.fa-suse:before {
content: "\f7d6"; }
.fa-swatchbook:before {
content: "\f5c3"; }
.fa-swift:before {
content: "\f8e1"; }
.fa-swimmer:before {
content: "\f5c4"; }
.fa-swimming-pool:before {
content: "\f5c5"; }
.fa-symfony:before {
content: "\f83d"; }
.fa-synagogue:before {
content: "\f69b"; }
.fa-sync:before {
content: "\f021"; }
.fa-sync-alt:before {
content: "\f2f1"; }
.fa-syringe:before {
content: "\f48e"; }
.fa-table:before {
content: "\f0ce"; }
.fa-table-tennis:before {
content: "\f45d"; }
.fa-tablet:before {
content: "\f10a"; }
.fa-tablet-alt:before {
content: "\f3fa"; }
.fa-tablets:before {
content: "\f490"; }
.fa-tachometer-alt:before {
content: "\f3fd"; }
.fa-tag:before {
content: "\f02b"; }
.fa-tags:before {
content: "\f02c"; }
.fa-tape:before {
content: "\f4db"; }
.fa-tasks:before {
content: "\f0ae"; }
.fa-taxi:before {
content: "\f1ba"; }
.fa-teamspeak:before {
content: "\f4f9"; }
.fa-teeth:before {
content: "\f62e"; }
.fa-teeth-open:before {
content: "\f62f"; }
.fa-telegram:before {
content: "\f2c6"; }
.fa-telegram-plane:before {
content: "\f3fe"; }
.fa-temperature-high:before {
content: "\f769"; }
.fa-temperature-low:before {
content: "\f76b"; }
.fa-tencent-weibo:before {
content: "\f1d5"; }
.fa-tenge:before {
content: "\f7d7"; }
.fa-terminal:before {
content: "\f120"; }
.fa-text-height:before {
content: "\f034"; }
.fa-text-width:before {
content: "\f035"; }
.fa-th:before {
content: "\f00a"; }
.fa-th-large:before {
content: "\f009"; }
.fa-th-list:before {
content: "\f00b"; }
.fa-the-red-yeti:before {
content: "\f69d"; }
.fa-theater-masks:before {
content: "\f630"; }
.fa-themeco:before {
content: "\f5c6"; }
.fa-themeisle:before {
content: "\f2b2"; }
.fa-thermometer:before {
content: "\f491"; }
.fa-thermometer-empty:before {
content: "\f2cb"; }
.fa-thermometer-full:before {
content: "\f2c7"; }
.fa-thermometer-half:before {
content: "\f2c9"; }
.fa-thermometer-quarter:before {
content: "\f2ca"; }
.fa-thermometer-three-quarters:before {
content: "\f2c8"; }
.fa-think-peaks:before {
content: "\f731"; }
.fa-thumbs-down:before {
content: "\f165"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-thumbtack:before {
content: "\f08d"; }
.fa-ticket-alt:before {
content: "\f3ff"; }
.fa-times:before {
content: "\f00d"; }
.fa-times-circle:before {
content: "\f057"; }
.fa-tint:before {
content: "\f043"; }
.fa-tint-slash:before {
content: "\f5c7"; }
.fa-tired:before {
content: "\f5c8"; }
.fa-toggle-off:before {
content: "\f204"; }
.fa-toggle-on:before {
content: "\f205"; }
.fa-toilet:before {
content: "\f7d8"; }
.fa-toilet-paper:before {
content: "\f71e"; }
.fa-toolbox:before {
content: "\f552"; }
.fa-tools:before {
content: "\f7d9"; }
.fa-tooth:before {
content: "\f5c9"; }
.fa-torah:before {
content: "\f6a0"; }
.fa-torii-gate:before {
content: "\f6a1"; }
.fa-tractor:before {
content: "\f722"; }
.fa-trade-federation:before {
content: "\f513"; }
.fa-trademark:before {
content: "\f25c"; }
.fa-traffic-light:before {
content: "\f637"; }
.fa-trailer:before {
content: "\f941"; }
.fa-train:before {
content: "\f238"; }
.fa-tram:before {
content: "\f7da"; }
.fa-transgender:before {
content: "\f224"; }
.fa-transgender-alt:before {
content: "\f225"; }
.fa-trash:before {
content: "\f1f8"; }
.fa-trash-alt:before {
content: "\f2ed"; }
.fa-trash-restore:before {
content: "\f829"; }
.fa-trash-restore-alt:before {
content: "\f82a"; }
.fa-tree:before {
content: "\f1bb"; }
.fa-trello:before {
content: "\f181"; }
.fa-tripadvisor:before {
content: "\f262"; }
.fa-trophy:before {
content: "\f091"; }
.fa-truck:before {
content: "\f0d1"; }
.fa-truck-loading:before {
content: "\f4de"; }
.fa-truck-monster:before {
content: "\f63b"; }
.fa-truck-moving:before {
content: "\f4df"; }
.fa-truck-pickup:before {
content: "\f63c"; }
.fa-tshirt:before {
content: "\f553"; }
.fa-tty:before {
content: "\f1e4"; }
.fa-tumblr:before {
content: "\f173"; }
.fa-tumblr-square:before {
content: "\f174"; }
.fa-tv:before {
content: "\f26c"; }
.fa-twitch:before {
content: "\f1e8"; }
.fa-twitter:before {
content: "\f099"; }
.fa-twitter-square:before {
content: "\f081"; }
.fa-typo3:before {
content: "\f42b"; }
.fa-uber:before {
content: "\f402"; }
.fa-ubuntu:before {
content: "\f7df"; }
.fa-uikit:before {
content: "\f403"; }
.fa-umbraco:before {
content: "\f8e8"; }
.fa-umbrella:before {
content: "\f0e9"; }
.fa-umbrella-beach:before {
content: "\f5ca"; }
.fa-underline:before {
content: "\f0cd"; }
.fa-undo:before {
content: "\f0e2"; }
.fa-undo-alt:before {
content: "\f2ea"; }
.fa-uniregistry:before {
content: "\f404"; }
.fa-unity:before {
content: "\f949"; }
.fa-universal-access:before {
content: "\f29a"; }
.fa-university:before {
content: "\f19c"; }
.fa-unlink:before {
content: "\f127"; }
.fa-unlock:before {
content: "\f09c"; }
.fa-unlock-alt:before {
content: "\f13e"; }
.fa-untappd:before {
content: "\f405"; }
.fa-upload:before {
content: "\f093"; }
.fa-ups:before {
content: "\f7e0"; }
.fa-usb:before {
content: "\f287"; }
.fa-user:before {
content: "\f007"; }
.fa-user-alt:before {
content: "\f406"; }
.fa-user-alt-slash:before {
content: "\f4fa"; }
.fa-user-astronaut:before {
content: "\f4fb"; }
.fa-user-check:before {
content: "\f4fc"; }
.fa-user-circle:before {
content: "\f2bd"; }
.fa-user-clock:before {
content: "\f4fd"; }
.fa-user-cog:before {
content: "\f4fe"; }
.fa-user-edit:before {
content: "\f4ff"; }
.fa-user-friends:before {
content: "\f500"; }
.fa-user-graduate:before {
content: "\f501"; }
.fa-user-injured:before {
content: "\f728"; }
.fa-user-lock:before {
content: "\f502"; }
.fa-user-md:before {
content: "\f0f0"; }
.fa-user-minus:before {
content: "\f503"; }
.fa-user-ninja:before {
content: "\f504"; }
.fa-user-nurse:before {
content: "\f82f"; }
.fa-user-plus:before {
content: "\f234"; }
.fa-user-secret:before {
content: "\f21b"; }
.fa-user-shield:before {
content: "\f505"; }
.fa-user-slash:before {
content: "\f506"; }
.fa-user-tag:before {
content: "\f507"; }
.fa-user-tie:before {
content: "\f508"; }
.fa-user-times:before {
content: "\f235"; }
.fa-users:before {
content: "\f0c0"; }
.fa-users-cog:before {
content: "\f509"; }
.fa-usps:before {
content: "\f7e1"; }
.fa-ussunnah:before {
content: "\f407"; }
.fa-utensil-spoon:before {
content: "\f2e5"; }
.fa-utensils:before {
content: "\f2e7"; }
.fa-vaadin:before {
content: "\f408"; }
.fa-vector-square:before {
content: "\f5cb"; }
.fa-venus:before {
content: "\f221"; }
.fa-venus-double:before {
content: "\f226"; }
.fa-venus-mars:before {
content: "\f228"; }
.fa-viacoin:before {
content: "\f237"; }
.fa-viadeo:before {
content: "\f2a9"; }
.fa-viadeo-square:before {
content: "\f2aa"; }
.fa-vial:before {
content: "\f492"; }
.fa-vials:before {
content: "\f493"; }
.fa-viber:before {
content: "\f409"; }
.fa-video:before {
content: "\f03d"; }
.fa-video-slash:before {
content: "\f4e2"; }
.fa-vihara:before {
content: "\f6a7"; }
.fa-vimeo:before {
content: "\f40a"; }
.fa-vimeo-square:before {
content: "\f194"; }
.fa-vimeo-v:before {
content: "\f27d"; }
.fa-vine:before {
content: "\f1ca"; }
.fa-vk:before {
content: "\f189"; }
.fa-vnv:before {
content: "\f40b"; }
.fa-voicemail:before {
content: "\f897"; }
.fa-volleyball-ball:before {
content: "\f45f"; }
.fa-volume-down:before {
content: "\f027"; }
.fa-volume-mute:before {
content: "\f6a9"; }
.fa-volume-off:before {
content: "\f026"; }
.fa-volume-up:before {
content: "\f028"; }
.fa-vote-yea:before {
content: "\f772"; }
.fa-vr-cardboard:before {
content: "\f729"; }
.fa-vuejs:before {
content: "\f41f"; }
.fa-walking:before {
content: "\f554"; }
.fa-wallet:before {
content: "\f555"; }
.fa-warehouse:before {
content: "\f494"; }
.fa-water:before {
content: "\f773"; }
.fa-wave-square:before {
content: "\f83e"; }
.fa-waze:before {
content: "\f83f"; }
.fa-weebly:before {
content: "\f5cc"; }
.fa-weibo:before {
content: "\f18a"; }
.fa-weight:before {
content: "\f496"; }
.fa-weight-hanging:before {
content: "\f5cd"; }
.fa-weixin:before {
content: "\f1d7"; }
.fa-whatsapp:before {
content: "\f232"; }
.fa-whatsapp-square:before {
content: "\f40c"; }
.fa-wheelchair:before {
content: "\f193"; }
.fa-whmcs:before {
content: "\f40d"; }
.fa-wifi:before {
content: "\f1eb"; }
.fa-wikipedia-w:before {
content: "\f266"; }
.fa-wind:before {
content: "\f72e"; }
.fa-window-close:before {
content: "\f410"; }
.fa-window-maximize:before {
content: "\f2d0"; }
.fa-window-minimize:before {
content: "\f2d1"; }
.fa-window-restore:before {
content: "\f2d2"; }
.fa-windows:before {
content: "\f17a"; }
.fa-wine-bottle:before {
content: "\f72f"; }
.fa-wine-glass:before {
content: "\f4e3"; }
.fa-wine-glass-alt:before {
content: "\f5ce"; }
.fa-wix:before {
content: "\f5cf"; }
.fa-wizards-of-the-coast:before {
content: "\f730"; }
.fa-wolf-pack-battalion:before {
content: "\f514"; }
.fa-won-sign:before {
content: "\f159"; }
.fa-wordpress:before {
content: "\f19a"; }
.fa-wordpress-simple:before {
content: "\f411"; }
.fa-wpbeginner:before {
content: "\f297"; }
.fa-wpexplorer:before {
content: "\f2de"; }
.fa-wpforms:before {
content: "\f298"; }
.fa-wpressr:before {
content: "\f3e4"; }
.fa-wrench:before {
content: "\f0ad"; }
.fa-x-ray:before {
content: "\f497"; }
.fa-xbox:before {
content: "\f412"; }
.fa-xing:before {
content: "\f168"; }
.fa-xing-square:before {
content: "\f169"; }
.fa-y-combinator:before {
content: "\f23b"; }
.fa-yahoo:before {
content: "\f19e"; }
.fa-yammer:before {
content: "\f840"; }
.fa-yandex:before {
content: "\f413"; }
.fa-yandex-international:before {
content: "\f414"; }
.fa-yarn:before {
content: "\f7e3"; }
.fa-yelp:before {
content: "\f1e9"; }
.fa-yen-sign:before {
content: "\f157"; }
.fa-yin-yang:before {
content: "\f6ad"; }
.fa-yoast:before {
content: "\f2b1"; }
.fa-youtube:before {
content: "\f167"; }
.fa-youtube-square:before {
content: "\f431"; }
.fa-zhihu:before {
content: "\f63f"; }
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.eot);
src: url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.woff2) format("woff2"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.woff) format("woff"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.ttf) format("truetype"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-brands-400.svg#fontawesome) format("svg"); }
.fab {
font-family: 'Font Awesome 5 Brands'; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.eot);
src: url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.woff2) format("woff2"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.woff) format("woff"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.ttf) format("truetype"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-regular-400.svg#fontawesome) format("svg"); }
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: auto;
src: url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.eot);
src: url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.woff2) format("woff2"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.woff) format("woff"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.ttf) format("truetype"), url(//diaviou.com/wp-content/plugins/mega-addons-for-visual-composer/css/font-awesome/webfonts/fa-solid-900.svg#fontawesome) format("svg"); }
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }
     :root { --clb-color-primary: #db0a2d;
--clb-color-primary-50: rgba(219, 10, 45, 0.5);
--clb-color-secondary: #7646dd;
--clb-color-secondary-50: rgba(118, 70, 221, 0.5);
--clb-color-white: white;
--clb-color-black: #111013;
--clb-color-black-rgb: 17, 16, 19;
--clb-color-black-light: #161519;
--clb-color-overlay: #111013;
--clb-color-grey: #635d6f;
--clb-color-grey-light: #9690a2;
--clb-color-success: #29a366;
--clb-color-warning: #ec8013;
--clb-color-danger: #db0a2d;
--clb-color-neutral: #9690a2;
--clb-selection-color: rgba(217, 10, 44, 0.15);
--clb-placeholder-color: #635d6f;
--clb-link-color: inherit;
--clb-link-hover-color: var(--clb-color-primary);
--clb-border-color: rgba(150, 144, 162, 0.15);
--clb-button-color: var(--clb-color-black);
--clb-video-button-color: var(--clb-button-color);
--clb-button-hover-color: var(--clb-color-primary);
--clb-fill-color: color-mix(in srgb, var(--clb-color-neutral) 8%, transparent);
--clb-pattern-color: color-mix(in srgb, var(--clb-color-neutral) 30%, transparent);
--clb-preloader-color: var(--clb-color-white);
--clb-preloader-spinner-color: #161519;
--clb-dm-color-white: var(--clb-color-white);
--clb-dm-fill-color: #161519; --clb-border-radius: 0.35rem;
--clb-border-radius-small: calc(var(--clb-border-radius) / 2);
--clb-border-radius-large: calc(var(--clb-border-radius) * 2);
--clb-border-radius-extra-large: calc(var(--clb-border-radius) * 2.5);
--clb-button-border-radius: var(--clb-border-radius);
--clb-button-border-radius-small: calc(var(--clb-button-border-radius) / 2);
--clb-button-border-radius-large: calc(var(--clb-button-border-radius) * 2);
--clb-icon-size: 1.4em;
--clb-icon-size-small: 1.2em;
--clb-icon-size-large: 1.6em;
--clb-circle: 3.5rem;
--clb-circle-small: 2.5rem;
--clb-circle-extra-small: 2rem;
--clb-circle-large: 4.5rem;
--clb-button-height: 3rem;
--clb-button-height-small: 2.125rem;
--clb-button-height-large: 3.5rem;
--clb-button-side-padding: 1.25rem;
--clb-button-side-padding-small: 0.75rem;
--clb-button-side-padding-large: 1.5rem;
--clb-header-height: 12vh;
--clb-header-height-2: 20vh;
--clb-header-height-5: 32vh;
--clb-header-height-6: 10.5vh;
--clb-sticky-header-height: 9vh;
--clb-subheader-height: 2.375rem;
--clb-header-border-style: hidden;
--clb-header-border-width: 1px;
--clb-header-border-color: var(--clb-border-color);
--clb-sticky-header-border-style: hidden;
--clb-sticky-header-border-color: var(--clb-border-color);
--clb-side-elements-height: 3.5rem;
--clb-color-switcher-height: 1.8rem;
--clb-admin-bar-height: 2rem;
--clb-admin-bar-height-mobile: 2.875rem;
--clb-spacer: 3vh;
--clb-spacer-negative: calc(var(--clb-spacer) * (-1));
--clb-grid-gutter: 1.25rem;
--clb-grid-gutter-2x: 2rem;
--clb-grid-gutter-3x: calc(var(--clb-grid-gutter-2x) + 1rem);
--clb-grid-gutter-4x: calc(var(--clb-grid-gutter-2x) + 2rem);
--clb-grid-gutter-5x: calc(var(--clb-grid-gutter-2x) + 3rem);
--clb-grid-gutter-6x: calc(var(--clb-grid-gutter-2x) + 4rem);
--clb-grid-gutter-negative: calc(var(--clb-grid-gutter) * (-1));
--clb-bullets-spacer: 2.75rem;
--clb-container-side-spacer: 7.4vw;
--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: 1300px;
--clb-container-width-laptop: 1280px;
--clb-container-width-laptop-small: 1220px;
--clb-container-width-laptop-extra-small: 1140px;
--clb-container-width-large: 1360px;
--clb-transition-function: cubic-bezier(.645, .045, .355, 1);
--clb-transition-duration: .35s;
--clb-transition-duration-faster: .2s;
--clb-transform-scale: scale3d(1.06, 1.06, 1.06); --clb-text-size-small: .95em;
--clb-text-size-extra-small: .9em;
--clb-text-size-large: 1.05em;
--clb-text-size-mobile: 0.5rem;
--clb-text-size-caption: 0.9rem;
--clb-text-line-heigth-small: 1.4;
--clb-text-bold: bold;
--clb-text-semi-bold: 600;
--clb-text-medium: 500;
--clb-text-normal: 400;
--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-light);
--clb-body-font-size: 1.025rem;
--clb-body-letter-spacing: initial;
--clb-body-line-height: 1.66;
--clb-body-font-weight: 400;
--clb-body-style: normal;
--clb-body-text-transform: none;
--clb-body-text-decoration: none;
--clb-subtitles-font-family: inherit;
--clb-subtitles-color: inherit;
--clb-subtitles-font-size: 0.9em;
--clb-subtitles-letter-spacing: inherit;
--clb-subtitles-line-height: inherit;
--clb-subtitles-font-weight: 500;
--clb-subtitles-style: normal;
--clb-subtitles-text-transform: none;
--clb-subtitles-text-decoration: none;
--clb-titles-font-family: "DM Sans", sans-serif;
--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: 4.5rem;
--clb-titles-h1-font-size-min: 3.105rem;
--clb-titles-h2-font-size: 3.15rem;
--clb-titles-h2-font-size-min: 2.1735rem;
--clb-titles-h3-font-size: 2.205rem;
--clb-titles-h3-font-size-min: 2rem;
--clb-titles-h4-font-size: 1.5435rem;
--clb-titles-h4-font-size-min: 1.5rem;
--clb-titles-h5-font-size: 1.25332rem;
--clb-titles-h5-font-size-min: 1.25rem;
--clb-titles-h6-font-size: var(--clb-text-size);
--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-product-thumbnail: 4.25rem;
}              .vc_row {
position: relative;
}
.vc_row::after {
content: "";
display: table;
clear: both;
}
.vc_row:not(.-nospace) {
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.vc_row:not(.-nospace) [class^='vc_col'],
.vc_row:not(.-nospace) .grid-item {
position: relative;
min-height: 1px;
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
}
.vc_row.blog-posts + .pagination-standard,
.vc_row.blog-posts + .lazy-load,
.vc_row.portfolio-grid + .pagination-standard,
.vc_row.portfolio-grid + .lazy-load {
margin-top: var(--clb-grid-gutter);
}
div[class*='vc_col-xs'] {
float: left;
}
.vc_col-xs-1 {
width: calc(100%/12 * 1);
}
.vc_col-xs-2 {
width: calc(100%/12 * 2);
}
.vc_col-xs-3 {
width: calc(100%/12 * 3);
}
.vc_col-xs-4 {
width: calc(100%/12 * 4);
}
.vc_col-xs-5 {
width: calc(100%/12 * 5);
}
.vc_col-xs-6 {
width: calc(100%/12 * 6);
}
.vc_col-xs-7 {
width: calc(100%/12 * 7);
}
.vc_col-xs-8 {
width: calc(100%/12 * 8);
}
.vc_col-xs-9 {
width: calc(100%/12 * 9);
}
.vc_col-xs-10 {
width: calc(100%/12 * 10);
}
.vc_col-xs-11 {
width: calc(100%/12 * 11);
}
.vc_col-xs-12 {
width: calc(100%/12 * 12);
}
.vc_row:not(.vc_row-no-padding) .vc_column_container > .vc_column-inner {
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
}
section.vc_section {
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.grid-item:not(.-nospace) {
padding-top: var(--clb-grid-gutter);
padding-bottom: var(--clb-grid-gutter);
}
.-nospace.vc_row {
margin: 0;
}
.-nospace.vc_row .grid-item {
padding: 0;
} .page-headline .animated-holder,
.project.-layout6 .animated-holder,
.project.-layout8 .animated-holder,
.project.-layout9 .animated-holder,
.project.-layout10 .animated-holder,
.main-section .animated-holder,
[data-interactive-links-grid] .animated-holder {
z-index: 1;
}
.page-headline .animated-holder > *,
.project.-layout6 .animated-holder > *,
.project.-layout8 .animated-holder > *,
.project.-layout9 .animated-holder > *,
.project.-layout10 .animated-holder > *,
.main-section .animated-holder > *,
[data-interactive-links-grid] .animated-holder > * {
animation-name: slide_up_elements;
}
.animated-holder > *,
.hamburger-nav .menu > *,
.hamburger-nav:not(.type2) .sub-menu > *,
.hamburger-nav:not(.type2) .sub-sub-menu > *,
.hamburger-nav-details > *,
.header-5 .sub-menu > *,
.header-5 .sub-sub-menu > * {
will-change: transform;
opacity: 0;
transform: translateY(2rem);
animation-iteration-count: 1;
animation-fill-mode: forwards;
animation-duration: var(--clb-transition-duration);
transition-timing-function: var(--clb-transition-function);
}
*.visible:not(.open-onclick) .animated-holder > *,
*.visible:not(.open-onclick).hamburger-nav .hamburger-nav-holder > .menu > *,
*.visible:not(.open-onclick) .hamburger-nav-details > *,
*.visible:not(.open-onclick) > .sub-menu > *,
*.visible:not(.open-onclick) > .sub-sub-menu > *,
*.active .animated-holder > *,
*.active.hamburger-nav .hamburger-nav-holder > .menu > *,
*.active .hamburger-nav-details > *,
*.active > .sub-menu > *,
*.active > .sub-sub-menu > *,
*.last-active .animated-holder > *,
*.last-active.hamburger-nav .hamburger-nav-holder > .menu > *,
*.last-active .hamburger-nav-details > *,
*.last-active > .sub-menu > *,
*.last-active > .sub-sub-menu > * {
animation-name: slide_up_elements;
}
*.last-active .animated-holder * {
opacity: 0 !important;
transform: translateY(0.75rem);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
*:hover:not(.showed-onclick) > .sub-sub-nav > .sub-sub-menu > * {
animation-name: slide_up_elements;
}
.animated-holder > *:nth-child(1),
.hamburger-nav .menu > *:nth-child(1),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(1),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(1),
.hamburger-nav-details > *:nth-child(1),
.header-5 .sub-menu > *:nth-child(1),
.header-5 .sub-sub-menu > *:nth-child(1) {
animation-delay: 0.05s;
transition-delay: 0.05s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(1) > [data-aos-delay] {
animation-delay: 0.05s !important;
transition-delay: 0.05s !important;
}
.clb-slider .animated-holder > *:nth-child(1) {
animation-delay: 0.45s;
transition-delay: 0.45s;
}
.animated-holder > *:nth-child(2),
.hamburger-nav .menu > *:nth-child(2),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(2),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(2),
.hamburger-nav-details > *:nth-child(2),
.header-5 .sub-menu > *:nth-child(2),
.header-5 .sub-sub-menu > *:nth-child(2) {
animation-delay: 0.1s;
transition-delay: 0.1s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(2) > [data-aos-delay] {
animation-delay: 0.1s !important;
transition-delay: 0.1s !important;
}
.clb-slider .animated-holder > *:nth-child(2) {
animation-delay: 0.5s;
transition-delay: 0.5s;
}
.animated-holder > *:nth-child(3),
.hamburger-nav .menu > *:nth-child(3),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(3),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(3),
.hamburger-nav-details > *:nth-child(3),
.header-5 .sub-menu > *:nth-child(3),
.header-5 .sub-sub-menu > *:nth-child(3) {
animation-delay: 0.15s;
transition-delay: 0.15s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(3) > [data-aos-delay] {
animation-delay: 0.15s !important;
transition-delay: 0.15s !important;
}
.clb-slider .animated-holder > *:nth-child(3) {
animation-delay: 0.55s;
transition-delay: 0.55s;
}
.animated-holder > *:nth-child(4),
.hamburger-nav .menu > *:nth-child(4),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(4),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(4),
.hamburger-nav-details > *:nth-child(4),
.header-5 .sub-menu > *:nth-child(4),
.header-5 .sub-sub-menu > *:nth-child(4) {
animation-delay: 0.2s;
transition-delay: 0.2s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(4) > [data-aos-delay] {
animation-delay: 0.2s !important;
transition-delay: 0.2s !important;
}
.clb-slider .animated-holder > *:nth-child(4) {
animation-delay: 0.6s;
transition-delay: 0.6s;
}
.animated-holder > *:nth-child(5),
.hamburger-nav .menu > *:nth-child(5),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(5),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(5),
.hamburger-nav-details > *:nth-child(5),
.header-5 .sub-menu > *:nth-child(5),
.header-5 .sub-sub-menu > *:nth-child(5) {
animation-delay: 0.25s;
transition-delay: 0.25s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(5) > [data-aos-delay] {
animation-delay: 0.25s !important;
transition-delay: 0.25s !important;
}
.clb-slider .animated-holder > *:nth-child(5) {
animation-delay: 0.65s;
transition-delay: 0.65s;
}
.animated-holder > *:nth-child(6),
.hamburger-nav .menu > *:nth-child(6),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(6),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(6),
.hamburger-nav-details > *:nth-child(6),
.header-5 .sub-menu > *:nth-child(6),
.header-5 .sub-sub-menu > *:nth-child(6) {
animation-delay: 0.3s;
transition-delay: 0.3s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(6) > [data-aos-delay] {
animation-delay: 0.3s !important;
transition-delay: 0.3s !important;
}
.clb-slider .animated-holder > *:nth-child(6) {
animation-delay: 0.7s;
transition-delay: 0.7s;
}
.animated-holder > *:nth-child(7),
.hamburger-nav .menu > *:nth-child(7),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(7),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(7),
.hamburger-nav-details > *:nth-child(7),
.header-5 .sub-menu > *:nth-child(7),
.header-5 .sub-sub-menu > *:nth-child(7) {
animation-delay: 0.35s;
transition-delay: 0.35s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(7) > [data-aos-delay] {
animation-delay: 0.35s !important;
transition-delay: 0.35s !important;
}
.clb-slider .animated-holder > *:nth-child(7) {
animation-delay: 0.75s;
transition-delay: 0.75s;
}
.animated-holder > *:nth-child(8),
.hamburger-nav .menu > *:nth-child(8),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(8),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(8),
.hamburger-nav-details > *:nth-child(8),
.header-5 .sub-menu > *:nth-child(8),
.header-5 .sub-sub-menu > *:nth-child(8) {
animation-delay: 0.4s;
transition-delay: 0.4s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(8) > [data-aos-delay] {
animation-delay: 0.4s !important;
transition-delay: 0.4s !important;
}
.clb-slider .animated-holder > *:nth-child(8) {
animation-delay: 0.8s;
transition-delay: 0.8s;
}
.animated-holder > *:nth-child(9),
.hamburger-nav .menu > *:nth-child(9),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(9),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(9),
.hamburger-nav-details > *:nth-child(9),
.header-5 .sub-menu > *:nth-child(9),
.header-5 .sub-sub-menu > *:nth-child(9) {
animation-delay: 0.45s;
transition-delay: 0.45s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(9) > [data-aos-delay] {
animation-delay: 0.45s !important;
transition-delay: 0.45s !important;
}
.clb-slider .animated-holder > *:nth-child(9) {
animation-delay: 0.85s;
transition-delay: 0.85s;
}
.animated-holder > *:nth-child(10),
.hamburger-nav .menu > *:nth-child(10),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(10),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(10),
.hamburger-nav-details > *:nth-child(10),
.header-5 .sub-menu > *:nth-child(10),
.header-5 .sub-sub-menu > *:nth-child(10) {
animation-delay: 0.5s;
transition-delay: 0.5s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(10) > [data-aos-delay] {
animation-delay: 0.5s !important;
transition-delay: 0.5s !important;
}
.clb-slider .animated-holder > *:nth-child(10) {
animation-delay: 0.9s;
transition-delay: 0.9s;
}
.animated-holder > *:nth-child(11),
.hamburger-nav .menu > *:nth-child(11),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(11),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(11),
.hamburger-nav-details > *:nth-child(11),
.header-5 .sub-menu > *:nth-child(11),
.header-5 .sub-sub-menu > *:nth-child(11) {
animation-delay: 0.55s;
transition-delay: 0.55s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(11) > [data-aos-delay] {
animation-delay: 0.55s !important;
transition-delay: 0.55s !important;
}
.clb-slider .animated-holder > *:nth-child(11) {
animation-delay: 0.95s;
transition-delay: 0.95s;
}
.animated-holder > *:nth-child(12),
.hamburger-nav .menu > *:nth-child(12),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(12),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(12),
.hamburger-nav-details > *:nth-child(12),
.header-5 .sub-menu > *:nth-child(12),
.header-5 .sub-sub-menu > *:nth-child(12) {
animation-delay: 0.6s;
transition-delay: 0.6s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(12) > [data-aos-delay] {
animation-delay: 0.6s !important;
transition-delay: 0.6s !important;
}
.clb-slider .animated-holder > *:nth-child(12) {
animation-delay: 1s;
transition-delay: 1s;
}
.animated-holder > *:nth-child(13),
.hamburger-nav .menu > *:nth-child(13),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(13),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(13),
.hamburger-nav-details > *:nth-child(13),
.header-5 .sub-menu > *:nth-child(13),
.header-5 .sub-sub-menu > *:nth-child(13) {
animation-delay: 0.65s;
transition-delay: 0.65s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(13) > [data-aos-delay] {
animation-delay: 0.65s !important;
transition-delay: 0.65s !important;
}
.clb-slider .animated-holder > *:nth-child(13) {
animation-delay: 1.05s;
transition-delay: 1.05s;
}
.animated-holder > *:nth-child(14),
.hamburger-nav .menu > *:nth-child(14),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(14),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(14),
.hamburger-nav-details > *:nth-child(14),
.header-5 .sub-menu > *:nth-child(14),
.header-5 .sub-sub-menu > *:nth-child(14) {
animation-delay: 0.7s;
transition-delay: 0.7s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(14) > [data-aos-delay] {
animation-delay: 0.7s !important;
transition-delay: 0.7s !important;
}
.clb-slider .animated-holder > *:nth-child(14) {
animation-delay: 1.1s;
transition-delay: 1.1s;
}
.animated-holder > *:nth-child(15),
.hamburger-nav .menu > *:nth-child(15),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(15),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(15),
.hamburger-nav-details > *:nth-child(15),
.header-5 .sub-menu > *:nth-child(15),
.header-5 .sub-sub-menu > *:nth-child(15) {
animation-delay: 0.75s;
transition-delay: 0.75s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(15) > [data-aos-delay] {
animation-delay: 0.75s !important;
transition-delay: 0.75s !important;
}
.clb-slider .animated-holder > *:nth-child(15) {
animation-delay: 1.15s;
transition-delay: 1.15s;
}
.animated-holder > *:nth-child(16),
.hamburger-nav .menu > *:nth-child(16),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(16),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(16),
.hamburger-nav-details > *:nth-child(16),
.header-5 .sub-menu > *:nth-child(16),
.header-5 .sub-sub-menu > *:nth-child(16) {
animation-delay: 0.8s;
transition-delay: 0.8s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(16) > [data-aos-delay] {
animation-delay: 0.8s !important;
transition-delay: 0.8s !important;
}
.clb-slider .animated-holder > *:nth-child(16) {
animation-delay: 1.2s;
transition-delay: 1.2s;
}
.animated-holder > *:nth-child(17),
.hamburger-nav .menu > *:nth-child(17),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(17),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(17),
.hamburger-nav-details > *:nth-child(17),
.header-5 .sub-menu > *:nth-child(17),
.header-5 .sub-sub-menu > *:nth-child(17) {
animation-delay: 0.85s;
transition-delay: 0.85s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(17) > [data-aos-delay] {
animation-delay: 0.85s !important;
transition-delay: 0.85s !important;
}
.clb-slider .animated-holder > *:nth-child(17) {
animation-delay: 1.25s;
transition-delay: 1.25s;
}
.animated-holder > *:nth-child(18),
.hamburger-nav .menu > *:nth-child(18),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(18),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(18),
.hamburger-nav-details > *:nth-child(18),
.header-5 .sub-menu > *:nth-child(18),
.header-5 .sub-sub-menu > *:nth-child(18) {
animation-delay: 0.9s;
transition-delay: 0.9s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(18) > [data-aos-delay] {
animation-delay: 0.9s !important;
transition-delay: 0.9s !important;
}
.clb-slider .animated-holder > *:nth-child(18) {
animation-delay: 1.3s;
transition-delay: 1.3s;
}
.animated-holder > *:nth-child(19),
.hamburger-nav .menu > *:nth-child(19),
.hamburger-nav:not(.type2) .sub-menu > *:nth-child(19),
.hamburger-nav:not(.type2) .sub-sub-menu > *:nth-child(19),
.hamburger-nav-details > *:nth-child(19),
.header-5 .sub-menu > *:nth-child(19),
.header-5 .sub-sub-menu > *:nth-child(19) {
animation-delay: 0.95s;
transition-delay: 0.95s;
}
[data-interactive-links-grid] .portfolio-grid > *:nth-child(19) > [data-aos-delay] {
animation-delay: 0.95s !important;
transition-delay: 0.95s !important;
}
.clb-slider .animated-holder > *:nth-child(19) {
animation-delay: 1.35s;
transition-delay: 1.35s;
}
@keyframes slide_up_elements {
from {
transform: translateY(3.25rem);
opacity: 0;
}
to {
transform: translateY(0px);
opacity: 1;
}
}  body {
color: var(--clb-body-color);
font-family: var(--clb-body-font-family);
font-size: var(--clb-body-font-size);
letter-spacing: var(--clb-body-letter-spacing);
line-height: var(--clb-body-line-height);
font-weight: var(--clb-body-font-weight);
font-style: var(--clb-body-style);
text-transform: var(--clb-body-text-transform);
text-decoration: var(--clb-body-text-decoration);
background-color: var(--clb-color-white);
height: 100%;
overflow-x: hidden;
padding: 0;
margin: 0;
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body * {
overflow-wrap: break-word;
}
body.archive {
width: 100%;
}
body.no-scroll {
overflow-y: hidden;
}
body *::-webkit-scrollbar {
width: 0.35rem;
background: color-mix(in srgb, var(--clb-color-black) 10%, transparent);
border-radius: var(--clb-border-radius);
}
body *::-webkit-scrollbar-thumb {
background: color-mix(in srgb, var(--clb-color-black) 20%, transparent);
border-radius: var(--clb-border-radius);
}
body *::-webkit-scrollbar-thumb:hover {
background: color-mix(in srgb, var(--clb-color-black) 30%, transparent);
}
::selection {
background-color: var(--clb-selection-color);
} .card:not(.-contained) .image-holder {
border-radius: var(--clb-border-radius);
}
.card:not(.-contained).-with-shadow .image-holder {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.card .image-holder {
overflow: hidden;
position: relative;
margin: 0;
}
.card .image-holder,
.card .image-holder > a {
display: block;
}
.card .image-holder img {
min-width: 100%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.card.-metro:not(.-no-media) .image-holder {
padding-bottom: 100%;
position: relative;
}
.card.-metro:not(.-no-media) .image-holder img,
.card.-metro:not(.-no-media) .image-holder iframe {
position: absolute;
left: 0;
top: 0;
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
}
.card.-metro:not(.-no-media) .image-holder .clb-slider {
position: absolute;
}
.card.-metro:not(.-no-media) .image-holder .clb-slider,
.card.-metro:not(.-no-media) .image-holder .clb-slider .clb-slider-outer-stage {
height: 100%;
}
.card.-metro:not(.-no-media) .image-holder .clb-slider img {
position: relative;
}
.card.-contained:not(.-layout13) {
overflow: hidden;
border-radius: var(--clb-border-radius);
}
.card.-contained .card-details {
background-color: var(--clb-fill-color);
}
.card.-contained.-with-shadow:not(.-layout13) {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.card.-img-scale:hover .image-holder img {
transform: var(--clb-transform-scale);
}
.card.-img-overlay .image-holder::after,
.card.-img-overlay .image-holder .overlay {
background: linear-gradient(90deg, var(--clb-color-primary-50) 0%, var(--clb-color-secondary-50) 100%);
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
content: "";
display: block;
position: absolute;
transition: opacity var(--clb-transition-function) var(--clb-transition-duration);
}
.card.-img-overlay:hover .image-holder::after,
.card.-img-overlay:hover .image-holder .overlay {
opacity: 1;
}
.card.-img-greyscale:not(:hover) .image-holder img {
filter: grayscale(1);
}
.card.-img-transition .image-holder img:not(:first-child) {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
}
.card.-img-transition:hover .image-holder img:not(:first-child) {
opacity: 1;
}
.card:not(.-with-overlay):not(.-image-only) .card-details {
padding-top: 1.5rem;
}
.card:not(.-with-overlay):not(.-image-only).-contained .card-details {
padding-bottom: 1.5rem;
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.card:not(.-layout4):not(.-layout6) .overlay-details {
color: var(--clb-color-white);
}
.card .overlay-details {
position: absolute;
width: 100%;
left: 0;
z-index: 1;
padding: var(--clb-spacer);
display: flex;
}
.card .overlay-details:not(.-top) {
bottom: 0;
}
.card .overlay-details:not(.card-details) p {
margin: 0;
}
.card .overlay-details.-top {
top: 0;
}
.card:hover .-fade-up,
.card:hover .-fade-down {
transform: none;
opacity: 1;
}
.double-width:not(.vc_col-lg-12) .card.-metro .image-holder {
padding-bottom: calc(50% - var(--clb-grid-gutter));
} hr {
background-color: color-mix(in srgb, var(--clb-color-neutral) 60%, transparent);
width: 100%;
border: 0;
height: 1px;
margin: 0.5rem auto;
display: block;
} ul,
ol {
margin-bottom: 1.35em;
padding-left: 2rem;
}
ul:not(.-unlist) > li,
ol:not(.-unlist) > li {
margin: 0.25rem 0;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dt {
font-weight: var(--clb-text-bold);
}
dd {
margin: 0 1.5em 1.5em;
} img {
height: auto;
max-width: 100%;
vertical-align: top;
}
figure {
margin: 1em 0;
}
fieldset {
border: none;
padding: 0;
margin: 0;
}
fieldset legend {
font-weight: var(--clb-text-semi-bold);
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
display: block;
font-size: var(--clb-text-size-small);
font-size: 0.875rem;
font-weight: var(--clb-text-semi-bold);
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } table,
.wp-block-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
table:not(.-unstyle) td,
table:not(.-unstyle) th,
.wp-block-table:not(.-unstyle) td,
.wp-block-table:not(.-unstyle) th {
border: none;
border-top: 1px solid var(--clb-border-color);
border-bottom: 1px solid var(--clb-border-color);
text-align: inherit;
padding: 0.7rem 0.7rem 0.7rem 0;
vertical-align: top;
}
table:not(.-unstyle) td:last-child,
table:not(.-unstyle) th:last-child,
.wp-block-table:not(.-unstyle) td:last-child,
.wp-block-table:not(.-unstyle) th:last-child {
padding-right: 0;
}
table thead th,
.wp-block-table thead th {
border: none;
}
table th,
.wp-block-table th {
font-weight: var(--clb-text-semi-bold);
font-size: var(--clb-text-size-caption);
}
table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--clb-fill-color);
}
table.is-style-stripes td,
.wp-block-table.is-style-stripes td {
border-color: var(--clb-border-color);
}
table.-unstyle,
.wp-block-table.-unstyle {
line-height: var(--clb-text-line-heigth-small);
}
table.-unstyle td,
table.-unstyle th,
.wp-block-table.-unstyle td,
.wp-block-table.-unstyle th {
vertical-align: top;
} a {
text-decoration: none;
background-repeat: no-repeat;
background-size: 100% 0.18em;
background-position: 0px 110%;
color: var(--clb-link-color);
}
a:not(.-unlink):not(.tag):not(.button):not(.icon-button):hover,
a:not(.-unlink):not(.tag):not(.button):not(.icon-button).-dashed {
color: var(--clb-link-hover-color);
}
a:not(.-unlink):not(.tag):not(.button):not(.icon-button).-undash {
background-image: none;
}
a.titles-typo {
letter-spacing: -0.02rem;
}
a:hover,
a .title:hover {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
@keyframes underline {
0% {
background-size: 100% 0.18em;
background-position: 0 110%;
}
50% {
background-size: 0% 0.18em;
background-position: 0 110%;
}
50.01% {
background-size: 0% 0.18em;
background-position: right 0 top 110%;
}
100% {
background-size: 100% 0.18em;
background-position: right 0 top 110%;
}
}
.links-underline a:not(.button):not(.tag):not(.-undash):hover,
.links-underline a:not(.button):not(.tag):not(.-undash).-dashed {
animation: 0.4s cubic-bezier(0.58, 0.3, 0.005, 1) 0s 1 normal none running underline;
background-image: linear-gradient(currentColor 0px, currentColor 100%);
}  h1,
h2,
h3,
h4,
h5,
h6,
.font-titles,
.titles-typo {
font-family: var(--clb-titles-font-family);
font-weight: var(--clb-titles-font-weight);
margin: 0;
}
h1:not(.title) + *,
h2:not(.title) + *,
h3:not(.title) + *,
h4:not(.title) + *,
h5:not(.title) + *,
h6:not(.title) + *,
.font-titles:not(.title) + *,
.titles-typo:not(.title) + * {
margin-block-start: 1em;
}
h1.heading-md,
h1.wc-prl-title,
h2.heading-md,
h2.wc-prl-title,
h3.heading-md,
h3.wc-prl-title,
h4.heading-md,
h4.wc-prl-title,
h5.heading-md,
h5.wc-prl-title,
h6.heading-md,
h6.wc-prl-title,
.font-titles.heading-md,
.font-titles.wc-prl-title,
.titles-typo.heading-md,
.titles-typo.wc-prl-title {
font-size: 1.55rem;
margin-bottom: var(--clb-spacer);
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--clb-titles-color);
font-size: var(--clb-titles-font-size);
letter-spacing: var(--clb-titles-letter-spacing);
line-height: var(--clb-titles-line-height);
font-style: var(--clb-titles-style);
text-transform: var(--clb-titles-text-transform);
text-decoration: var(--clb-titles-text-decoration);
}
h1 {
letter-spacing: -.045em;
line-height: 1;
font-size: clamp(var(--clb-titles-h1-font-size-min), calc(4.5vw + 0.25rem), var(--clb-titles-h1-font-size));
}
h2 {
letter-spacing: -.04em;
line-height: 1.05;
font-size: clamp(var(--clb-titles-h2-font-size-min), calc(3.15vw + 0.25rem), var(--clb-titles-h2-font-size));
}
h3 {
letter-spacing: -.035em;
line-height: 1.15;
font-size: clamp(var(--clb-titles-h3-font-size-min), calc(2.205vw + 0.25rem), var(--clb-titles-h3-font-size));
}
h3:not(.title) + * {
margin-top: 1rem;
}
h4 {
letter-spacing: -.03em;
line-height: 1.2;
font-size: clamp(var(--clb-titles-h4-font-size-min), calc(1.5435vw + 0.25rem), var(--clb-titles-h4-font-size));
}
h5 {
letter-spacing: -.025em;
line-height: 1.25;
font-size: clamp(var(--clb-titles-h5-font-size-min), calc(1.25332vw + 0.25rem), var(--clb-titles-h5-font-size));
}
h6 {
font-size: var(--clb-titles-h6-font-size);
letter-spacing: -.02em;
line-height: 1.35;
}
h4:not(.title) + *,
h5:not(.title) + *,
h6:not(.title) + * {
margin-top: 0.75rem;
} *,
*::before,
*::after {
box-sizing: border-box;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote,
q {
margin: 0;
padding: 0 0 0 1.5rem;
quotes: "" "";
position: relative;
border-left: 0.25rem solid rgba(150, 144, 162, 0.5);
}
blockquote p,
q p {
margin: 0;
font-style: normal;
font-weight: var(--clb-body-font-weight);
position: relative;
}
blockquote cite,
blockquote h4,
q cite,
q h4 {
position: relative;
text-align: left;
margin-top: 5px;
font-weight: var(--clb-text-semi-bold);
font-size: var(--clb-text-size-small);
font-style: normal;
}
address {
margin: 0 0 1.5em;
font-style: normal;
}
pre {
font-family: var(--clb-code-font-family);
font-size: var(--clb-text-size-extra-small);
background-color: var(--clb-fill-color);
border-left: 5px solid var(--clb-fill-color);
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1rem;
}
pre > a {
color: inherit !important;
font-weight: var(--clb-text-semi-bold);
}
pre:not(.-warning) {
border-radius: var(--clb-border-radius);
}
pre.-warning {
margin: 0;
border-top-right-radius: var(--clb-border-radius);
border-top-left-radius: var(--clb-border-radius);
}
pre.-warning + pre {
margin-top: 0;
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
color: var(--clb-color-warning);
border-top-right-radius: 0;
border-top-left-radius: 0;
}
code {
font-family: var(--clb-code-font-family);
font-size: var(--clb-text-size-small);
color: var(--clb-color-grey);
background-color: var(--clb-fill-color);
padding: 3px 6px;
word-break: normal;
border-radius: var(--clb-border-radius-small);
}
caption {
font-size: var(--clb-text-size-caption);
font-weight: var(--clb-text-semi-bold);
}
code,
kbd,
tt,
var {
font-family: var(--clb-code-font-family);
}
abbr,
acronym {
border-bottom: 1px dotted var(--clb-fill-color);
cursor: var(--clb-cursor-help);
}
mark,
ins {
text-decoration: none;
}
mark {
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
padding: 0.25rem 0;
color: inherit;
}
big {
font-size: 125%;
}  .site-content {
background-color: var(--clb-color-white);
min-height: calc(100vh - 25vh);
}
.site-content::before {
content: "";
display: table;
clear: both;
}
@supports (-webkit-touch-callout: none) {
.site-content {
overflow-x: hidden;
}
}
.page-container {
margin: 0 auto;
position: relative;
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
}
.page-container:not(.-full-w),
.page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container,
.page-container:not(.-full-w) .entry-content > .elementor > .elementor-section.elementor-section-boxed > .elementor-container,
.page-container:not(.-full-w) .entry-content > .elementor > .elementor-section.elementor-section-boxed > .elementor-container .elementor-section.elementor-section-boxed > .elementor-container {
max-width: var(--clb-container-width);
}
.page-container.-full-w.-reset {
padding-left: 0;
padding-right: 0;
}
.page-container.top-offset {
padding-top: var(--clb-grid-gutter-5x);
}
.page-container.bottom-offset {
padding-bottom: var(--clb-grid-gutter-5x);
}
.page-container::after {
content: "";
display: table;
clear: both;
}
.boxed-container {
position: relative;
}
.content-area::after {
content: "";
display: table;
clear: both;
}
body.page-is-loaded .color-switcher-toddler {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-property: transform, color;
}
.single-post .page-content.-left .content-area .vc_col-lg-8,
.single-post .page-content.-right .content-area .vc_col-lg-8 {
left: auto;
width: 100%;
}
.search-no-results .breadcrumbs,
.search-no-results .woo-sidebar {
display: none;
}
.search-no-results .page-content.-left,
.search-no-results .page-content.-right {
width: 100%;
}
.global-page-animation > #page {
opacity: 0;
margin-top: -1.5rem;
transition-duration: .5s;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.global-page-animation.global-page-animation-active > #page {
opacity: 1;
margin-top: 0;
}
.global-page-animation.global-page-animation-fade-out > #page {
opacity: 0;
margin-top: -1.5rem;
} .page-sidebar {
float: right;
position: relative;
z-index: 1;
width: calc(25% - 50px);
margin-bottom: 50px;
}
.page-sidebar.-left {
float: left;
}
.page-sidebar.-right {
float: right;
}
.page-sidebar.-boxed {
padding: var(--clb-spacer);
background-color: var(--clb-fill-color);
border-radius: var(--clb-border-radius);
}
.page-sidebar .widget {
padding-top: 0;
} .menu-blank.button {
color: inherit;
min-height: 2.75rem;
padding: 0 1rem;
border: 2px dashed rgba(236, 128, 19, 0.5) !important;
}
.menu-blank.button:hover {
border: 2px dashed color-mix(in srgb, var(--clb-color-primary) 75%, transparent) !important;
}
.has-submenu-icon {
position: absolute;
top: 50%;
transform-origin: center;
transform: translateY(-50%) scale(0.75) rotate(0deg);
right: 0;
line-height: 0;
opacity: .5;
}
.has-submenu-icon .menu-plus {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.has-submenu.visible > a > .has-submenu-icon .menu-plus,
.has-submenu.active > a > .has-submenu-icon .menu-plus,
.has-submenu:hover > a > .has-submenu-icon .menu-plus {
transform: rotate(135deg) !important;
}
.menu,
.menu .sub-menu,
.menu .sub-sub-menu {
margin: 0;
padding: 0;
list-style: none;
}
.menu > li::before,
.menu .sub-menu > li::before,
.menu .sub-sub-menu > li::before {
content: "";
display: none;
}
.nav {
cursor: var(--clb-cursor-default);
position: relative;
font-weight: var(--clb-text-medium);
height: 100%;
}
.nav .menu li {
z-index: 11;
}
.nav.hidden {
display: flex;
align-items: center;
}
.nav a::before,
.nav .close-bar {
display: none;
}
.nav .mobile-overlay {
display: block;
}
.nav.with-counters .nav-item:not(.version) {
counter-increment: number;
}
.nav.with-counters .nav-item:not(.version) > a > span {
position: relative;
}
.nav.with-counters .nav-item:not(.version) > a > span::before {
content: "0" counter(number);
display: inline-block;
font-weight: var(--clb-text-bold);
width: auto;
right: 0;
top: -0.75em;
line-height: 0.6em;
font-size: 0.6em;
position: absolute;
height: auto;
opacity: .75;
}
.nav.hidden:not(.-visible) {
display: none;
}
.header:not(.-mobile) .menu {
min-height: 2.75rem;
display: flex;
align-items: stretch;
}
.header:not(.-mobile) .menu li {
position: relative;
padding: 0;
}
.header:not(.-mobile) .menu li span {
white-space: normal;
line-height: 1.3;
}
.header:not(.-mobile) .menu li .menu-chevron {
margin-left: 2.5vw;
display: inline-flex;
vertical-align: middle;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.header:not(.-mobile) .menu li > ul {
width: auto;
position: absolute;
left: 0;
top: 2.75rem;
z-index: 10;
margin: 0;
background-color: var(--clb-color-white);
min-width: 13.5rem;
padding: 0.25rem;
opacity: 0;
visibility: hidden;
transform-origin: 50% -50px;
transform: perspective(400px) rotateX(-10deg);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
border-radius: var(--clb-border-radius);
box-shadow: 0 20px 32px -8px color-mix(in srgb, var(--clb-color-black) 15%, transparent), 0 0 1px color-mix(in srgb, var(--clb-color-black) 5%, transparent);
transition-property: transform, opacity, visibility;
}
.header:not(.-mobile) .menu li > ul > li {
margin: 0;
line-height: 100%;
font-weight: var(--clb-body-font-weight);
font-size: .98rem;
}
.header:not(.-mobile) .menu li > ul > li a {
display: block;
padding: 0.55rem 0.75rem;
border-radius: calc(var(--clb-border-radius) * 0.85);
}
.header:not(.-mobile) .menu li > ul > li a:hover {
background-color: var(--clb-fill-color);
}
.header:not(.-mobile) .menu li > ul > li a > .has-submenu-icon > .menu-chevron {
display: none;
}
.header:not(.-mobile) .menu li > ul > li > ul {
top: -0.25rem;
left: calc(100% + 0.25rem);
}
.header:not(.-mobile) .menu li > ul .has-submenu-icon {
margin-right: 0.75rem;
}
.header:not(.-mobile) .menu li.active > ul,
.header:not(.-mobile) .menu li:hover > ul {
transform: none;
visibility: visible;
z-index: 200;
transform: none;
visibility: visible;
opacity: 1;
}
.header:not(.-mobile) .menu li.active .sub-menu-wide ul,
.header:not(.-mobile) .menu li:hover .sub-menu-wide ul {
visibility: visible;
opacity: 1;
}
.header:not(.-mobile) .menu li.active .menu-chevron,
.header:not(.-mobile) .menu li:hover .menu-chevron {
transform: rotate3d(1, 0, 0, 180deg);
}
.header:not(.-mobile) .menu > .nav-item {
margin: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.header:not(.-mobile) .menu > .nav-item > a {
padding: 0 1.2vw;
height: 100%;
display: flex;
align-items: center;
}
.header:not(.-mobile) .menu > .nav-item > a > .has-submenu-icon > .menu-plus {
display: none;
}
.header:not(.-mobile) .menu .sub-menu-wide {
width: calc(100vw - var(--clb-spacer) - var(--clb-spacer));
border-radius: var(--clb-border-radius-large);
display: flex;
align-items: flex-start;
justify-content: center;
}
.header:not(.-mobile) .menu .sub-menu-wide > li {
width: calc(100% / 6);
}
.header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link {
text-transform: uppercase;
opacity: 0.65;
font-size: .8em;
font-weight: var(--clb-text-semi-bold);
margin-bottom: 0.5rem;
}
.header:not(.-mobile) .menu .sub-menu-wide > li > a.menu-link:hover {
background: transparent;
}
.header:not(.-mobile) .menu .sub-menu-wide > li a {
padding-left: 0.85rem;
padding-right: 0.85rem;
}
.header:not(.-mobile) .menu .sub-menu-wide ul {
padding: 0;
box-shadow: none !important;
position: static;
transform: none;
min-width: unset;
}
.header:not(.-mobile) .menu .sub-menu-wide .has-submenu-icon {
display: none;
}
.header:not(.-mobile) .menu:hover .nav-item:not(:hover) {
opacity: 0.5;
}
.header:not(.-mobile) .mobile-overlay {
height: 100%;
}
.header:not(.-mobile) .mobile-overlay .lang-dropdown {
display: none;
}
.header:not(.-mobile) .mobile-overlay .holder {
height: 100%;
}
.header:not(.-mobile) .copyright,
.header:not(.-mobile) .mobile-hamburger {
display: none;
}
.header:not(.-mobile) .nav-container {
height: 100%;
display: flex;
align-items: center;
}
.header:not(.-mobile) .nav.with-mobile-menu #mobile-menu {
display: none;
}
.header.-mobile .menu-chevron {
display: none;
}
.header.-mobile .menu li > ul {
height: 0px;
margin: 0;
padding-left: 15px;
overflow: hidden;
font-size: 0.95em;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.header.-mobile .menu li > ul.active {
height: auto;
}
.header.-mobile .menu li > ul li {
padding: 0;
}
.header.-mobile .menu li > ul li.active {
font-weight: var(--clb-text-semi-bold);
}
.header.-mobile .menu li > ul ul {
font-weight: var(--clb-text-medium);
}
.header.-mobile .menu > .nav-item {
font-size: var(--clb-text-size-large);
position: relative;
padding: 0;
margin: 0 -20px;
}
.header.-mobile .menu > .nav-item a {
display: block;
line-height: 2em;
padding: 5px 20px;
position: relative;
}
.header.-mobile .menu > .nav-item a .has-submenu-icon {
right: 0.25rem;
position: absolute;
min-width: var(--clb-circle-small);
width: var(--clb-circle-small);
height: var(--clb-circle-small);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.header.-mobile .menu > .nav-item a .has-submenu-icon .icon svg {
transform: none;
}
.header.-mobile .menu > .nav-item.active > a::before {
content: "";
display: block;
position: absolute;
height: 100%;
width: 2px;
left: 0;
top: 0;
opacity: 1;
background-color: currentColor;
}
.header.-mobile .nav.with-mobile-menu #menu-primary {
display: none;
}
.header.-mobile .nav:not(.with-mobile-menu) #mobile-menu {
display: none;
}
.header.-mobile .desktop-hamburger {
display: none;
}
.header.-mobile .search-global {
display: block;
}
.hamburger {
user-select: none;
border: none;
padding: 0;
background-color: unset;
}
.hamburger-button {
background-color: unset;
padding: 0;
border: none;
}
.hamburger-outer {
background-color: var(--clb-fill-color);
display: inline-flex;
vertical-align: middle;
align-items: center;
border-radius: var(--clb-circle);
}
.hamburger-outer > .hamburger.icon-button {
margin-right: 0 !important;
background-color: transparent;
}
.hamburger-caption {
margin: 0 0.5rem;
text-transform: uppercase;
font-weight: var(--clb-text-medium);
font-size: var(--clb-text-size-caption);
}
.hamburger.icon-button > .icon {
display: inline-flex;
vertical-align: middle;
align-items: center;
flex-direction: column;
align-items: flex-start;
}
.hamburger.icon-button > .icon::after,
.hamburger.icon-button > .icon::before {
content: "";
height: 2px;
margin: 3px 0;
background-color: currentColor;
}
.hamburger.icon-button > .icon::before {
width: 1.375rem;
}
.hamburger.icon-button > .icon::after {
width: 1.1rem;
}
.menu-optional {
position: relative;
display: flex;
align-items: center;
}
.menu-optional .custom-icon {
max-width: 50%;
}
.menu-optional .button-group {
gap: var(--clb-gap);
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.menu-optional > li:first-child {
padding-left: 1vw;
}
.hamburger-nav {
padding: var(--clb-spacer);
display: flex;
flex-direction: column;
}
.hamburger-nav-holder {
height: 100%;
top: var(--clb-spacer);
display: flex;
align-items: center;
}
.hamburger-nav .menu {
counter-reset: number;
width: 25%;
position: relative;
}
.hamburger-nav .menu li {
color: var(--clb-color-white);
}
.hamburger-nav .menu-blank.-outlined,
.hamburger-nav .lazy-load.-outlined .menu-blank.button:not(.-flat),
.lazy-load.-outlined .hamburger-nav .menu-blank.button:not(.-flat),
.hamburger-nav .pagination:not(.text-center).-outlined .menu-blank.button:not(.-flat),
.pagination:not(.text-center).-outlined .hamburger-nav .menu-blank.button:not(.-flat) {
color: var(--clb-color-white);
}
.hamburger-nav .menu .menu-chevron {
display: none;
}
.hamburger-nav .menu.menu-blank {
width: auto;
margin: 0;
color: var(--clb-color-white);
}
.hamburger-nav .menu .nav-item {
counter-increment: number;
}
.hamburger-nav .menu .nav-item > a::before {
content: "0" counter(number);
display: inline-block;
opacity: 1;
font-weight: var(--clb-text-bold);
width: auto;
vertical-align: top;
line-height: 20px;
font-size: 14px;
position: relative;
height: auto;
background: transparent;
align-self: flex-start;
color: currentColor;
opacity: 0.5;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav .menu .mega-menu-item {
margin: 0;
padding: 5px 50px 5px 0px;
list-style-type: none;
line-height: 1;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav .menu .mega-menu-item > a {
width: 100%;
vertical-align: middle;
font-weight: var(--clb-text-bold);
font-size: 5vh;
font-family: var(--clb-titles-font-family);
display: block;
position: relative;
z-index: 2;
}
.hamburger-nav .menu .mega-menu-item > a:hover,
.hamburger-nav .menu .mega-menu-item > a:focus {
color: inherit;
}
.hamburger-nav .menu .mega-menu-item > a span {
line-height: 1.2;
display: inline-flex;
vertical-align: middle;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav .menu .mega-menu-item .has-submenu-icon:not(:hover) {
transform: translateY(-50%) scale(1) rotate(0deg);
}
.hamburger-nav .menu .mega-menu-item > ul {
width: 100%;
margin: 0;
position: absolute;
top: 0;
left: 100%;
z-index: 1;
visibility: hidden;
opacity: 0;
}
.hamburger-nav .menu .mega-menu-item > ul.visible {
opacity: 1;
visibility: visible;
}
.hamburger-nav .menu .mega-menu-item.active > a span,
.hamburger-nav .menu .mega-menu-item:hover > a span {
opacity: .5;
transform: translateX(1rem);
}
.hamburger-nav .menu .mega-menu-item.active > a::before,
.hamburger-nav .menu .mega-menu-item:hover > a::before {
transform: translateX(1rem);
opacity: 0;
}
.hamburger-nav .menu .mega-menu-item.active > a .ion,
.hamburger-nav .menu .mega-menu-item:hover > a .ion {
color: var(--clb-color-primary);
}
.hamburger-nav .menu .mega-menu-item.active > ul,
.hamburger-nav .menu .mega-menu-item:hover > ul {
opacity: 1;
visibility: visible;
}
.hamburger-nav .menu .mega-menu-item.active > ul > *,
.hamburger-nav .menu .mega-menu-item:hover > ul > * {
transform: none;
visibility: visible;
opacity: 1;
}
.hamburger-nav-details {
font-size: var(--clb-text-size-small);
padding-top: 2rem;
padding-right: 2rem;
flex-wrap: wrap;
color: var(--clb-color-grey);
display: flex;
align-items: flex-start;
}
.hamburger-nav-details .lang-dropdown {
background-color: var(--clb-fill-color);
color: var(--clb-color-white);
width: auto;
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='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.hamburger-nav-details .details-column {
width: 25%;
margin: 1rem 0;
}
.hamburger-nav-details .details-column a {
color: inherit;
}
.hamburger-nav-details .details-column b,
.hamburger-nav-details .details-column .network {
color: var(--clb-color-white);
}
.hamburger-nav:not(.type2):not(.type3) {
padding-left: var(--clb-grid-gutter-4x);
padding-right: var(--clb-grid-gutter-4x);
}
.hamburger-nav:not(.type2):not(.type3) .menu .nav-item > a::before {
margin-right: 0.5rem;
}
.hamburger-nav.type2,
.hamburger-nav.type3 {
display: block;
}
.hamburger-nav.type2 .page-container,
.hamburger-nav.type3 .page-container {
height: 100%;
display: flex;
flex-direction: column;
}
.hamburger-nav.type2 .hamburger-nav-holder,
.hamburger-nav.type3 .hamburger-nav-holder {
overflow-x: hidden;
overflow-y: scroll;
scrollbar-width: none;
justify-content: center;
}
.hamburger-nav.type2 .hamburger-nav-holder::-webkit-scrollbar,
.hamburger-nav.type2 .hamburger-nav-holder::-webkit-scrollbar-thumb,
.hamburger-nav.type3 .hamburger-nav-holder::-webkit-scrollbar,
.hamburger-nav.type3 .hamburger-nav-holder::-webkit-scrollbar-thumb {
visibility: hidden;
}
.hamburger-nav.type2 .menu,
.hamburger-nav.type3 .menu {
min-width: initial;
text-align: center;
width: 40vw;
}
.hamburger-nav.type2 .menu .has-submenu-icon,
.hamburger-nav.type3 .menu .has-submenu-icon {
position: static;
top: 0;
right: 0;
margin-left: -3rem;
transform: translate(100%, 0);
z-index: 1;
}
.hamburger-nav.type2 .menu .has-submenu-icon:not(:hover),
.hamburger-nav.type3 .menu .has-submenu-icon:not(:hover) {
transform: translate(100%, 0);
}
.hamburger-nav.type2 .menu .has-submenu-icon .ion,
.hamburger-nav.type3 .menu .has-submenu-icon .ion {
background-color: transparent;
font-size: 1.25em;
}
.hamburger-nav.type2 .menu li,
.hamburger-nav.type3 .menu li {
padding-right: 0;
white-space: nowrap;
position: relative;
overflow: hidden;
text-transform: uppercase;
}
.hamburger-nav.type2 .menu li > a,
.hamburger-nav.type3 .menu li > a {
position: relative;
width: auto;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.hamburger-nav.type2 .menu li > a span,
.hamburger-nav.type3 .menu li > a span {
padding: 0px 10px;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav.type2 .menu li > a span.cloned,
.hamburger-nav.type3 .menu li > a span.cloned {
position: absolute;
top: 0;
transform: translateY(100%);
opacity: 0;
}
.hamburger-nav.type2 .menu li > a::before,
.hamburger-nav.type3 .menu li > a::before {
position: absolute;
left: -1rem;
}
.hamburger-nav.type2 .menu li > ul,
.hamburger-nav.type3 .menu li > ul {
max-height: 0vh;
overflow: hidden;
position: static;
visibility: visible !important;
opacity: 1 !important;
margin: 0;
align-items: flex-start;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.hamburger-nav.type2 .menu li > ul span,
.hamburger-nav.type3 .menu li > ul span {
font-size: 0.75em;
}
.hamburger-nav.type2 .menu li.active > ul,
.hamburger-nav.type3 .menu li.active > ul {
max-height: 100vh;
margin-top: 20px;
margin-bottom: 20px;
}
.hamburger-nav.type2 .menu li:hover .has-submenu-icon,
.hamburger-nav.type3 .menu li:hover .has-submenu-icon {
transform: translateX(100%);
}
.hamburger-nav.type2 .menu li:hover > a span:not(.cloned),
.hamburger-nav.type3 .menu li:hover > a span:not(.cloned) {
transform: translateY(-110%);
opacity: 0;
}
.hamburger-nav.type2 .menu li:hover > a span.cloned,
.hamburger-nav.type3 .menu li:hover > a span.cloned {
transform: translateY(0);
opacity: .5;
}
.hamburger-nav.type2 .hamburger-nav-details {
justify-content: center;
}
.hamburger-nav.type3 {
padding: 0;
align-items: center;
justify-content: space-between;
flex-direction: row;
}
.hamburger-nav.type3 > .page-container {
flex-direction: row;
align-items: center;
justify-content: center;
}
.hamburger-nav.type3 .hamburger-nav-holder {
width: 75%;
justify-content: flex-start;
}
.hamburger-nav.type3 .menu {
width: 100%;
padding-left: 0;
max-height: 80vh;
}
.hamburger-nav.type3 .menu .mega-menu-item > a {
overflow: hidden;
padding-left: var(--clb-grid-gutter);
font-size: 10vh;
display: flex;
justify-content: flex-start;
}
.hamburger-nav.type3 .menu .mega-menu-item > a span {
line-height: .95;
}
.hamburger-nav.type3 .menu .mega-menu-item > a span.cloned {
width: 100%;
-webkit-text-stroke: 1px currentColor;
-webkit-text-fill-color: transparent;
}
.hamburger-nav.type3 .menu .mega-menu-item > a::before {
left: 0;
}
.hamburger-nav.type3 .hamburger-nav-details {
width: 25%;
height: 100%;
padding-left: var(--clb-spacer);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.hamburger-nav.type3 .hamburger-nav-details .details-column {
width: 100%;
} .header {
background: transparent;
vertical-align: middle;
left: 0;
right: 0;
z-index: 60;
border-color: var(--clb-header-border-color);
}
.header:not(.header-sidebar) {
border-bottom-style: var(--clb-header-border-style);
border-bottom-width: var(--clb-header-border-width);
}
.header.header-sidebar {
border-right-style: var(--clb-header-border-style);
border-right-width: var(--clb-header-border-width);
}
.header.header-sidebar .search-global.fixed {
display: none;
}
.header:not(.-fixed) {
position: absolute;
}
.header-cap {
width: 100%;
height: var(--clb-header-height);
}
.header-wrap {
position: relative;
z-index: 1;
height: var(--clb-header-height);
}
.header-wrap .left-part,
.header-wrap .right-part,
.header-wrap .top-part {
display: flex;
align-items: center;
}
.header-wrap .right-part {
justify-content: flex-end;
}
.header-wrap-inner {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-wrap-inner.vertical-inner {
flex-direction: column;
}
.header-wrap-inner .menu-optional {
display: flex;
align-items: center;
}
.header-wrap:not(.page-container) {
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.header-wrap.wrapped-container {
padding: 0 15px;
}
.header-wrap .top-part {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-wrap .bottom-part {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.header .social-bar {
display: none;
}
.header ul li {
list-style: none;
}
.header .logo-sticky,
.header .logo-mobile,
.header .logo-sticky-mobile {
display: none;
}
.header .desktop-hamburger.-left .hamburger-outer,
.header .mobile-hamburger.-left .hamburger-outer,
.header .top-part-inner.-left .hamburger-outer,
.header .middle-part-inner.-left .hamburger-outer {
padding-right: 0.75rem;
}
.header .desktop-hamburger.-right .hamburger-outer,
.header .mobile-hamburger.-right .hamburger-outer {
padding-left: 0.75rem;
flex-direction: row-reverse;
}
.header.header-2 .header-wrap .top-part:not(.page-container) {
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.header.header-2:not(.-mobile) .header-wrap {
height: var(--clb-header-height-2);
padding: 0;
display: flex;
justify-content: stretch;
flex-direction: column;
}
.header.header-2:not(.-mobile) .header-wrap .left-part,
.header.header-2:not(.-mobile) .header-wrap .right-part {
min-width: 35vw;
}
.header.header-2:not(.-mobile) .header-wrap .top-part.page-container::after {
content: none;
}
.header.header-2:not(.-mobile) .header-wrap .middle-part {
border-top: 1px solid var(--clb-border-color);
}
.header.header-2:not(.-mobile) .header-wrap .bottom-part {
flex-grow: 1;
}
.header.header-2:not(.-mobile) .header-wrap .top-part,
.header.header-2:not(.-mobile) .header-wrap .bottom-part {
height: auto;
padding-top: 1.5vh;
padding-bottom: 1.5vh;
}
.header.header-2:not(.-mobile).-sticky .header-wrap {
height: 17vh;
}
.header.header-2.-mobile .header-wrap {
padding: 0;
}
.header.header-2.-mobile .header-wrap .right-part {
flex-grow: 2;
}
.header.header-2.-mobile .branding + .menu-optional {
flex-grow: 2;
justify-content: flex-end;
}
.header.header-3:not(.-mobile) .nav {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.header.header-4 .left-part {
display: flex;
align-items: center;
}
.header.header-4 .left-part .desktop-hamburger {
margin-right: 1rem;
}
.header.header-4 .left-part .menu-optional > li:first-child {
padding-left: 0;
}
.header.header-4:not(.-mobile) {
opacity: 0;
transition-duration: var(--clb-transition-duration);
transition-timing-function: var(--clb-transition-function);
transition-property: opacity;
}
.header.header-4:not(.-mobile) .branding {
z-index: 11;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header.header-4:not(.-mobile) .branding-title {
width: auto;
padding: 0 30px;
}
.header.header-4:not(.-mobile) .top-part {
height: 100%;
position: relative;
}
.header.header-4:not(.-mobile) .top-part .nav {
position: absolute;
}
.header.header-4:not(.-mobile) .top-part.page-container::after {
display: none;
}
.header.header-5:not(.-mobile) {
width: var(--clb-header-height-5);
min-height: 100%;
position: fixed;
top: 0;
left: 0;
padding: 0;
}
.header.header-5:not(.-mobile) .header-wrap {
height: 100vh;
padding-bottom: var(--clb-spacer);
}
.header.header-5:not(.-mobile) .header-wrap .top-part {
min-height: var(--clb-header-height);
justify-content: flex-start;
}
.header.header-5:not(.-mobile) .header-wrap .bottom-part {
justify-content: flex-start;
}
.header.header-5:not(.-mobile) .middle-part,
.header.header-5:not(.-mobile) .mobile-overlay {
width: 100%;
}
.header.header-5:not(.-mobile) .menu {
width: 100%;
flex-direction: column;
}
.header.header-5:not(.-mobile) .menu li {
font-size: var(--clb-text-size-large);
font-weight: var(--clb-text-semi-bold);
width: 100%;
}
.header.header-5:not(.-mobile) .menu li a {
width: 100%;
padding-top: 0.45rem;
padding-bottom: 0.45rem;
}
.header.header-5:not(.-mobile) .menu li .sub-menu {
margin-left: var(--clb-spacer);
padding-left: var(--clb-spacer);
}
.header.header-5:not(.-mobile) .menu li .sub-menu,
.header.header-5:not(.-mobile) .menu li .sub-menu .sub-sub-menu {
box-shadow: none;
background: transparent;
}
.header.header-5:not(.-mobile) .menu li > ul {
box-shadow: none;
min-width: var(--clb-header-height-5);
position: absolute;
top: 0;
left: 100%;
color: var(--clb-color-white);
background-color: transparent;
padding: 0;
transform: none;
}
.header.header-5:not(.-mobile) .menu li > ul li {
transition-duration: var(--clb-transition-duration);
}
.header.header-5:not(.-mobile) .menu li:hover > ul,
.header.header-5:not(.-mobile) .menu li:hover > ul > *,
.header.header-5:not(.-mobile) .menu li:hover::after {
transform: translateX(0);
visibility: visible;
opacity: 1;
}
.header.header-5:not(.-mobile) .menu > .nav-item > a {
padding-left: 0;
padding-right: 0;
}
.header.header-5:not(.-mobile) .menu > .nav-item.has-submenu .menu-plus {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.header.header-5:not(.-mobile) .menu > .nav-item.has-submenu .menu-chevron {
display: none;
}
.header.header-5:not(.-mobile) .menu > .nav-item::after {
content: "";
height: 100vh;
position: fixed;
left: var(--clb-header-height-5);
right: 0;
top: 0;
z-index: -1;
pointer-events: none;
visibility: hidden;
opacity: 0;
background-color: color-mix(in srgb, var(--clb-color-overlay) 99%, transparent);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.header.header-5:not(.-mobile) .menu-optional {
position: relative;
flex-direction: column;
justify-content: flex-end;
}
.header.header-5:not(.-mobile) .menu-optional .cart-button {
flex-direction: row-reverse;
justify-content: flex-end;
}
.header.header-5:not(.-mobile) .menu-optional > li {
width: 100%;
}
.header.header-5:not(.-mobile) .menu-optional > li,
.header.header-5:not(.-mobile) .menu-optional > li:first-child {
padding-left: 0;
}
.header.header-5:not(.-mobile) .menu-optional > li .cart-mini {
top: auto;
bottom: var(--clb-spacer);
right: auto;
left: 0;
margin-left: var(--clb-spacer);
margin-bottom: calc(var(--clb-circle) + 30px);
position: fixed;
}
.header.header-6:not(.-mobile) .branding {
padding: 0 0.75rem;
white-space: nowrap;
min-width: 25vh;
justify-content: flex-end;
}
.header.header-7 .branding {
white-space: nowrap;
}
.header.header-7:not(.-mobile) .header-wrap-inner {
align-items: center;
}
.header.header-7:not(.-mobile) .branding {
top: 0;
}
.header.header-7:not(.-mobile) .middle-part {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.header.header-7:not(.-mobile) .middle-part .hamburger-outer {
padding-left: 0.75rem;
padding-right: unset;
transform: rotate(-90deg);
flex-direction: row-reverse;
}
.header.header-7:not(.-mobile) .middle-part .hamburger-outer > .hamburger {
transform: rotate(90deg);
}
.header.header-7.-mobile .top-part {
order: 2;
}
.header.header-7.-mobile .middle-part {
order: 1;
}
.header.header-7.-mobile .bottom-part {
order: 3;
}
.header:not(.-mobile).header-5,
.header:not(.-mobile).header-6,
.header:not(.-mobile).header-7 {
border-right-width: 1px;
}
.header:not(.-mobile).header-6,
.header:not(.-mobile).header-7 {
width: var(--clb-header-height-6);
position: fixed;
left: 0;
top: 0;
height: 100%;
}
.header:not(.-mobile).header-6.-sticky .header-wrap,
.header:not(.-mobile).header-7.-sticky .header-wrap {
height: 100%;
}
.header:not(.-mobile).header-6 .header-wrap,
.header:not(.-mobile).header-7 .header-wrap {
height: 100%;
}
.header:not(.-mobile).header-6 .vertical-inner,
.header:not(.-mobile).header-7 .vertical-inner {
padding-top: var(--clb-spacer);
padding-bottom: var(--clb-spacer);
}
.header:not(.-mobile).header-6 .header-wrap,
.header:not(.-mobile).header-7 .header-wrap {
padding: 0;
}
.header:not(.-mobile).header-6 ~ .hamburger-nav.split,
.header:not(.-mobile).header-7 ~ .hamburger-nav.split {
left: 80px;
z-index: 100;
}
.header:not(.-mobile).header-6 .cart-mini,
.header:not(.-mobile).header-7 .cart-mini {
top: auto;
right: auto;
left: 0;
bottom: -3.25rem;
margin-bottom: var(--clb-spacer);
position: fixed;
transform-origin: left bottom;
transform: rotate(90deg) translate(0%, 0%);
}
.header:not(.-mobile).header-6 .menu,
.header:not(.-mobile).header-7 .menu {
display: none;
}
.header:not(.-mobile).header-6 .top-part,
.header:not(.-mobile).header-7 .top-part {
align-items: flex-start;
}
.header:not(.-mobile).header-6 .top-part-inner,
.header:not(.-mobile).header-7 .top-part-inner {
width: 100%;
height: var(--clb-header-height-6);
transform-origin: right top;
transform: rotate(-90deg) translate(0%, -100%);
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.header:not(.-mobile).header-6 .top-part .hamburger,
.header:not(.-mobile).header-7 .top-part .hamburger {
transform: rotate(90deg);
}
.header:not(.-mobile).header-6 .top-part .hamburger-outer,
.header:not(.-mobile).header-7 .top-part .hamburger-outer {
padding-left: 0.75rem;
flex-direction: row-reverse;
}
.header:not(.-mobile).header-6 .top-part .menu-blank,
.header:not(.-mobile).header-7 .top-part .menu-blank {
display: none;
}
.header:not(.-mobile).header-6 .bottom-part,
.header:not(.-mobile).header-7 .bottom-part {
height: auto;
position: relative;
justify-content: flex-start;
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional,
.header:not(.-mobile).header-7 .bottom-part .menu-optional {
height: var(--clb-header-height-6);
transform-origin: left bottom;
transform: rotate(-90deg) translate(0%, 100%);
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional > li:first-child,
.header:not(.-mobile).header-7 .bottom-part .menu-optional > li:first-child {
padding-left: 0;
padding-right: 0;
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional > .button-group,
.header:not(.-mobile).header-7 .bottom-part .menu-optional > .button-group {
margin-right: var(--clb-gap);
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional > .button-group .button,
.header:not(.-mobile).header-7 .bottom-part .menu-optional > .button-group .button {
white-space: nowrap;
transition-property: background-color, color;
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional .lang-dropdown,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .lang-dropdown {
margin-right: 1rem;
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional .cart-button,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .cart-button {
flex-direction: row-reverse;
}
.header:not(.-mobile).extended-menu .hamburger {
display: none;
}
.header:not(.-mobile).hamburger-position-right .left-part .hamburger,
.header:not(.-mobile).hamburger-position-right .menu-optional-left .hamburger,
.header:not(.-mobile).hamburger-position-right .top-part .hamburger {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.header:not(.-mobile).hamburger-position-right .right-part .hamburger,
.header:not(.-mobile).hamburger-position-right .menu-optional-right .hamburger,
.header:not(.-mobile).hamburger-position-right .bottom-part .hamburger {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.header:not(.-mobile).hamburger-position-left .right-part .hamburger,
.header:not(.-mobile).hamburger-position-left .menu-optional-right .hamburger,
.header:not(.-mobile).hamburger-position-left .bottom-part .hamburger {
display: none;
}
.header:not(.-mobile).hamburger-position-left .left-part .hamburger,
.header:not(.-mobile).hamburger-position-left .menu-optional-left .hamburger,
.header:not(.-mobile).hamburger-position-left .top-part .hamburger {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.header.-mobile .social-bar {
display: flex;
}
.header.-mobile .search-global.-mobile-visible {
position: initial;
background-color: initial;
}
.header.-mobile.header-5 .header-wrap-inner,
.header.-mobile.header-6 .header-wrap-inner,
.header.-mobile.header-7 .header-wrap-inner {
flex-direction: row;
}
.header.-mobile.header-5 .header-wrap-inner .top-part,
.header.-mobile.header-5 .header-wrap-inner .middle-part,
.header.-mobile.header-6 .header-wrap-inner .top-part,
.header.-mobile.header-6 .header-wrap-inner .middle-part,
.header.-mobile.header-7 .header-wrap-inner .top-part,
.header.-mobile.header-7 .header-wrap-inner .middle-part {
align-items: center;
justify-content: flex-start;
}
.header.-mobile.header-5 .header-wrap-inner .middle-part,
.header.-mobile.header-6 .header-wrap-inner .middle-part,
.header.-mobile.header-7 .header-wrap-inner .middle-part {
display: flex;
}
.header.-mobile.header-5 .header-wrap-inner .bottom-part,
.header.-mobile.header-6 .header-wrap-inner .bottom-part,
.header.-mobile.header-7 .header-wrap-inner .bottom-part {
justify-content: flex-end;
}
.header.-mobile.header-6 .top-part-inner,
.header.-mobile.header-6 .middle-part-inner,
.header.-mobile.header-7 .top-part-inner,
.header.-mobile.header-7 .middle-part-inner {
display: flex;
}
.header.-sticky {
background-color: var(--clb-color-white);
border-color: var(--clb-sticky-header-border-color);
border-bottom-style: var(--clb-sticky-header-border-style);
border-bottom-width: var(--clb-header-border-width);
position: fixed;
top: 0;
}
.header.-sticky:not(.-fixed) {
transform: translate3d(0, -100%, 0);
opacity: 0;
visibility: hidden;
}
.header.-sticky:not(.-fixed) .header-wrap {
height: var(--clb-sticky-header-height);
}
.header.-sticky.showed {
opacity: 1;
visibility: visible;
transform: none;
z-index: 1000;
transition-delay: 0.2s;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.header.-sticky.with-header-cap {
margin: 0;
}
.header.-sticky .branding img {
min-height: 38px;
max-height: 4.5vh;
}
.header.-fixed {
position: fixed;
}
.branding {
position: relative;
display: flex;
align-items: center;
}
.branding-title {
font-weight: var(--clb-text-bold);
font-size: 1.4em;
}
.branding-title .light {
color: var(--clb-color-white);
}
.branding:hover {
opacity: .65;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.branding .logo:hover img,
.branding .logo-mobile:hover img,
.branding .logo-dynamic:hover img {
transform: none;
}
.branding .logo img,
.branding .logo-mobile img,
.branding .logo-dynamic img {
min-height: 42px;
max-height: 66px;
display: flex;
}
.branding .logo-sticky {
display: none;
}
:not(.is-mobile-menu).with-header-2 .header-cap {
height: var(--clb-header-height-2);
}
:not(.is-mobile-menu).with-header-5.with-spacer .site-content,
:not(.is-mobile-menu).with-header-5.with-spacer [data-vc-stretch-content],
:not(.is-mobile-menu).with-header-5.with-spacer .elementor-section-stretched {
padding-left: var(--clb-header-height-5);
}
:not(.is-mobile-menu).with-header-5.with-spacer .site-footer {
margin-left: var(--clb-header-height-5);
}
:not(.is-mobile-menu).with-header-5 .subheader,
:not(.is-mobile-menu).with-header-5 .elements-bar.left,
:not(.is-mobile-menu).with-header-5 .search-global.fixed,
:not(.is-mobile-menu).with-header-5 .scroll-bar-container,
:not(.is-mobile-menu).with-header-5 .back-link {
margin-left: var(--clb-header-height-5);
}
:not(.is-mobile-menu).with-header-5 .notification .alert {
margin-left: calc(var(--clb-header-height-5) / 2);
}
:not(.is-mobile-menu).with-header-7 .hamburger-nav:not(.type2):not(.type3) {
padding-left: var(--clb-header-height);
}
:not(.is-mobile-menu).with-header-7 .hamburger-nav .close-bar {
justify-content: center;
}
:not(.is-mobile-menu).with-header-6.with-spacer .site-content,
:not(.is-mobile-menu).with-header-6.with-spacer [data-vc-stretch-content],
:not(.is-mobile-menu).with-header-6.with-spacer .elementor-section-stretched,
:not(.is-mobile-menu).with-header-7.with-spacer .site-content,
:not(.is-mobile-menu).with-header-7.with-spacer [data-vc-stretch-content],
:not(.is-mobile-menu).with-header-7.with-spacer .elementor-section-stretched {
padding-left: var(--clb-header-height-6);
}
:not(.is-mobile-menu).with-header-6.with-spacer .site-footer,
:not(.is-mobile-menu).with-header-7.with-spacer .site-footer {
margin-left: var(--clb-header-height-6);
}
:not(.is-mobile-menu).with-header-6 .hamburger-nav .close-bar,
:not(.is-mobile-menu).with-header-7 .hamburger-nav .close-bar {
width: 100vh;
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
height: var(--clb-header-height-6);
transform-origin: left top;
transform: rotate(90deg) translate(0, -100%);
}
:not(.is-mobile-menu).with-header-6 .subheader,
:not(.is-mobile-menu).with-header-6 .elements-bar.left,
:not(.is-mobile-menu).with-header-6 .search-global.fixed,
:not(.is-mobile-menu).with-header-6 .scroll-bar-container,
:not(.is-mobile-menu).with-header-6 .back-link,
:not(.is-mobile-menu).with-header-7 .subheader,
:not(.is-mobile-menu).with-header-7 .elements-bar.left,
:not(.is-mobile-menu).with-header-7 .search-global.fixed,
:not(.is-mobile-menu).with-header-7 .scroll-bar-container,
:not(.is-mobile-menu).with-header-7 .back-link {
margin-left: var(--clb-header-height-6);
}
:not(.is-mobile-menu).with-header-6 .notification .alert,
:not(.is-mobile-menu).with-header-7 .notification .alert {
margin-left: calc(var(--clb-header-height-6) / 2);
}
:not(.is-mobile-menu).with-header-6 .search-global.fixed,
:not(.is-mobile-menu).with-header-7 .search-global.fixed {
bottom: var(--clb-spacer);
}
:not(.is-mobile-menu).with-header-5 .header-cap,
:not(.is-mobile-menu).with-header-6 .header-cap,
:not(.is-mobile-menu).with-header-7 .header-cap {
display: none;
}
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-5,
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-6,
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .header-7,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-5,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-6,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .header-7,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-5,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-6,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .header-7 {
display: none;
}
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .site-content,
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .site-footer,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .site-content,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .site-footer,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .site-content,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .site-footer {
margin-left: 0;
}
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] [data-vc-stretch-content],
:not(.is-mobile-menu).with-header-5[data-elementor-device-mode=mobile] .elementor-section-stretched,
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] [data-vc-stretch-content],
:not(.is-mobile-menu).with-header-6[data-elementor-device-mode=mobile] .elementor-section-stretched,
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] [data-vc-stretch-content],
:not(.is-mobile-menu).with-header-7[data-elementor-device-mode=mobile] .elementor-section-stretched {
padding-left: 0;
}
.is-mobile-menu .hamburger-nav {
display: none;
}
.is-mobile-menu .header {
opacity: 1;
}
.is-mobile-menu .mobile-hamburger {
min-width: var(--clb-circle);
}
.is-mobile-menu .mobile-hamburger.-left {
margin-right: 0.75rem;
}
.is-mobile-menu .mobile-hamburger.-right {
margin-left: 0.75rem;
}
.elementor-html .header:not(.header-5):not(.header-6):not(.header-7),
.vc_editor .header:not(.header-5):not(.header-6):not(.header-7) {
z-index: 0;
}
.slider-with-bullets .elements-bar.right,
.slider-with-bullets .clb-slider:not(.-slider-lightbox) .clb-slider-nav-btn,
.slider-with-bullets .portfolio-onepage-slider .clb-slider-nav-btn {
margin-right: var(--clb-bullets-spacer);
}
.slider-with-bullets:not(.slider-with-bullets-type5) .sticky-nav {
margin-right: var(--clb-bullets-spacer);
}
.slider-with-bullets:not(.slider-with-bullets-type8) .header {
margin-right: var(--clb-bullets-spacer);
}
.admin-bar .clb-popup:not(.project-lightbox):not(.clb-gallery-lightbox),
.admin-bar .-sticky:not(.-mobile),
.admin-bar .header-5:not(.-mobile) .top-part,
.admin-bar .header-6:not(.-mobile) .top-part,
.admin-bar .header-7:not(.-mobile) .top-part,
.admin-bar .header-7:not(.-mobile) .middle-part {
margin-top: var(--clb-admin-bar-height);
}
.admin-bar:not(.with-header-sidebar) .back-link {
margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height));
}
.admin-bar:not(.with-header-sidebar).with-subheader .back-link {
margin-top: calc(var(--clb-header-height) + var(--clb-admin-bar-height) + var(--clb-subheader-height));
}
.admin-bar.with-header-sidebar .back-link {
margin-top: var(--clb-admin-bar-height);
}
.subheader {
background-color: var(--clb-fill-color);
vertical-align: middle;
cursor: var(--clb-cursor-default);
position: relative;
font-size: 0.85em;
z-index: 10;
}
.subheader,
.subheader a {
color: var(--clb-color-grey);
}
.subheader .page-container {
padding-top: 8px;
padding-bottom: 8px;
min-height: var(--clb-subheader-height);
display: flex;
align-items: center;
justify-content: space-between;
}
.subheader .page-container.-full-w {
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.subheader .page-container:after {
display: none;
}
.subheader ul,
.subheader ul li {
display: flex;
align-items: center;
}
.subheader ul.-left > li:not(:last-child)::after,
.subheader ul.-right > li:not(:last-child)::after {
content: "";
height: 1rem;
width: 1px;
background-color: var(--clb-color-grey);
margin: 0px 0.5rem;
display: block;
}
.subheader ul.-right,
.subheader ul.-right li {
flex-direction: row-reverse;
} .site-footer {
background-color: color-mix(in srgb, var(--clb-fill-color) 75%, transparent);
}
.site-footer .widgets {
padding-top: var(--clb-grid-gutter-5x);
padding-bottom: var(--clb-grid-gutter-5x);
}
.site-footer .widgets p {
margin-top: 0;
}
.site-footer-copyright {
font-size: var(--clb-text-size-small);
}
.site-footer-copyright .holder {
padding-top: var(--clb-spacer);
padding-bottom: var(--clb-spacer);
}
.site-footer-copyright .holder:not(.-center) {
display: flex;
justify-content: space-between;
}
.site-footer .page-container + .site-footer-copyright .holder {
border-top: 1px solid var(--clb-border-color);
}
.site-footer .page-container.-full-w {
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.site-footer .page-container > .holder {
padding: 1rem 0px;
min-width: 100%;
}
.site-footer .page-container > .holder .-left-bar,
.site-footer .page-container > .holder .-right-bar {
height: var(--clb-color-switcher-height);
display: flex;
align-items: center;
}
.site-footer .page-container > .holder .-left-bar .color-switcher,
.site-footer .page-container > .holder .-right-bar .color-switcher {
left: unset;
}
.site-footer .page-container > .holder .-right-bar {
justify-content: flex-end;
}
.site-footer .page-container > .holder .-right-bar .color-switcher {
margin-left: var(--clb-grid-gutter);
}  .alert,
#yith-wcwl-popup-message {
background-color: var(--clb-fill-color);
padding: 1rem var(--clb-grid-gutter);
gap: var(--clb-gap);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: space-between;
border-radius: var(--clb-border-radius);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.alert .icon-button,
#yith-wcwl-popup-message .icon-button {
color: inherit;
margin: -0.65rem -0.65rem -0.65rem 0;
}
.alert a,
#yith-wcwl-popup-message a {
color: var(--clb-body-color);
}
.alert.-block,
#yith-wcwl-popup-message.-block {
display: flex;
}
.alert.-success,
#yith-wcwl-popup-message.-success {
background-color: color-mix(in srgb, var(--clb-color-success) 15%, transparent);
}
.alert.-success,
.alert.-success a,
#yith-wcwl-popup-message.-success,
#yith-wcwl-popup-message.-success a {
color: var(--clb-color-success);
}
.alert.-warning,
#yith-wcwl-popup-message.-warning {
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
}
.alert.-warning,
.alert.-warning a,
#yith-wcwl-popup-message.-warning,
#yith-wcwl-popup-message.-warning a {
color: var(--clb-color-warning);
}
.alert.-danger,
#yith-wcwl-popup-message.-danger {
background-color: color-mix(in srgb, var(--clb-color-danger) 15%, transparent);
}
.alert.-danger,
.alert.-danger a,
#yith-wcwl-popup-message.-danger,
#yith-wcwl-popup-message.-danger a {
color: var(--clb-color-danger);
}
.alert.-small,
#yith-wcwl-popup-message.-small {
padding: 0.75rem 1rem;
font-size: var(--clb-text-size-small);
line-height: var(--clb-text-line-heigth-small);
}
.alert.-large,
#yith-wcwl-popup-message.-large {
padding: 1.25rem 1.5rem;
font-size: var(--clb-text-size-large);
}
.alert.-fixed,
#yith-wcwl-popup-message.-fixed {
position: fixed;
transform: translateX(-50%);
left: 50%;
bottom: var(--clb-spacer);
z-index: 50;
box-shadow: 0px 5px 10px 0px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
}
.alert.-fixed.ajax-cart-response,
#yith-wcwl-popup-message.-fixed.ajax-cart-response {
z-index: 51;
}
.alert.-fixed a,
#yith-wcwl-popup-message.-fixed a {
font-weight: var(--clb-text-semi-bold);
}
.alert.-fixed.-success,
#yith-wcwl-popup-message.-fixed.-success {
background-color: color-mix(in srgb, var(--clb-color-success) 15%, white);
}
.alert.-fixed.-danger,
#yith-wcwl-popup-message.-fixed.-danger {
background-color: color-mix(in srgb, var(--clb-color-danger) 15%, white);
}
.alert.-with-shadow,
#yith-wcwl-popup-message.-with-shadow {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.alert-message,
#yith-wcwl-popup-message-message {
text-align: left;
flex-grow: 2;
gap: var(--clb-gap-small);
}
.alert-message .icon,
#yith-wcwl-popup-message-message .icon {
vertical-align: middle;
margin-top: -2px;
}
.alert-message img,
#yith-wcwl-popup-message-message img {
max-height: 1.5rem;
} .author-details {
margin-top: var(--clb-gap-small);
font-size: var(--clb-text-size-small);
} .avatar {
background-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
width: var(--clb-circle);
height: var(--clb-circle);
position: relative;
overflow: hidden;
background-size: cover;
background-position: center;
border-radius: 100%;
}
.avatar > img.avatar {
max-width: 100%;
width: 100%;
height: auto;
}
.avatar.jetpack-lazy-image {
display: none;
}
.avatar::after {
content: "";
height: 100%;
width: 100%;
z-index: 1;
top: 0;
left: 0;
content: "";
display: block;
position: absolute;
border-radius: 100%;
box-shadow: inset 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}
.avatar.-small {
width: var(--clb-circle-small);
height: var(--clb-circle-small);
}
.avatar.-large {
width: var(--clb-circle-large);
height: var(--clb-circle-large);
} .badge,
.tag,
.tagcloud > a,
.wp-block-tag-cloud > a,
.testimonial-headline > b {
font-weight: var(--clb-text-medium);
gap: var(--clb-gap-small);
padding: 0.35rem 0.65rem;
line-height: 1;
min-height: 1.625rem;
font-size: var(--clb-text-size-caption);
border-radius: var(--clb-border-radius);
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.badge.-primary {
background-color: var(--clb-color-primary);
}
.badge:not(.-outlined) {
color: var(--clb-color-white);
}
.badge:not(.-primary):not(.-outlined) {
background-color: var(--clb-color-black-light);
}
.badge.-outlined,
.lazy-load.-outlined .badge.button:not(.-flat),
.pagination:not(.text-center).-outlined .badge.button:not(.-flat) {
padding: 0.25rem 0.55rem;
border: 2px solid currentColor;
}
.badge.-pill {
margin-bottom: 0.75rem;
border-radius: 0.8rem;
}
.badge.-pill.-inverse {
color: var(--clb-color-white);
}
.badge.-pill > svg {
fill: currentColor;
margin-right: 0.25rem;
}
.tag,
.tagcloud > a,
.wp-block-tag-cloud > a,
.testimonial-headline > b {
background: color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.tag > a,
.tagcloud > a > a,
.wp-block-tag-cloud > a > a,
.testimonial-headline > b > a {
background-image: none !important;
}
.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock).active,
.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover,
.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus,
.tag:not(.tag-sale):not(.in-stock):not(.out-of-stock):active,
.tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock).active,
.tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover,
.tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus,
.tagcloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):active,
.wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock).active,
.wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover,
.wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus,
.wp-block-tag-cloud > a:not(.tag-sale):not(.in-stock):not(.out-of-stock):active,
.testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock).active,
.testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock):hover,
.testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock):focus,
.testimonial-headline > b:not(.tag-sale):not(.in-stock):not(.out-of-stock):active {
background: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
}
.tag.tag-sale,
.tagcloud > a.tag-sale,
.wp-block-tag-cloud > a.tag-sale,
.testimonial-headline > b.tag-sale {
background-color: var(--clb-color-primary);
color: var(--clb-color-white);
} .breadcrumb {
width: 100%;
min-height: var(--clb-button-height-small);
flex-wrap: wrap;
display: flex;
justify-content: flex-start;
align-items: center;
}
.breadcrumb-holder {
flex-grow: 2;
font-size: var(--clb-text-size-small);
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.breadcrumb-item {
font-size: var(--clb-text-size-small);
font-weight: var(--clb-text-semi-bold);
}
.breadcrumb-item span.active {
font-weight: var(--clb-body-font-weight);
}
.breadcrumb-item svg {
margin: 0 0.4rem;
fill: currentColor;
}
.post-type-archive-product .breadcrumbs-container.vc_col-lg-push-2 {
left: auto;
width: 100%;
} .btn,
.button,
a.button,
.added_to_cart,
button[type="submit"],
input[type="submit"] {
background-color: var(--clb-button-color);
font-family: var(--clb-action-font-family);
font-size: var(--clb-action-font-size);
font-weight: var(--clb-action-font-weight);
min-height: var(--clb-button-height);
padding: 0 var(--clb-button-side-padding);
gap: var(--clb-gap);
cursor: var(--clb-cursor-pointer);
border: 2px solid transparent;
white-space: nowrap;
background-image: none !important;
display: inline-flex;
vertical-align: middle;
align-items: center;
border-radius: var(--clb-button-border-radius);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
justify-content: center;
transition-property: background-color, color, border-color, box-shadow;
}
.btn.aos-animate,
.button.aos-animate,
a.button.aos-animate,
.added_to_cart.aos-animate,
button[type="submit"].aos-animate,
input[type="submit"].aos-animate {
transition-delay: 0s !important;
}
.btn svg,
.button svg,
a.button svg,
.added_to_cart svg,
button[type="submit"] svg,
input[type="submit"] svg {
fill: currentColor;
}
.btn > img.icon,
.button > img.icon,
a.button > img.icon,
.added_to_cart > img.icon,
button[type="submit"] > img.icon,
input[type="submit"] > img.icon {
max-height: 1.25em;
}
.btn > .spinner,
.button > .spinner,
a.button > .spinner,
.added_to_cart > .spinner,
button[type="submit"] > .spinner,
input[type="submit"] > .spinner {
color: currentColor;
}
.btn.-block,
.button.-block,
a.button.-block,
.added_to_cart.-block,
button[type="submit"].-block,
input[type="submit"].-block {
display: flex;
align-items: center;
}
.btn:not(.-outlined):not(.-flat):not(.-text):not(.-pagination),
.button:not(.-outlined):not(.-flat):not(.-text):not(.-pagination),
a.button:not(.-outlined):not(.-flat):not(.-text):not(.-pagination),
.added_to_cart:not(.-outlined):not(.-flat):not(.-text):not(.-pagination),
button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-pagination),
input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-pagination) {
color: var(--clb-color-white);
}
.btn:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover,
.btn:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active,
.btn:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus,
.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover,
.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active,
.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus,
a.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover,
a.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active,
a.button:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus,
.added_to_cart:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover,
.added_to_cart:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active,
.added_to_cart:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus,
button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover,
button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active,
button[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus,
input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):hover,
input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):active,
input[type="submit"]:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type=submit]):focus {
background-color: var(--clb-button-hover-color);
color: var(--clb-color-white);
}
.btn.-with-shadow:not(.-flat),
.btn.-with-shadow.-flat:hover,
.button.-with-shadow:not(.-flat),
.button.-with-shadow.-flat:hover,
a.button.-with-shadow:not(.-flat),
a.button.-with-shadow.-flat:hover,
.added_to_cart.-with-shadow:not(.-flat),
.added_to_cart.-with-shadow.-flat:hover,
button[type="submit"].-with-shadow:not(.-flat),
button[type="submit"].-with-shadow.-flat:hover,
input[type="submit"].-with-shadow:not(.-flat),
input[type="submit"].-with-shadow.-flat:hover {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.btn.-outlined,
.lazy-load.-outlined .btn.button:not(.-flat),
.pagination:not(.text-center).-outlined .btn.button:not(.-flat),
.button.-outlined,
.lazy-load.-outlined .button:not(.-flat),
.pagination:not(.text-center).-outlined .button:not(.-flat),
a.button.-outlined,
.lazy-load.-outlined a.button:not(.-flat),
.pagination:not(.text-center).-outlined a.button:not(.-flat),
.added_to_cart.-outlined,
.lazy-load.-outlined .added_to_cart.button:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.button:not(.-flat),
button[type="submit"].-outlined,
.lazy-load.-outlined button.button[type="submit"]:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-flat),
input[type="submit"].-outlined,
.lazy-load.-outlined input.button[type="submit"]:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-flat) {
background-color: transparent;
border-color: currentColor;
}
.btn.-outlined:not(.-pagination):hover,
.lazy-load.-outlined .btn.button:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined .btn.button:not(.-pagination):hover:not(.-flat),
.btn.-outlined:not(.-pagination):active,
.lazy-load.-outlined .btn.button:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined .btn.button:not(.-pagination):active:not(.-flat),
.btn.-outlined:not(.-pagination):focus,
.lazy-load.-outlined .btn.button:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined .btn.button:not(.-pagination):focus:not(.-flat),
.button.-outlined:not(.-pagination):hover,
.lazy-load.-outlined .button:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined .button:not(.-pagination):hover:not(.-flat),
.button.-outlined:not(.-pagination):active,
.lazy-load.-outlined .button:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined .button:not(.-pagination):active:not(.-flat),
.button.-outlined:not(.-pagination):focus,
.lazy-load.-outlined .button:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined .button:not(.-pagination):focus:not(.-flat),
a.button.-outlined:not(.-pagination):hover,
.lazy-load.-outlined a.button:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined a.button:not(.-pagination):hover:not(.-flat),
a.button.-outlined:not(.-pagination):active,
.lazy-load.-outlined a.button:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined a.button:not(.-pagination):active:not(.-flat),
a.button.-outlined:not(.-pagination):focus,
.lazy-load.-outlined a.button:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined a.button:not(.-pagination):focus:not(.-flat),
.added_to_cart.-outlined:not(.-pagination):hover,
.lazy-load.-outlined .added_to_cart.button:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):hover:not(.-flat),
.added_to_cart.-outlined:not(.-pagination):active,
.lazy-load.-outlined .added_to_cart.button:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):active:not(.-flat),
.added_to_cart.-outlined:not(.-pagination):focus,
.lazy-load.-outlined .added_to_cart.button:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):focus:not(.-flat),
button[type="submit"].-outlined:not(.-pagination):hover,
.lazy-load.-outlined button.button[type="submit"]:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):hover:not(.-flat),
button[type="submit"].-outlined:not(.-pagination):active,
.lazy-load.-outlined button.button[type="submit"]:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):active:not(.-flat),
button[type="submit"].-outlined:not(.-pagination):focus,
.lazy-load.-outlined button.button[type="submit"]:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):focus:not(.-flat),
input[type="submit"].-outlined:not(.-pagination):hover,
.lazy-load.-outlined input.button[type="submit"]:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):hover:not(.-flat),
input[type="submit"].-outlined:not(.-pagination):active,
.lazy-load.-outlined input.button[type="submit"]:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):active:not(.-flat),
input[type="submit"].-outlined:not(.-pagination):focus,
.lazy-load.-outlined input.button[type="submit"]:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):focus:not(.-flat) {
border-color: currentColor;
}
.btn.-text,
.button.-text,
a.button.-text,
.added_to_cart.-text,
button[type="submit"].-text,
input[type="submit"].-text {
background-color: transparent;
border: none;
padding: 0;
min-height: initial;
transition-delay: 0s !important;
font-size: 1em;
border-radius: var(--clb-button-border-radius-small);
box-shadow: 0 0 0 0.6rem transparent;
}
.btn.-text:hover,
.btn.-text:active,
.btn.-text:focus,
.button.-text:hover,
.button.-text:active,
.button.-text:focus,
a.button.-text:hover,
a.button.-text:active,
a.button.-text:focus,
.added_to_cart.-text:hover,
.added_to_cart.-text:active,
.added_to_cart.-text:focus,
button[type="submit"].-text:hover,
button[type="submit"].-text:active,
button[type="submit"].-text:focus,
input[type="submit"].-text:hover,
input[type="submit"].-text:active,
input[type="submit"].-text:focus {
background-color: var(--clb-fill-color);
box-shadow: 0 0 0 0.6rem var(--clb-fill-color);
}
.btn.-flat,
.button.-flat,
a.button.-flat,
.added_to_cart.-flat,
button[type="submit"].-flat,
input[type="submit"].-flat {
background-color: transparent;
border: none;
}
.btn.-flat:hover,
.btn.-flat:active,
.btn.-flat:focus,
.button.-flat:hover,
.button.-flat:active,
.button.-flat:focus,
a.button.-flat:hover,
a.button.-flat:active,
a.button.-flat:focus,
.added_to_cart.-flat:hover,
.added_to_cart.-flat:active,
.added_to_cart.-flat:focus,
button[type="submit"].-flat:hover,
button[type="submit"].-flat:active,
button[type="submit"].-flat:focus,
input[type="submit"].-flat:hover,
input[type="submit"].-flat:active,
input[type="submit"].-flat:focus {
background-color: var(--clb-fill-color);
}
.btn.-outlined,
.lazy-load.-outlined .btn.button:not(.-flat),
.pagination:not(.text-center).-outlined .btn.button:not(.-flat),
.btn.-text,
.btn.-flat,
.button.-outlined,
.lazy-load.-outlined .button:not(.-flat),
.pagination:not(.text-center).-outlined .button:not(.-flat),
.button.-text,
.button.-flat,
a.button.-outlined,
.lazy-load.-outlined a.button:not(.-flat),
.pagination:not(.text-center).-outlined a.button:not(.-flat),
a.button.-text,
a.button.-flat,
.added_to_cart.-outlined,
.lazy-load.-outlined .added_to_cart.button:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.button:not(.-flat),
.added_to_cart.-text,
.added_to_cart.-flat,
button[type="submit"].-outlined,
.lazy-load.-outlined button.button[type="submit"]:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-flat),
button[type="submit"].-text,
button[type="submit"].-flat,
input[type="submit"].-outlined,
.lazy-load.-outlined input.button[type="submit"]:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-flat),
input[type="submit"].-text,
input[type="submit"].-flat {
color: var(--clb-button-color);
}
.btn.-outlined:not(.-pagination):hover,
.lazy-load.-outlined .btn.button:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined .btn.button:not(.-pagination):hover:not(.-flat),
.btn.-outlined:not(.-pagination):active,
.lazy-load.-outlined .btn.button:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined .btn.button:not(.-pagination):active:not(.-flat),
.btn.-outlined:not(.-pagination):focus,
.lazy-load.-outlined .btn.button:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined .btn.button:not(.-pagination):focus:not(.-flat),
.btn.-text:not(.-pagination):hover,
.btn.-text:not(.-pagination):active,
.btn.-text:not(.-pagination):focus,
.btn.-flat:not(.-pagination):hover,
.btn.-flat:not(.-pagination):active,
.btn.-flat:not(.-pagination):focus,
.button.-outlined:not(.-pagination):hover,
.lazy-load.-outlined .button:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined .button:not(.-pagination):hover:not(.-flat),
.button.-outlined:not(.-pagination):active,
.lazy-load.-outlined .button:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined .button:not(.-pagination):active:not(.-flat),
.button.-outlined:not(.-pagination):focus,
.lazy-load.-outlined .button:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined .button:not(.-pagination):focus:not(.-flat),
.button.-text:not(.-pagination):hover,
.button.-text:not(.-pagination):active,
.button.-text:not(.-pagination):focus,
.button.-flat:not(.-pagination):hover,
.button.-flat:not(.-pagination):active,
.button.-flat:not(.-pagination):focus,
a.button.-outlined:not(.-pagination):hover,
.lazy-load.-outlined a.button:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined a.button:not(.-pagination):hover:not(.-flat),
a.button.-outlined:not(.-pagination):active,
.lazy-load.-outlined a.button:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined a.button:not(.-pagination):active:not(.-flat),
a.button.-outlined:not(.-pagination):focus,
.lazy-load.-outlined a.button:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined a.button:not(.-pagination):focus:not(.-flat),
a.button.-text:not(.-pagination):hover,
a.button.-text:not(.-pagination):active,
a.button.-text:not(.-pagination):focus,
a.button.-flat:not(.-pagination):hover,
a.button.-flat:not(.-pagination):active,
a.button.-flat:not(.-pagination):focus,
.added_to_cart.-outlined:not(.-pagination):hover,
.lazy-load.-outlined .added_to_cart.button:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):hover:not(.-flat),
.added_to_cart.-outlined:not(.-pagination):active,
.lazy-load.-outlined .added_to_cart.button:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):active:not(.-flat),
.added_to_cart.-outlined:not(.-pagination):focus,
.lazy-load.-outlined .added_to_cart.button:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.button:not(.-pagination):focus:not(.-flat),
.added_to_cart.-text:not(.-pagination):hover,
.added_to_cart.-text:not(.-pagination):active,
.added_to_cart.-text:not(.-pagination):focus,
.added_to_cart.-flat:not(.-pagination):hover,
.added_to_cart.-flat:not(.-pagination):active,
.added_to_cart.-flat:not(.-pagination):focus,
button[type="submit"].-outlined:not(.-pagination):hover,
.lazy-load.-outlined button.button[type="submit"]:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):hover:not(.-flat),
button[type="submit"].-outlined:not(.-pagination):active,
.lazy-load.-outlined button.button[type="submit"]:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):active:not(.-flat),
button[type="submit"].-outlined:not(.-pagination):focus,
.lazy-load.-outlined button.button[type="submit"]:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"]:not(.-pagination):focus:not(.-flat),
button[type="submit"].-text:not(.-pagination):hover,
button[type="submit"].-text:not(.-pagination):active,
button[type="submit"].-text:not(.-pagination):focus,
button[type="submit"].-flat:not(.-pagination):hover,
button[type="submit"].-flat:not(.-pagination):active,
button[type="submit"].-flat:not(.-pagination):focus,
input[type="submit"].-outlined:not(.-pagination):hover,
.lazy-load.-outlined input.button[type="submit"]:not(.-pagination):hover:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):hover:not(.-flat),
input[type="submit"].-outlined:not(.-pagination):active,
.lazy-load.-outlined input.button[type="submit"]:not(.-pagination):active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):active:not(.-flat),
input[type="submit"].-outlined:not(.-pagination):focus,
.lazy-load.-outlined input.button[type="submit"]:not(.-pagination):focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"]:not(.-pagination):focus:not(.-flat),
input[type="submit"].-text:not(.-pagination):hover,
input[type="submit"].-text:not(.-pagination):active,
input[type="submit"].-text:not(.-pagination):focus,
input[type="submit"].-flat:not(.-pagination):hover,
input[type="submit"].-flat:not(.-pagination):active,
input[type="submit"].-flat:not(.-pagination):focus {
color: var(--clb-button-hover-color);
}
.btn.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover,
.btn.btn-brand:not(.-outlined):not(.-flat):not(.-text):active,
.btn.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus,
.btn.-primary:not(.-outlined):not(.-flat):not(.-text):hover,
.btn.-primary:not(.-outlined):not(.-flat):not(.-text):active,
.btn.-primary:not(.-outlined):not(.-flat):not(.-text):focus,
.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover,
.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):active,
.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus,
.button.-primary:not(.-outlined):not(.-flat):not(.-text):hover,
.button.-primary:not(.-outlined):not(.-flat):not(.-text):active,
.button.-primary:not(.-outlined):not(.-flat):not(.-text):focus,
a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover,
a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):active,
a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus,
a.button.-primary:not(.-outlined):not(.-flat):not(.-text):hover,
a.button.-primary:not(.-outlined):not(.-flat):not(.-text):active,
a.button.-primary:not(.-outlined):not(.-flat):not(.-text):focus,
.added_to_cart.btn-brand:not(.-outlined):not(.-flat):not(.-text):hover,
.added_to_cart.btn-brand:not(.-outlined):not(.-flat):not(.-text):active,
.added_to_cart.btn-brand:not(.-outlined):not(.-flat):not(.-text):focus,
.added_to_cart.-primary:not(.-outlined):not(.-flat):not(.-text):hover,
.added_to_cart.-primary:not(.-outlined):not(.-flat):not(.-text):active,
.added_to_cart.-primary:not(.-outlined):not(.-flat):not(.-text):focus,
button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):hover,
button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):active,
button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):focus,
button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):hover,
button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):active,
button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):focus,
input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):hover,
input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):active,
input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text):focus,
input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):hover,
input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):active,
input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text):focus {
background-color: var(--clb-color-black-light);
}
.btn.btn-brand.-outlined,
.lazy-load.-outlined .btn.btn-brand.button:not(.-flat),
.pagination:not(.text-center).-outlined .btn.btn-brand.button:not(.-flat),
.btn.-primary.-outlined,
.lazy-load.-outlined .btn.-primary.button:not(.-flat),
.pagination:not(.text-center).-outlined .btn.-primary.button:not(.-flat),
.button.btn-brand.-outlined,
.lazy-load.-outlined .button.btn-brand:not(.-flat),
.pagination:not(.text-center).-outlined .button.btn-brand:not(.-flat),
.button.-primary.-outlined,
.lazy-load.-outlined .button.-primary:not(.-flat),
.pagination:not(.text-center).-outlined .button.-primary:not(.-flat),
a.button.btn-brand.-outlined,
.lazy-load.-outlined a.button.btn-brand:not(.-flat),
.pagination:not(.text-center).-outlined a.button.btn-brand:not(.-flat),
a.button.-primary.-outlined,
.lazy-load.-outlined a.button.-primary:not(.-flat),
.pagination:not(.text-center).-outlined a.button.-primary:not(.-flat),
.added_to_cart.btn-brand.-outlined,
.lazy-load.-outlined .added_to_cart.btn-brand.button:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.btn-brand.button:not(.-flat),
.added_to_cart.-primary.-outlined,
.lazy-load.-outlined .added_to_cart.-primary.button:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.-primary.button:not(.-flat),
button[type="submit"].btn-brand.-outlined,
.lazy-load.-outlined button.button[type="submit"].btn-brand:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:not(.-flat),
button[type="submit"].-primary.-outlined,
.lazy-load.-outlined button.button[type="submit"].-primary:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"].-primary:not(.-flat),
input[type="submit"].btn-brand.-outlined,
.lazy-load.-outlined input.button[type="submit"].btn-brand:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:not(.-flat),
input[type="submit"].-primary.-outlined,
.lazy-load.-outlined input.button[type="submit"].-primary:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"].-primary:not(.-flat) {
border-color: var(--clb-color-primary);
color: var(--clb-color-primary);
}
.btn.btn-brand.-outlined:hover,
.lazy-load.-outlined .btn.btn-brand.button:hover:not(.-flat),
.pagination:not(.text-center).-outlined .btn.btn-brand.button:hover:not(.-flat),
.btn.btn-brand.-outlined:active,
.lazy-load.-outlined .btn.btn-brand.button:active:not(.-flat),
.pagination:not(.text-center).-outlined .btn.btn-brand.button:active:not(.-flat),
.btn.btn-brand.-outlined:focus,
.lazy-load.-outlined .btn.btn-brand.button:focus:not(.-flat),
.pagination:not(.text-center).-outlined .btn.btn-brand.button:focus:not(.-flat),
.btn.-primary.-outlined:hover,
.lazy-load.-outlined .btn.-primary.button:hover:not(.-flat),
.pagination:not(.text-center).-outlined .btn.-primary.button:hover:not(.-flat),
.btn.-primary.-outlined:active,
.lazy-load.-outlined .btn.-primary.button:active:not(.-flat),
.pagination:not(.text-center).-outlined .btn.-primary.button:active:not(.-flat),
.btn.-primary.-outlined:focus,
.lazy-load.-outlined .btn.-primary.button:focus:not(.-flat),
.pagination:not(.text-center).-outlined .btn.-primary.button:focus:not(.-flat),
.button.btn-brand.-outlined:hover,
.lazy-load.-outlined .button.btn-brand:hover:not(.-flat),
.pagination:not(.text-center).-outlined .button.btn-brand:hover:not(.-flat),
.button.btn-brand.-outlined:active,
.lazy-load.-outlined .button.btn-brand:active:not(.-flat),
.pagination:not(.text-center).-outlined .button.btn-brand:active:not(.-flat),
.button.btn-brand.-outlined:focus,
.lazy-load.-outlined .button.btn-brand:focus:not(.-flat),
.pagination:not(.text-center).-outlined .button.btn-brand:focus:not(.-flat),
.button.-primary.-outlined:hover,
.lazy-load.-outlined .button.-primary:hover:not(.-flat),
.pagination:not(.text-center).-outlined .button.-primary:hover:not(.-flat),
.button.-primary.-outlined:active,
.lazy-load.-outlined .button.-primary:active:not(.-flat),
.pagination:not(.text-center).-outlined .button.-primary:active:not(.-flat),
.button.-primary.-outlined:focus,
.lazy-load.-outlined .button.-primary:focus:not(.-flat),
.pagination:not(.text-center).-outlined .button.-primary:focus:not(.-flat),
a.button.btn-brand.-outlined:hover,
.lazy-load.-outlined a.button.btn-brand:hover:not(.-flat),
.pagination:not(.text-center).-outlined a.button.btn-brand:hover:not(.-flat),
a.button.btn-brand.-outlined:active,
.lazy-load.-outlined a.button.btn-brand:active:not(.-flat),
.pagination:not(.text-center).-outlined a.button.btn-brand:active:not(.-flat),
a.button.btn-brand.-outlined:focus,
.lazy-load.-outlined a.button.btn-brand:focus:not(.-flat),
.pagination:not(.text-center).-outlined a.button.btn-brand:focus:not(.-flat),
a.button.-primary.-outlined:hover,
.lazy-load.-outlined a.button.-primary:hover:not(.-flat),
.pagination:not(.text-center).-outlined a.button.-primary:hover:not(.-flat),
a.button.-primary.-outlined:active,
.lazy-load.-outlined a.button.-primary:active:not(.-flat),
.pagination:not(.text-center).-outlined a.button.-primary:active:not(.-flat),
a.button.-primary.-outlined:focus,
.lazy-load.-outlined a.button.-primary:focus:not(.-flat),
.pagination:not(.text-center).-outlined a.button.-primary:focus:not(.-flat),
.added_to_cart.btn-brand.-outlined:hover,
.lazy-load.-outlined .added_to_cart.btn-brand.button:hover:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.btn-brand.button:hover:not(.-flat),
.added_to_cart.btn-brand.-outlined:active,
.lazy-load.-outlined .added_to_cart.btn-brand.button:active:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.btn-brand.button:active:not(.-flat),
.added_to_cart.btn-brand.-outlined:focus,
.lazy-load.-outlined .added_to_cart.btn-brand.button:focus:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.btn-brand.button:focus:not(.-flat),
.added_to_cart.-primary.-outlined:hover,
.lazy-load.-outlined .added_to_cart.-primary.button:hover:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.-primary.button:hover:not(.-flat),
.added_to_cart.-primary.-outlined:active,
.lazy-load.-outlined .added_to_cart.-primary.button:active:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.-primary.button:active:not(.-flat),
.added_to_cart.-primary.-outlined:focus,
.lazy-load.-outlined .added_to_cart.-primary.button:focus:not(.-flat),
.pagination:not(.text-center).-outlined .added_to_cart.-primary.button:focus:not(.-flat),
button[type="submit"].btn-brand.-outlined:hover,
.lazy-load.-outlined button.button[type="submit"].btn-brand:hover:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:hover:not(.-flat),
button[type="submit"].btn-brand.-outlined:active,
.lazy-load.-outlined button.button[type="submit"].btn-brand:active:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:active:not(.-flat),
button[type="submit"].btn-brand.-outlined:focus,
.lazy-load.-outlined button.button[type="submit"].btn-brand:focus:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"].btn-brand:focus:not(.-flat),
button[type="submit"].-primary.-outlined:hover,
.lazy-load.-outlined button.button[type="submit"].-primary:hover:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"].-primary:hover:not(.-flat),
button[type="submit"].-primary.-outlined:active,
.lazy-load.-outlined button.button[type="submit"].-primary:active:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"].-primary:active:not(.-flat),
button[type="submit"].-primary.-outlined:focus,
.lazy-load.-outlined button.button[type="submit"].-primary:focus:not(.-flat),
.pagination:not(.text-center).-outlined button.button[type="submit"].-primary:focus:not(.-flat),
input[type="submit"].btn-brand.-outlined:hover,
.lazy-load.-outlined input.button[type="submit"].btn-brand:hover:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:hover:not(.-flat),
input[type="submit"].btn-brand.-outlined:active,
.lazy-load.-outlined input.button[type="submit"].btn-brand:active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:active:not(.-flat),
input[type="submit"].btn-brand.-outlined:focus,
.lazy-load.-outlined input.button[type="submit"].btn-brand:focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"].btn-brand:focus:not(.-flat),
input[type="submit"].-primary.-outlined:hover,
.lazy-load.-outlined input.button[type="submit"].-primary:hover:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"].-primary:hover:not(.-flat),
input[type="submit"].-primary.-outlined:active,
.lazy-load.-outlined input.button[type="submit"].-primary:active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"].-primary:active:not(.-flat),
input[type="submit"].-primary.-outlined:focus,
.lazy-load.-outlined input.button[type="submit"].-primary:focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="submit"].-primary:focus:not(.-flat) {
border-color: var(--clb-color-black-light);
color: var(--clb-color-black-light);
}
.btn.btn-brand.-flat,
.btn.btn-brand.-text,
.btn.-primary.-flat,
.btn.-primary.-text,
.button.btn-brand.-flat,
.button.btn-brand.-text,
.button.-primary.-flat,
.button.-primary.-text,
a.button.btn-brand.-flat,
a.button.btn-brand.-text,
a.button.-primary.-flat,
a.button.-primary.-text,
.added_to_cart.btn-brand.-flat,
.added_to_cart.btn-brand.-text,
.added_to_cart.-primary.-flat,
.added_to_cart.-primary.-text,
button[type="submit"].btn-brand.-flat,
button[type="submit"].btn-brand.-text,
button[type="submit"].-primary.-flat,
button[type="submit"].-primary.-text,
input[type="submit"].btn-brand.-flat,
input[type="submit"].btn-brand.-text,
input[type="submit"].-primary.-flat,
input[type="submit"].-primary.-text {
color: var(--clb-color-primary);
}
.btn.btn-brand:not(.-outlined):not(.-flat):not(.-text),
.btn.-primary:not(.-outlined):not(.-flat):not(.-text),
.button.btn-brand:not(.-outlined):not(.-flat):not(.-text),
.button.-primary:not(.-outlined):not(.-flat):not(.-text),
a.button.btn-brand:not(.-outlined):not(.-flat):not(.-text),
a.button.-primary:not(.-outlined):not(.-flat):not(.-text),
.added_to_cart.btn-brand:not(.-outlined):not(.-flat):not(.-text),
.added_to_cart.-primary:not(.-outlined):not(.-flat):not(.-text),
button[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text),
button[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text),
input[type="submit"].btn-brand:not(.-outlined):not(.-flat):not(.-text),
input[type="submit"].-primary:not(.-outlined):not(.-flat):not(.-text) {
background-color: var(--clb-color-primary);
}
.btn.btn-small,
.btn.-small,
.button.btn-small,
.button.-small,
a.button.btn-small,
a.button.-small,
.added_to_cart.btn-small,
.added_to_cart.-small,
button[type="submit"].btn-small,
button[type="submit"].-small,
input[type="submit"].btn-small,
input[type="submit"].-small {
font-size: var(--clb-action-font-size-small);
min-height: var(--clb-button-height-small);
}
.btn.btn-small:not(.-text),
.btn.-small:not(.-text),
.button.btn-small:not(.-text),
.button.-small:not(.-text),
a.button.btn-small:not(.-text),
a.button.-small:not(.-text),
.added_to_cart.btn-small:not(.-text),
.added_to_cart.-small:not(.-text),
button[type="submit"].btn-small:not(.-text),
button[type="submit"].-small:not(.-text),
input[type="submit"].btn-small:not(.-text),
input[type="submit"].-small:not(.-text) {
padding: 0 var(--clb-button-side-padding-small);
}
.btn.-large,
.button.-large,
a.button.-large,
.added_to_cart.-large,
button[type="submit"].-large,
input[type="submit"].-large {
min-height: var(--clb-button-height-large);
}
.btn.-large:not(.-text),
.button.-large:not(.-text),
a.button.-large:not(.-text),
.added_to_cart.-large:not(.-text),
button[type="submit"].-large:not(.-text),
input[type="submit"].-large:not(.-text) {
padding: 0 var(--clb-button-side-padding-large);
}
.btn:focus,
.btn:active,
.button:focus,
.button:active,
a.button:focus,
a.button:active,
.added_to_cart:focus,
.added_to_cart:active,
button[type="submit"]:focus,
button[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:active {
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}
.btn:hover .icon,
.button:hover .icon,
a.button:hover .icon,
.added_to_cart:hover .icon,
button[type="submit"]:hover .icon,
input[type="submit"]:hover .icon {
animation: iconMove ease-out var(--clb-transition-duration);
}
.btn:hover .icon.-left-animation,
.button:hover .icon.-left-animation,
a.button:hover .icon.-left-animation,
.added_to_cart:hover .icon.-left-animation,
button[type="submit"]:hover .icon.-left-animation,
input[type="submit"]:hover .icon.-left-animation {
animation: iconMove ease-out var(--clb-transition-duration) reverse;
}
a.btn,
a.button {
background-image: none;
}
@keyframes iconMove {
0% {
transform: translateX(0);
}
30% {
opacity: 0;
}
31% {
transform: translateX(1.25rem);
}
32% {
transform: translateX(-1.25rem);
}
84% {
opacity: 1;
}
100% {
transform: translateX(0);
}
} input[type="checkbox"],
input[type="radio"] {
width: 1.125rem;
height: 1.125rem;
margin: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
appearance: none;
outline: none;
border: 2px solid var(--clb-color-grey);
vertical-align: middle;
display: inline-flex;
vertical-align: middle;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background-color: var(--clb-color-primary);
border-color: var(--clb-color-primary);
}
input[type="checkbox"]:invalid:not([aria-required=true]),
input[type="radio"]:invalid:not([aria-required=true]) {
border-color: var(--clb-color-danger);
}
input[type="checkbox"]:focus,
input[type="checkbox"]:active,
input[type="radio"]:focus,
input[type="radio"]:active {
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-primary) 25%, transparent);
}
input[type="checkbox"] + label,
input[type="checkbox"] + span,
input[type="radio"] + label,
input[type="radio"] + span {
font-weight: var(--clb-body-font-weight);
display: inline;
vertical-align: middle;
margin-left: 0.2em;
line-height: var(--clb-text-line-heigth-small);
}
input[type="checkbox"] + label:not(.woocommerce-terms-and-conditions-checkbox-text),
input[type="checkbox"] + span:not(.woocommerce-terms-and-conditions-checkbox-text),
input[type="radio"] + label:not(.woocommerce-terms-and-conditions-checkbox-text),
input[type="radio"] + span:not(.woocommerce-terms-and-conditions-checkbox-text) {
font-size: var(--clb-text-size-small);
}
input[type="checkbox"] {
border-radius: var(--clb-border-radius-small);
}
input[type="checkbox"]:checked {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
input[type="radio"] {
border-radius: 100%;
}
input[type="radio"]:checked {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
} .custom-cursor .circle-cursor {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
transform: translateZ(0);
visibility: hidden;
border-radius: 50%;
}
.custom-cursor .circle-cursor-inner {
margin-left: -3px;
margin-top: -3px;
width: 6px;
height: 6px;
z-index: 10000001;
background-color: var(--clb-color-primary);
}
.custom-cursor .circle-cursor-inner.cursor-link-hover {
margin-left: -10px;
margin-top: -10px;
width: 20px;
height: 20px;
background-color: var(--clb-color-primary);
opacity: .5;
}
.custom-cursor .circle-cursor-outer {
margin-left: -15px;
margin-top: -15px;
width: 30px;
height: 30px;
border: 1px solid var(--clb-color-primary);
z-index: 10000000;
opacity: .5;
transition: all .1s ease-out;
}
.custom-cursor .cursor-link.circle-cursor-inner {
background: transparent !important;
}
.custom-cursor .cursor-link.circle-cursor-inner.cursor-link-hover {
opacity: 1;
}
.custom-cursor .cursor-link.circle-cursor-inner svg {
fill: white;
}
.custom-cursor .cursor-link.circle-cursor-outer.cursor-link-hover {
margin-left: -2rem;
margin-top: -2rem;
width: 4rem;
height: 4rem;
background-color: rgba(150, 144, 162, 0.75);
border: none;
}
.custom-cursor a[data-cursor-class] {
cursor: none;
} .icon-button {
position: relative;
background-color: transparent;
padding: 0;
border: none;
cursor: var(--clb-cursor-pointer);
text-align: center;
outline: none;
min-width: var(--clb-circle);
width: var(--clb-circle);
height: var(--clb-circle);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background-color var(--clb-transition-function) var(--clb-transition-duration);
}
.icon-button > .icon {
margin-left: 0;
display: inline-flex;
vertical-align: middle;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-property: transform, opacity;
}
.icon-button.-small {
min-width: var(--clb-circle-small);
width: var(--clb-circle-small);
height: var(--clb-circle-small);
}
.icon-button.-extra-small {
min-width: var(--clb-circle-extra-small);
width: var(--clb-circle-extra-small);
height: var(--clb-circle-extra-small);
}
.icon-button:hover,
.icon-button.hamburger,
.icon-button.cart,
.icon-button.search-global.fixed {
background-color: var(--clb-fill-color);
}
.icon-button:hover .icon {
opacity: 0.75;
transform: var(--clb-transform-scale);
}
.icon-button:focus,
.icon-button:active {
background-color: var(--clb-fill-color);
box-shadow: inset 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}
.icon-buttons-animation .icon-button::before {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 100%;
background-color: var(--clb-color-primary);
transform: scale(0);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
border-radius: 50%;
}
.icon-buttons-animation .icon-button:focus {
outline: none;
}
.icon-buttons-animation .icon-button:focus::before {
animation: var(--clb-transition-duration) click_animation var(--clb-transition-function) 1;
}
@keyframes click_animation {
from {
transform: scale(1);
opacity: .15;
}
to {
transform: scale(4);
opacity: 0;
}
} .icon-group {
color: inherit;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.icon-group.-contained,
.icon-group.-outlined,
.lazy-load.-outlined .icon-group.button:not(.-flat),
.pagination:not(.text-center).-outlined .icon-group.button:not(.-flat) {
min-width: var(--clb-circle);
max-width: var(--clb-circle);
height: var(--clb-circle);
}
.icon-group.-contained .icon,
.icon-group.-outlined .icon,
.lazy-load.-outlined .icon-group.button:not(.-flat) .icon,
.pagination:not(.text-center).-outlined .icon-group.button:not(.-flat) .icon {
font-size: 1.75em;
}
.icon-group.-contained {
background-color: color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}
.icon-group.-outlined,
.lazy-load.-outlined .icon-group.button:not(.-flat),
.pagination:not(.text-center).-outlined .icon-group.button:not(.-flat) {
border: 2px solid var(--clb-color-black-light);
}
.icon-group > img,
.icon-group > img.icon {
max-width: 50%;
max-height: 50%;
}
.icon-group:not(.-contained):not(.-outlined) {
justify-content: flex-start;
}
.icon-group:not(.-contained):not(.-outlined) > img {
max-height: 2rem;
max-width: initial;
}
.icon-group:not(.-contained):not(.-outlined) .icon {
font-size: 2em;
}
.icon-group:not(.-contained):not(.-outlined).-small .icon {
font-size: 1.75em;
}
.icon-group:not(.-contained):not(.-outlined).-large .icon {
font-size: 2.25em;
}
.icon-group.-small.-contained,
.icon-group.-small.-outlined,
.lazy-load.-outlined .icon-group.-small.button:not(.-flat),
.pagination:not(.text-center).-outlined .icon-group.-small.button:not(.-flat) {
min-width: var(--clb-circle-small);
max-width: var(--clb-circle-small);
height: var(--clb-circle-small);
}
.icon-group.-large.-contained,
.icon-group.-large.-outlined,
.lazy-load.-outlined .icon-group.-large.button:not(.-flat),
.pagination:not(.text-center).-outlined .icon-group.-large.button:not(.-flat) {
min-width: var(--clb-circle-large);
max-width: var(--clb-circle-large);
height: var(--clb-circle-large);
} .icon {
font-size: var(--clb-icon-size);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.icon svg path {
fill: currentColor;
}
.icon svg.minimal {
display: none;
}
body i.icon {
width: initial;
height: initial;
line-height: 1;
margin: 0;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.-small .icon,
.-extra-small .icon {
font-size: var(--clb-icon-size-small);
}
.-small svg:not(.icon-bootstrap),
.-extra-small svg:not(.icon-bootstrap) {
transform: scale(0.85);
}
.-large .icon {
font-size: var(--clb-icon-size-large);
}
.-large svg {
transform: scale(1.25);
} .pagination > .page-item > .page-link {
min-width: var(--clb-button-height);
display: flex;
justify-content: center;
}
.pagination > .page-item > .page-link:focus,
.pagination > .page-item > .page-link:active {
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}
.pagination > .page-item > span.page-link {
pointer-events: none;
}
.pagination > .page-item:first-child svg {
transform: scaleX(-1);
}
.pagination > .page-item:first-child:hover .icon {
animation: iconMove ease-out var(--clb-transition-duration) reverse;
}
.lazy-load {
margin: auto;
font-weight: var(--clb-text-semi-bold);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.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:not(.active) .button {
box-shadow: none;
}
.lazy-load,
.pagination:not(.text-center) {
min-width: 100%;
padding: var(--clb-grid-gutter) 0;
display: flex;
}
.lazy-load.-small .button,
.pagination:not(.text-center).-small .button {
min-width: var(--clb-button-height-small);
min-height: var(--clb-button-height-small);
padding: 0 0.75rem;
}
.lazy-load.-large .button,
.pagination:not(.text-center).-large .button {
min-height: var(--clb-button-height-large);
min-width: var(--clb-button-height-large);
line-height: 1.75rem;
padding: 0 1.4rem;
}
.lazy-load.-flat .button:not(.-flat),
.pagination:not(.text-center).-flat .button:not(.-flat) {
color: inherit;
background-color: var(--clb-fill-color);
}
.lazy-load.-flat .button:hover,
.lazy-load.-flat .button:focus,
.lazy-load.-flat .button:active,
.lazy-load.-outlined .button:hover,
.pagination:not(.text-center).-outlined .lazy-load.button:not(.-flat) .button:hover,
.lazy-load.-outlined .button:focus,
.pagination:not(.text-center).-outlined .lazy-load.button:not(.-flat) .button:focus,
.lazy-load.-outlined .button:active,
.pagination:not(.text-center).-outlined .lazy-load.button:not(.-flat) .button:active,
.pagination:not(.text-center).-flat .button:hover,
.pagination:not(.text-center).-flat .button:focus,
.pagination:not(.text-center).-flat .button:active,
.pagination:not(.text-center).-outlined .button:hover,
.lazy-load.-outlined .pagination.button:not(.text-center):not(.-flat) .button:hover,
.pagination:not(.text-center).-outlined .button:focus,
.lazy-load.-outlined .pagination.button:not(.text-center):not(.-flat) .button:focus,
.pagination:not(.text-center).-outlined .button:active,
.lazy-load.-outlined .pagination.button:not(.text-center):not(.-flat) .button:active {
background: transparent !important;
}
.lazy-load:not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat),
.pagination:not(.text-center):not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat) {
color: var(--clb-color-white);
}
.pagination-standard {
min-width: 100%;
}
@keyframes mymove {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .progress-holder {
height: 0.5rem;
background-color: color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
overflow: hidden;
display: flex;
border-radius: 0.25rem;
}
.progress-holder > .progress-bar {
width: 0px;
background: linear-gradient(90deg, var(--clb-color-primary) 0%, var(--clb-color-secondary) 100%);
border-radius: 0.25rem;
transition: width var(--clb-transition-function) 0.9s;
}
.progress-holder.-contained {
height: 1.125rem;
padding: 0.3125rem;
border-radius: 0.5625rem;
}
.progress-holder.-contained.-thin {
height: 0.875rem;
border-radius: 0.4375rem;
}
.progress-holder.-contained.-bold {
height: 1.375rem;
border-radius: 0.6875rem;
}
.progress-holder.-thin {
height: 0.25rem;
border-radius: 0.125rem;
}
.progress-holder.-thin > .progress-bar {
border-radius: 0.125rem;
}
.progress-holder.-bold {
height: 0.75rem;
border-radius: 0.75rem;
}
.progress-holder.-bold > .progress-bar {
border-radius: 0.375rem;
} select {
position: relative;
appearance: none;
background-repeat: no-repeat;
background-position: right 1rem center;
padding: 0 1rem;
min-height: var(--clb-button-height);
}
select:not([multiple="multiple"]) {
background-size: 14px 12px;
padding-right: 2.75rem !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");
}
select[multiple="multiple"] {
padding: 0;
}
select[multiple="multiple"] option {
padding: 0.65rem 1rem;
}
select:not(.lang-dropdown) {
color: var(--clb-color-grey);
}
select.lang-dropdown {
color: inherit;
width: auto;
}
select.-small {
padding-right: 2rem !important;
}
input[type="file"] {
padding: 0;
}
.select2-container--default {
width: 100% !important;
}
.select2-container--default .select2-selection--single {
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 0;
color: inherit;
line-height: initial;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
position: relative;
top: 0px;
right: 0;
width: 1rem;
display: flex;
align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow > b {
border: none;
margin: 0;
left: auto;
top: auto;
position: relative;
height: 1rem;
width: 1rem;
background-repeat: no-repeat;
transform: scale(0.8) rotate(0deg);
display: inline-flex;
vertical-align: middle;
align-items: center;
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");
}
.select2-container--default.select2-container--open .select2-selection__arrow > b {
transform: scale(0.8) rotate(180deg);
}
.select2-container--default .select2-dropdown {
border: none;
border-radius: var(--clb-border-radius);
box-shadow: 0 20px 32px -8px color-mix(in srgb, var(--clb-color-black) 15%, transparent), 0 0 1px color-mix(in srgb, var(--clb-color-black) 5%, transparent);
}
.select2-container--default .select2-search--dropdown {
padding: 1rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
padding: 0 0.75rem;
min-height: var(--clb-button-height-small);
font-size: var(--clb-text-size-extra-small);
}
.select2-container--default .select2-results__option {
padding-left: 1rem;
padding-right: 1rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: var(--clb-color-black-light);
}
@-moz-document url-prefix()  {
select {
line-height: var(--clb-button-height);
}
select.-small {
line-height: 2rem;
}
} .container-loading::before,
.yith-wcan-loading::before,
.tp-loader.spinner5::before,
.btn-loading::before,
.spinner::before {
content: "";
width: 1.5rem;
height: 1.5rem;
border: 0.2rem solid rgba(150, 144, 162, 0.25);
border-top: 0.2rem solid currentColor;
border-right: 0.2rem solid currentColor;
opacity: 0.75;
animation: 0.75s spinner var(--clb-transition-function) infinite;
border-radius: 50%;
}
.container-loading > .icon,
.yith-wcan-loading > .icon,
.tp-loader.spinner5 > .icon,
.btn-loading > .icon,
.spinner > .icon {
display: none;
}
.container-loading.-large,
.yith-wcan-loading.-large,
.tp-loader.spinner5.-large,
.btn-loading.-large,
.spinner.-large {
width: 2.5rem;
height: 2.5rem;
}
.container-loading,
.tp-loader.spinner5,
.yith-wcan-loading {
background-image: none !important;
background: transparent;
}
.container-loading::before,
.tp-loader.spinner5::before,
.yith-wcan-loading::before {
position: absolute;
left: calc(50% - 20px);
top: calc(50% - 20px);
width: 2.5rem;
height: 2.5rem;
}
.container-loading.hidden::before,
.tp-loader.spinner5.hidden::before,
.yith-wcan-loading.hidden::before {
display: none;
}
@-webkit-keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} .form-switch > .form-check-input[type="checkbox"] {
position: relative;
width: var(--clb-button-height-small);
border-radius: 2em;
border-radius: 1.1rem;
}
.form-switch > .form-check-input[type="checkbox"]::before {
content: "";
position: absolute;
width: 0.625rem;
height: 0.625rem;
left: 0.125rem;
background-color: var(--clb-color-grey);
border-radius: 100%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.form-switch > .form-check-input[type="checkbox"]:checked {
background-color: transparent;
background-image: none;
}
.form-switch > .form-check-input[type="checkbox"]:checked::before {
left: calc(100% - 0.125rem);
transform: translate(-100%);
background-color: var(--clb-color-primary);
}
.form-switch > .form-check-label {
color: var(--clb-color-black-light);
} input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="date"],
input[type="url"],
textarea,
select,
.select2-container--default .select2-selection--single {
color: inherit;
padding: 0 1rem;
font-family: inherit;
border: none;
width: 100%;
text-align: inherit;
min-height: var(--clb-button-height);
background-color: color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
font-size: var(--clb-text-size);
border-radius: var(--clb-border-radius);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder,
input[type="date"]::placeholder,
input[type="url"]::placeholder,
textarea::placeholder,
select::placeholder,
.select2-container--default .select2-selection--single::placeholder {
color: var(--clb-placeholder-color);
}
input[type="email"].-outlined,
.lazy-load.-outlined input.button[type="email"]:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="email"]:not(.-flat),
input[type="number"].-outlined,
.lazy-load.-outlined input.button[type="number"]:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="number"]:not(.-flat),
input[type="password"].-outlined,
.lazy-load.-outlined input.button[type="password"]:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="password"]:not(.-flat),
input[type="search"].-outlined,
.lazy-load.-outlined input.button[type="search"]:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="search"]:not(.-flat),
input[type="tel"].-outlined,
.lazy-load.-outlined input.button[type="tel"]:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="tel"]:not(.-flat),
input[type="text"].-outlined,
.lazy-load.-outlined input.button[type="text"]:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="text"]:not(.-flat),
input[type="date"].-outlined,
.lazy-load.-outlined input.button[type="date"]:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="date"]:not(.-flat),
input[type="url"].-outlined,
.lazy-load.-outlined input.button[type="url"]:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="url"]:not(.-flat),
textarea.-outlined,
.lazy-load.-outlined textarea.button:not(.-flat),
.pagination:not(.text-center).-outlined textarea.button:not(.-flat),
select.-outlined,
.lazy-load.-outlined select.button:not(.-flat),
.pagination:not(.text-center).-outlined select.button:not(.-flat),
.select2-container--default .select2-selection--single.-outlined,
.select2-container--default .lazy-load.-outlined .select2-selection--single.button:not(.-flat),
.lazy-load.-outlined .select2-container--default .select2-selection--single.button:not(.-flat),
.select2-container--default .pagination:not(.text-center).-outlined .select2-selection--single.button:not(.-flat),
.pagination:not(.text-center).-outlined .select2-container--default .select2-selection--single.button:not(.-flat) {
background-color: transparent;
border: 2px solid var(--clb-color-grey-light);
}
input[type="email"].-outlined:focus,
.lazy-load.-outlined input.button[type="email"]:focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="email"]:focus:not(.-flat),
input[type="email"].-outlined:active,
.lazy-load.-outlined input.button[type="email"]:active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="email"]:active:not(.-flat),
input[type="number"].-outlined:focus,
.lazy-load.-outlined input.button[type="number"]:focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="number"]:focus:not(.-flat),
input[type="number"].-outlined:active,
.lazy-load.-outlined input.button[type="number"]:active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="number"]:active:not(.-flat),
input[type="password"].-outlined:focus,
.lazy-load.-outlined input.button[type="password"]:focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="password"]:focus:not(.-flat),
input[type="password"].-outlined:active,
.lazy-load.-outlined input.button[type="password"]:active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="password"]:active:not(.-flat),
input[type="search"].-outlined:focus,
.lazy-load.-outlined input.button[type="search"]:focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="search"]:focus:not(.-flat),
input[type="search"].-outlined:active,
.lazy-load.-outlined input.button[type="search"]:active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="search"]:active:not(.-flat),
input[type="tel"].-outlined:focus,
.lazy-load.-outlined input.button[type="tel"]:focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="tel"]:focus:not(.-flat),
input[type="tel"].-outlined:active,
.lazy-load.-outlined input.button[type="tel"]:active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="tel"]:active:not(.-flat),
input[type="text"].-outlined:focus,
.lazy-load.-outlined input.button[type="text"]:focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="text"]:focus:not(.-flat),
input[type="text"].-outlined:active,
.lazy-load.-outlined input.button[type="text"]:active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="text"]:active:not(.-flat),
input[type="date"].-outlined:focus,
.lazy-load.-outlined input.button[type="date"]:focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="date"]:focus:not(.-flat),
input[type="date"].-outlined:active,
.lazy-load.-outlined input.button[type="date"]:active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="date"]:active:not(.-flat),
input[type="url"].-outlined:focus,
.lazy-load.-outlined input.button[type="url"]:focus:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="url"]:focus:not(.-flat),
input[type="url"].-outlined:active,
.lazy-load.-outlined input.button[type="url"]:active:not(.-flat),
.pagination:not(.text-center).-outlined input.button[type="url"]:active:not(.-flat),
textarea.-outlined:focus,
.lazy-load.-outlined textarea.button:focus:not(.-flat),
.pagination:not(.text-center).-outlined textarea.button:focus:not(.-flat),
textarea.-outlined:active,
.lazy-load.-outlined textarea.button:active:not(.-flat),
.pagination:not(.text-center).-outlined textarea.button:active:not(.-flat),
select.-outlined:focus,
.lazy-load.-outlined select.button:focus:not(.-flat),
.pagination:not(.text-center).-outlined select.button:focus:not(.-flat),
select.-outlined:active,
.lazy-load.-outlined select.button:active:not(.-flat),
.pagination:not(.text-center).-outlined select.button:active:not(.-flat),
.select2-container--default .select2-selection--single.-outlined:focus,
.select2-container--default .lazy-load.-outlined .select2-selection--single.button:focus:not(.-flat),
.lazy-load.-outlined .select2-container--default .select2-selection--single.button:focus:not(.-flat),
.select2-container--default .pagination:not(.text-center).-outlined .select2-selection--single.button:focus:not(.-flat),
.pagination:not(.text-center).-outlined .select2-container--default .select2-selection--single.button:focus:not(.-flat),
.select2-container--default .select2-selection--single.-outlined:active,
.select2-container--default .lazy-load.-outlined .select2-selection--single.button:active:not(.-flat),
.lazy-load.-outlined .select2-container--default .select2-selection--single.button:active:not(.-flat),
.select2-container--default .pagination:not(.text-center).-outlined .select2-selection--single.button:active:not(.-flat),
.pagination:not(.text-center).-outlined .select2-container--default .select2-selection--single.button:active:not(.-flat) {
outline: none;
border-color: var(--clb-color-grey);
}
input[type="email"].-small,
input[type="number"].-small,
input[type="password"].-small,
input[type="search"].-small,
input[type="tel"].-small,
input[type="text"].-small,
input[type="date"].-small,
input[type="url"].-small,
textarea.-small,
select.-small,
.select2-container--default .select2-selection--single.-small {
padding: 0 0.75rem;
min-height: var(--clb-button-height-small);
font-size: var(--clb-text-size-extra-small);
}
input[type="email"].-large,
input[type="number"].-large,
input[type="password"].-large,
input[type="search"].-large,
input[type="tel"].-large,
input[type="text"].-large,
input[type="date"].-large,
input[type="url"].-large,
textarea.-large,
select.-large,
.select2-container--default .select2-selection--single.-large {
padding: 0 var(--clb-grid-gutter);
min-height: var(--clb-button-height-large);
font-size: var(--clb-text-size-large);
}
input[type="email"]:not(.-outlined):focus,
input[type="email"]:not(.-outlined):active,
input[type="number"]:not(.-outlined):focus,
input[type="number"]:not(.-outlined):active,
input[type="password"]:not(.-outlined):focus,
input[type="password"]:not(.-outlined):active,
input[type="search"]:not(.-outlined):focus,
input[type="search"]:not(.-outlined):active,
input[type="tel"]:not(.-outlined):focus,
input[type="tel"]:not(.-outlined):active,
input[type="text"]:not(.-outlined):focus,
input[type="text"]:not(.-outlined):active,
input[type="date"]:not(.-outlined):focus,
input[type="date"]:not(.-outlined):active,
input[type="url"]:not(.-outlined):focus,
input[type="url"]:not(.-outlined):active,
textarea:not(.-outlined):focus,
textarea:not(.-outlined):active,
select:not(.-outlined):focus,
select:not(.-outlined):active,
.select2-container--default .select2-selection--single:not(.-outlined):focus,
.select2-container--default .select2-selection--single:not(.-outlined):active {
background-color: color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
outline: none;
}
input[type="email"].wpcf7-not-valid,
input[type="number"].wpcf7-not-valid,
input[type="password"].wpcf7-not-valid,
input[type="search"].wpcf7-not-valid,
input[type="tel"].wpcf7-not-valid,
input[type="text"].wpcf7-not-valid,
input[type="date"].wpcf7-not-valid,
input[type="url"].wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid,
.select2-container--default .select2-selection--single.wpcf7-not-valid {
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-danger) 25%, transparent);
}
.woocommerce-invalid-required-field input[type="email"],
.woocommerce-invalid-required-field input[type="number"],
.woocommerce-invalid-required-field input[type="password"],
.woocommerce-invalid-required-field input[type="search"],
.woocommerce-invalid-required-field input[type="tel"],
.woocommerce-invalid-required-field input[type="text"],
.woocommerce-invalid-required-field input[type="date"],
.woocommerce-invalid-required-field input[type="url"],
.woocommerce-invalid-required-field textarea,
.woocommerce-invalid-required-field select,
.woocommerce-invalid-required-field .select2-selection--single {
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-primary) 20%, transparent);
}
button {
appearance: none;
color: inherit;
}
textarea {
resize: vertical;
height: 10rem;
}
textarea,
textarea.-small,
textarea.-large {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
label {
display: block;
font-size: var(--clb-text-size-caption);
font-weight: var(--clb-text-medium);
}
label + * {
margin-top: 0.5rem;
} .tooltip {
position: relative;
background-color: var(--clb-color-black);
color: var(--clb-color-white);
font-size: var(--clb-text-size-caption);
padding: 0.375rem 0.5rem;
font-weight: var(--clb-text-medium);
z-index: 10;
border-radius: var(--clb-border-radius);
}
.tooltip::before {
content: "";
position: absolute;
width: 0.625rem;
height: 0.625rem;
background-color: var(--clb-color-black);
transform: rotate(45deg);
bottom: -0.3125rem;
left: calc(50% - 0.3125rem);
z-index: -1;
}
.tooltip.-right::before {
bottom: calc(50% - 0.3125rem);
left: -0.3125rem;
}
.tooltip.-left::before {
bottom: calc(50% - 0.3125rem);
right: -0.3125rem;
left: auto;
}
.tooltip.-bottom::before {
top: -0.3125rem;
bottom: auto;
} .category-holder {
gap: var(--clb-gap-small);
}
.category-holder.-with-tag {
flex-wrap: wrap;
display: flex;
}
.category-holder:not(.-with-tag) .category:not(:last-child)::after,
.category-holder:not(.-with-tag) a:not(:last-child)::after {
content: ",";
} .blog-item {
position: relative;
}
.blog-item .card-details .title {
font-size: clamp(var(--clb-card-titles-font-size-min), calc(0.5vw + 1rem), var(--clb-card-titles-font-size));
}
.blog-item .card-details > *:not(:last-child) {
margin-bottom: 0.65rem;
}
.blog-item .card-details .headline-meta {
font-size: var(--clb-text-size-caption);
}
.blog-item .card-details p {
margin-top: 0;
}
.blog-item .card-details .button {
margin-top: 0.9rem;
}
.blog-item .card-details-item,
.blog-item .card-details-item .category-holder {
margin: 0;
}
.blog-item .card-details.-center .headline-meta,
.blog-item .card-details.-center .category-holder {
justify-content: center;
}
.blog-item .card-details.-right .headline-meta,
.blog-item .card-details.-right .category-holder {
justify-content: flex-end;
}
.blog-item .card-details-item > * {
margin-bottom: 0.75rem;
}
.blog-item .image-holder iframe {
width: 100%;
}
.blog-item .image-holder .slider {
color: var(--clb-color-white);
}
.blog-item .image-holder .slider .clb-slider-nav-btn {
transform: none !important;
margin-bottom: var(--clb-grid-gutter);
margin-right: var(--clb-grid-gutter);
}
.blog-item .image-holder .slider .clb-slider-stage img.active {
z-index: 1;
}
.blog-item .image-holder a + a:not(.tag) {
display: none;
}
.blog-item.sticky .sticky-icon {
transform: scale(1.35);
margin-right: 0.25rem;
margin-top: -0.4rem;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.blog-item.-layout1 .overlay-details {
background: var(--clb-color-black-rgb);
background: linear-gradient(360deg, rgba(var(--clb-color-black-rgb), 0.5) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.blog-item.-layout1 .headline-meta {
color: var(--clb-color-grey);
}
.blog-item.-layout1.sticky.-contained .card-details {
background-color: color-mix(in srgb, var(--clb-color-warning) 10%, transparent);
}
.blog-item.-layout2 .image-holder {
background-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
}
.blog-item.-layout2 .overlay-details:not(.-top) {
background: var(--clb-color-black-rgb);
background: linear-gradient(360deg, rgba(var(--clb-color-black-rgb), 0.5) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.blog-item.-layout2 .overlay-details .title,
.blog-item.-layout2 .overlay-details .button {
color: var(--clb-color-white);
}
.blog-item.-layout2 .overlay-details .tag:not(:hover) {
background-color: color-mix(in srgb, var(--clb-color-neutral) 45%, transparent);
}
.blog-item.-layout1 .title a,
.blog-item.-layout3 .title a,
.blog-item.-layout5 .title a,
.blog-item.-layout6 .title a,
.blog-item.-layout7 .title a {
color: var(--clb-titles-color);
}
.blog-item.-layout2 .overlay-details.-top,
.blog-item.-layout3 .overlay-details.-top,
.blog-item.-layout5 .overlay-details.-top,
.blog-item.-layout7 .overlay-details.-top {
background: var(--clb-color-black-rgb);
background: linear-gradient(180deg, rgba(var(--clb-color-black-rgb), 0.5) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.blog-item.-layout2 .overlay-details:not(.-top),
.blog-item.-layout4 .overlay-details:not(.-top) {
display: block;
}
.blog-item.-layout2.-no-media .image-holder,
.blog-item.-layout4.-no-media .image-holder {
padding-bottom: 100%;
}
.blog-item.-layout2.-img-overlay .image-holder::after,
.blog-item.-layout4.-img-overlay .image-holder::after {
display: none;
}
.blog-item.-layout3.-no-media > a,
.blog-item.-layout5.-no-media > a {
background-color: color-mix(in srgb, var(--clb-color-neutral) 40%, transparent);
border-bottom-left-radius: var(--clb-border-radius);
border-top-left-radius: var(--clb-border-radius);
}
.blog-item.-layout3.-no-media > a .image-holder,
.blog-item.-layout5.-no-media > a .image-holder {
height: 100%;
}
.blog-item.-layout4.sticky .image-holder {
background-color: color-mix(in srgb, var(--clb-color-warning) 10%, transparent);
}
.blog-item.-layout4 .overlay-details {
width: auto;
}
.blog-item.-layout4 .image-holder {
background-color: var(--clb-fill-color);
}
.blog-item.-layout4 .image-holder a > img,
.blog-item.-layout4 .image-holder a > iframe,
.blog-item.-layout4 .image-holder a > .overlay {
opacity: 0;
visibility: hidden;
}
.blog-item.-layout4:hover .image-holder a > img,
.blog-item.-layout4:hover .image-holder a > iframe,
.blog-item.-layout4:hover .image-holder a > .overlay {
opacity: 1;
visibility: visible;
transition: opacity var(--clb-transition-duration) var(--clb-transition-function) !important;
}
.blog-item.-layout4:hover * {
color: var(--clb-color-white);
}
.blog-item.-layout4 .image-holder .overlay,
.blog-item.-layout6.-contained .image-holder .overlay {
height: 100%;
width: 100%;
left: 0;
top: 0;
transition: none;
background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent);
content: "";
display: block;
position: absolute;
}
.blog-item.-layout4:not(:hover) *,
.blog-item.-layout6.-contained:not(:hover) * {
transition: none !important;
}
.blog-item.-layout4:hover *,
.blog-item.-layout6.-contained:hover * {
transition: var(--clb-transition-duration) var(--clb-transition-function) !important;
}
.blog-item.-layout6 .overlay-details {
position: relative;
padding: 0.5rem 0 0 0;
}
.blog-item.-layout6:not(.-contained) {
border-top: 1px solid var(--clb-border-color);
}
.blog-item.-layout6:not(.-contained) .card-details {
padding-top: var(--clb-spacer);
padding-bottom: var(--clb-spacer);
}
.blog-item.-layout7:not(.-contained) {
padding-top: var(--clb-spacer);
border-top: 1px solid var(--clb-border-color);
}
.blog-item.-layout7.-contained {
background-color: var(--clb-fill-color);
}
.blog-item.-layout7.-contained .card-details {
background-color: transparent;
}
.blog-item.-layout6 .read-more,
.blog-item.-layout7 .read-more {
display: flex;
}
.blog-item.-no-media.-contained .card-details {
border-radius: var(--clb-border-radius);
}
.blog-grid .gallery {
flex-flow: row wrap;
margin-bottom: 20px !important;
display: flex;
justify-content: center;
}
.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-function) var(--clb-transition-duration);
}
.blog-grid .gallery .gallery-item .gallery-caption {
position: absolute;
background-color: rgba(255, 255, 255, 0.8);
padding: 3px 10px;
transform: translateY(-100%);
width: 100%;
opacity: 0;
font-size: .8em;
font-weight: var(--clb-body-font-weight);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.blog-grid .gallery .gallery-item:hover .gallery-caption {
opacity: 1;
}
.blog-grid .gallery .gallery-item:hover img {
opacity: .8;
}
.blog-grid .gallery.gallery-columns-3 .gallery-item {
max-width: calc((100% - 5px * 2) / 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;
} .single-post .entry-content,
.page-id-124 .entry-content {
margin-bottom: var(--clb-grid-gutter-3x);
}
.single-post .entry-content .ohio-text-sc:last-child p,
.single-post .entry-content .alert,
.single-post .entry-content p:not(.-unspace),
.single-post .entry-content ul,
.single-post .entry-content ol,
.page-id-124 .entry-content .ohio-text-sc:last-child p,
.page-id-124 .entry-content .alert,
.page-id-124 .entry-content p:not(.-unspace),
.page-id-124 .entry-content ul,
.page-id-124 .entry-content ol {
margin-bottom: 1.35em;
}
.single-post .entry-content .ohio-text-sc:last-child p:first-child,
.single-post .entry-content .alert:first-child,
.single-post .entry-content p:not(.-unspace):first-child,
.single-post .entry-content ul:first-child,
.single-post .entry-content ol:first-child,
.page-id-124 .entry-content .ohio-text-sc:last-child p:first-child,
.page-id-124 .entry-content .alert:first-child,
.page-id-124 .entry-content p:not(.-unspace):first-child,
.page-id-124 .entry-content ul:first-child,
.page-id-124 .entry-content ol:first-child {
margin-top: 0;
}
.single-post .single-post-layout {
margin-bottom: var(--clb-grid-gutter-3x);
}
.single-post .single-post-layout.-with-sharing .post-page-container {
padding-top: var(--clb-spacer);
}
.single-post .single-post-layout .post-share .social-networks {
background-color: var(--clb-fill-color);
}
.single-post .single-post-layout .share-bar {
z-index: 10;
}
.single-post .single-post-layout.-layout1 .post-share {
top: var(--clb-spacer);
}
.single-post .single-post-layout.-layout1 .post-share + .page-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.single-post .single-post-layout.-layout2 .post-page-container .holder > .page-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.single-post .entry-footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.single-post .entry-footer-tags {
font-size: var(--clb-text-size-small);
}
.single-post .entry-footer-tags a {
color: inherit;
}
.single-post .entry-footer-tags .tagcloud {
gap: var(--clb-gap-small);
flex-wrap: wrap;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.single-post .entry-footer-tags .tags-caption {
margin-right: 0.5rem;
}
.single-post .author-container .widget_ohio_widget_about_author {
gap: var(--clb-grid-gutter);
padding: var(--clb-spacer);
margin-bottom: var(--clb-grid-gutter-3x);
background-color: var(--clb-fill-color);
border-radius: var(--clb-border-radius);
}
.single-post .page-headline .category-holder::after {
margin-left: 0.3rem;
}
.single-post .related-posts {
padding-bottom: calc(var(--clb-grid-gutter-4x) - var(--clb-grid-gutter));
}
.single-post .related-posts .grid-item {
padding-top: 0;
}
.single-post .comments {
padding-top: var(--clb-grid-gutter-4x);
padding-bottom: var(--clb-grid-gutter-4x);
}
.single-post.with-fixed-header:not(.with-header-sidebar) .single-post-layout.-with-sharing .post-share {
top: var(--clb-header-height);
}
.single-post.with-fixed-header:not(.with-header-sidebar).admin-bar .single-post-layout.-with-sharing .post-share {
top: calc(var(--clb-header-height) + var(--clb-admin-bar-height));
}
.single-post.with-sticky-header:not(.with-header-sidebar) .single-post-layout.-with-sharing .post-share {
top: calc(var(--clb-sticky-header-height) + var(--clb-grid-gutter));
}
.single-post.with-sticky-header:not(.with-header-sidebar).admin-bar .single-post-layout.-with-sharing .post-share {
top: calc(var(--clb-sticky-header-height) + var(--clb-grid-gutter) + var(--clb-admin-bar-height));
} .comments-container {
background-color: color-mix(in srgb, var(--clb-fill-color) 75%, transparent);
}
.comments-list {
padding: 0;
margin-bottom: var(--clb-spacer);
}
.comments-list ol {
margin: 0;
padding: 0;
list-style: none;
}
.comments-list ol > li::before {
content: "";
display: none;
}
.comments .comment-author > img {
border-radius: 50%;
}
.comments .comment-body {
position: relative;
padding-bottom: var(--clb-spacer);
}
.comments .comment-body .says {
display: none;
}
.comments .comment-body .comment-metadata,
.comments .comment-body time {
font-size: var(--clb-text-size-small);
margin-bottom: 0.2rem;
}
.comments .comment-body .meta em {
font-style: normal;
padding: 0.25rem 0.5rem;
font-size: var(--clb-text-size-caption);
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
border-radius: var(--clb-border-radius);
}
.comments .comment-body .meta h4 {
font-size: var(--clb-titles-h6-font-size);
letter-spacing: -.02em;
line-height: 1.35;
}
.comments .comment-body .comment-author a {
font-family: var(--clb-titles-font-family);
letter-spacing: -0.02rem;
}
.comments .comment-body .comment-metadata a:not(:hover) {
color: var(--clb-color-grey);
}
.comments .comment-body time::after {
content: '•';
display: inline-block;
vertical-align: middle;
font-size: .8em;
margin-top: -2px;
color: var(--clb-color-primary);
margin-left: 0.3rem;
}
.comments .comment-body .reply {
margin-top: 0.5rem;
}
.comments .comment-body p {
margin: 0;
}
.comments .comment-body .reply,
.comments .comment-body .edit-link {
font-weight: var(--clb-text-semi-bold);
}
.comments .children {
padding-left: 5rem;
}
.comments .comment-respond .logged-in-as {
margin: 0;
font-size: var(--clb-text-size-small);
}
.comments .comment-respond .logged-in-as a:last-child {
font-weight: var(--clb-text-semi-bold);
}
.comments .comment-respond .comment-form-rating label {
display: inline-block;
vertical-align: middle;
}
.comments .comment-respond .comment-form-comment {
margin-top: 0.5rem;
}
.comments .comment-respond .comment-form input[type="email"],
.comments .comment-respond .comment-form input[type="number"],
.comments .comment-respond .comment-form input[type="password"],
.comments .comment-respond .comment-form input[type="search"],
.comments .comment-respond .comment-form input[type="tel"],
.comments .comment-respond .comment-form input[type="text"],
.comments .comment-respond .comment-form input[type="date"],
.comments .comment-respond .comment-form input[type="url"],
.comments .comment-respond .comment-form textarea {
width: 100%;
}
.comments .comment-respond .comment-form .comment-form-comment,
.comments .comment-respond .comment-form .comment-form-cookies-consent,
.comments .comment-respond .comment-form .comment-notes {
min-width: 100%;
} .project {
position: relative;
}
.project-page .project-details p:first-of-type {
margin-top: 0;
}
.project-gallery {
position: relative;
}
.project-gallery .video-holder {
background-color: var(--clb-color-black);
}
.project-gallery .video-holder iframe {
height: 100%;
width: 100%;
}
.project-gallery .video-holder:not(.-visible).-cover {
overflow: hidden;
position: relative;
}
.project-gallery .video-holder.-cover iframe {
position: absolute;
top: 50%;
transform: translate(0%, -50%);
}
.project-gallery .first-image {
position: relative;
overflow: hidden;
margin-bottom: 0.5rem;
z-index: 1;
}
.project-gallery .first-image .video-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.project-gallery .video-button,
.project-gallery .share-bar {
z-index: 2;
}
.project-gallery img {
min-width: 100%;
margin-bottom: 0.5rem;
}
.project-gallery img:last-of-type {
margin-bottom: 0;
}
.project-slider:not(.-single) .video-holder iframe {
visibility: hidden;
}
.project-slider:not(.-single) .clb-slider-stage iframe {
visibility: visible;
}
.project .-with-slider:not(.project-content) {
position: relative;
z-index: 1;
}
.project .-with-slider .project-slider {
overflow: hidden;
}
.project .-with-slider .project-slider > .scale-bg {
height: 100%;
}
.project .-with-slider .clb-slider-outer-stage {
height: 100%;
}
.project .-with-slider .project-image {
height: 100%;
background-size: cover;
background-position: center;
position: relative;
}
.project .-with-slider .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: color-mix(in srgb, var(--clb-color-overlay) 30%, transparent);
}
.project .-with-slider .share-bar {
bottom: var(--clb-spacer);
top: auto;
right: auto;
}
.project-content {
z-index: 2;
}
.project-content .options-group,
.project-content .project-task,
.project-content .button {
margin-top: var(--clb-grid-gutter);
}
.project-content .video-button {
margin-bottom: 1.5rem;
}
.project-title .headline {
margin: 0.75rem 0 1rem;
}
.project-title + .project-details p {
margin: 1rem 0 0 0;
}
.project-task .title {
margin-bottom: 0.5rem;
}
.project-task p {
font-weight: var(--clb-text-semi-bold);
}
.project .share-bar {
position: absolute;
}
.options-group {
flex-wrap: wrap;
margin-right: var(--clb-grid-gutter-negative);
display: flex;
}
.options-group > li {
min-width: calc(25% - 1.75rem);
width: calc(25% - 1.75rem);
margin-right: 1.75rem;
margin-bottom: var(--clb-grid-gutter);
padding-top: var(--clb-grid-gutter);
border-top: 1px solid color-mix(in srgb, var(--clb-color-grey) 50%, transparent);
}
.options-group > li:last-child {
margin-bottom: 0;
}
.options-group > li p {
font-size: var(--clb-text-size-small);
margin: 0.25rem 0 0 0;
}
.options-group .title {
color: inherit;
}
.portfolio-comments .comments {
padding-top: var(--clb-grid-gutter-4x);
padding-bottom: var(--clb-grid-gutter-4x);
} .portfolio-filter {
font-size: var(--clb-text-size-small);
padding-bottom: var(--clb-grid-gutter);
}
.portfolio-filter li {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.portfolio-filter li:first-child {
margin-right: 0.5rem;
}
.portfolio-filter:not(.-filter-button) li {
position: relative;
}
.portfolio-filter:not(.-filter-button) li:not(:first-child):not(:last-child)::after {
content: "/";
margin: 0px 0.5rem 0px 0.25rem;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.portfolio-filter:not(.-filter-button) a {
margin-right: 0.85rem;
font-weight: var(--clb-text-medium);
position: relative;
color: inherit;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.portfolio-filter:not(.-filter-button) a .num {
top: -0.35rem;
right: -0.9rem;
text-align: left;
position: absolute;
font-size: 0.65em;
font-weight: var(--clb-text-bold);
}
.portfolio-filter:not(.-filter-button) a.active {
color: var(--clb-color-primary);
}
.portfolio-filter.-filter-button a {
margin: 0.2rem 0.1rem;
}
.portfolio-filter.-filter-button a .num {
margin-left: 0.25rem;
font-size: 0.85em;
color: var(--clb-color-grey);
} .portfolio-item .title {
font-size: clamp(var(--clb-card-titles-font-size-min), calc(0.5vw + 1rem), var(--clb-card-titles-font-size));
}
.portfolio-item:not(.-with-slider) .video-button {
z-index: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.portfolio-item .overlay-details.-top {
top: 0;
bottom: auto;
}
.portfolio-item .show-project {
font-size: var(--clb-text-size-small);
}
.portfolio-item .show-project-link::before {
display: none;
}
.portfolio-item.-with-slider {
min-width: 100%;
overflow: hidden;
}
.portfolio-item.-with-slider .project-content {
position: relative;
min-height: 100%;
padding-left: 0;
padding-right: 0;
display: flex;
align-items: flex-start;
flex-direction: column;
}
.portfolio-item.-with-slider .project-content .headline {
margin-bottom: 0;
}
.portfolio-item.-with-slider .project-content h2 {
letter-spacing: -.045em;
line-height: 1;
font-size: clamp(var(--clb-titles-h1-font-size-min), calc(4.5vw + 0.25rem), var(--clb-titles-h1-font-size));
}
.portfolio-item.-with-slider .project-content h3 {
letter-spacing: -.035em;
line-height: 1.15;
font-size: clamp(var(--clb-titles-h3-font-size-min), calc(2.205vw + 0.25rem), var(--clb-titles-h3-font-size));
}
.portfolio-item.-with-slider .portfolio-item-image {
background-size: cover;
background-position: center;
position: absolute;
}
.portfolio-item.-with-slider:not(.-with-gradient) .portfolio-item-image[data-tilt="true"] {
min-width: calc(100vw + 5vw);
min-height: calc(100vh + 5vh);
left: -2.5vw;
top: -2.5vh;
}
.portfolio-item.-with-slider .overlay::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.portfolio-item.-with-slider .headline-decor {
position: absolute;
z-index: 1;
bottom: -0.5rem;
}
.portfolio-item.-with-slider .headline-decor .title {
z-index: -1;
line-height: .5;
white-space: nowrap;
letter-spacing: -.06em;
font-size: 16vw;
color: color-mix(in srgb, var(--clb-color-neutral) 4%, transparent);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-with-gradient .portfolio-item-image::before {
content: "";
position: absolute;
width: 75%;
top: 0;
bottom: 0;
background: white;
background: linear-gradient(270deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
}
.portfolio-item.-layout1 .project-details {
margin-top: 0.25rem;
}
.portfolio-item.-layout1 .project-details p {
margin: 0;
}
.portfolio-item.-layout2 .overlay-details:not(.-top) {
width: 100%;
background: var(--clb-color-black-rgb);
background: linear-gradient(360deg, rgba(var(--clb-color-black-rgb), 0.5) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.portfolio-item.-layout2 .overlay-details .title {
color: var(--clb-color-white);
}
.portfolio-item.-layout2 .portfolio-item-headline + .show-project {
position: relative;
left: 0;
bottom: 0 !important;
}
.portfolio-item.-layout1.-img-overlay .image-holder::after,
.portfolio-item.-layout2.-img-overlay .image-holder::after {
display: none;
}
.portfolio-item.-layout1 .overlay-details,
.portfolio-item.-layout2 .overlay-details,
.portfolio-item.-layout11 .overlay-details,
.portfolio-item.-layout13 .overlay-details {
width: auto;
}
.portfolio-item.-layout1 .show-project,
.portfolio-item.-layout2 .show-project,
.portfolio-item.-layout13 .show-project {
overflow: hidden;
position: relative;
margin-top: 0.4rem;
}
.portfolio-item.-layout1 .show-project a,
.portfolio-item.-layout2 .show-project a,
.portfolio-item.-layout13 .show-project a {
color: inherit;
}
.portfolio-item.-layout1 .show-project-link,
.portfolio-item.-layout2 .show-project-link,
.portfolio-item.-layout13 .show-project-link {
position: absolute;
font-weight: var(--clb-text-semi-bold);
opacity: 0;
left: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout1 .show-project-link a,
.portfolio-item.-layout2 .show-project-link a,
.portfolio-item.-layout13 .show-project-link a {
position: relative;
}
.portfolio-item.-layout1 .show-project-link a::after,
.portfolio-item.-layout2 .show-project-link a::after,
.portfolio-item.-layout13 .show-project-link a::after {
content: "";
width: 3rem;
height: 2px;
background-color: currentColor;
position: absolute;
right: -0.5rem;
top: 48%;
transform: translate(100%, 50%);
}
.portfolio-item.-layout1 .show-project .category-holder,
.portfolio-item.-layout2 .show-project .category-holder,
.portfolio-item.-layout13 .show-project .category-holder {
display: block;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout1:hover .show-project-link,
.portfolio-item.-layout2:hover .show-project-link,
.portfolio-item.-layout13:hover .show-project-link {
transform: translate(0, -100%);
opacity: 1;
}
.portfolio-item.-layout1:hover .show-project .category-holder,
.portfolio-item.-layout2:hover .show-project .category-holder,
.portfolio-item.-layout13:hover .show-project .category-holder {
transform: translate(0, -100%);
opacity: 0;
}
.portfolio-item.-layout3 .overlay::after,
.portfolio-item.-layout5 .overlay::after,
.portfolio-item.-layout6 .overlay::after {
background-color: rgba(255, 255, 255, 0.98);
}
.portfolio-item.-layout3 .project-content,
.portfolio-item.-layout5 .project-content,
.portfolio-item.-layout6 .project-content {
padding: var(--clb-grid-gutter-4x) 0 var(--clb-grid-gutter-4x) 0;
}
.portfolio-item.-layout3.-full-vh .project-content,
.portfolio-item.-layout5.-full-vh .project-content,
.portfolio-item.-layout6.-full-vh .project-content {
padding-top: var(--clb-header-height);
min-height: 65vh;
}
.portfolio-item.-layout4 .overlay::after {
background-color: rgba(255, 255, 255, 0.5);
}
.portfolio-item.-layout4 .portfolio-item-image,
.portfolio-item.-layout4 .page-container,
.portfolio-item.-layout4 .project {
height: 100%;
}
.portfolio-item.-layout4 .project-content {
justify-content: center;
}
.portfolio-item.-layout4:not(.-full-vh) .project-content {
min-height: 50vh;
padding-top: 10vh;
padding-bottom: 10vh;
}
.portfolio-item.-layout5 .headline-decor {
top: 100%;
left: 15%;
transform-origin: left center;
transform: translateY(0%) rotate(-90deg);
}
.portfolio-item.-layout5 .project-content {
padding-bottom: var(--clb-spacer);
padding-right: var(--clb-spacer);
justify-content: flex-end;
}
.portfolio-item.-layout5 .project-content::before {
height: 25%;
}
.portfolio-item.-layout5:not(.-full-vh) .project-content {
min-height: 50vh;
padding-top: 10vh;
padding-bottom: 10vh;
}
.portfolio-item.-layout5.active .portfolio-item-image {
transform: none !important;
transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout5.prev-slide .portfolio-item-image {
transform: translateY(-100%) !important;
transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout5.prev-slide.last-slide .portfolio-item-image {
transform: translateY(-20%) !important;
transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout5.next-slide .portfolio-item-image {
transform: translateY(100%);
transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout5.next-slide.last-slide .portfolio-item-image {
transform: translateY(20%) !important;
transition: transform 0.5s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout6 .portfolio-item-image {
background-position: left bottom;
}
.portfolio-item.-layout7 .portfolio-item-image::before {
right: 0;
}
.portfolio-item.-layout7:not(.-full-vh) {
height: 50vh;
}
.portfolio-item.-layout7 .project-content {
justify-content: center;
}
.portfolio-item.-layout7 .project-content::before {
height: var(--clb-header-height);
}
.portfolio-item.-layout7 .headline-decor {
left: calc(100% / 3);
bottom: 20vh;
}
.portfolio-item.-layout7 .video-button,
.portfolio-item.-layout9 .video-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.portfolio-item.-layout9:not(.-full-vh) {
height: 50vh;
}
.portfolio-item.-layout9 .portfolio-item-image {
position: relative;
}
.portfolio-item.-layout9 .project-content {
padding-bottom: var(--clb-spacer);
justify-content: space-around;
}
.portfolio-item.-layout9 .project-content::before {
height: 26%;
visibility: hidden;
}
.portfolio-item.-layout9 .headline-decor {
top: 50%;
bottom: auto;
transform: translateY(-50%);
left: 25px;
opacity: 0;
transition: 0.45s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout9 .next-slide-preview {
position: absolute;
top: 50%;
left: 0;
transform: translate(-60%, -50%);
width: 16.5rem;
height: 20rem;
background-size: cover;
background-position: center;
z-index: 1;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
border-radius: var(--clb-border-radius);
}
.portfolio-item.-layout9 .next-slide-preview:hover {
transform: translate(-55%, -50%);
}
.portfolio-item.-layout9 .image-holder {
opacity: 0;
z-index: 1;
padding: 0;
position: relative;
}
.portfolio-item.-layout9.active .image-holder {
opacity: 1;
transition: 0.45s var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout9.active .headline-decor,
.portfolio-item.-layout9.active .next-project-img-box {
opacity: 1;
}
.portfolio-item.-layout9.active .project-content::before {
visibility: visible;
}
.portfolio-item.-layout9 .page-container {
padding-left: 0;
}
.portfolio-item.-layout10 .overlay,
.portfolio-item.-layout10 .overlay-image {
background-size: cover;
background-position: center;
}
.portfolio-item.-layout10 .overlay-image .headline-decor {
z-index: initial;
}
.portfolio-item.-layout10 .overlay-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.98);
}
.portfolio-item.-layout10 .preview {
top: 18vh;
bottom: 18vh;
position: absolute;
}
.portfolio-item.-layout10 .portfolio-item-image {
right: var(--clb-grid-gutter);
left: var(--clb-grid-gutter);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout10 .portfolio-item-image::before {
left: 0;
background: white;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
}
.portfolio-item.-layout10 .headline-decor {
top: 50%;
transform: translateY(-50%);
bottom: auto;
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-item.-layout10:not(.-full-vh) {
height: 50vh;
}
.portfolio-item.-layout10:not(.-full-vh) .preview {
top: 0;
bottom: 0;
}
.portfolio-item.-layout10.active .page-container .portfolio-item-image {
transform: none;
}
.portfolio-item.-layout10.active .headline-decor {
opacity: 1;
}
.portfolio-item.-layout13 {
gap: calc(var(--clb-grid-gutter) * 2);
display: flex;
}
.portfolio-item.-layout13 .card-details {
flex-grow: 2;
}
.portfolio-item.-layout13 .card-details .holder {
padding-top: var(--clb-spacer);
}
.portfolio-item.-layout13 .card-details .category-holder .category {
font-weight: var(--clb-text-semi-bold);
}
.portfolio-item.-layout13:not(.-contained) .card-details {
padding-top: 0;
padding-left: 2.5rem;
}
.portfolio-item.-layout13.-contained.-with-shadow .image-holder,
.portfolio-item.-layout13.-contained.-with-shadow .card-details {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.portfolio-item.-layout13.-contained .card-image {
position: relative;
}
.portfolio-item.-layout13.-contained .card-image .image-holder {
border-radius: var(--clb-border-radius);
}
.portfolio-item.-layout13.-contained .card-details {
padding: 0 var(--clb-spacer) var(--clb-spacer) var(--clb-spacer);
border-radius: var(--clb-border-radius);
}
.portfolio-links .project-content::before,
.-with-slider .project-content::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 50%;
background-image: radial-gradient(circle at 1px 1px, var(--clb-pattern-color) 1px, transparent 0);
background-size: 20px 20px;
}
.portfolio-grid.is-loading {
max-height: 0px !important;
}
.portfolio-grid.is-loading .portfolio-item:not(.-with-slider) {
visibility: hidden;
opacity: 0;
}
.portfolio-links.grid_8 {
position: relative;
display: flex;
justify-content: center;
flex-direction: column;
}
.portfolio-links.grid_8.-with-sorting.-with-pagination {
justify-content: space-between;
}
.portfolio-links.grid_8 .project-content {
padding: 0;
}
.portfolio-links.grid_8 .project-content::before {
height: 25%;
left: 50%;
}
.portfolio-links.grid_8 .portfolio-grid {
z-index: 2;
height: auto !important;
padding-top: var(--clb-grid-gutter-4x);
padding-bottom: var(--clb-grid-gutter-4x);
}
.portfolio-links.grid_8 .grid-item {
position: relative !important;
top: auto !important;
left: auto !important;
padding: 0 var(--clb-grid-gutter) !important;
display: inline-flex;
vertical-align: middle;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_8 .grid-item .portfolio-item {
padding: 0.4rem 0;
flex-wrap: wrap;
display: flex;
align-items: flex-end;
}
.portfolio-links.grid_8 .grid-item .portfolio-item .headline {
margin: 0;
line-height: 100%;
}
.portfolio-links.grid_8 .grid-item .portfolio-item .category-holder {
margin-left: 0.5rem;
}
.portfolio-links.grid_8 .grid-item .portfolio-item.active {
transform: scale(2.5);
}
.portfolio-links.grid_8 .grid-item .portfolio-item.invisible {
opacity: .05 !important;
visibility: visible !important;
}
.portfolio-links.grid_8 .grid-item .project-title:hover .headline {
color: inherit;
}
.portfolio-links.grid_8 .portfolio-grid-images {
position: absolute;
top: 0;
height: 100%;
width: 100%;
overflow: hidden;
}
.portfolio-links.grid_8 .thumbnail {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
z-index: 1;
transform: scale(1);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_8 .thumbnail::after {
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
content: "";
display: block;
position: absolute;
}
.portfolio-links.grid_8 .thumbnail.scale {
opacity: 1;
animation: imageScale 12s 1;
animation-fill-mode: forwards;
}
.portfolio-links.grid_12 {
position: relative;
counter-reset: portfolio-number;
}
.portfolio-links.grid_12 .portfolio-item {
overflow: visible;
white-space: nowrap;
counter-increment: portfolio-number;
height: 100%;
display: flex;
align-items: center;
}
.portfolio-links.grid_12 .portfolio-item-details {
display: inline-flex;
vertical-align: middle;
align-items: center;
align-items: flex-start;
}
.portfolio-links.grid_12 .portfolio-item-details .category-holder {
opacity: 0;
transform: translateX(1.75rem);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_12 .portfolio-item-details .category-holder a {
font-weight: var(--clb-text-semi-bold);
}
.portfolio-links.grid_12 .portfolio-item-details-headline {
position: relative;
}
.portfolio-links.grid_12 .portfolio-item-details-headline::after {
content: "0" counter(portfolio-number);
opacity: .65;
font-weight: var(--clb-text-bold);
top: 0;
right: 0;
transform: translateX(110%);
position: absolute;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_12 .portfolio-item-details-headline > a {
position: relative;
display: block;
}
.portfolio-links.grid_12 .portfolio-item-details-headline > a .title {
font-size: 6vw;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_12 .portfolio-item-details-headline > a .title:hover {
-webkit-text-stroke: 1px currentColor;
-webkit-text-fill-color: transparent;
}
.portfolio-links.grid_12 .portfolio-item .portfolio-item-image {
opacity: 0;
height: 0;
width: 0;
visibility: hidden;
position: absolute;
top: 0;
left: 0;
padding: 0;
z-index: -1;
}
.portfolio-links.grid_12 .portfolio-item .portfolio-item-image > img {
mix-blend-mode: multiply;
opacity: .3;
}
.portfolio-links.grid_12 .portfolio-item:hover .portfolio-item-details .portfolio-item-details-headline::after {
transform: translateX(-0.75rem);
opacity: 0;
}
.portfolio-links.grid_12 .portfolio-item:hover .portfolio-item-details .category-holder {
opacity: 1;
transform: translateX(0px);
}
.portfolio-links.grid_12 .portfolio-grid-images {
height: 0;
width: 0;
z-index: 10;
position: relative;
}
.portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image {
position: fixed;
left: 0.75rem;
top: 0.75rem;
opacity: 0;
visibility: hidden;
pointer-events: none;
will-change: transform;
}
.portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image .card {
width: 35vh;
height: 35vh;
padding: 1rem;
will-change: transform;
transition: all linear 2s;
}
.portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image .card img {
transform: scale(0.8);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image.transition {
transition: all linear 0.25s;
}
.portfolio-links.grid_12 .portfolio-grid-images .portfolio-item-image.visible img {
transform: scale(1);
}
.portfolio-links.grid_12 .portfolio-grid-holder {
position: relative;
flex-grow: 2;
overflow-x: hidden;
}
.portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid {
margin-top: 0;
margin-bottom: 0;
transform-origin: bottom left;
transform: rotate(-90deg) translateY(100%);
overflow: hidden;
left: var(--clb-grid-gutter);
bottom: 0;
right: 0;
width: max-content;
top: auto !important;
position: absolute !important;
border-left: 1px solid color-mix(in srgb, var(--clb-color-neutral) 25%, transparent);
}
.portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid::-webkit-scrollbar,
.portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid::-webkit-scrollbar-thumb {
visibility: hidden;
}
.portfolio-links.grid_12 .portfolio-grid-holder .grid-item {
position: static !important;
left: auto !important;
top: auto !important;
padding: 0 0 0 2rem !important;
min-height: calc(100% / 10);
display: flex;
}
.portfolio-links.grid_12 .portfolio-grid-holder-underline {
position: absolute;
bottom: 0;
height: 1px;
width: 1px;
background-color: var(--clb-color-grey);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.portfolio-links.grid_12.-full-vh {
display: flex;
align-items: stretch;
flex-direction: column;
}
.portfolio-links .portfolio-filter,
.portfolio-links .pagination,
.portfolio-links .lazy-load {
z-index: 3;
position: relative;
padding-top: 2rem;
padding-bottom: 2rem;
}
.portfolio-links .project-content::before {
display: none;
}
.ohio-recent-projects-sc .vc_row[data-vc-full-width].vc_hidden {
opacity: 1;
}
@keyframes imageScale {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1);
}
} .project.-layout3 > .vc_row {
margin-right: 0;
}
.project.-layout3 .project-gallery:not(.scroll-disabled) .share-bar {
left: calc(50% - var(--clb-spacer));
transform: translateX(-100%);
}
.project.-layout3 .project-gallery.scroll-disabled .share-bar {
right: var(--clb-spacer);
}
.project.-layout3 .project-content .holder {
padding-right: calc((100vw - var(--clb-container-width)) / 2);
}
.project.-layout4 > .vc_row {
margin-left: 0;
}
.project.-layout4 .project-gallery:not(.scroll-disabled) .share-bar {
right: calc(50% - var(--clb-spacer));
transform: translateX(100%);
}
.project.-layout4 .project-gallery.scroll-disabled .share-bar {
left: var(--clb-spacer);
}
.project.-layout4 .project-content .holder {
padding-left: calc((100vw - var(--clb-container-width)) / 2);
}
.project.-layout5 .project-content {
padding-top: var(--clb-grid-gutter-5x);
padding-bottom: var(--clb-grid-gutter-5x);
}
.project.-layout5 .video-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.project.-layout5 .video-holder.-cover iframe {
height: 140%;
}
.project.-layout5 .project-slider,
.project.-layout5 .video-holder {
height: 75vh;
}
.project.-layout6 .project-content {
height: 100vh;
padding-top: var(--clb-header-height);
}
.project.-layout6 .project-content .holder {
position: relative;
z-index: 1;
}
.project.-layout6 .project-content .holder,
.project.-layout6 .project-content .headline {
color: var(--clb-color-white);
}
.project.-layout6 .project-content .holder .button:not(:hover),
.project.-layout6 .project-content .headline .button:not(:hover) {
color: inherit;
}
.project.-layout6 .project-content .options-group li {
border-top-color: rgba(255, 255, 255, 0.25);
}
.project.-layout6 .project-content .video-module {
min-height: var(--clb-circle);
margin-bottom: var(--clb-spacer);
}
.project.-layout6 .project-content .page-container,
.project.-layout6 .project-content .vc_row {
height: 100%;
}
.project.-layout6 .project-content .vc_row {
padding-bottom: var(--clb-header-height);
display: flex;
align-items: center;
}
.project.-layout7 {
padding-bottom: var(--clb-grid-gutter-6x);
}
.project.-layout7 .share-bar {
top: var(--clb-spacer);
left: var(--clb-spacer);
}
.project.-layout8 .project-content {
padding: var(--clb-header-height) 0;
}
.project.-layout8 .project-content .vc_row {
display: block;
}
.project.-layout8 .project-content .holder {
position: relative;
}
.project.-layout8 .project-gallery {
top: 0;
right: 0;
bottom: 0;
width: 65vw;
position: absolute;
}
.project.-layout8 .project-slider {
height: 100%;
}
.project.-layout8 .overlay {
background: white;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0) 100%);
}
.project.-layout9 .holder {
height: 100vh;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.project.-layout9 .holder,
.project.-layout9 .holder .headline {
color: var(--clb-color-white);
}
.project.-layout9 .project-content {
padding-top: var(--clb-grid-gutter-6x);
padding-bottom: var(--clb-grid-gutter-6x);
}
.project.-layout10 .share-bar .social-networks {
background-color: var(--clb-fill-color);
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.project.-layout10 .project-slider {
height: 100vh;
}
.project.-layout10 .project-content {
position: relative;
}
.project.-layout10 .project-content .holder {
height: auto;
padding: 0px var(--clb-grid-gutter);
}
.project.-layout1 .video-holder,
.project.-layout2 .video-holder,
.project.-layout3 .video-holder,
.project.-layout4 .video-holder,
.project.-layout7 .video-holder {
margin-bottom: 0.5rem;
}
.project.-layout1 .video-holder:not(.-custom),
.project.-layout2 .video-holder:not(.-custom),
.project.-layout3 .video-holder:not(.-custom),
.project.-layout4 .video-holder:not(.-custom),
.project.-layout7 .video-holder:not(.-custom) {
position: relative;
padding-bottom: calc(100% * 9 / 16);
}
.project.-layout1 .video-holder:not(.-custom) iframe,
.project.-layout2 .video-holder:not(.-custom) iframe,
.project.-layout3 .video-holder:not(.-custom) iframe,
.project.-layout4 .video-holder:not(.-custom) iframe,
.project.-layout7 .video-holder:not(.-custom) iframe {
position: absolute;
visibility: visible;
transform: none;
top: 0;
left: 0;
}
.project.-layout1 .video-holder.-custom video,
.project.-layout2 .video-holder.-custom video,
.project.-layout3 .video-holder.-custom video,
.project.-layout4 .video-holder.-custom video,
.project.-layout7 .video-holder.-custom video {
vertical-align: top;
min-width: 100%;
}
.project.-layout3 .page-container,
.project.-layout4 .page-container {
max-width: 100%;
}
.project.-layout3 .project-gallery,
.project.-layout4 .project-gallery {
padding-left: 0px;
padding-right: 0px;
}
.project.-layout3 .project-gallery .share-bar,
.project.-layout4 .project-gallery .share-bar {
bottom: var(--clb-spacer);
}
.project.-layout6 .options-group li p,
.project.-layout8 .options-group li p {
opacity: .75;
}
.project.-layout6 .project-slider,
.project.-layout9 .project-slider {
height: 100vh;
width: 100%;
position: absolute;
}
.single.with-spacer.with-header-5 .-layout3 .project-content .holder {
padding-right: calc((100vw - var(--clb-header-height-5) - var(--clb-container-width)) / 2);
}
.single.with-spacer.with-header-5 .-layout3 .project-gallery:not(.scroll-disabled) .share-bar {
left: calc(50% + (var(--clb-header-height-6)/2) - (var(--clb-grid-gutter) + var(--clb-spacer)));
}
.single.with-spacer.with-header-5 .-layout4 .project-content .holder {
padding-left: calc((100vw - var(--clb-header-height-5) - var(--clb-container-width)) / 2);
}
.single.with-spacer.with-header-5 .-layout4 .project-gallery:not(.scroll-disabled) .share-bar {
right: calc(50% - (var(--clb-header-height-5)/2) - (var(--clb-grid-gutter) + var(--clb-spacer)));
}
.single.with-spacer.with-header-6 .-layout3 .project-content .holder,
.single.with-spacer.with-header-7 .-layout3 .project-content .holder {
padding-right: calc((100vw - var(--clb-header-height-6) - var(--clb-container-width)) / 2);
}
.single.with-spacer.with-header-6 .-layout3 .project-gallery:not(.scroll-disabled) .share-bar,
.single.with-spacer.with-header-7 .-layout3 .project-gallery:not(.scroll-disabled) .share-bar {
left: calc(50% + ((var(--clb-header-height-6) - var(--clb-grid-gutter))/2) - (var(--clb-grid-gutter) + var(--clb-spacer)));
}
.single.with-spacer.with-header-6 .-layout4 .project-content .holder,
.single.with-spacer.with-header-7 .-layout4 .project-content .holder {
padding-left: calc((100vw - var(--clb-header-height-6) - var(--clb-container-width)) / 2);
}
.single.with-spacer.with-header-6 .-layout4 .project-gallery:not(.scroll-disabled) .share-bar,
.single.with-spacer.with-header-7 .-layout4 .project-gallery:not(.scroll-disabled) .share-bar {
right: calc(50% - ((var(--clb-header-height-6) + var(--clb-grid-gutter) )/2) - (var(--clb-grid-gutter) + var(--clb-spacer)));
}
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout1 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout3 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout4 .share-bar {
margin-top: var(--clb-header-height);
}
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout1 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout1 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout2 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout2 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout3 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout3 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout4 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .-layout4 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout1 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout1 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout2 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout2 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout3 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout3 .share-bar,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout4 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .page-headline + .page-container + .-layout4 .share-bar {
margin-top: 0;
}
.single:not(.with-spacer) .-layout7:not(.blog-item),
.single:not(.with-spacer) .-layout8:not(.blog-item) {
padding-top: var(--clb-header-height);
}
.single:not(.with-spacer) .-layout8 .project-gallery {
top: var(--clb-header-height);
}  .back-link {
position: fixed;
z-index: 5;
left: var(--clb-spacer);
top: var(--clb-spacer);
display: flex;
align-items: center;
}
.back-link .caption {
opacity: 0;
transform: translateX(0.5rem);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.back-link:hover .caption {
opacity: 1;
transform: none;
}
.back-link.showed {
opacity: 1;
visibility: visible;
}
body:not(.with-header-sidebar) .back-link {
margin-top: var(--clb-header-height);
}
body:not(.with-header-sidebar).with-subheader .back-link {
margin-top: calc(var(--clb-header-height) + var(--clb-subheader-height));
}
body:not(.with-header-sidebar).with-header-2 .back-link {
margin-top: var(--clb-header-height-2);
}
body:not(.with-header-sidebar).with-header-2.with-subheader .back-link {
margin-top: calc(var(--clb-header-height-2) + var(--clb-subheader-height));
}
.with-header-sidebar.with-subheader .back-link {
margin-top: var(--clb-subheader-height);
} .color-switcher {
font-weight: var(--clb-text-medium);
font-size: .85em;
position: relative;
height: var(--clb-color-switcher-height);
background-color: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
cursor: var(--clb-cursor-pointer);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent) inset;
border-radius: 0.9rem;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.color-switcher-item-state {
margin: 0;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.color-switcher-item-state > span {
line-height: 1;
}
.color-switcher-item-state svg {
fill: currentColor;
}
.color-switcher-item,
.color-switcher-toddler-item {
width: 100%;
height: 100%;
padding: 0 0.65rem;
display: flex;
align-items: center;
justify-content: center;
}
.color-switcher-toddler {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.color-switcher-toddler-wrap {
position: relative;
height: 100%;
}
.color-switcher-toddler-item {
position: absolute;
background-color: var(--clb-color-white);
width: 100%;
box-shadow: -3px 0px 6px color-mix(in srgb, var(--clb-color-black) 5%, transparent);
border-radius: 0.9rem;
}
.color-switcher-toddler-item:hover svg {
transform: var(--clb-transform-scale);
transition: transform var(--clb-transition-function) var(--clb-transition-duration);
}
.color-switcher-toddler-item .light {
z-index: 1;
}
.color-switcher:not(.dark) .color-switcher-toddler-item.light {
z-index: 1;
}
.color-switcher.dark:not(.-simple) .color-switcher-item.light svg {
fill: rgba(255, 255, 255, 0.75);
}
.color-switcher.dark .color-switcher-toddler .color-switcher-toddler-item {
color: var(--clb-color-white);
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 70%, white);
}
.color-switcher.dark .color-switcher-toddler .color-switcher-toddler-item.dark {
z-index: 1;
} .notification .alert {
background-color: var(--clb-color-white);
}
.notification .alert.-blur {
background-color: color-mix(in srgb, var(--clb-color-white) 85%, transparent);
}
.notification .alert .button {
margin-left: 1rem;
} .elements-bar {
gap: var(--clb-grid-gutter);
position: fixed;
top: 50%;
min-height: var(--clb-side-elements-height);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.elements-bar.left {
z-index: 4;
left: var(--clb-spacer);
transform-origin: left top;
transform: rotate(-90deg) translate(-50%, 0);
}
.elements-bar.right {
z-index: 3;
right: var(--clb-spacer);
transform-origin: right top;
transform: rotate(-90deg) translate(50%, -100%);
} .meta-item {
line-height: var(--clb-text-line-heigth-small);
text-align: left;
}
.meta-item .prefix {
font-size: var(--clb-text-size-extra-small);
display: block;
opacity: 0.75;
}
.meta-item span:not(.prefix),
.meta-item time:not(.prefix) {
font-weight: var(--clb-text-semi-bold);
font-size: var(--clb-text-size-small);
}
.headline-meta {
font-size: var(--clb-text-size-small);
flex-wrap: wrap;
display: flex;
align-items: center;
}
.headline-meta .category-holder,
.headline-meta .date {
font-weight: var(--clb-text-medium);
}
.headline-meta .category-holder + *::before,
.headline-meta .date + *::before {
margin-left: 0.25rem;
margin-right: 0.25rem;
content: '•';
display: inline-block;
vertical-align: middle;
font-size: .8em;
margin-top: -2px;
color: var(--clb-color-primary);
}
.headline-meta .post-meta-estimate {
white-space: nowrap;
}
.meta-holder {
gap: var(--clb-gap-large);
display: flex;
} .page-preloader {
background-color: var(--clb-preloader-color);
width: 100%;
height: 100vh;
z-index: 99999;
position: fixed;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
display: flex;
align-items: center;
justify-content: center;
}
.page-preloader .loader {
width: 6px;
height: 6px;
position: absolute;
left: 50%;
top: 50%;
animation: typing 1s linear infinite alternate;
border-radius: 50%;
}
.page-preloader.hidden {
opacity: 0;
visibility: hidden;
}
.page-preloader.hide {
display: none;
}
.page-preloader.percentage-preloader {
background-color: var(--clb-color-white);
}
.page-preloader.percentage-preloader .sk-percentage {
height: 100%;
width: 0;
background-color: var(--clb-preloader-color);
left: 0;
position: fixed;
}
.page-preloader.percentage-preloader .sk-percentage-percent {
color: var(--clb-preloader-spinner-color);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 6em;
font-weight: var(--clb-text-semi-bold);
letter-spacing: -.02rem;
}
.spinner {
animation: spinner_animation 2s linear infinite;
z-index: 2;
position: relative;
}
.spinner .path {
opacity: .75;
stroke: var(--clb-preloader-spinner-color);
stroke-linecap: round;
animation: spinner_animation_dash 1.5s ease-in-out infinite;
}
@keyframes spinner_animation {
100% {
transform: rotate(360deg);
}
}
@keyframes spinner_animation_dash {
0% {
stroke-dasharray: 1, 150;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -35;
}
100% {
stroke-dasharray: 90, 150;
stroke-dashoffset: -124;
}
}
.sk-circle {
position: relative;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.sk-circle .sk-child::before {
content: "";
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: var(--clb-preloader-spinner-color);
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
border-radius: 50%;
}
.sk-circle .sk-circle2 {
transform: rotate(30deg);
}
.sk-circle .sk-circle2::before {
animation-delay: -1.1s;
}
.sk-circle .sk-circle3 {
transform: rotate(60deg);
}
.sk-circle .sk-circle3::before {
animation-delay: -1s;
}
.sk-circle .sk-circle4 {
transform: rotate(90deg);
}
.sk-circle .sk-circle4::before {
animation-delay: -0.9s;
}
.sk-circle .sk-circle5 {
transform: rotate(120deg);
}
.sk-circle .sk-circle5::before {
animation-delay: -0.8s;
}
.sk-circle .sk-circle6 {
transform: rotate(150deg);
}
.sk-circle .sk-circle6::before {
animation-delay: -0.7s;
}
.sk-circle .sk-circle7 {
transform: rotate(180deg);
}
.sk-circle .sk-circle7::before {
animation-delay: -0.6s;
}
.sk-circle .sk-circle8 {
transform: rotate(210deg);
}
.sk-circle .sk-circle8::before {
animation-delay: -0.5s;
}
.sk-circle .sk-circle9 {
transform: rotate(240deg);
}
.sk-circle .sk-circle9::before {
animation-delay: -0.4s;
}
.sk-circle .sk-circle10 {
transform: rotate(270deg);
}
.sk-circle .sk-circle10::before {
animation-delay: -0.3s;
}
.sk-circle .sk-circle11 {
transform: rotate(300deg);
}
.sk-circle .sk-circle11::before {
animation-delay: -0.2s;
}
.sk-circle .sk-circle12 {
transform: rotate(330deg);
}
.sk-circle .sk-circle12::before {
animation-delay: -0.1s;
}
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
transform: scale(0);
}
40% {
transform: scale(1);
}
}
.sk-wave {
width: 50px;
height: 40px;
text-align: center;
font-size: 10px;
}
.sk-wave .sk-rect {
background-color: var(--clb-preloader-spinner-color);
height: 100%;
width: 5px;
display: inline-block;
animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}
.sk-wave .sk-rect1 {
animation-delay: -1.2s;
}
.sk-wave .sk-rect2 {
animation-delay: -1.1s;
}
.sk-wave .sk-rect3 {
animation-delay: -1s;
}
.sk-wave .sk-rect4 {
animation-delay: -0.9s;
}
.sk-wave .sk-rect5 {
animation-delay: -0.8s;
}
@keyframes sk-waveStretchDelay {
0%, 40%, 100% {
transform: scaleY(0.4);
}
20% {
transform: scaleY(1);
}
}
.sk-double-bounce {
position: relative;
}
.sk-double-bounce .sk-child {
width: 100%;
height: 100%;
background-color: var(--clb-preloader-spinner-color);
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
animation: sk-doubleBounce 2.0s infinite ease-in-out;
border-radius: 50%;
}
.sk-double-bounce .sk-double-bounce2 {
animation-delay: -1.0s;
}
@keyframes sk-doubleBounce {
0%, 100% {
transform: scale(0);
}
50% {
transform: scale(1);
}
}
.sk-folding-cube {
position: relative;
transform: rotateZ(45deg);
}
.sk-folding-cube .sk-cube {
float: left;
width: 50%;
height: 50%;
position: relative;
transform: scale(1.1);
}
.sk-folding-cube .sk-cube::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--clb-preloader-spinner-color);
animation: sk-foldCubeAngle 2.5s infinite linear both;
transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube2::before {
animation-delay: 0.3125s;
}
.sk-folding-cube .sk-cube3 {
transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube3::before {
animation-delay: 0.625s;
}
.sk-folding-cube .sk-cube4 {
transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube4::before {
animation-delay: 0.9375s;
}
@keyframes sk-foldCubeAngle {
0%, 10% {
transform: perspective(140px) rotateX(-180deg);
opacity: 0;
}
25%, 75% {
transform: perspective(140px) rotateX(0deg);
opacity: 1;
}
90%, 100% {
transform: perspective(140px) rotateY(180deg);
opacity: 0;
}
}
.spinner,
.sk-fading-circle,
.sk-double-bounce,
.sk-circle,
.sk-folding-cube {
width: 3.25rem;
height: 3.25rem;
} .social-bar {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.social-bar-holder {
white-space: nowrap;
font-family: inherit;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.social-bar-holder li {
margin: 0px 0.25rem;
}
.social-bar-holder li.caption::after {
content: "—";
margin-left: 0.5rem;
}
.social-bar-holder:not(.icons) li:not(:first-child):not(:last-child)::after {
content: "/";
display: inline;
padding: 0 0.25rem;
}
.social-bar-holder.icons li {
padding: 0px 5px;
}
.social-bar-holder.icons li i {
transform: rotate(90deg);
}
.social-bar-holder.icons li a::after {
display: none;
} .share-bar {
position: absolute;
z-index: 1;
}
.share-bar .social-networks {
background-color: var(--clb-color-white);
padding: 0.2rem;
border-radius: var(--clb-border-radius);
}
.share-bar .social-networks:not(.-boxed) {
gap: 0;
}
.share-bar .social-text {
display: none;
}
.share-bar.-vertical .social-networks {
flex-direction: column;
} .filter {
gap: var(--clb-gap);
display: flex;
align-items: center;
justify-content: flex-end;
}
.filter-holder {
position: relative;
}
.filter-holder .button {
display: none;
margin-left: 1rem;
} .is-mobile-menu .mobile-overlay {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
visibility: hidden;
opacity: 0;
z-index: 99999;
overflow: hidden;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.is-mobile-menu .mobile-overlay .close-bar {
width: calc(100% - var(--clb-circle));
position: relative;
display: flex;
justify-content: space-between;
}
.is-mobile-menu .mobile-overlay .close-bar .icon-button.search-global {
display: block;
position: initial;
background-color: initial;
}
.is-mobile-menu .mobile-overlay .close-bar .icon-button.search-global:not(.-overlay-button):not(.-small) {
color: inherit;
}
.is-mobile-menu .mobile-overlay .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--clb-color-overlay) 90%, transparent);
}
.is-mobile-menu .mobile-overlay .holder {
position: absolute;
top: 0;
height: 100vh;
z-index: 1;
background-color: var(--clb-color-white);
width: calc(100% - var(--clb-circle));
text-align: left;
overflow-y: auto;
padding: 94px 20px;
transform: translateX(-50px);
transition-duration: .25s;
opacity: 0;
}
.is-mobile-menu .mobile-overlay.visible {
visibility: visible;
opacity: 1;
}
.is-mobile-menu .mobile-overlay.visible .holder {
transform: none;
opacity: 1;
}
.is-mobile-menu .mobile-overlay .copyright {
font-weight: var(--clb-body-font-weight);
font-size: var(--clb-text-size-small);
}
.is-mobile-menu .mobile-overlay select.lang-dropdown {
color: inherit;
}
.is-mobile-menu .mobile-overlay > .social-bar {
transform-origin: right bottom;
transform: rotate(-90deg) translate(50%, 0);
margin: 0;
position: absolute;
top: 50%;
right: 1rem;
z-index: 1;
}
.is-mobile-menu .mobile-overlay > .social-bar * {
color: var(--clb-color-white);
}
.is-mobile-menu .site-footer + .search-global.fixed {
display: none;
} .scroll-top {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-property: opacity, visibility, color;
}
.scroll-top:not(.-left):not(.-right):not(.slider-scroll-label) {
opacity: 0;
visibility: hidden;
}
.scroll-top.-left {
margin-left: -1rem;
}
.scroll-top.-left,
.scroll-top.-right {
white-space: nowrap;
}
.scroll-top-bar {
width: 3.75rem;
height: 0.125rem;
margin-right: 1rem;
position: relative;
}
.scroll-top-bar::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: currentColor;
opacity: .25;
}
.scroll-top-bar .scroll-track {
position: absolute;
top: 0;
right: 0;
height: 100%;
background-color: currentColor;
}
.scroll-top.slider-scroll-label .scroll-top-bar .scroll-track {
width: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.social-bar,
.scroll-top {
font-weight: var(--clb-text-semi-bold);
display: inline-flex;
vertical-align: middle;
align-items: center;
align-items: center;
}
.scroll-bar-container {
position: absolute;
left: var(--clb-spacer);
min-height: var(--clb-circle);
top: 50%;
z-index: 3;
transform-origin: left top;
transform: rotate(-90deg) translate(-50%, 0);
display: flex;
align-items: center;
}
.with-switcher .scroll-bar-container .slider-scroll-label {
padding-right: 5.5rem;
}
.with-switcher.admin-bar .scroll-bar-container .slider-scroll-label {
padding-right: calc(5.5rem - var(--clb-admin-bar-height-mobile));
}    .clb-popup {
position: fixed;
z-index: 9999999;
opacity: 0;
visibility: hidden;
transform: translateY(-50vh);
}
.clb-popup:not(.-slide-in) {
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: color-mix(in srgb, var(--clb-color-overlay) 99%, transparent);
}
.clb-popup:not(.-slide-in) .clb-popup-holder {
height: 100%;
padding: var(--clb-header-height);
display: flex;
align-items: center;
justify-content: center;
}
.clb-popup.-slide-in .close-bar {
height: auto;
width: auto;
left: unset;
padding: 0.75rem;
}
.clb-popup.-slide-in .close-bar .icon-button {
min-width: var(--clb-circle-small);
width: var(--clb-circle-small);
height: var(--clb-circle-small);
}
.clb-popup.-slide-in .close-bar .icon-button .icon {
color: initial;
}
.clb-popup.-slide-in .popup-subscribe {
box-shadow: 0px 5px 10px 0px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
}
.clb-popup.-left-bottom,
.clb-popup.-right-bottom {
bottom: var(--clb-spacer);
}
.clb-popup.-left-bottom {
left: var(--clb-spacer);
}
.clb-popup.-right-bottom {
right: var(--clb-spacer);
}
.clb-popup.hidden {
opacity: 0;
visibility: hidden;
display: initial;
}
.clb-popup.visible {
opacity: 1;
visibility: visible;
transform: none;
transition: opacity .5s ease-in-out;
}
.clb-popup .close-bar {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.clb-popup .close-bar .btn-expand {
display: inline-block;
}
.close-bar {
position: relative;
z-index: 11;
height: var(--clb-header-height);
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
display: flex;
align-items: center;
} .project-lightbox {
display: flex;
}
.project-lightbox-gallery,
.project-lightbox-details {
height: 100%;
}
.project-lightbox .options-group {
color: var(--clb-color-grey-light);
}
.project-lightbox,
.project-lightbox .title,
.project-lightbox .project-details,
.project-lightbox .button.-text {
color: var(--clb-color-white);
}
.project-lightbox .clb-slider-nav-btn {
right: 0;
}
.project-lightbox-gallery {
width: calc(100vw - 38vw);
position: relative;
}
.project-lightbox-gallery .slider {
width: 100%;
height: 100%;
}
.project-lightbox-gallery .slider .clb-slider-outer-stage,
.project-lightbox-gallery .slider .clb-slider-stage {
height: 100%;
}
.project-lightbox-gallery .slider .clb-slider-pagination {
left: 0;
}
.project-lightbox-gallery .slider .portfolio-lightbox-image {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.project-lightbox-gallery iframe {
height: 100vh;
width: 100%;
}
.project-lightbox-details {
width: 38vw;
padding: var(--clb-header-height) 10vh;
display: flex;
align-items: center;
} .popup-subscribe {
overflow: hidden;
height: auto;
background-color: var(--clb-color-white);
animation: 0.4s slide_up_inner var(--clb-transition-function);
display: flex;
align-items: stretch;
border-radius: var(--clb-border-radius-large);
}
.popup-subscribe .thumbnail {
min-height: 22vh;
background-size: cover;
background-position: center center;
}
.popup-subscribe .holder {
padding: var(--clb-spacer);
}
.popup-subscribe .contact-form {
margin: var(--clb-grid-gutter) 0 0;
}
@keyframes slide_up_inner {
0% {
transform: translateY(100%);
opacity: .5;
}
100% {
transform: translateY(0%);
opacity: 1;
}
} .clb-video-popup iframe {
margin: 0;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.clb-video-popup iframe + .popup-subscribe {
display: none;
}
.clb-video-popup video {
width: auto;
height: 100%;
} .clb-gallery-lightbox .close-bar {
display: flex;
justify-content: space-between;
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder {
padding-top: 0;
padding-bottom: 0;
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider {
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider.ready .clb-slider-item {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider.ready .clb-slider-item:not(.active) {
transform: scale(0.5);
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider,
.clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage {
height: 100%;
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider .image-wrap,
.clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage .image-wrap {
position: relative;
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider .image-wrap img,
.clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage .image-wrap img {
max-height: calc(100% - 3rem - 7rem);
}
.clb-gallery-lightbox .clb-slider-outer-stage {
overflow: visible;
}
.clb-gallery-lightbox .clb-slider-stage {
align-items: center;
}
.clb-gallery-lightbox .clb-slider-item {
height: 100vh;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.clb-gallery-lightbox .clb-slider-item.active {
transform: none;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-gallery-lightbox .clb-slider-item:not(.active) {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-gallery-lightbox .clb-slider-nav-btn {
position: fixed;
transform: none !important;
color: var(--clb-color-white);
margin-right: var(--clb-spacer);
margin-bottom: var(--clb-spacer);
}
.clb-gallery-lightbox .card-details {
width: 100%;
text-align: center;
min-height: 7rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.clb-gallery-lightbox .card-details .title {
color: var(--clb-color-white);
font-size: 18px;
}
.clb-gallery-lightbox .card-details .caption {
margin-top: 0.5rem;
display: block;
width: auto;
color: var(--clb-color-grey);
}
.clb-gallery-lightbox.-metro .clb-slider-item img {
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
}
.gallery-tmpimage {
position: fixed;
z-index: 9999999;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.gallery-tmpimage.active {
left: 50%;
} .search-global.fixed {
position: fixed;
left: var(--clb-spacer);
bottom: var(--clb-spacer);
z-index: 50;
}
.search-global.fixed .ion.light-typo {
color: var(--clb-color-white);
}
.search-global.fixed .ion.dark-typo {
color: var(--clb-color-black-light);
}
.search {
position: relative;
}
.search-field {
width: 100%;
}
.search-submit {
position: absolute;
top: 0;
right: 0;
height: 100%;
margin: 0;
min-width: var(--clb-button-height);
}
.search-submit .icon {
margin: 0;
}
.search-submit.-text:hover {
box-shadow: none;
}
.search select[name="search_term"] {
right: var(--clb-button-height-large);
position: absolute;
top: 0;
bottom: 0;
max-width: 9rem;
margin: 0;
}
.search select[name="search_term"],
.search select[name="search_term"]:active,
.search select[name="search_term"]:focus {
background-color: transparent;
}
.search-popup .holder {
max-width: 65vh;
margin: 0 auto;
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
padding-top: var(--clb-header-height);
}
.search-popup .holder input[type="search"]::-webkit-search-decoration,
.search-popup .holder input[type="search"]::-webkit-search-cancel-button,
.search-popup .holder input[type="search"]::-webkit-search-results-button,
.search-popup .holder input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.search-popup .holder .search-field {
min-height: var(--clb-circle);
}
.search-popup .holder .search-field::placeholder {
color: var(--clb-color-grey-light);
}
.search-popup .holder .search select {
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='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.search-popup .holder .search select,
.search-popup .holder .search-submit,
.search-popup .holder .search-field {
color: var(--clb-color-white);
}
.search-popup .holder .search-results {
max-height: 27rem;
padding-bottom: 0.5rem;
overflow-x: visible;
overflow-y: auto;
}
.search-popup .holder .search-results .search-suggestions,
.search-popup .holder .search-results .no-search-results {
margin: 1rem 0;
color: var(--clb-color-grey);
}
.search-popup .holder .search-results .product-item {
position: relative;
padding: var(--clb-grid-gutter) 0;
border-top: 1px solid var(--clb-border-color);
display: flex;
align-items: center;
justify-content: space-between;
}
.search-popup .holder .search-results .product-item > * {
color: var(--clb-color-white);
}
.search-popup .holder .search-results .product-item img {
max-width: 4rem;
min-width: 4rem;
height: auto;
}
.search-popup .holder .search-results .product-item-name {
font-weight: var(--clb-text-semi-bold);
}
.search-popup .holder .search-results .product-item-details {
margin-left: 1rem;
flex-grow: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.search-popup .holder .search-results .product-item-details .title {
color: var(--clb-color-white);
}
.search-popup .holder .search-results .product-item-details span > a {
color: var(--clb-color-grey-light);
font-size: var(--clb-text-size-small);
}
.search-popup .holder .search-results .product-item-price {
font-weight: var(--clb-text-semi-bold);
}
.search-popup .holder .search-results .product-item:first-child {
border: none;
}
.search-popup .holder .search-results .search-results_btn {
margin-top: 1rem;
}
.search-popup .holder .search-results .button {
color: var(--clb-color-white);
} .page-headline {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-end;
}
.page-headline .holder {
width: 100%;
position: relative;
z-index: 2;
padding-top: var(--clb-grid-gutter-4x);
padding-bottom: var(--clb-grid-gutter-4x);
}
.page-headline .animated-holder {
display: flex;
flex-direction: column;
}
.page-headline .headline-meta {
margin-bottom: var(--clb-grid-gutter);
}
.page-headline .title {
max-width: 65%;
}
.page-headline .post-meta-holder {
font-size: var(--clb-text-size-large);
max-width: 60%;
margin-top: var(--clb-grid-gutter);
}
.page-headline .post-meta-holder br + .btn,
.page-headline .post-meta-holder br + .button {
margin-top: 1rem;
}
.page-headline .bg-image {
background-position: center center;
background-size: cover;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.page-headline::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
content: "";
display: block;
position: absolute;
}
.page-headline.without-cap {
padding-top: var(--clb-header-height);
}
.page-headline.-center .animated-holder {
align-items: center;
}
.page-headline.-right .animated-holder {
align-items: flex-end;
}
.page-headline .parallax {
position: absolute;
width: 100%;
height: 100%;
} .empty-state .title + .button {
margin-top: var(--clb-grid-gutter);
}
.clb-blank-note,
.wpcf7-contact-form-not-found {
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
font-size: var(--clb-text-size-small);
padding: var(--clb-grid-gutter);
gap: var(--clb-gap);
z-index: 1;
line-height: 1.5;
margin: 0.6rem 0;
display: flex;
align-items: center;
border-radius: var(--clb-border-radius);
}
.clb-blank-note .icon,
.wpcf7-contact-form-not-found .icon {
margin-right: 0.5rem;
}
.clb-blank-note .icon path,
.wpcf7-contact-form-not-found .icon path {
fill: var(--clb-color-warning);
} .sticky-nav {
max-width: 17.8rem;
position: fixed;
right: var(--clb-spacer);
bottom: var(--clb-spacer);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.sticky-nav:not(.-fade-up) {
z-index: 102;
}
.sticky-nav-holder {
height: 100%;
background-color: var(--clb-color-white);
padding: 1rem var(--clb-spacer) var(--clb-spacer) var(--clb-spacer);
}
.sticky-nav-thumbnail {
height: 120px;
background-size: cover;
background-position: center;
width: 100%;
position: absolute;
top: -100px;
z-index: -1;
border-top-right-radius: var(--clb-border-radius);
border-top-left-radius: var(--clb-border-radius);
}
.sticky-nav .nav-group {
margin-right: -1rem;
margin-left: 0.5rem;
display: flex;
align-items: center;
}
.sticky-nav-headline {
display: flex;
align-items: center;
justify-content: space-between;
}
.sticky-nav-headline + a {
color: var(--clb-titles-color);
letter-spacing: -.025em;
line-height: 1.25;
font-size: clamp(var(--clb-titles-h5-font-size-min), calc(1.25332vw + 0.25rem), var(--clb-titles-h5-font-size));
}
.sticky-nav:hover .sticky-nav-thumbnail {
transform: none;
opacity: 1;
}
.sticky-nav-products {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
} .coming-soon {
background: linear-gradient(90deg, #E7F6F8, #FBF6F1);
height: 100vh;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.coming-soon .holder {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.coming-soon .holder p {
font-size: 1.15em;
margin-top: 0;
}
.coming-soon .holder > * {
margin-bottom: var(--clb-grid-gutter);
}
.coming-soon .social-networks {
position: absolute;
left: 50%;
bottom: var(--clb-grid-gutter-6x);
transform: translate(-50%, 50%);
}  .widgets {
font-size: 0.98em;
}
.widgets ul,
.widgets ol {
margin: 0;
padding: 0;
list-style: none;
}
.widgets ul > li::before,
.widgets ol > li::before {
content: "";
display: none;
}
.widget select {
max-width: 100%;
}
.widget:not(:first-child) {
margin-top: var(--clb-spacer);
}
.widget-title,
.widget h2,
.widget .wp-block-search__label,
.widget .wc-block-product-search__label {
margin-bottom: 1rem;
letter-spacing: -.01em;
line-height: inherit;
color: var(--clb-titles-color);
font-family: var(--clb-titles-font-family);
font-weight: var(--clb-titles-font-weight);
font-size: var(--clb-text-size-h6);
}
.widget > ul li:not(:last-child) {
margin-bottom: 0.25rem;
}
.widget .tagcloud,
.widget .wp-block-tag-cloud {
flex-wrap: wrap;
display: flex;
}
.widget .tagcloud a,
.widget .wp-block-tag-cloud a {
margin: 0.35rem 0.35rem 0 0;
display: inline-block;
font-size: var(--clb-text-size-caption) !important;
}
.widget .has-submenu-icon {
display: none;
}
.widget.widget_ohio_widget_recent_posts ul li,
.widget.widget_products ul li,
.widget.widget_top_rated_products ul li,
.widget.widget_recently_viewed_products ul li,
.widget.widget_recent_reviews ul li {
padding-bottom: var(--clb-grid-gutter);
display: flex;
}
.widget.widget_ohio_widget_recent_posts ul li:last-child,
.widget.widget_products ul li:last-child,
.widget.widget_top_rated_products ul li:last-child,
.widget.widget_recently_viewed_products ul li:last-child,
.widget.widget_recent_reviews ul li:last-child {
margin-bottom: 0;
}
.widget.widget_ohio_widget_recent_posts img,
.widget.widget_products img,
.widget.widget_top_rated_products img,
.widget.widget_recently_viewed_products img,
.widget.widget_recent_reviews img {
margin-right: 1rem;
object-fit: cover;
width: 4.25rem;
min-width: 4.25rem;
height: 4.25rem;
}
.widget.widget_ohio_widget_recent_posts .content-holder h6,
.widget.widget_products .content-holder h6,
.widget.widget_top_rated_products .content-holder h6,
.widget.widget_recently_viewed_products .content-holder h6,
.widget.widget_recent_reviews .content-holder h6 {
font-weight: var(--clb-text-semi-bold);
margin-bottom: 0.2rem;
}
.widget.widget_ohio_widget_recent_posts .content-holder .details,
.widget.widget_products .content-holder .details,
.widget.widget_top_rated_products .content-holder .details,
.widget.widget_recently_viewed_products .content-holder .details,
.widget.widget_recent_reviews .content-holder .details {
line-height: 1.45;
font-size: var(--clb-text-size-small);
}
.widget.widget_ohio_widget_recent_posts .content-holder .price,
.widget.widget_products .content-holder .price,
.widget.widget_top_rated_products .content-holder .price,
.widget.widget_recently_viewed_products .content-holder .price,
.widget.widget_recent_reviews .content-holder .price {
display: block;
}
.widget.widget_ohio_widget_recent_posts .content-holder .author,
.widget.widget_ohio_widget_recent_posts .content-holder .price,
.widget.widget_products .content-holder .author,
.widget.widget_products .content-holder .price,
.widget.widget_top_rated_products .content-holder .author,
.widget.widget_top_rated_products .content-holder .price,
.widget.widget_recently_viewed_products .content-holder .author,
.widget.widget_recently_viewed_products .content-holder .price,
.widget.widget_recent_reviews .content-holder .author,
.widget.widget_recent_reviews .content-holder .price {
font-weight: var(--clb-text-semi-bold);
} .widget_recent_comments .comment-author-link,
.widget_recent_comments .wp-block-latest-comments__comment-author {
font-weight: var(--clb-text-semi-bold);
}
.widget_recent_comments .wp-block-latest-comments__comment-date {
font-size: var(--clb-text-size-small);
color: var(--clb-color-grey);
}
.widget_recent_comments .wp-block-latest-comments__comment-excerpt p {
font-size: inherit;
line-height: inherit;
margin: 0.35rem 0 var(--clb-grid-gutter);
}
.widget_recent_comments li:not(:last-child) {
margin-bottom: 0.5rem;
}
.widget_calendar a {
text-decoration: none;
}
.widget_calendar table {
text-align: center;
}
.widget_calendar table td,
.widget_calendar table th {
border-top: none;
font-size: 0.9em;
padding: 0.75rem 0.5rem;
font-weight: var(--clb-text-medium);
background: transparent;
border: none;
}
.widget_calendar table caption,
.widget_calendar table tbody {
color: inherit;
}
.widget_calendar caption {
padding: 0.6rem 1rem;
font-weight: var(--clb-text-bold);
font-family: var(--clb-titles-font-family);
font-size: var(--clb-text-size-h6);
background-color: var(--clb-fill-color);
border-radius: var(--clb-border-radius);
}
.widget_calendar tbody tr td {
border: none;
position: relative;
}
.widget_calendar tbody tr td#today,
.widget_calendar tbody tr td a {
display: block;
font-weight: var(--clb-text-bold);
line-height: 1;
border-radius: var(--clb-border-radius);
}
.widget_calendar tbody tr td#today {
background-color: color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
width: 100%;
height: 100%;
}
.widget_calendar tbody tr td a {
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, transparent);
min-height: 1.75rem;
min-width: 1.75rem;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.widget_calendar .wp-calendar-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.widget_nav_menu .current_page_item,
.widget_nav_menu .current-menu-item,
.widget_pages .current_page_item,
.widget_pages .current-menu-item {
font-weight: var(--clb-text-semi-bold);
}
.widget_nav_menu .sub-menu,
.widget_pages .sub-menu {
margin-left: 1.5rem;
}
.widget_rss a {
color: var(--clb-color-primary);
}
.widget_rss .rss-date {
font-size: var(--clb-text-size-small);
}
.widget_rss cite,
.widget_rss .rssSummary {
margin-top: var(--clb-grid-gutter);
}
.widget_rss cite {
margin-top: var(--clb-grid-gutter);
}
.widget_search .wp-block-search__inside-wrapper,
.widget_search .wc-block-product-search__fields,
.wc-block-product-search .wp-block-search__inside-wrapper,
.wc-block-product-search .wc-block-product-search__fields {
position: relative;
}
.widget_search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button,
.widget_search .wp-block-search__inside-wrapper button[type="submit"].wc-block-product-search__button,
.widget_search .wc-block-product-search__fields button[type="submit"].wp-block-search__button,
.widget_search .wc-block-product-search__fields button[type="submit"].wc-block-product-search__button,
.wc-block-product-search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button,
.wc-block-product-search .wp-block-search__inside-wrapper button[type="submit"].wc-block-product-search__button,
.wc-block-product-search .wc-block-product-search__fields button[type="submit"].wp-block-search__button,
.wc-block-product-search .wc-block-product-search__fields button[type="submit"].wc-block-product-search__button {
position: absolute;
right: 0;
top: 0;
background-color: transparent;
border: none;
padding: 0 1.15rem;
}
.widget_search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button:not(:hover),
.widget_search .wp-block-search__inside-wrapper button[type="submit"].wc-block-product-search__button:not(:hover),
.widget_search .wc-block-product-search__fields button[type="submit"].wp-block-search__button:not(:hover),
.widget_search .wc-block-product-search__fields button[type="submit"].wc-block-product-search__button:not(:hover),
.wc-block-product-search .wp-block-search__inside-wrapper button[type="submit"].wp-block-search__button:not(:hover),
.wc-block-product-search .wp-block-search__inside-wrapper button[type="submit"].wc-block-product-search__button:not(:hover),
.wc-block-product-search .wc-block-product-search__fields button[type="submit"].wp-block-search__button:not(:hover),
.wc-block-product-search .wc-block-product-search__fields button[type="submit"].wc-block-product-search__button:not(:hover) {
color: var(--clb-color-black-light);
}
.widget_search input[type="search"],
.wc-block-product-search input[type="search"] {
border: none;
}
.widget_search .wp-block-search__input,
.wc-block-product-search .wp-block-search__input {
padding: 0 6rem 0 1rem;
}
.widget_search .wc-block-product-search__field,
.wc-block-product-search .wc-block-product-search__field {
padding: 0 4rem 0 1rem;
} .widget_ohio_widget_about_author {
max-width: 100%;
display: flex;
flex-direction: column;
}
.widget_ohio_widget_about_author .content {
flex-grow: 2;
}
.widget_ohio_widget_about_author .content .details {
margin-bottom: 0.4rem;
}
.widget_ohio_widget_about_author .content .details .site {
font-size: var(--clb-text-size-small);
color: var(--clb-color-grey);
}
.widget_ohio_widget_contact li {
font-weight: var(--clb-text-medium);
}
.widget_ohio_widget_contact li address {
display: inline;
font-weight: var(--clb-body-font-weight);
}
.widget_ohio_widget_logo img:hover {
opacity: .65;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.widget_ohio_widget_recent_posts .content-holder .comments + .author::before,
.widget_ohio_widget_recent_posts .content-holder .date + .categories::before {
margin-right: 0.25rem;
content: '•';
display: inline-block;
vertical-align: middle;
font-size: .8em;
margin-top: -2px;
color: var(--clb-color-primary);
}  .horizontal-accordion {
display: flex;
}
.horizontal-accordion-item {
min-width: 50%;
position: relative;
background-color: var(--clb-color-white);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.horizontal-accordion-item .accordion-body {
height: 100%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.horizontal-accordion-item:not(:last-child) {
box-shadow: 0 0.75rem 2.5rem color-mix(in srgb, var(--clb-color-black) 10%, transparent);
}
.horizontal-accordion-item:not(.active) {
cursor: var(--clb-cursor-pointer);
}
.horizontal-accordion-item:not(.active):hover .accordion-body {
background-color: var(--clb-fill-color);
}
.horizontal-accordion:not(.open) {
overflow-x: hidden;
} .accordion-item {
margin-bottom: 0.5rem;
}
.accordion-item .accordion-button {
position: relative;
cursor: var(--clb-cursor-pointer);
display: flex;
justify-content: space-between;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.accordion-item .accordion-button .icon-button {
margin: 0;
position: relative;
}
.accordion-item .accordion-button .icon-button:not(.next-btn) .icon {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.accordion-item .accordion-button .icon-button:not(.next-btn) .icon::after,
.accordion-item .accordion-button .icon-button:not(.next-btn) .icon::before {
content: "";
width: 0.75rem;
height: 0.1rem;
background-color: currentColor;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.accordion-item .accordion-button .icon-button:not(.next-btn) .icon::before {
transform: translate(-50%, -50%) rotate(90deg);
}
.accordion-item.active .accordion-collapse {
opacity: 1;
}
.accordion-item.active .icon-button:not(.next-btn) .icon {
transform: rotate(180deg);
}
.accordion-item.active .icon-button:not(.next-btn) .icon::before {
opacity: 0;
}
.accordion-item .accordion-header {
gap: var(--clb-gap);
display: flex;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.accordion-item .accordion-collapse {
overflow: hidden;
height: 0;
transition: height var(--clb-transition-function) var(--clb-transition-duration);
}
.accordion-item .accordion-collapse .accordion-body > p {
margin: 0;
}
.accordion-item:last-child {
margin-bottom: 0;
}
.accordion:not(.-outlined):not(.-text) .accordion-item .accordion-button {
background-color: var(--clb-fill-color);
padding: 0.75rem 0.75rem 0.75rem 1.25rem;
border-radius: var(--clb-border-radius);
}
.accordion:not(.-outlined):not(.-text) .accordion-item .accordion-collapse .accordion-body {
padding: 0.75rem 1.25rem;
}
.accordion.-outlined .accordion-item .accordion-collapse .accordion-body,
.lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item .accordion-collapse .accordion-body,
.pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item .accordion-collapse .accordion-body,
.accordion.-text .accordion-item .accordion-collapse .accordion-body {
padding: 0.75rem 0;
}
.accordion.-outlined .accordion-item,
.lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item,
.pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item {
margin: 0;
}
.accordion.-outlined .accordion-item .accordion-button,
.lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item .accordion-button,
.pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item .accordion-button {
border-top: 1px solid transparent;
border-bottom: 1px solid var(--clb-color-grey-light);
padding: 0.75rem 0;
}
.accordion.-outlined .accordion-item.active + .accordion-item .accordion-button,
.lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item.active + .accordion-item .accordion-button,
.pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item.active + .accordion-item .accordion-button,
.accordion.-outlined .accordion-item:first-child .accordion-button,
.lazy-load.-outlined .accordion.button:not(.-flat) .accordion-item:first-child .accordion-button,
.pagination:not(.text-center).-outlined .accordion.button:not(.-flat) .accordion-item:first-child .accordion-button {
border-top-color: var(--clb-color-grey-light);
}
.accordion.-text .accordion-item .accordion-button {
gap: var(--clb-gap-small);
flex-direction: row-reverse;
justify-content: flex-end;
}
.accordion.-text .accordion-item .accordion-button .icon-button {
margin-left: -0.5rem;
} .banner:not(.-with-overlay):not(.-image-only) .overlay-details {
background: var(--clb-color-black-rgb);
background: linear-gradient(0deg, rgba(var(--clb-color-black-rgb), 0.65) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.banner.-with-overlay:not(.team-member) .overlay-details,
.banner.-image-only .overlay-details {
height: 100%;
background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent);
flex-direction: column;
justify-content: space-between;
}
.banner.-with-overlay:not(.team-member) .overlay-details .title,
.banner.-image-only .overlay-details .title {
color: var(--clb-color-white);
}
.banner.-image-only .overlay-details {
opacity: 0;
transition: opacity var(--clb-transition-function) var(--clb-transition-duration);
}
.banner.-image-only:hover .overlay-details {
opacity: 1;
}
.banner.-image-only:hover .card-details,
.banner.-image-only:hover p {
transform: none;
opacity: 1;
} .call-to-action {
width: 100%;
position: relative;
background-color: color-mix(in srgb, var(--clb-color-primary) 10%, transparent);
padding: var(--clb-grid-gutter-3x);
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.call-to-action.-with-shadow {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
} .circle-progress .circle {
position: relative;
display: inline-block;
}
.circle-progress .circle svg {
vertical-align: top;
}
.circle-progress .circle .progress {
transform: rotate(-90deg);
}
.circle-progress .circle .progress-meter,
.circle-progress .circle .progress-value {
fill: none;
}
.circle-progress .circle .progress-meter {
stroke: color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
}
.circle-progress .circle .progress-value {
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
transition: 0.9s var(--clb-transition-function) var(--clb-transition-duration);
}
.circle-progress .circle i,
.circle-progress .circle .icon-group,
.circle-progress .circle .range {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
}
.circle-progress .circle i {
font-size: 2rem;
}
.circle-progress .progress-content > .range {
margin-bottom: 0.4rem;
}
.circle-progress:not(.-floating) .progress-content {
margin-top: 1rem;
}
.circle-progress.-thin .progress-meter,
.circle-progress.-thin .progress-value {
stroke-width: 0.25rem;
}
.circle-progress.-bold .progress-meter,
.circle-progress.-bold .progress-value {
stroke-width: 0.75rem;
}
.circle-progress.-floating {
display: flex;
align-items: center;
}
.circle-progress.-floating .progress-content {
margin-left: 1rem;
margin-right: 1rem;
}
.circle-progress.-floating.-center {
text-align: left;
justify-content: center;
}
.circle-progress.-floating.-right {
flex-direction: row-reverse;
} .logo {
position: relative;
}
.logo img {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.logo-details {
background-color: var(--clb-color-white);
z-index: 1;
font-size: var(--clb-text-size-small);
visibility: hidden;
opacity: 0;
width: calc(100% + 2rem);
position: absolute;
left: -1rem;
top: 55%;
transform: translate(0, -50%);
padding: 1rem;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.logo:hover img {
transform: var(--clb-transform-scale);
}
.logo:hover .logo-details {
opacity: 1;
visibility: visible;
top: 50%;
} .compare-container {
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
}
.compare-container img {
width: 100%;
height: auto;
position: absolute;
top: 0;
display: block;
}
.compare-container .compare-before {
z-index: 2;
}
.compare-container .compare-after {
z-index: 1;
}
.compare-container.active .compare-overlay,
.compare-container.active :hover.compare-overlay {
background: transparent;
}
.compare-container.active .compare-overlay .compare-before-label,
.compare-container.active .compare-overlay .compare-after-label,
.compare-container.active :hover.compare-overlay .compare-before-label,
.compare-container.active :hover.compare-overlay .compare-after-label {
opacity: 0;
}
.compare-container .compare-before-label,
.compare-container .compare-after-label {
opacity: 0;
}
.compare-container .compare-before-label::before,
.compare-container .compare-after-label::before {
content: attr(data-content);
}
.compare-handle {
z-index: 40;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.compare-handle::before,
.compare-handle::after {
content: "";
display: block;
background-color: var(--clb-color-white);
position: absolute;
z-index: 30;
width: 0.125em;
height: 9999px;
margin-left: -0.0625em;
left: 50%;
}
.compare-handle::before {
bottom: 50%;
margin-bottom: 1.7em;
}
.compare-handle::after {
top: 50%;
margin-top: 1.7em;
}
.compare-overlay {
background: transparent;
z-index: 3;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.compare-overlay,
.compare-overlay .compare-before-label,
.compare-overlay .compare-after-label {
position: absolute;
top: 0;
width: 100%;
height: 100%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.compare-overlay .compare-before-label,
.compare-overlay .compare-after-label {
transition-property: opacity;
}
.compare-overlay .compare-before-label::before,
.compare-overlay .compare-after-label::before {
color: var(--clb-color-white);
position: absolute;
background-color: var(--clb-color-black-light);
font-size: var(--clb-text-size-caption);
font-weight: var(--clb-text-semi-bold);
padding: 0.15rem 0.5rem;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
border-radius: var(--clb-border-radius-small);
}
.compare-overlay .compare-before-label::before {
left: 1rem;
}
.compare-overlay .compare-after-label::before {
right: 1rem;
}
.compare-overlay:hover {
background-color: color-mix(in srgb, var(--clb-color-black) 25%, transparent);
}
.compare-overlay:hover .compare-after-label,
.compare-overlay:hover .compare-before-label {
opacity: 1;
}
.compare .icon-button {
background-color: color-mix(in srgb, var(--clb-color-grey) 10%, white);
padding: 0;
}
.compare .icon-button .icon {
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
background-position: center;
background-repeat: no-repeat;
}
.compare-vertical .compare-handle {
transform: translate(-50%, -50%) rotate(90deg);
}
.compare-vertical .compare-before-label::before,
.compare-vertical .compare-after-label::before {
content: attr(data-content);
transform: translateX(-50%);
left: 50%;
right: auto;
}
.compare-vertical .compare-before-label::before {
top: 1rem;
bottom: auto;
}
.compare-vertical .compare-after-label::before {
top: auto;
bottom: 1rem;
}
.compare-wrapper.-with-shadow .compare {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
} .contact-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.contact-form textarea,
.contact-form select {
width: 100%;
vertical-align: top;
}
.contact-form [class^='vc_col'] > label {
margin: 0;
}
.contact-form [class^='vc_col'] > label input,
.contact-form [class^='vc_col'] > label textarea,
.contact-form [class^='vc_col'] > label select {
margin-top: 0.5rem;
}
.contact-form [class^='vc_col'].form-check {
margin-bottom: 1.5rem;
}
.contact-form form [class^='vc_col'] p {
margin: 0;
}
.contact-form form::after {
content: "";
display: table;
clear: both;
}
.contact-form .wpcf7-list-item {
margin: 0 0.75em 0 0;
}
.contact-form .wpcf7-list-item-label {
vertical-align: middle;
}
.contact-form.-outlined input[type="email"],
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="email"],
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="email"],
.contact-form.-outlined input[type="number"],
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="number"],
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="number"],
.contact-form.-outlined input[type="password"],
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="password"],
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="password"],
.contact-form.-outlined input[type="search"],
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="search"],
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="search"],
.contact-form.-outlined input[type="tel"],
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="tel"],
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="tel"],
.contact-form.-outlined input[type="text"],
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="text"],
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="text"],
.contact-form.-outlined input[type="date"],
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="date"],
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="date"],
.contact-form.-outlined input[type="url"],
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="url"],
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="url"],
.contact-form.-outlined textarea,
.lazy-load.-outlined .contact-form.button:not(.-flat) textarea,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) textarea,
.contact-form.-outlined select,
.lazy-load.-outlined .contact-form.button:not(.-flat) select,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) select,
.subscribe-form.-outlined input[type="email"],
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="email"],
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="email"],
.subscribe-form.-outlined input[type="number"],
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="number"],
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="number"],
.subscribe-form.-outlined input[type="password"],
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="password"],
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="password"],
.subscribe-form.-outlined input[type="search"],
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="search"],
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="search"],
.subscribe-form.-outlined input[type="tel"],
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="tel"],
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="tel"],
.subscribe-form.-outlined input[type="text"],
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="text"],
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="text"],
.subscribe-form.-outlined input[type="date"],
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="date"],
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="date"],
.subscribe-form.-outlined input[type="url"],
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="url"],
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="url"],
.subscribe-form.-outlined textarea,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) textarea,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) textarea,
.subscribe-form.-outlined select,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) select,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) select {
background-color: transparent;
border: 2px solid var(--clb-color-grey-light);
}
.contact-form.-outlined input[type="email"]:focus,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="email"]:focus,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="email"]:focus,
.contact-form.-outlined input[type="email"]:active,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="email"]:active,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="email"]:active,
.contact-form.-outlined input[type="number"]:focus,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="number"]:focus,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="number"]:focus,
.contact-form.-outlined input[type="number"]:active,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="number"]:active,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="number"]:active,
.contact-form.-outlined input[type="password"]:focus,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="password"]:focus,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="password"]:focus,
.contact-form.-outlined input[type="password"]:active,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="password"]:active,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="password"]:active,
.contact-form.-outlined input[type="search"]:focus,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="search"]:focus,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="search"]:focus,
.contact-form.-outlined input[type="search"]:active,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="search"]:active,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="search"]:active,
.contact-form.-outlined input[type="tel"]:focus,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="tel"]:focus,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="tel"]:focus,
.contact-form.-outlined input[type="tel"]:active,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="tel"]:active,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="tel"]:active,
.contact-form.-outlined input[type="text"]:focus,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="text"]:focus,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="text"]:focus,
.contact-form.-outlined input[type="text"]:active,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="text"]:active,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="text"]:active,
.contact-form.-outlined input[type="date"]:focus,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="date"]:focus,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="date"]:focus,
.contact-form.-outlined input[type="date"]:active,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="date"]:active,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="date"]:active,
.contact-form.-outlined input[type="url"]:focus,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="url"]:focus,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="url"]:focus,
.contact-form.-outlined input[type="url"]:active,
.lazy-load.-outlined .contact-form.button:not(.-flat) input[type="url"]:active,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) input[type="url"]:active,
.contact-form.-outlined textarea:focus,
.lazy-load.-outlined .contact-form.button:not(.-flat) textarea:focus,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) textarea:focus,
.contact-form.-outlined textarea:active,
.lazy-load.-outlined .contact-form.button:not(.-flat) textarea:active,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) textarea:active,
.contact-form.-outlined select:focus,
.lazy-load.-outlined .contact-form.button:not(.-flat) select:focus,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) select:focus,
.contact-form.-outlined select:active,
.lazy-load.-outlined .contact-form.button:not(.-flat) select:active,
.pagination:not(.text-center).-outlined .contact-form.button:not(.-flat) select:active,
.subscribe-form.-outlined input[type="email"]:focus,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="email"]:focus,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="email"]:focus,
.subscribe-form.-outlined input[type="email"]:active,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="email"]:active,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="email"]:active,
.subscribe-form.-outlined input[type="number"]:focus,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="number"]:focus,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="number"]:focus,
.subscribe-form.-outlined input[type="number"]:active,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="number"]:active,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="number"]:active,
.subscribe-form.-outlined input[type="password"]:focus,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="password"]:focus,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="password"]:focus,
.subscribe-form.-outlined input[type="password"]:active,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="password"]:active,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="password"]:active,
.subscribe-form.-outlined input[type="search"]:focus,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="search"]:focus,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="search"]:focus,
.subscribe-form.-outlined input[type="search"]:active,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="search"]:active,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="search"]:active,
.subscribe-form.-outlined input[type="tel"]:focus,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:focus,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:focus,
.subscribe-form.-outlined input[type="tel"]:active,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:active,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="tel"]:active,
.subscribe-form.-outlined input[type="text"]:focus,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="text"]:focus,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="text"]:focus,
.subscribe-form.-outlined input[type="text"]:active,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="text"]:active,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="text"]:active,
.subscribe-form.-outlined input[type="date"]:focus,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="date"]:focus,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="date"]:focus,
.subscribe-form.-outlined input[type="date"]:active,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="date"]:active,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="date"]:active,
.subscribe-form.-outlined input[type="url"]:focus,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="url"]:focus,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="url"]:focus,
.subscribe-form.-outlined input[type="url"]:active,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) input[type="url"]:active,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) input[type="url"]:active,
.subscribe-form.-outlined textarea:focus,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) textarea:focus,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) textarea:focus,
.subscribe-form.-outlined textarea:active,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) textarea:active,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) textarea:active,
.subscribe-form.-outlined select:focus,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) select:focus,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) select:focus,
.subscribe-form.-outlined select:active,
.lazy-load.-outlined .subscribe-form.button:not(.-flat) select:active,
.pagination:not(.text-center).-outlined .subscribe-form.button:not(.-flat) select:active {
outline: none;
border-color: var(--clb-color-grey);
}
.contact-form .wpcf7-quiz-label,
.subscribe-form .wpcf7-quiz-label {
margin-bottom: 0.5rem;
display: block;
}
.contact-form .wpcf7-spinner,
.subscribe-form .wpcf7-spinner {
display: none;
}
.contact-form .wpcf7-form-control-wrap,
.subscribe-form .wpcf7-form-control-wrap {
display: block;
}
.contact-form .wpcf7-form-control-wrap:not([data-name^="checkbox"]),
.subscribe-form .wpcf7-form-control-wrap:not([data-name^="checkbox"]) {
margin-top: 0.5rem;
}
.contact-form .wpcf7-form .wpcf7-not-valid-tip,
.subscribe-form .wpcf7-form .wpcf7-not-valid-tip {
display: none;
}
.contact-form .wpcf7-form .wpcf7-response-output,
.subscribe-form .wpcf7-form .wpcf7-response-output {
background-color: color-mix(in srgb, var(--clb-color-success) 10%, transparent);
color: var(--clb-color-success);
font-size: var(--clb-text-size-small);
margin: 1rem 0;
border: none;
padding: 0.65rem 1rem;
border-radius: var(--clb-border-radius);
}
.contact-form .wpcf7-form.sent .subscribe-form,
.subscribe-form .wpcf7-form.sent .subscribe-form {
display: none;
}
.contact-form .wpcf7-form.sent .wpcf7-response-output,
.subscribe-form .wpcf7-form.sent .wpcf7-response-output {
background-color: color-mix(in srgb, var(--clb-color-success) 10%, transparent);
color: var(--clb-color-success);
}
.contact-form .wpcf7-form.spam .wpcf7-response-output,
.contact-form .wpcf7-form.invalid .wpcf7-response-output,
.subscribe-form .wpcf7-form.spam .wpcf7-response-output,
.subscribe-form .wpcf7-form.invalid .wpcf7-response-output {
background-color: color-mix(in srgb, var(--clb-color-danger) 10%, transparent);
color: var(--clb-color-danger);
}
.contact-form .wpcf7-form .wpcf7-not-valid input[type="checkbox"],
.subscribe-form .wpcf7-form .wpcf7-not-valid input[type="checkbox"] {
border-color: var(--clb-color-primary);
box-shadow: 0 0 0 0.3125rem color-mix(in srgb, var(--clb-color-primary) 20%, transparent);
}
.post-password-form {
text-align: left;
padding: 2em 0px;
}
.post-password-form input[type="password"] {
margin: 0.5rem 0px 1rem;
} .countdown {
text-align: center;
display: flex;
}
.countdown-item {
margin: 0 0.5rem;
}
.countdown-item .number {
line-height: 1;
position: relative;
color: var(--clb-titles-color);
font-size: clamp(var(--clb-countdown-font-size-min), calc(1vw + 1rem), var(--clb-countdown-font-size));
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.countdown:not(.-text) .countdown-item .number {
width: 4rem;
height: 4rem;
border-radius: var(--clb-border-radius);
}
.countdown:not(.-text) .countdown-item .number-label {
font-size: var(--clb-text-size-caption);
}
.countdown.-with-divider .countdown-item {
margin: 0 0.75rem;
}
.countdown.-with-divider .countdown-item:not(:last-child) .number::after {
content: ":";
font-size: 1.25rem;
position: absolute;
width: 1rem;
text-align: center;
transform: translate(0.5rem, -50%);
right: -0.75rem;
top: 50%;
}
.countdown.-contained .countdown-item .number {
background-color: color-mix(in srgb, var(--clb-color-neutral) 12%, transparent);
margin-bottom: 0.5rem;
}
.countdown.-contained .countdown-item .number::before {
left: 0;
top: 0;
height: 50%;
width: 100%;
background: var(--clb-fill-color);
content: "";
display: block;
position: absolute;
border-top-right-radius: var(--clb-border-radius);
border-top-left-radius: var(--clb-border-radius);
}
.countdown.-text .countdown-item:first-child {
margin-left: 0;
}
.countdown.-text .countdown-item:last-child {
margin-right: 0;
} .counter-number {
margin-bottom: 0.5rem;
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.counter-number .icon-group {
margin-right: 0.5rem;
}
.counter-number .holder {
line-height: 100%;
letter-spacing: -.045em;
color: var(--clb-titles-color);
display: inline-flex;
vertical-align: middle;
align-items: center;
font-size: clamp(var(--clb-titles-h2-font-size-min), calc(1.55vw + 1rem), var(--clb-titles-h2-font-size));
}
.counter-number.-with-increaser .holder::after {
content: "+";
font-size: 0.65em;
margin-left: 0.4rem;
}
.counter > p {
font-weight: var(--clb-text-semi-bold);
line-height: var(--clb-text-line-heigth-small);
}
.counter.-right-icon .counter-number {
flex-direction: row-reverse;
}
.counter.-right-icon .counter-number .icon-group {
margin-left: 0.5rem;
margin-right: 0;
}
.counter.-top-icon .counter-number {
align-items: center;
flex-direction: column;
}
.counter.-top-icon .counter-number .icon-group {
margin-bottom: 0.5rem;
margin-right: 0;
}
.counter.-top-icon.-center .counter-number {
align-items: center;
}
.counter.-top-icon.-left .counter-number {
align-items: flex-start;
}
.counter.-top-icon.-right .counter-number {
align-items: flex-end;
} .dynamic-text .typed-cursor {
opacity: 1;
margin-right: -0.2em;
animation: Blink 0.75s infinite;
}
.dynamic-text.font-titles,
.dynamic-text.titles-typo {
color: var(--clb-titles-color);
}
.titles-typo .dynamic-text {
color: var(--clb-titles-color);
}
@-webkit-keyframes Blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
} .gallery-item {
cursor: var(--clb-cursor-pointer);
}
.gallery-item:not(.woocommerce-product-gallery__image) {
padding: var(--clb-grid-gutter);
}
.gallery-item .caption {
display: none;
}
.gallery-item .overlay-details {
background: var(--clb-color-black-rgb);
background: linear-gradient(0deg, rgba(var(--clb-color-black-rgb), 0.65) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.gallery-item .overlay-details .heading {
width: 100%;
}
.gallery-item .overlay-details h5 {
color: var(--clb-color-white);
}
.gallery-item.-with-overlay .image-holder + .card-details {
display: none;
} .google-maps {
width: 100%;
height: 100%;
min-height: 20rem;
top: 0;
left: 0;
overflow: hidden;
position: relative;
}
.google-maps-wrap {
width: 100%;
height: 100%;
min-height: 250px;
}
.google-maps .clb-blank-note {
min-width: 70%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.elementor-widget-ohio_google_maps,
.elementor-widget-ohio_google_maps .elementor-widget-container {
height: 100%;
}
.gm-style img {
max-width: none !important;
} .heading .title + .divider {
margin-block-start: 1em;
}
.heading .title + .subtitle {
padding-top: 0.5em;
}
.heading .title > .badge {
color: var(--clb-color-primary);
background-color: color-mix(in srgb, var(--clb-color-primary) 12%, transparent) !important;
padding: 0.3rem 0.5rem;
margin-left: 6px;
margin-top: -2px;
font-size: 0.85rem;
letter-spacing: 0;
}
.heading .highlighted-text {
background-image: linear-gradient(var(--clb-color-primary), var(--clb-color-primary));
background-repeat: no-repeat;
background-position: 0% 100%;
background-size: 0% 10%;
backface-visibility: hidden;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.heading .highlighted-text:not([data-aos="animation"]),
.heading .highlighted-text.aos-animate {
background-size: 100% 10%;
}
.heading .highlighted-text:not([data-aos="animation"]):hover,
.heading .highlighted-text.aos-animate:hover {
transition-duration: var(--clb-transition-duration);
}
.heading .highlighted-text:hover {
background-size: 100% 100%;
}
.heading .subtitle {
color: var(--clb-subtitles-color);
font-family: var(--clb-subtitles-font-family);
font-size: var(--clb-subtitles-font-size);
letter-spacing: var(--clb-subtitles-letter-spacing);
line-height: var(--clb-subtitles-line-height);
font-weight: var(--clb-subtitles-font-weight);
font-style: var(--clb-subtitles-style);
text-transform: var(--clb-subtitles-text-transform);
text-decoration: var(--clb-subtitles-text-decoration);
}
.heading .subtitle + .divider {
margin-block-start: 1em;
}
.heading .subtitle + .title {
padding-top: 0.15em;
}
.heading .divider {
width: 100%;
height: 1px;
display: block;
background-color: color-mix(in srgb, var(--clb-color-grey) 50%, transparent);
}
.heading .divider + .title {
padding-top: 0.35em;
}
.heading .divider + .subtitle {
padding-top: 1em;
}
.heading:not(.title) + * {
margin-block-start: 1em;
}
.heading:not(.title) + .vc_empty_space {
margin-block-start: initial;
} .icon-box .icon-box-content .icon-box-heading + * {
margin-top: 0.5rem;
}
.icon-box .icon-box-content p {
margin: 0;
}
.icon-box .icon-box-content .button {
margin-top: 1rem;
}
.icon-box:not(.-left-icon):not(.-floating-icon) .icon-box-content .icon-box-heading {
margin-top: 1rem;
}
.icon-box.-left-icon {
display: flex;
align-items: flex-start;
}
.icon-box.-left-icon .icon-group {
margin-right: 1rem;
}
.icon-box.-left-icon .icon-box-content {
flex-grow: 2;
}
.icon-box.-left-icon .icon-box-content .icon-box-heading {
margin-bottom: 0.25rem;
margin-top: 0.25rem;
}
.icon-box.-floating-icon .icon-box-header {
margin-bottom: 0.5rem;
display: flex;
align-items: center;
}
.icon-box.-floating-icon .icon-group {
margin-right: 0.75rem;
} .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: 1;
}
.parallax .parallax-content {
position: relative;
z-index: 2;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.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%;
} .portfolio-projects .portfolio-grid + .holder,
.blog-posts + .holder {
margin-top: 1rem;
} .pricing-list-headline,
.pricing-list-details {
display: flex;
justify-content: space-between;
}
.pricing-list-headline {
align-items: center;
}
.pricing-list-price {
margin: 0;
display: flex;
}
.pricing-list-details {
margin-top: 0.25em;
align-items: flex-start;
}
.pricing-list-details p {
margin: 0;
}
.pricing-list.-with-discount .pricing-list-price .regular-price {
color: var(--clb-color-grey);
text-decoration: line-through;
} .pricing-table-headline p {
font-size: var(--clb-text-size-caption);
color: var(--clb-color-grey);
}
.pricing-table-price .price-number {
color: var(--clb-titles-color);
line-height: 100%;
display: block;
letter-spacing: -.05em;
margin-bottom: 0.5rem;
letter-spacing: -.045em;
line-height: 1;
font-size: clamp(var(--clb-titles-h1-font-size-min), calc(4.5vw + 0.25rem), var(--clb-titles-h1-font-size));
}
.pricing-table .button {
margin: 0;
transform: none;
}
.pricing-table.-contained {
padding: var(--clb-spacer);
background-color: var(--clb-fill-color);
border-radius: var(--clb-border-radius);
}
.pricing-table > *,
.service-table > * {
margin-bottom: var(--clb-grid-gutter);
}
.pricing-table .heading,
.service-table .heading {
margin-bottom: var(--clb-grid-gutter);
}
.pricing-table > div:last-child,
.pricing-table .button,
.service-table > div:last-child,
.service-table .button {
margin: 0;
}
.pricing-table-features ul li,
.service-table-features ul li {
font-size: var(--clb-text-size-small);
gap: var(--clb-gap);
margin-bottom: 0.5rem;
display: flex;
}
.pricing-table-features ul li:last-child,
.service-table-features ul li:last-child {
margin: 0;
}
.pricing-table-features .icon,
.service-table-features .icon {
line-height: 16px;
}
.pricing-table-features .exist .icon,
.service-table-features .exist .icon {
color: var(--clb-color-primary);
}
.pricing-table-features .missing,
.service-table-features .missing {
opacity: 0.65;
} .progress .progress-heading {
margin-bottom: 0.625rem;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.progress .progress-heading .progress-percent {
margin-top: 0;
}
.progress .progress-heading .progress-percent:not(.tooltip) {
font-size: var(--clb-text-size-small);
font-weight: var(--clb-text-semi-bold);
}
.progress.-tooltip .progress-holder {
overflow: visible;
}
.progress.-tooltip .progress-holder .progress-bar {
position: relative;
}
.progress.-tooltip .progress-holder .progress-percent {
position: absolute;
font-size: 0.8em;
top: 0;
right: 0;
padding: 0.15rem 0.45rem;
transform: translateY(calc(-100% - 7px)) translateX(50%);
} .service-table {
padding: var(--clb-spacer);
border-radius: var(--clb-border-radius);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-property: background-color, box-shadow;
}
.service-table:hover {
background-color: var(--clb-fill-color);
}
.service-table.-with-shadow:hover {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
} .clb-slider {
width: 100%;
position: relative;
user-select: none;
}
.clb-slider-outer-stage {
overflow: hidden;
position: relative;
transition-delay: 0;
transition: height 0.25s var(--clb-transition-function);
}
.clb-slider.clb-slider-vertical {
overflow: hidden;
}
.clb-slider.clb-slider-vertical .clb-slider-stage {
flex-direction: column;
}
.clb-slider-stage {
will-change: transform;
transition-timing-function: var(--clb-transition-function);
display: flex;
}
.clb-slider:not(.autoheight) .clb-slider-stage {
height: 100%;
}
.clb-slider-item {
width: 100vw;
height: 100%;
position: relative;
overflow: hidden;
}
.clb-slider-item > p {
margin: 0;
}
.clb-slider-item-inner {
height: 100%;
}
.clb-slider-item .slider-image {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-position: center;
background-size: cover;
z-index: 0;
}
.clb-slider-item .slider-image[data-tilt="true"] {
width: calc(100% + 10%);
height: calc(100% + 10%);
left: -5%;
top: -5%;
}
.clb-slider-item > .elementor {
margin: 0;
}
.clb-slider-item .wpb_single_image {
margin-bottom: 0;
}
.clb-slider-nav-btn {
position: absolute;
right: 0;
bottom: 0;
min-width: 8rem;
z-index: 3;
padding: var(--clb-spacer);
display: flex;
justify-content: space-between;
}
.clb-slider:not(.-nav-offset):not(.-nav-inset):not(.-woo-slider):not(.-slider-fs):not(.-slider-lightbox) > .clb-slider-nav-btn {
padding: 0;
right: 0;
transform: translateY(1rem);
}
.clb-slider.-nav-offset .clb-slider-nav-btn,
.clb-slider.-nav-inset .clb-slider-nav-btn {
position: static;
padding: 0;
bottom: 0;
}
.clb-slider.-nav-offset .prev-btn,
.clb-slider.-nav-offset .next-btn,
.clb-slider.-nav-inset .prev-btn,
.clb-slider.-nav-inset .next-btn {
position: absolute;
top: 50%;
}
.clb-slider.-nav-offset {
text-align: center;
}
.clb-slider.-nav-offset .prev-btn {
left: -1.5rem;
transform: translate(-100%, -50%);
}
.clb-slider.-nav-offset .next-btn {
right: -1.5rem;
transform: translate(100%, -50%);
}
.clb-slider.-nav-inset {
text-align: center;
}
.clb-slider.-nav-inset .prev-btn {
left: 1.5rem;
transform: translate(0, -50%);
}
.clb-slider.-nav-inset .next-btn {
right: 1.5rem;
transform: translate(0, -50%);
}
.clb-slider.-slider-offset {
width: auto;
}
.clb-slider.-slider-offset .clb-slider-outer-stage {
overflow: visible;
}
.clb-slider-pagination {
position: absolute;
width: var(--clb-bullets-spacer);
right: 0;
top: 0;
height: 100%;
z-index: 3;
font-weight: var(--clb-text-semi-bold);
font-size: var(--clb-text-size-small);
background-color: color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
display: flex;
flex-direction: column;
justify-content: space-around;
}
.clb-slider-pagination .clb-slider-page {
height: 100%;
cursor: var(--clb-cursor-pointer);
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-slider-pagination .clb-slider-page.active {
background-color: color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
}
.clb-slider-count {
position: relative;
font-weight: var(--clb-text-semi-bold);
overflow: hidden;
margin-top: 2.2rem;
display: inline-flex;
vertical-align: middle;
align-items: center;
align-items: center;
}
.clb-slider-count::before {
content: "";
width: 2.5rem;
height: 0.125rem;
background: currentColor;
opacity: 0.6;
margin: 0 0.9375rem 0 1.5625rem;
}
.clb-slider-count-current {
position: absolute;
top: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-slider-nav-dots {
margin-top: 2rem;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
}
.clb-slider-nav-dots .clb-slider-dot {
padding: 0.625rem;
position: relative;
background-color: transparent;
}
.clb-slider-nav-dots .clb-slider-dot.active svg circle {
stroke-dashoffset: 0;
}
.clb-slider-nav-dots .clb-slider-dot:before {
content: "";
position: absolute;
width: 0.25rem;
height: 0.25rem;
top: 0.5rem;
left: 0.5rem;
background-color: currentColor;
border-radius: 50%;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-slider-nav-dots .clb-slider-dot svg {
position: absolute;
top: -0.0625rem;
left: -0.0625rem;
}
.clb-slider-nav-dots .clb-slider-dot svg circle {
stroke: currentColor;
stroke-dashoffset: 70;
stroke-dasharray: 70;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.clb-slider.-full-vh .vc_row,
.slider.-full-vh .vc_row {
height: 100%;
}
.clb-slider.-full-vh .clb-slider-outer-stage,
.slider.-full-vh .clb-slider-outer-stage {
height: 100vh;
}
.-slider-fs .clb-slider-nav-dots {
margin-bottom: 0;
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
}
.carousel {
position: relative;
}
.carousel .clb-slider-stage {
height: auto;
}
.carousel .clb-slider:not(.-nav-offset):not(.-nav-inset):not(.-woo-slider) .clb-slider-nav-btn .clb-slider-nav-btn {
padding: 0;
right: 0;
transform: translateY(1rem);
}
.carousel .spinner {
position: absolute;
top: calc(50% - var(--clb-grid-gutter));
left: calc(50% - var(--clb-grid-gutter));
}
.carousel :not(.-with-preloader) + .spinner {
display: none;
}
.carousel .-with-preloader {
opacity: 0;
visibility: hidden;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.carousel .-with-pagination.-nav-inset .clb-slider-nav-btn > .icon-button,
.carousel .-with-pagination.-nav-ofset .clb-slider-nav-btn > .icon-button {
top: calc(50% - 1.625rem);
}
.clb-smooth-slider {
position: relative;
}
.clb-smooth-slider .-full-vh {
height: 100vh;
}
.clb-smooth-slider-item {
width: 100%;
top: 0;
left: 0;
z-index: 1;
}
.clb-smooth-slider-item.active {
z-index: 3;
}
.clb-smooth-slider-item.prev-slide.active {
z-index: 4;
}
.clb-smooth-slider-item.prev-slide.last-slide {
z-index: 2;
}
.clb-smooth-slider-item.next-slide.last-slide {
z-index: 2;
}
.slider.-woo-slider:not(.clb-slider) img:not(:first-child) {
top: 0;
position: absolute;
}
.ohio-widget.slider {
width: auto;
}
.ohio-widget.slider.-full-vh {
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.ohio-widget.slider .vc_row:not(.woo-products) {
margin-left: 0;
margin-right: 0;
}
.ohio-widget.slider:not(.-slider-offset) .clb-slider-outer-stage {
min-width: 100%;
}
.slider-holder {
position: relative;
}
.slider-holder [data-ohio-slider].slider {
opacity: 0;
visibility: hidden;
}
.slider-holder [data-ohio-slider].slider.clb-slider {
opacity: 1;
visibility: visible;
}
.slider-holder .spinner {
position: absolute;
left: calc((100% - 3.25rem)/2);
top: calc((100% - 3.25rem)/2);
} .social-networks {
display: flex;
}
.social-networks .network {
text-decoration: none;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.social-networks:not(.-text):not(.-contained):not(.-outlined) .network:hover {
background-color: var(--clb-fill-color);
}
.social-networks:not(.-boxed) {
gap: var(--clb-gap);
}
.social-networks:not(.-contained) .network:hover {
color: var(--clb-color-primary);
}
.social-networks:not(.-text) .network {
width: 3rem;
height: 3rem;
border-radius: 100%;
}
.social-networks:not(.-text) .network:hover {
transform: var(--clb-transform-scale);
}
.social-networks.-contained .network {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-contained .network:hover {
color: var(--clb-color-white);
background-color: var(--clb-color-primary);
}
.social-networks.-outlined .network,
.lazy-load.-outlined .social-networks.button:not(.-flat) .network,
.pagination:not(.text-center).-outlined .social-networks.button:not(.-flat) .network {
border: 2px solid currentColor;
}
.social-networks.-text .icon {
transform: scale(0.8);
}
.social-networks.-text .network {
font-weight: var(--clb-text-bold);
gap: var(--clb-gap-small);
}
.social-networks.-text .network:not(.network:last-child) {
margin-right: 0.75rem;
}
.social-networks.-text .network:hover {
background-image: linear-gradient(currentColor 0px, currentColor 100%);
}
.social-networks.-small:not(.-text) .network {
width: 2.2rem;
height: 2.2rem;
}
.social-networks.-small.-text .network {
font-size: var(--clb-text-size-small);
}
.social-networks.-large:not(.-text) .network {
width: var(--clb-circle);
height: var(--clb-circle);
}
.social-networks.-large.-text .network {
font-size: var(--clb-text-size-large);
}
.social-networks.-default-colors:not(.-contained) .artstation {
color: #26bbff;
}
.social-networks.-default-colors:not(.-contained) .behance {
color: #0056ff;
}
.social-networks.-default-colors:not(.-contained) .deviantart {
color: #05CC47;
}
.social-networks.-default-colors:not(.-contained) .digg {
color: #1c5891;
}
.social-networks.-default-colors:not(.-contained) .discord {
color: #7289da;
}
.social-networks.-default-colors:not(.-contained) .dribbble {
color: #fd629e;
}
.social-networks.-default-colors:not(.-contained) .facebook {
color: #217cef;
}
.social-networks.-default-colors:not(.-contained) .flickr {
color: #0063db;
}
.social-networks.-default-colors:not(.-contained) .github {
color: #24292E;
}
.social-networks.-default-colors:not(.-contained) .houzz {
color: #007562;
}
.social-networks.-default-colors:not(.-contained) .instagram {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors:not(.-contained) .kaggle {
color: #32C0FD;
}
.social-networks.-default-colors:not(.-contained) .linkedin {
color: #4477ab;
}
.social-networks.-default-colors:not(.-contained) .medium {
color: #1a8917;
}
.social-networks.-default-colors:not(.-contained) .mixer {
color: #0270d9;
}
.social-networks.-default-colors:not(.-contained) .pinterest {
color: #e4252d;
}
.social-networks.-default-colors:not(.-contained) .producthunt {
color: #ff4f00;
}
.social-networks.-default-colors:not(.-contained) .quora {
color: #a82401;
}
.social-networks.-default-colors:not(.-contained) .reddit {
color: #ff4501;
}
.social-networks.-default-colors:not(.-contained) .snapchat {
color: #e0e410;
}
.social-networks.-default-colors:not(.-contained) .soundcloud {
color: #FD561F;
}
.social-networks.-default-colors:not(.-contained) .spotify {
color: #1ED760;
}
.social-networks.-default-colors:not(.-contained) .teamspeak {
color: #1c82cc;
}
.social-networks.-default-colors:not(.-contained) .telegram {
color: #0088cc;
}
.social-networks.-default-colors:not(.-contained) .threads {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors:not(.-contained) .tiktok {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors:not(.-contained) .tumblr {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors:not(.-contained) .twitch {
color: #9147ff;
}
.social-networks.-default-colors:not(.-contained) .twitter {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors:not(.-contained) .vimeo {
color: #1ab8ea;
}
.social-networks.-default-colors:not(.-contained) .vine {
color: #00be8e;
}
.social-networks.-default-colors:not(.-contained) .whatsapp {
color: #0ec143;
}
.social-networks.-default-colors:not(.-contained) .xing {
color: #0C6567;
}
.social-networks.-default-colors:not(.-contained) .youtube {
color: #e4252d;
}
.social-networks.-default-colors:not(.-contained) .500px {
color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .artstation {
color: var(--clb-color-white);
background-color: #26bbff;
}
.social-networks.-default-colors.-contained .behance {
color: var(--clb-color-white);
background-color: #0056ff;
}
.social-networks.-default-colors.-contained .deviantart {
color: var(--clb-color-white);
background-color: #05CC47;
}
.social-networks.-default-colors.-contained .digg {
color: var(--clb-color-white);
background-color: #1c5891;
}
.social-networks.-default-colors.-contained .discord {
color: var(--clb-color-white);
background-color: #7289da;
}
.social-networks.-default-colors.-contained .dribbble {
color: var(--clb-color-white);
background-color: #fd629e;
}
.social-networks.-default-colors.-contained .facebook {
color: var(--clb-color-white);
background-color: #217cef;
}
.social-networks.-default-colors.-contained .flickr {
color: var(--clb-color-white);
background-color: #0063db;
}
.social-networks.-default-colors.-contained .github {
color: var(--clb-color-white);
background-color: #24292E;
}
.social-networks.-default-colors.-contained .houzz {
color: var(--clb-color-white);
background-color: #007562;
}
.social-networks.-default-colors.-contained .instagram {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .kaggle {
color: var(--clb-color-white);
background-color: #32C0FD;
}
.social-networks.-default-colors.-contained .linkedin {
color: var(--clb-color-white);
background-color: #4477ab;
}
.social-networks.-default-colors.-contained .medium {
color: var(--clb-color-white);
background-color: #1a8917;
}
.social-networks.-default-colors.-contained .mixer {
color: var(--clb-color-white);
background-color: #0270d9;
}
.social-networks.-default-colors.-contained .pinterest {
color: var(--clb-color-white);
background-color: #e4252d;
}
.social-networks.-default-colors.-contained .producthunt {
color: var(--clb-color-white);
background-color: #ff4f00;
}
.social-networks.-default-colors.-contained .quora {
color: var(--clb-color-white);
background-color: #a82401;
}
.social-networks.-default-colors.-contained .reddit {
color: var(--clb-color-white);
background-color: #ff4501;
}
.social-networks.-default-colors.-contained .snapchat {
color: var(--clb-color-white);
background-color: #e0e410;
}
.social-networks.-default-colors.-contained .soundcloud {
color: var(--clb-color-white);
background-color: #FD561F;
}
.social-networks.-default-colors.-contained .spotify {
color: var(--clb-color-white);
background-color: #1ED760;
}
.social-networks.-default-colors.-contained .teamspeak {
color: var(--clb-color-white);
background-color: #1c82cc;
}
.social-networks.-default-colors.-contained .telegram {
color: var(--clb-color-white);
background-color: #0088cc;
}
.social-networks.-default-colors.-contained .threads {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .tiktok {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .tumblr {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .twitch {
color: var(--clb-color-white);
background-color: #9147ff;
}
.social-networks.-default-colors.-contained .twitter {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-default-colors.-contained .vimeo {
color: var(--clb-color-white);
background-color: #1ab8ea;
}
.social-networks.-default-colors.-contained .vine {
color: var(--clb-color-white);
background-color: #00be8e;
}
.social-networks.-default-colors.-contained .whatsapp {
color: var(--clb-color-white);
background-color: #0ec143;
}
.social-networks.-default-colors.-contained .xing {
color: var(--clb-color-white);
background-color: #0C6567;
}
.social-networks.-default-colors.-contained .youtube {
color: var(--clb-color-white);
background-color: #e4252d;
}
.social-networks.-default-colors.-contained .500px {
color: var(--clb-color-white);
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .artstation:hover {
color: #26bbff;
}
.social-networks.-hover-default-colors:not(.-contained) .behance:hover {
color: #0056ff;
}
.social-networks.-hover-default-colors:not(.-contained) .deviantart:hover {
color: #05CC47;
}
.social-networks.-hover-default-colors:not(.-contained) .digg:hover {
color: #1c5891;
}
.social-networks.-hover-default-colors:not(.-contained) .discord:hover {
color: #7289da;
}
.social-networks.-hover-default-colors:not(.-contained) .dribbble:hover {
color: #fd629e;
}
.social-networks.-hover-default-colors:not(.-contained) .facebook:hover {
color: #217cef;
}
.social-networks.-hover-default-colors:not(.-contained) .flickr:hover {
color: #0063db;
}
.social-networks.-hover-default-colors:not(.-contained) .github:hover {
color: #24292E;
}
.social-networks.-hover-default-colors:not(.-contained) .houzz:hover {
color: #007562;
}
.social-networks.-hover-default-colors:not(.-contained) .instagram:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .kaggle:hover {
color: #32C0FD;
}
.social-networks.-hover-default-colors:not(.-contained) .linkedin:hover {
color: #4477ab;
}
.social-networks.-hover-default-colors:not(.-contained) .medium:hover {
color: #1a8917;
}
.social-networks.-hover-default-colors:not(.-contained) .mixer:hover {
color: #0270d9;
}
.social-networks.-hover-default-colors:not(.-contained) .pinterest:hover {
color: #e4252d;
}
.social-networks.-hover-default-colors:not(.-contained) .producthunt:hover {
color: #ff4f00;
}
.social-networks.-hover-default-colors:not(.-contained) .quora:hover {
color: #a82401;
}
.social-networks.-hover-default-colors:not(.-contained) .reddit:hover {
color: #ff4501;
}
.social-networks.-hover-default-colors:not(.-contained) .snapchat:hover {
color: #e0e410;
}
.social-networks.-hover-default-colors:not(.-contained) .soundcloud:hover {
color: #FD561F;
}
.social-networks.-hover-default-colors:not(.-contained) .spotify:hover {
color: #1ED760;
}
.social-networks.-hover-default-colors:not(.-contained) .teamspeak:hover {
color: #1c82cc;
}
.social-networks.-hover-default-colors:not(.-contained) .telegram:hover {
color: #0088cc;
}
.social-networks.-hover-default-colors:not(.-contained) .threads:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .tiktok:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .tumblr:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .twitch:hover {
color: #9147ff;
}
.social-networks.-hover-default-colors:not(.-contained) .twitter:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors:not(.-contained) .vimeo:hover {
color: #1ab8ea;
}
.social-networks.-hover-default-colors:not(.-contained) .vine:hover {
color: #00be8e;
}
.social-networks.-hover-default-colors:not(.-contained) .whatsapp:hover {
color: #0ec143;
}
.social-networks.-hover-default-colors:not(.-contained) .xing:hover {
color: #0C6567;
}
.social-networks.-hover-default-colors:not(.-contained) .youtube:hover {
color: #e4252d;
}
.social-networks.-hover-default-colors:not(.-contained) .500px:hover {
color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .artstation:hover {
background-color: #26bbff;
}
.social-networks.-hover-default-colors.-contained .behance:hover {
background-color: #0056ff;
}
.social-networks.-hover-default-colors.-contained .deviantart:hover {
background-color: #05CC47;
}
.social-networks.-hover-default-colors.-contained .digg:hover {
background-color: #1c5891;
}
.social-networks.-hover-default-colors.-contained .discord:hover {
background-color: #7289da;
}
.social-networks.-hover-default-colors.-contained .dribbble:hover {
background-color: #fd629e;
}
.social-networks.-hover-default-colors.-contained .facebook:hover {
background-color: #217cef;
}
.social-networks.-hover-default-colors.-contained .flickr:hover {
background-color: #0063db;
}
.social-networks.-hover-default-colors.-contained .github:hover {
background-color: #24292E;
}
.social-networks.-hover-default-colors.-contained .houzz:hover {
background-color: #007562;
}
.social-networks.-hover-default-colors.-contained .instagram:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .kaggle:hover {
background-color: #32C0FD;
}
.social-networks.-hover-default-colors.-contained .linkedin:hover {
background-color: #4477ab;
}
.social-networks.-hover-default-colors.-contained .medium:hover {
background-color: #1a8917;
}
.social-networks.-hover-default-colors.-contained .mixer:hover {
background-color: #0270d9;
}
.social-networks.-hover-default-colors.-contained .pinterest:hover {
background-color: #e4252d;
}
.social-networks.-hover-default-colors.-contained .producthunt:hover {
background-color: #ff4f00;
}
.social-networks.-hover-default-colors.-contained .quora:hover {
background-color: #a82401;
}
.social-networks.-hover-default-colors.-contained .reddit:hover {
background-color: #ff4501;
}
.social-networks.-hover-default-colors.-contained .snapchat:hover {
background-color: #e0e410;
}
.social-networks.-hover-default-colors.-contained .soundcloud:hover {
background-color: #FD561F;
}
.social-networks.-hover-default-colors.-contained .spotify:hover {
background-color: #1ED760;
}
.social-networks.-hover-default-colors.-contained .teamspeak:hover {
background-color: #1c82cc;
}
.social-networks.-hover-default-colors.-contained .telegram:hover {
background-color: #0088cc;
}
.social-networks.-hover-default-colors.-contained .threads:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .tiktok:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .tumblr:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .twitch:hover {
background-color: #9147ff;
}
.social-networks.-hover-default-colors.-contained .twitter:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-hover-default-colors.-contained .vimeo:hover {
background-color: #1ab8ea;
}
.social-networks.-hover-default-colors.-contained .vine:hover {
background-color: #00be8e;
}
.social-networks.-hover-default-colors.-contained .whatsapp:hover {
background-color: #0ec143;
}
.social-networks.-hover-default-colors.-contained .xing:hover {
background-color: #0C6567;
}
.social-networks.-hover-default-colors.-contained .youtube:hover {
background-color: #e4252d;
}
.social-networks.-hover-default-colors.-contained .500px:hover {
background-color: var(--clb-color-black-light);
}
.social-networks.-boxed {
margin: 0;
overflow: hidden;
}
.social-networks.-boxed .network {
background-color: transparent;
height: 6.25em;
margin: 0 !important;
border: none;
line-height: 6.25em;
position: relative;
overflow: hidden;
flex-grow: 1;
flex-basis: 0;
border-radius: 0;
}
.social-networks.-boxed .network .icon {
width: 100%;
text-align: center;
position: absolute;
opacity: 0;
top: 60%;
left: 0;
transition: inherit;
}
.social-networks.-boxed .network span {
font-size: 0.95em;
position: relative;
top: 0;
opacity: 1;
transition: inherit;
}
.social-networks.-boxed .network:hover {
background-color: var(--clb-fill-color);
}
.social-networks.-boxed .network:hover .icon {
opacity: 1;
top: 40%;
}
.social-networks.-boxed .network:hover span {
opacity: 0;
top: -1.875em;
} .subscribe-form {
position: relative;
}
.subscribe-form .wpcf7-form-control-wrap {
display: block;
}
.subscribe-form .wpcf7-form-control-wrap:last-of-type {
margin-top: 1rem;
}
.subscribe-form > p {
margin: 0;
}
.subscribe-form br {
display: none;
}
.subscribe-form .button,
.subscribe-form input[type="submit"],
.subscribe-form button[type="submit"] {
white-space: nowrap;
position: absolute;
left: 100%;
top: 0;
transform: translate(-100%, 0);
padding-left: 0.85rem;
padding-right: 0.85rem;
border-radius: var(--clb-border-radius);
}
.subscribe-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) {
padding-right: 30%;
} .tabs-nav {
position: relative;
max-width: 100%;
color: var(--clb-titles-color);
font-size: var(--clb-action-font-size);
}
.tabs-nav:not(.-hidden) {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.tabs-nav .icon::before {
margin-right: var(--clb-gap-small);
}
.tabs-nav-line {
width: 0;
position: absolute;
bottom: 0;
left: 0;
padding: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.tabs-nav-link {
width: auto;
min-height: 3rem;
cursor: var(--clb-cursor-pointer);
white-space: nowrap;
display: inline-flex;
vertical-align: middle;
align-items: center;
align-items: center;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.tabs-nav-link:not(:hover):not(.active) {
opacity: 0.75;
}
.tabs-content-item::before {
display: none;
}
.tabs-content-item:not(.active) {
overflow: hidden;
height: 0;
opacity: 0;
transition-property: opacity;
}
.tabs-content-item.active {
height: auto;
opacity: 1;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.tabs-content-item > p {
margin: 0;
}
.tabs:not(.-vertical):not(.-with-button) .tabs-nav-line {
border-bottom: 2px solid var(--clb-color-black-light);
}
.tabs:not(.-vertical) .tabs-content {
margin-top: 1rem;
}
.tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child) {
margin-right: 1.5rem;
}
.tabs.-contained .tabs-nav-link {
padding: 0 1rem;
}
.tabs.-contained .tabs-nav-link.active {
background-color: var(--clb-fill-color);
}
.tabs.-with-button .tabs-nav {
background-color: var(--clb-fill-color);
border-radius: var(--clb-border-radius);
}
.tabs.-with-button .tabs-nav-link {
padding: 0 1rem;
z-index: 1;
}
.tabs.-with-button .tabs-nav-link.active {
color: var(--clb-color-white);
}
.tabs.-with-button .tabs-nav-line {
height: 3rem;
background-color: var(--clb-color-black-light);
border-radius: var(--clb-border-radius);
} .team-member .overlay-details {
flex-direction: column;
}
.team-member .overlay-details .social-networks {
margin-top: 1rem;
}
.team-member.-with-overlay .overlay-details {
background: var(--clb-color-black-rgb);
background: linear-gradient(0deg, rgba(var(--clb-color-black-rgb), 0.65) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.team-member.-with-overlay .extra-details {
max-height: 0px;
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.team-member:hover .extra-details {
padding-top: 1rem;
max-height: calc(166px + 1.5rem);
opacity: 1;
}
.team-group {
display: flex;
}
.team-group-item {
overflow: hidden;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.team-group-item img {
width: 100%;
}
.team-group-item.active .-fade-up {
transition-delay: .2s;
transform: none;
opacity: 1;
}
.team-group .item-holder {
padding: var(--clb-spacer);
background-color: var(--clb-fill-color);
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
} .testimonial {
display: flex;
flex-direction: column;
}
.testimonial .author {
margin-top: 1.25rem;
}
.testimonial h1:not(.-unspace),
.testimonial h2:not(.-unspace),
.testimonial h3:not(.-unspace),
.testimonial h4:not(.-unspace),
.testimonial h5:not(.-unspace),
.testimonial h6:not(.-unspace) {
margin-bottom: 0.5rem;
}
.testimonial > p {
margin: 0;
}
.testimonial > p > b {
margin-bottom: var(--clb-grid-gap);
}
.testimonial:not(.-middle-avatar) .avatar {
margin-bottom: 1.25rem;
}
.testimonial.-middle-avatar .testimonial-text {
order: 1;
}
.testimonial.-middle-avatar .avatar {
order: 2;
margin-top: 1.25rem;
}
.testimonial.-middle-avatar .author {
order: 3;
}
.testimonial.-center {
align-items: center;
}
.testimonial.-right {
align-items: flex-end;
} .ohio-text-sc:not(.-unspace):first-child p,
.wpb_text_column:not(.-unspace):first-child p,
.elementor-widget-text-editor:not(.-unspace):first-child p {
margin-top: 0;
}
.ohio-text-sc:last-child p,
.wpb_text_column:last-child p,
.elementor-widget-text-editor:last-child p {
margin-bottom: 0;
}
.ohio-text-sc + .ohio-text-sc p,
.ohio-text-sc + .wpb_text_column p,
.ohio-text-sc + .elementor-widget-text-editor p,
.wpb_text_column + .ohio-text-sc p,
.wpb_text_column + .wpb_text_column p,
.wpb_text_column + .elementor-widget-text-editor p,
.elementor-widget-text-editor + .ohio-text-sc p,
.elementor-widget-text-editor + .wpb_text_column p,
.elementor-widget-text-editor + .elementor-widget-text-editor p {
margin-top: 0;
}
.ohio-text-sc + .vc_empty_space,
.ohio-text-sc + .elementor-widget-spacer,
.wpb_text_column + .vc_empty_space,
.wpb_text_column + .elementor-widget-spacer,
.elementor-widget-text-editor + .vc_empty_space,
.elementor-widget-text-editor + .elementor-widget-spacer {
margin-top: -1.35rem;
}
.vc_empty_space:first-child + .ohio-text-sc p,
.vc_empty_space:first-child + .wpb_text_column p,
.vc_empty_space:first-child + .elementor-widget-text-editor p,
.elementor-widget-spacer:first-child + .ohio-text-sc p,
.elementor-widget-spacer:first-child + .wpb_text_column p,
.elementor-widget-spacer:first-child + .elementor-widget-text-editor p {
margin-top: 0;
} .video-button {
display: flex;
align-items: center;
}
.video-button-caption {
font-family: var(--clb-action-font-family);
font-size: var(--clb-action-font-size);
font-weight: var(--clb-action-font-weight);
margin-left: 0.75rem;
}
.video-button .icon-button {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.video-button .icon-button .icon {
transform: translateX(0.15rem);
}
.video-button .icon-button:hover {
transform: var(--clb-transform-scale);
}
.video-button:not(.-outlined) .icon-button {
background-color: var(--clb-video-button-color);
}
.video-button:not(.-outlined) .icon-button .icon {
color: var(--clb-color-white);
}
.video-button:not(.-outlined):not(.-blurred) .icon-button:hover {
background-color: var(--clb-color-primary);
}
.video-button.-outlined .icon-button,
.lazy-load.-outlined .video-button.button:not(.-flat) .icon-button,
.pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .icon-button {
border: 2px solid currentColor;
}
.video-button.-outlined .icon-button:hover,
.lazy-load.-outlined .video-button.button:not(.-flat) .icon-button:hover,
.pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .icon-button:hover {
background-color: transparent;
color: var(--clb-color-primary);
}
.video-button.-outlined .icon-button:hover .icon,
.lazy-load.-outlined .video-button.button:not(.-flat) .icon-button:hover .icon,
.pagination:not(.text-center).-outlined .video-button.button:not(.-flat) .icon-button:hover .icon {
color: currentColor;
}
.video-button.-blurred .icon-button {
background-color: color-mix(in srgb, var(--clb-color-neutral) 50%, transparent);
backdrop-filter: blur(0.15rem);
}
.video-button.-small .video-button-caption {
font-size: var(--clb-action-font-size-small);
}
.video-button.-large .video-button-caption {
font-size: var(--clb-icon-size-large);
}
.video-button.-animation .icon-button {
position: relative;
}
.video-button.-animation .icon-button::after {
outline-style: solid;
outline-color: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
animation: 1.5s linear infinite video_sc;
content: "";
display: block;
position: absolute;
border-radius: 100%;
}
@keyframes video_sc {
0% {
opacity: 0;
outline-width: 0px;
}
25% {
opacity: 1;
outline-width: 0.75rem;
}
60% {
opacity: 0;
outline-width: 1.25rem;
}
100% {
opacity: 0;
outline-width: 0.5rem;
}
}
.video-button.-animation .icon-button:hover::after {
animation: none;
}
.video-button.-with-shadow:not(.-with-preview) .icon-button {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.video-button.-with-shadow.-with-preview .preview-image {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}
.video-button.-with-preview {
position: relative;
}
.video-button.-with-preview .video-button-holder {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
}
.video-button.-with-preview .video-button-caption {
margin: 0.75rem 0 -1.5rem 0;
transform: translateY(6%);
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.video-button.-with-preview .preview-image {
min-width: 100%;
border-radius: var(--clb-border-radius);
}
.video-button.-with-preview:hover .video-button-caption {
transform: none;
opacity: 1;
} .instagram-feed #sb_instagram {
padding-bottom: 0px !important;
}
.instagram-feed #sb_instagram #sbi_images {
padding: 0 !important;
}
.instagram-feed.no-margins #sbi_images {
gap: 0 !important;
}
.instagram-feed:not(.no-margins) #sb_instagram .sbi_photo_wrap {
overflow: hidden;
border-radius: var(--clb-border-radius);
} .wc-category-sc {
margin-top: var(--clb-grid-gutter-negative);
margin-bottom: var(--clb-grid-gutter-negative);
}
.wc-category-sc::after {
content: "";
display: table;
clear: both;
}
.wc-category-sc.-metro .grid-item:not(.-offset) .image-holder {
padding-bottom: 50%;
}
.wc-category-sc.-metro .grid-item.-offset .image-holder {
padding-bottom: calc(100% - 7.5em);
}
.wc-category .card {
display: flex;
align-items: stretch;
}
.wc-category-content {
display: flex;
align-items: center;
}
.wc-category-content .button {
margin-top: 1em;
}
.wc-category .button {
transform: none;
margin-left: 0;
margin-right: 0;
}
.wc-category:not(.-offset) .card {
overflow: hidden;
border-radius: var(--clb-border-radius);
}
.wc-category:not(.-offset) .image-holder {
border-radius: 0;
}
.wc-category:not(.-offset) .wc-category-content {
padding: var(--clb-spacer);
background-color: var(--clb-fill-color);
}
.wc-category.-offset {
position: relative;
}
.wc-category.-offset .card.-with-shadow {
overflow: visible;
box-shadow: none;
}
.wc-category.-offset .card.-with-shadow .image-holder {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
}  body[data-aos-duration="50"] [data-aos],
[data-aos][data-aos][data-aos-duration="50"] {
transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos],
[data-aos][data-aos][data-aos-delay="50"] {
transition-delay: 0s;
}
body[data-aos-delay="50"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="50"].aos-animate {
transition-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos],
[data-aos][data-aos][data-aos-duration="100"] {
transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos],
[data-aos][data-aos][data-aos-delay="100"] {
transition-delay: 0s;
}
body[data-aos-delay="100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="100"].aos-animate {
transition-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos],
[data-aos][data-aos][data-aos-duration="150"] {
transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos],
[data-aos][data-aos][data-aos-delay="150"] {
transition-delay: 0s;
}
body[data-aos-delay="150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="150"].aos-animate {
transition-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos],
[data-aos][data-aos][data-aos-duration="200"] {
transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos],
[data-aos][data-aos][data-aos-delay="200"] {
transition-delay: 0s;
}
body[data-aos-delay="200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="200"].aos-animate {
transition-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos],
[data-aos][data-aos][data-aos-duration="250"] {
transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos],
[data-aos][data-aos][data-aos-delay="250"] {
transition-delay: 0s;
}
body[data-aos-delay="250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="250"].aos-animate {
transition-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos],
[data-aos][data-aos][data-aos-duration="300"] {
transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos],
[data-aos][data-aos][data-aos-delay="300"] {
transition-delay: 0s;
}
body[data-aos-delay="300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="300"].aos-animate {
transition-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos],
[data-aos][data-aos][data-aos-duration="350"] {
transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos],
[data-aos][data-aos][data-aos-delay="350"] {
transition-delay: 0s;
}
body[data-aos-delay="350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="350"].aos-animate {
transition-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos],
[data-aos][data-aos][data-aos-duration="400"] {
transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos],
[data-aos][data-aos][data-aos-delay="400"] {
transition-delay: 0s;
}
body[data-aos-delay="400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="400"].aos-animate {
transition-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos],
[data-aos][data-aos][data-aos-duration="450"] {
transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos],
[data-aos][data-aos][data-aos-delay="450"] {
transition-delay: 0s;
}
body[data-aos-delay="450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="450"].aos-animate {
transition-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos],
[data-aos][data-aos][data-aos-duration="500"] {
transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos],
[data-aos][data-aos][data-aos-delay="500"] {
transition-delay: 0s;
}
body[data-aos-delay="500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="500"].aos-animate {
transition-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos],
[data-aos][data-aos][data-aos-duration="550"] {
transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos],
[data-aos][data-aos][data-aos-delay="550"] {
transition-delay: 0s;
}
body[data-aos-delay="550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="550"].aos-animate {
transition-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos],
[data-aos][data-aos][data-aos-duration="600"] {
transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos],
[data-aos][data-aos][data-aos-delay="600"] {
transition-delay: 0s;
}
body[data-aos-delay="600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="600"].aos-animate {
transition-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos],
[data-aos][data-aos][data-aos-duration="650"] {
transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos],
[data-aos][data-aos][data-aos-delay="650"] {
transition-delay: 0s;
}
body[data-aos-delay="650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="650"].aos-animate {
transition-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos],
[data-aos][data-aos][data-aos-duration="700"] {
transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos],
[data-aos][data-aos][data-aos-delay="700"] {
transition-delay: 0s;
}
body[data-aos-delay="700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="700"].aos-animate {
transition-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos],
[data-aos][data-aos][data-aos-duration="750"] {
transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos],
[data-aos][data-aos][data-aos-delay="750"] {
transition-delay: 0s;
}
body[data-aos-delay="750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="750"].aos-animate {
transition-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos],
[data-aos][data-aos][data-aos-duration="800"] {
transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos],
[data-aos][data-aos][data-aos-delay="800"] {
transition-delay: 0s;
}
body[data-aos-delay="800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="800"].aos-animate {
transition-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos],
[data-aos][data-aos][data-aos-duration="850"] {
transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos],
[data-aos][data-aos][data-aos-delay="850"] {
transition-delay: 0s;
}
body[data-aos-delay="850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="850"].aos-animate {
transition-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos],
[data-aos][data-aos][data-aos-duration="900"] {
transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos],
[data-aos][data-aos][data-aos-delay="900"] {
transition-delay: 0s;
}
body[data-aos-delay="900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="900"].aos-animate {
transition-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos],
[data-aos][data-aos][data-aos-duration="950"] {
transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos],
[data-aos][data-aos][data-aos-delay="950"] {
transition-delay: 0s;
}
body[data-aos-delay="950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="950"].aos-animate {
transition-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos],
[data-aos][data-aos][data-aos-duration="1000"] {
transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos],
[data-aos][data-aos][data-aos-delay="1000"] {
transition-delay: 0s;
}
body[data-aos-delay="1000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1000"].aos-animate {
transition-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos],
[data-aos][data-aos][data-aos-duration="1050"] {
transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos],
[data-aos][data-aos][data-aos-delay="1050"] {
transition-delay: 0s;
}
body[data-aos-delay="1050"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1050"].aos-animate {
transition-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos],
[data-aos][data-aos][data-aos-duration="1100"] {
transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos],
[data-aos][data-aos][data-aos-delay="1100"] {
transition-delay: 0s;
}
body[data-aos-delay="1100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1100"].aos-animate {
transition-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos],
[data-aos][data-aos][data-aos-duration="1150"] {
transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos],
[data-aos][data-aos][data-aos-delay="1150"] {
transition-delay: 0s;
}
body[data-aos-delay="1150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1150"].aos-animate {
transition-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos],
[data-aos][data-aos][data-aos-duration="1200"] {
transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos],
[data-aos][data-aos][data-aos-delay="1200"] {
transition-delay: 0s;
}
body[data-aos-delay="1200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1200"].aos-animate {
transition-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos],
[data-aos][data-aos][data-aos-duration="1250"] {
transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos],
[data-aos][data-aos][data-aos-delay="1250"] {
transition-delay: 0s;
}
body[data-aos-delay="1250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1250"].aos-animate {
transition-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos],
[data-aos][data-aos][data-aos-duration="1300"] {
transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos],
[data-aos][data-aos][data-aos-delay="1300"] {
transition-delay: 0s;
}
body[data-aos-delay="1300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1300"].aos-animate {
transition-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos],
[data-aos][data-aos][data-aos-duration="1350"] {
transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos],
[data-aos][data-aos][data-aos-delay="1350"] {
transition-delay: 0s;
}
body[data-aos-delay="1350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1350"].aos-animate {
transition-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos],
[data-aos][data-aos][data-aos-duration="1400"] {
transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos],
[data-aos][data-aos][data-aos-delay="1400"] {
transition-delay: 0s;
}
body[data-aos-delay="1400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1400"].aos-animate {
transition-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos],
[data-aos][data-aos][data-aos-duration="1450"] {
transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos],
[data-aos][data-aos][data-aos-delay="1450"] {
transition-delay: 0s;
}
body[data-aos-delay="1450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1450"].aos-animate {
transition-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos],
[data-aos][data-aos][data-aos-duration="1500"] {
transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos],
[data-aos][data-aos][data-aos-delay="1500"] {
transition-delay: 0s;
}
body[data-aos-delay="1500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1500"].aos-animate {
transition-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos],
[data-aos][data-aos][data-aos-duration="1550"] {
transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos],
[data-aos][data-aos][data-aos-delay="1550"] {
transition-delay: 0s;
}
body[data-aos-delay="1550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1550"].aos-animate {
transition-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos],
[data-aos][data-aos][data-aos-duration="1600"] {
transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos],
[data-aos][data-aos][data-aos-delay="1600"] {
transition-delay: 0s;
}
body[data-aos-delay="1600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1600"].aos-animate {
transition-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos],
[data-aos][data-aos][data-aos-duration="1650"] {
transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos],
[data-aos][data-aos][data-aos-delay="1650"] {
transition-delay: 0s;
}
body[data-aos-delay="1650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1650"].aos-animate {
transition-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos],
[data-aos][data-aos][data-aos-duration="1700"] {
transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos],
[data-aos][data-aos][data-aos-delay="1700"] {
transition-delay: 0s;
}
body[data-aos-delay="1700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1700"].aos-animate {
transition-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos],
[data-aos][data-aos][data-aos-duration="1750"] {
transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos],
[data-aos][data-aos][data-aos-delay="1750"] {
transition-delay: 0s;
}
body[data-aos-delay="1750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1750"].aos-animate {
transition-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos],
[data-aos][data-aos][data-aos-duration="1800"] {
transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos],
[data-aos][data-aos][data-aos-delay="1800"] {
transition-delay: 0s;
}
body[data-aos-delay="1800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1800"].aos-animate {
transition-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos],
[data-aos][data-aos][data-aos-duration="1850"] {
transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos],
[data-aos][data-aos][data-aos-delay="1850"] {
transition-delay: 0s;
}
body[data-aos-delay="1850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1850"].aos-animate {
transition-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos],
[data-aos][data-aos][data-aos-duration="1900"] {
transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos],
[data-aos][data-aos][data-aos-delay="1900"] {
transition-delay: 0s;
}
body[data-aos-delay="1900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1900"].aos-animate {
transition-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos],
[data-aos][data-aos][data-aos-duration="1950"] {
transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos],
[data-aos][data-aos][data-aos-delay="1950"] {
transition-delay: 0s;
}
body[data-aos-delay="1950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="1950"].aos-animate {
transition-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos],
[data-aos][data-aos][data-aos-duration="2000"] {
transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos],
[data-aos][data-aos][data-aos-delay="2000"] {
transition-delay: 0s;
}
body[data-aos-delay="2000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2000"].aos-animate {
transition-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos],
[data-aos][data-aos][data-aos-duration="2050"] {
transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos],
[data-aos][data-aos][data-aos-delay="2050"] {
transition-delay: 0s;
}
body[data-aos-delay="2050"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2050"].aos-animate {
transition-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos],
[data-aos][data-aos][data-aos-duration="2100"] {
transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos],
[data-aos][data-aos][data-aos-delay="2100"] {
transition-delay: 0s;
}
body[data-aos-delay="2100"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2100"].aos-animate {
transition-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos],
[data-aos][data-aos][data-aos-duration="2150"] {
transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos],
[data-aos][data-aos][data-aos-delay="2150"] {
transition-delay: 0s;
}
body[data-aos-delay="2150"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2150"].aos-animate {
transition-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos],
[data-aos][data-aos][data-aos-duration="2200"] {
transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos],
[data-aos][data-aos][data-aos-delay="2200"] {
transition-delay: 0s;
}
body[data-aos-delay="2200"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2200"].aos-animate {
transition-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos],
[data-aos][data-aos][data-aos-duration="2250"] {
transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos],
[data-aos][data-aos][data-aos-delay="2250"] {
transition-delay: 0s;
}
body[data-aos-delay="2250"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2250"].aos-animate {
transition-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos],
[data-aos][data-aos][data-aos-duration="2300"] {
transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos],
[data-aos][data-aos][data-aos-delay="2300"] {
transition-delay: 0s;
}
body[data-aos-delay="2300"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2300"].aos-animate {
transition-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos],
[data-aos][data-aos][data-aos-duration="2350"] {
transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos],
[data-aos][data-aos][data-aos-delay="2350"] {
transition-delay: 0s;
}
body[data-aos-delay="2350"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2350"].aos-animate {
transition-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos],
[data-aos][data-aos][data-aos-duration="2400"] {
transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos],
[data-aos][data-aos][data-aos-delay="2400"] {
transition-delay: 0s;
}
body[data-aos-delay="2400"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2400"].aos-animate {
transition-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos],
[data-aos][data-aos][data-aos-duration="2450"] {
transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos],
[data-aos][data-aos][data-aos-delay="2450"] {
transition-delay: 0s;
}
body[data-aos-delay="2450"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2450"].aos-animate {
transition-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos],
[data-aos][data-aos][data-aos-duration="2500"] {
transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos],
[data-aos][data-aos][data-aos-delay="2500"] {
transition-delay: 0s;
}
body[data-aos-delay="2500"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2500"].aos-animate {
transition-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos],
[data-aos][data-aos][data-aos-duration="2550"] {
transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos],
[data-aos][data-aos][data-aos-delay="2550"] {
transition-delay: 0s;
}
body[data-aos-delay="2550"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2550"].aos-animate {
transition-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos],
[data-aos][data-aos][data-aos-duration="2600"] {
transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos],
[data-aos][data-aos][data-aos-delay="2600"] {
transition-delay: 0s;
}
body[data-aos-delay="2600"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2600"].aos-animate {
transition-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos],
[data-aos][data-aos][data-aos-duration="2650"] {
transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos],
[data-aos][data-aos][data-aos-delay="2650"] {
transition-delay: 0s;
}
body[data-aos-delay="2650"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2650"].aos-animate {
transition-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos],
[data-aos][data-aos][data-aos-duration="2700"] {
transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos],
[data-aos][data-aos][data-aos-delay="2700"] {
transition-delay: 0s;
}
body[data-aos-delay="2700"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2700"].aos-animate {
transition-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos],
[data-aos][data-aos][data-aos-duration="2750"] {
transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos],
[data-aos][data-aos][data-aos-delay="2750"] {
transition-delay: 0s;
}
body[data-aos-delay="2750"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2750"].aos-animate {
transition-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos],
[data-aos][data-aos][data-aos-duration="2800"] {
transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos],
[data-aos][data-aos][data-aos-delay="2800"] {
transition-delay: 0s;
}
body[data-aos-delay="2800"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2800"].aos-animate {
transition-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos],
[data-aos][data-aos][data-aos-duration="2850"] {
transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos],
[data-aos][data-aos][data-aos-delay="2850"] {
transition-delay: 0s;
}
body[data-aos-delay="2850"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2850"].aos-animate {
transition-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos],
[data-aos][data-aos][data-aos-duration="2900"] {
transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos],
[data-aos][data-aos][data-aos-delay="2900"] {
transition-delay: 0s;
}
body[data-aos-delay="2900"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2900"].aos-animate {
transition-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos],
[data-aos][data-aos][data-aos-duration="2950"] {
transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos],
[data-aos][data-aos][data-aos-delay="2950"] {
transition-delay: 0s;
}
body[data-aos-delay="2950"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="2950"].aos-animate {
transition-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos],
[data-aos][data-aos][data-aos-duration="3000"] {
transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos],
[data-aos][data-aos][data-aos-delay="3000"] {
transition-delay: 0s;
}
body[data-aos-delay="3000"] [data-aos].aos-animate,
[data-aos][data-aos][data-aos-delay="3000"].aos-animate {
transition-delay: 3000ms;
}
[data-aos] {
pointer-events: none;
}
[data-aos].aos-animate {
pointer-events: auto;
}
body[data-aos-easing="linear"] [data-aos],
[data-aos][data-aos][data-aos-easing="linear"] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing="ease"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease"] {
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing="ease-in"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in"] {
transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing="ease-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out"] {
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing="ease-in-out"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out"] {
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing="ease-in-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-back"] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing="ease-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-back"] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing="ease-in-out-back"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing="ease-in-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-sine"] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing="ease-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-sine"] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing="ease-in-out-sine"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing="ease-in-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quad"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quad"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-quad"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing="ease-in-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-cubic"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing="ease-in-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-quart"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-out-quart"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-quart"] [data-aos],
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
} .has-beige-dark-background-color {
background-color: var(--clb-color-primary);
}
.has-beige-dark-background-color.wp-block-button__link {
border-color: var(--clb-color-primary);
}
.has-dark-strong-background-color {
background-color: var(--clb-titles-color);
}
.has-dark-strong-background-color.wp-block-button__link {
border-color: var(--clb-titles-color);
}
.has-dark-light-background-color {
background-color: var(--clb-color-black-light);
}
.has-dark-light-background-color.wp-block-button__link {
border-color: var(--clb-color-black-light);
}
.has-grey-strong-background-color {
background-color: var(--clb-color-grey);
}
.has-grey-strong-background-color.wp-block-button__link {
border-color: var(--clb-color-grey);
}
.has-grey-light-background-color {
background-color: var(--clb-color-grey-light);
}
.has-grey-light-background-color.wp-block-button__link {
border-color: var(--clb-color-grey-light);
}
.has-beige-dark-color {
color: var(--clb-color-primary);
}
.has-dark-strong-color {
color: var(--clb-titles-color);
}
.has-dark-light-color {
color: var(--clb-color-black-light);
}
.has-grey-strong-color {
color: var(--clb-color-grey);
}
.has-grey-light-color {
color: var(--clb-color-grey);
}
.is-style-outline .wp-block-button__link.has-beige-dark-color {
color: var(--clb-color-primary);
}
.is-style-outline .wp-block-button__link.has-dark-strong-color {
color: var(--clb-titles-color);
}
.is-style-outline .wp-block-button__link.has-dark-light-color {
color: var(--clb-color-black-light);
}
.is-style-outline .wp-block-button__link.has-grey-strong-color {
color: var(--clb-color-grey);
}
.is-style-outline .wp-block-button__link.has-grey-light-color {
color: var(--clb-color-black-light);
}
.wp-block-separator {
border-color: var(--clb-color-neutral);
}
.has-regular-font-size {
font-size: var(--clb-body-font-size);
font-family: inherit;
}
.has-extra-small-font-size {
font-size: 0.867em;
}
.has-small-font-size {
font-size: 0.934em;
}
.has-large-font-size {
font-size: 1.6875em;
font-weight: var(--clb-text-medium);
}
.has-larger-font-size {
font-size: 1.9875em;
} .menu li.new span,
.menu li.version span {
gap: var(--clb-gap);
display: flex;
align-items: center;
}
.menu li.new span:after,
.menu li.version span:after {
padding: 0 0.3rem;
height: 1.05rem;
font-size: 0.6em;
font-weight: var(--clb-text-bold);
color: var(--clb-color-white);
display: inline-flex;
vertical-align: middle;
align-items: center;
align-items: center;
border-radius: 0.35rem;
}
.menu li.new span:after {
content: "NEW";
background-color: var(--clb-color-primary);
}
.menu li.version span {
white-space: nowrap !important;
}
.menu li.version span:after {
content: "V3.4";
background-color: var(--clb-body-color);
} .dark-scheme { --clb-color-white: var(--clb-dm-color-white);
--clb-color-black: var(--clb-dm-color-white);
--clb-titles-color: var(--clb-dm-color-white);
--clb-button-color: color-mix(in srgb, var(--clb-dm-color-white) 75%, transparent);
--clb-color-black-light: color-mix(in srgb, var(--clb-dm-color-white) 75%, transparent);
--clb-body-color: color-mix(in srgb, var(--clb-dm-color-white) 75%, transparent);
--clb-color-grey: color-mix(in srgb, var(--clb-dm-color-white) 50%, transparent);
--clb-color-neutral: color-mix(in srgb, var(--clb-dm-color-white) 50%, transparent);
--clb-placeholder-color: color-mix(in srgb, var(--clb-dm-color-white) 40%, transparent);
--clb-color-grey-light: color-mix(in srgb, var(--clb-dm-color-white) 30%, transparent);
--clb-color-overlay: var(--clb-dm-fill-color);
--clb-subtitles-color: var(--clb-color-neutral);  }
.dark-scheme .-dm-ignore,
.dark-scheme .button-group .button.-outlined:not(.-primary):not(.-dm-ignore):not(:hover),
.dark-scheme .button-group .lazy-load.-outlined .button:not(.-primary):not(.-dm-ignore):not(:hover):not(.-flat),
.lazy-load.-outlined .dark-scheme .button-group .button:not(.-primary):not(.-dm-ignore):not(:hover):not(.-flat),
.dark-scheme .button-group .pagination:not(.text-center).-outlined .button:not(.-primary):not(.-dm-ignore):not(:hover):not(.-flat),
.pagination:not(.text-center).-outlined .dark-scheme .button-group .button:not(.-primary):not(.-dm-ignore):not(:hover):not(.-flat),
.dark-scheme .woo-products .clb-slider-nav-btn .icon-button,
.dark-scheme .woo-products .button-group .button.-outlined,
.dark-scheme .woo-products .button-group .lazy-load.-outlined .button:not(.-flat),
.lazy-load.-outlined .dark-scheme .woo-products .button-group .button:not(.-flat),
.dark-scheme .woo-products .button-group .pagination:not(.text-center).-outlined .button:not(.-flat),
.pagination:not(.text-center).-outlined .dark-scheme .woo-products .button-group .button:not(.-flat),
.dark-scheme .tag-out-of-stock,
.dark-scheme select:not([multiple="multiple"]) > option {
color: initial;
}
.dark-scheme .menu-optional .button-group .button {
color: inherit;
}
.dark-scheme,
.dark-scheme .coming-soon,
.dark-scheme .logo-details,
.dark-scheme .site-content,
.dark-scheme .header.-sticky,
.dark-scheme .page-headline::before,
.dark-scheme .horizontal-accordion-item,
.dark-scheme .woo-products .button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(:hover) {
background-color: var(--clb-dm-fill-color);
}
.dark-scheme .sticky-nav-holder,
.dark-scheme .cart-mini,
.dark-scheme .share-bar .social-networks,
.dark-scheme .header:not(.-mobile) .menu li > ul,
.dark-scheme .notification .alert,
.dark-scheme .sticky-product,
.dark-scheme .popup-subscribe,
.dark-scheme .select2-dropdown,
.dark-scheme .clb-popup-product .woo-product,
.dark-scheme.is-mobile-menu .mobile-overlay .holder,
.dark-scheme.single-post .-layout2.-with-featured-image .post-share .share-bar .social-networks {
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 92%, white);
}
.dark-scheme .tooltip,
.dark-scheme .tooltip::before,
.dark-scheme .lazy-load:not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat),
.dark-scheme .pagination:not(.text-center):not(.-flat):not(.-outlined):not(.text-center) .button:not(.-flat),
.dark-scheme .purchase-button,
.dark-scheme input[type="submit"],
.dark-scheme .button:not(.-outlined):not(.-text):not(.-flat):not(.-primary):not(.page-link):not(.-dm-ignore):not(:hover),
.dark-scheme .select2-container--default .select2-results__option[aria-selected=true],
.dark-scheme .select2-container--default .select2-results__option[data-selected=true],
.dark-scheme .video-button:not(.-outlined):not(.-blurred) .icon-button,
.dark-scheme .tabs.-with-button .tabs-nav-line,
.dark-scheme .social-networks:not(.-default-colors).-contained .network,
.dark-scheme .social-networks.-default-colors.-contained .network:hover,
.dark-scheme .social-networks.-contained .network.instagram,
.dark-scheme .social-networks.-contained .network.threads,
.dark-scheme .social-networks.-contained .network.tiktok,
.dark-scheme .social-networks.-contained .network.tumblr,
.dark-scheme .social-networks.-contained .network.twitter,
.dark-scheme .builder-switcher a.active,
.dark-scheme .purchase-button:hover,
.dark-scheme .badge:not(.-primary):not(.-outlined),
.dark-scheme .hamburger-outer,
.dark-scheme .menu li.version span:after {
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 75%, white);
}
.dark-scheme .clb-slider-pagination {
background-color: color-mix(in srgb, black 25%, transparent);
}
.dark-scheme .woo-products .tag.tag-out-of-stock {
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 12%, white);
}
.dark-scheme .portfolio-item.-with-slider .overlay::after,
.dark-scheme .portfolio-item.-with-slider .overlay-image::before {
background-color: color-mix(in srgb, var(--clb-color-overlay) 99%, transparent);
}
.dark-scheme .portfolio-item.-layout4 .overlay::after {
background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent);
}
.dark-scheme .project.-layout10 .project-content .inner,
.dark-scheme .project.-layout10 .project-content .holder {
background-color: color-mix(in srgb, var(--clb-color-overlay) 90%, transparent);
}
.dark-scheme.is-mobile-menu .mobile-overlay .holder,
.dark-scheme .clb-popup.-slide-in .popup-subscribe,
.dark-scheme .header:not(.-mobile) .menu li > ul,
.dark-scheme .notification .alert,
.dark-scheme .select2-dropdown,
.dark-scheme .purchase-button,
.dark-scheme .sticky-product,
.dark-scheme .cart-mini {
box-shadow: 0 20px 32px -8px color-mix(in srgb, black 30%, transparent), 0 0 1px color-mix(in srgb, black 15%, transparent);
}
.dark-scheme .horizontal-accordion-item {
box-shadow: 0 0.75rem 2.5rem color-mix(in srgb, black 20%, transparent);
}
.dark-scheme select:not([multiple="multiple"]),
.dark-scheme .select2-container--default .select2-selection--single .select2-selection__arrow > b {
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='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
.dark-scheme rs-slide .font-headlines,
.dark-scheme sr7-slide .font-headlines {
color: var(--clb-dm-color-white) !important;
}
.dark-scheme rs-slide .font-paragraphs,
.dark-scheme sr7-slide .font-paragraphs {
color: var(--clb-color-black-light) !important;
}
.dark-scheme rs-slide .sr-border,
.dark-scheme sr7-slide .sr-border {
background: var(--clb-color-grey-light) !important;
}
.dark-scheme rs-slide rs-sbg::after,
.dark-scheme rs-slide sr7-bg::after,
.dark-scheme sr7-slide rs-sbg::after,
.dark-scheme sr7-slide sr7-bg::after {
content: "";
background-color: color-mix(in srgb, var(--clb-dm-fill-color) 50%, transparent);
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 1;
}
.dark-scheme .portfolio-item.-with-gradient .portfolio-item-image::before {
background: var(--clb-color-black-rgb);
background: linear-gradient(270deg, rgba(var(--clb-color-black-rgb), 0.85) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.dark-scheme .project.-layout8 .overlay {
background: var(--clb-color-black-rgb);
background: linear-gradient(90deg, rgba(var(--clb-color-black-rgb), 0.85) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.dark-scheme .clb__dark_mode_light.elementor-widget-ohio_pricing_table .pricing-table,
.dark-scheme .clb__dark_mode_light.pricing-table,
.dark-scheme .clb__dark_mode_light.vc_row:not(.portfolio-grid):not(.blog-posts),
.dark-scheme .clb__dark_mode_light.vc_section,
.dark-scheme .clb__dark_mode_light.elementor-section,
.dark-scheme .clb__dark_mode_light.elementor-element .social-networks.-boxed,
.dark-scheme .clb__dark_mode_light.social-networks.-boxed,
.dark-scheme .clb__dark_mode_light .portfolio-item .card-details,
.dark-scheme .clb__dark_mode_light .blog-item.-contained .card-details,
.dark-scheme .clb__dark_mode_light .blog-item.-layout4 .image-holder,
.dark-scheme .clb__dark_mode_light .horizontal-accordion-item,
.dark-scheme .clb__dark_mode_light > .vc_column-inner,
.dark-scheme .clb__dark_mode_light:not(.elementor-widget-ohio_recent_posts):not(.elementor-widget-ohio_pricing_table) > .elementor-widget-container,
.dark-scheme .clb__dark_mode_light > .elementor-widget-wrap,
.dark-scheme .dark_mode_light_row,
.dark-scheme .dark_mode_light_column.wpb_column > .vc_column-inner,
.dark-scheme .dark_mode_light_row,
.dark-scheme .dark_mode_light_column > .elementor-column-wrap,
.dark-scheme .dark_mode_light_widget > .elementor-widget-container {
background-color: color-mix(in srgb, var(--clb-color-neutral) 8%, transparent) !important;
}
.dark-scheme .clb__dark_mode_black.vc_row,
.dark-scheme .clb__dark_mode_black.vc_section,
.dark-scheme .clb__dark_mode_black.elementor-section,
.dark-scheme .clb__dark_mode_black .horizontal-accordion-item,
.dark-scheme .clb__dark_mode_black > .vc_column-inner,
.dark-scheme .clb__dark_mode_black > .elementor-widget-container,
.dark-scheme .clb__dark_mode_black > .elementor-widget-wrap {
background-color: var(--clb-dm-fill-color) !important;
}
.dark-scheme .clb__dark_mode_spacer,
.dark-scheme .clb__dark_mode_spacer .elementor-spacer {
background-color: var(--clb-dm-fill-color) !important;
}
.dark-scheme .clb__dark_mode_spacer_light,
.dark-scheme .clb__dark_mode_spacer_light .elementor-spacer {
background-color: color-mix(in srgb, var(--clb-color-neutral) 5%, transparent);
}
.dark-scheme .clb__dark_mode_spacer_reset,
.dark-scheme .clb__dark_mode_spacer_reset .elementor-spacer {
background-color: transparent !important;
}
.dark-scheme .clb__dark_mode_image,
.dark-scheme .clb__dark_mode_image img {
mix-blend-mode: multiply;
}
.dark-scheme .branding .light-scheme-logo {
display: none;
}
.dark-scheme .branding .dark-scheme-logo {
display: flex;
}
.dark-scheme:not(.elementor-editor-active):not(.compose-mode) .dark-scheme-hidden {
display: none;
}
.dark-scheme .-dm-hidden {
display: none;
} body:not(.dark-scheme):not(.elementor-editor-active):not(.compose-mode) .dark-scheme-visible {
display: none;
}
body:not(.dark-scheme) .branding .dark-scheme-logo {
display: none;
}
body:not(.dark-scheme) .widget_shopping_cart_content .buttons .button:first-child:not(:hover):not(:active):not(:focus) {
color: initial !important;
}
body:not(.dark-scheme) .-dm-visible {
display: none;
} .switching *:not(.color-switcher-toddler),
.switching .portfolio-item.-layout12 .portfolio-item-details .portfolio-item-details-headline::after {
transition: none !important;
} body:not(.dark-scheme) .dynamic-typo.light-typo.back-link,
body:not(.dark-scheme) .dynamic-typo.light-typo.icon-button.fixed,
body:not(.dark-scheme) .dynamic-typo.light-typo .social-bar,
body:not(.dark-scheme) .dynamic-typo.light-typo .scroll-top,
body:not(.dark-scheme) .dynamic-typo.light-typo .color-switcher-item.dark,
body:not(.dark-scheme) .dynamic-typo.dark-typo.back-link,
body:not(.dark-scheme) .dynamic-typo.dark-typo.icon-button.fixed,
body:not(.dark-scheme) .dynamic-typo.dark-typo .social-bar,
body:not(.dark-scheme) .dynamic-typo.dark-typo .scroll-top,
body:not(.dark-scheme) .dynamic-typo.dark-typo .color-switcher-item.dark {
transition: color var(--clb-transition-duration-faster) var(--clb-transition-function);
}
body:not(.dark-scheme) .dynamic-typo.light-typo.back-link,
body:not(.dark-scheme) .dynamic-typo.light-typo.icon-button.fixed,
body:not(.dark-scheme) .dynamic-typo.light-typo .social-bar,
body:not(.dark-scheme) .dynamic-typo.light-typo .scroll-top,
body:not(.dark-scheme) .dynamic-typo.light-typo .color-switcher-item.dark {
color: white !important;
}
body:not(.dark-scheme) .dynamic-typo.dark-typo {
color: inherit;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky) .branding:not(.text-logo) .logo-dynamic .light,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky) .branding:not(.text-logo) .logo-dynamic .dark {
display: unset;
position: absolute;
opacity: 0;
top: 0;
transition: opacity var(--clb-transition-duration-faster) var(--clb-transition-function);
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .hamburger-outer,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu-blank,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu > li > a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .icon-button:not(.-overlay-button):not(.-small),
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .cart-button-total a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .lang-dropdown {
color: white !important;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding:not(.text-logo) .logo-dynamic .dark {
opacity: 0;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding:not(.text-logo) .logo-dynamic .light {
opacity: 1;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo select {
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='%23bbbbbb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .hamburger-outer,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu-blank,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu > li > a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .icon-button:not(.-overlay-button):not(.-small),
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .cart-button-total a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .lang-dropdown {
color: inherit;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding:not(.text-logo) .logo-dynamic .dark {
opacity: 1;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding:not(.text-logo) .logo-dynamic .light {
opacity: 0;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding:not(.text-logo) .logo,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding:not(.text-logo) .logo {
opacity: 0;
}
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .hamburger-outer,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .branding,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu-blank,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .menu > li > a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .icon-button:not(.-overlay-button):not(.-small),
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .cart-button-total a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).dark-typo .lang-dropdown,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .hamburger-outer,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .branding,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu-blank,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .menu > li > a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .icon-button:not(.-overlay-button):not(.-small),
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .cart-button-total a,
body:not(.dark-scheme) .header-dynamic-typo:not(.-sticky).light-typo .lang-dropdown {
transition: color var(--clb-transition-duration-faster) var(--clb-transition-function);
}
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .hamburger-outer,
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .branding,
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .menu-blank,
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .menu > li > a,
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .icon-button:not(.-overlay-button):not(.-small),
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .cart-button-total a,
body:not(.dark-scheme) .header-sidebar.-mobile.-sticky-with-dynamic-typo .header-dynamic-typo.light-typo .lang-dropdown {
color: inherit !important;
} .purchase-button {
position: fixed;
z-index: 3;
color: var(--clb-color-white);
text-transform: uppercase;
font-size: 0.82em;
font-weight: var(--clb-text-semi-bold);
padding: 0 1rem;
height: 2.5rem;
background-color: var(--clb-button-color);
box-shadow: 0 4px 6px color-mix(in srgb, var(--clb-color-black) 20%, transparent);
left: var(--clb-spacer);
bottom: var(--clb-spacer);
border-radius: 1.25rem;
display: flex;
align-items: center;
}
.purchase-button > img {
margin-left: 0.4rem;
}
.purchase-button:hover {
transform: var(--clb-transform-scale);
background-color: color-mix(in srgb, var(--clb-button-color) 90%, white);
}
.with-header-5 .purchase-button {
margin-left: var(--clb-header-height-5);
}
.with-header-6 .purchase-button,
.with-header-7 .purchase-button {
margin-left: var(--clb-header-height-6);
left: var(--clb-spacer);
bottom: var(--clb-spacer);
}
.with-fixed-search:not(.with-header-6) .purchase-button,
.with-fixed-search:not(.with-header-7) .purchase-button {
margin-left: 4rem;
margin-bottom: calc((var(--clb-circle) - 2.5rem) / 2);
}
.with-fixed-search.with-header-5 .purchase-button {
margin-left: calc(var(--clb-header-height-5) + 4rem);
}
.with-fixed-search.with-header-6 .purchase-button,
.with-fixed-search.with-header-7 .purchase-button {
bottom: var(--clb-spacer);
margin-left: calc(var(--clb-header-height-6) + 4.5rem);
} .builder-switcher {
margin-top: 0.5rem;
height: 2rem;
background-color: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
box-shadow: 0 0 0 2px color-mix(in srgb, var(--clb-color-neutral) 10%, transparent) inset;
display: inline-flex;
vertical-align: middle;
align-items: center;
border-radius: 1rem;
}
.builder-switcher a {
padding: 0 0.75rem;
height: 100%;
font-size: .82em;
font-weight: var(--clb-text-medium);
color: inherit;
display: inline-flex;
vertical-align: middle;
align-items: center;
background-image: none !important;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
border-radius: 1rem;
}
.builder-switcher a:not(.active):hover {
background-color: color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
}
.builder-switcher a.active {
background-color: var(--clb-color-grey);
color: var(--clb-color-white) !important;
box-shadow: 0px 3px 6px color-mix(in srgb, var(--clb-color-black) 10%, transparent);
}  .brand-color {
color: var(--clb-color-primary);
}
.-block,
.sticky {
display: block;
width: 100%;
}
.byline,
.-inline {
display: inline;
}
.-inline-block {
display: inline-block;
}
.-inline-flex {
display: inline-flex;
width: auto !important;
}
.-inline-flex > .button {
margin-right: 1rem;
}
.-flex {
display: flex;
}
.disabled,
:disabled {
pointer-events: none;
filter: none;
opacity: .5;
}
.-unlist {
margin: 0;
padding: 0;
list-style: none;
}
.-unlist > li::before {
content: "";
display: none;
}
.-unspace,
.-unspace.elementor-widget-text-editor p {
margin: 0;
}
.-small-t {
font-size: var(--clb-text-size-small);
}
.-medium-t {
font-weight: var(--clb-text-medium);
}
.-light-t {
color: var(--clb-color-grey);
}
.-nowrap-t {
white-space: nowrap;
}
.-left,
.text-left {
text-align: left;
}
.-left-flex {
justify-content: flex-start;
}
.-center,
.text-center,
.aligncenter {
text-align: center;
}
.-center-flex {
justify-content: center;
}
.-right,
.text-right {
text-align: right;
}
.-right-flex {
justify-content: flex-end;
}
.-alignfull {
max-width: none;
position: relative;
}
.-float-left {
float: left;
}
.-float-right {
float: right;
}
.-full-h,
.full-height {
height: 100%;
max-height: 100%;
}
.-full-w,
.full-width {
width: 100%;
max-width: 100%;
}
.-full-vh,
.-full-vh.clb-slider-item,
.full-vh,
.full-vh.clb-slider-item {
height: 100vh;
}
.-full-vw {
width: 100vw;
}
.-fade-up {
transform: translateY(6%);
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.-fade-down {
transform: translateY(-6%);
opacity: 0;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.-faded {
transform: none;
opacity: 1;
}
.no-transition,
.-no-transition {
transition: none !important;
}
.-up {
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.-up:hover {
transform: translate3d(0px, -4px, 0px);
}
.-blur {
backdrop-filter: saturate(180%) blur(5px);
background-color: rgba(255, 255, 255, 0.85);
}
.-visible,
.visible {
opacity: 1 !important;
visibility: visible !important;
}
.-invisible,
.invisible {
opacity: 0 !important;
visibility: hidden !important;
}
.-hidden,
.hidden,
.hide {
display: none;
}
.show,
.unhidden {
display: block;
}
.-overflow-hidden,
.-overflow-hidden > .elementor-widget-wrap {
overflow: hidden;
}
.-light,
.-light .icon {
color: var(--clb-color-white);
}
[data-ohio-content-scroll] {
width: 100%;
}
[data-isotope-grid] {
transition: height .3s ease-in-out;
}
.clb__section.vc_section,
.clb__section.e-con {
width: unset;
margin: 0 0 2.5rem;
border: 1px dashed color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
border-radius: var(--clb-border-radius-extra-large);
}
.clb__section.vc_section:not(._grid),
.clb__section.e-con:not(._grid) {
padding-bottom: var(--clb-grid-gutter);
}
.clb__section:last-of-type {
margin-bottom: 10vh;
}
.clb__section > .e-con-inner > .elementor-widget-heading > .elementor-widget-container,
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .ohio-text-sc {
border-bottom: 1px dashed color-mix(in srgb, var(--clb-color-neutral) 20%, transparent);
margin-bottom: var(--clb-grid-gutter);
height: initial !important;
}
.clb__section > .e-con-inner > .elementor-widget-heading > .elementor-widget-container p,
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .ohio-text-sc p {
font-size: 0.9em;
line-height: 1;
margin: 0;
margin-block-end: 0;
padding: 1rem var(--clb-grid-gutter);
font-weight: var(--clb-text-semi-bold);
color: var(--clb-color-grey);
}
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .ohio-text-sc {
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.clb__section .clb-gallery,
.clb__section .portfolio-projects,
.clb__section .blog-posts {
margin-top: var(--clb-grid-gutter-negative) !important;
}  .elementor {
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.elementor .elementor-widget-ohio_vertical_slider {
position: static;
}
.elementor-editor-active ul {
margin: 0;
padding: 0;
list-style: none;
}
.elementor-editor-active ul > li::before {
content: "";
display: none;
}
.elementor .elementor-column-gap-extended > .elementor-column > .elementor-column-wrap,
.elementor .elementor-column-gap-extended > .elementor-column > .elementor-widget-wrap,
.elementor .elementor-column-gap-extended > .elementor-column > .elementor-element-populated > .elementor-widget-wrap,
.elementor .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-column-wrap,
.elementor .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-widget-wrap,
.elementor .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap,
.elementor .elementor-column-gap-wide > .elementor-column > .elementor-column-wrap,
.elementor .elementor-column-gap-wide > .elementor-column > .elementor-widget-wrap,
.elementor .elementor-column-gap-wide > .elementor-column > .elementor-element-populated > .elementor-widget-wrap,
.elementor .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-column-wrap,
.elementor .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-widget-wrap,
.elementor .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated > .elementor-widget-wrap {
padding-top: 0;
padding-bottom: 0;
}
.elementor .animated {
animation-duration: .4s;
}
@keyframes fadeInUpShort {
from {
opacity: 0;
transform: translate3d(0, 40px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInDownShort {
from {
opacity: 0;
transform: translate3d(0, -40px, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInLeftShort {
from {
opacity: 0;
transform: translate3d(40px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
@keyframes fadeInRightShort {
from {
opacity: 0;
transform: translate3d(-40px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.elementor .fadeInUp {
animation-name: fadeInUpShort;
}
.elementor .fadeInDown {
animation-name: fadeInDownShort;
}
.elementor .fadeInLeft {
animation-name: fadeInLeftShort;
}
.elementor .fadeInRight {
animation-name: fadeInRightShort;
}
.elementor-page .page-container.-full-w .elementor-section.elementor-section-boxed > .elementor-container {
max-width: none;
}
.elementor-page .page-container.-full-w .elementor-section.elementor-section-stretched:not(.elementor-section-full_width) > .elementor-container {
margin-left: var(--clb-grid-gutter-negative);
margin-right: var(--clb-grid-gutter-negative);
}
.elementor-form .elementor-select-wrapper select.elementor-field-textual {
min-height: var(--clb-button-height);
}
.elementor-form .elementor-select-wrapper .select-caret-down-wrapper {
display: none;
}
.elementor-form .elementor-field-type-acceptance .elementor-field-option input[type="checkbox"],
.elementor-form .elementor-field-type-acceptance .elementor-field-option input[type="radio"],
.elementor-form .elementor-field-type-radio .elementor-field-option input[type="checkbox"],
.elementor-form .elementor-field-type-radio .elementor-field-option input[type="radio"],
.elementor-form .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"],
.elementor-form .elementor-field-type-checkbox .elementor-field-option input[type="radio"] {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.elementor-form .elementor-field-type-acceptance input.elementor-acceptance-field {
border-width: 2px !important;
border-radius: var(--clb-border-radius) !important;
}
.elementor-form .elementor-field-type-acceptance input.elementor-acceptance-field:checked {
background-color: var(--clb-color-primary) !important;
border-color: var(--clb-color-primary) !important;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
} rs-slide .font-paragraphs {
font-family: var(--clb-body-font-family);
} .wpb-js-composer .vc_col-has-fill > .vc_column-inner,
.wpb-js-composer .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner,
.wpb-js-composer .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.wpb-js-composer .vc_row-has-fill > .vc_column_container > .vc_column-inner {
padding-top: 0;
}
.wpb-js-composer .wpb_single_image {
overflow: hidden;
}
.wpb-js-composer .wpb_single_image .vc_single_image-wrapper.vc_box_rounded,
.wpb-js-composer .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
border-radius: 0.75rem;
}
.wpb-js-composer .vc_separator {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.wpb_wrapper::after,
.elementor-widget-container::after {
content: "";
display: table;
clear: both;
}
.clb__overflow_visible {
overflow: visible !important;
}
.ohio-widget-holder::after {
content: "";
display: table;
clear: both;
}
.clb__image_shadow img {
border-radius: 0.5rem;
box-shadow: 0 5px 15px 0 color-mix(in srgb, var(--clb-color-black) 5%, transparent);
}
.clb__border_radius img,
.clb__border_radius.elementor-widget-ohio_compare img {
border-radius: var(--clb-border-radius-large);
}
.clb__retina50 .vc_single_image-wrapper,
.clb__image_retina .vc_single_image-wrapper {
width: 50% !important;
}
.clb__flex .elementor-widget-wrap,
.clb__flex .wpb_wrapper:not(.vc_figure) {
flex-wrap: nowrap;
display: flex;
align-items: center;
}
.clb__vertical_stretch {
align-items: stretch;
}
.clb__stretch_content .wpb_wrapper,
.clb__stretch_content .elementor-widget-wrap {
height: 100%;
display: flex;
flex-direction: column;
}
.clb__stretch_content .wpb_wrapper .vc_row-fluid,
.clb__stretch_content .wpb_wrapper .elementor-section-boxed,
.clb__stretch_content .elementor-widget-wrap .vc_row-fluid,
.clb__stretch_content .elementor-widget-wrap .elementor-section-boxed {
flex-grow: 2;
min-height: 30vh;
}
.vc_editor.compose-mode .vc_ohio_tabs,
.vc_editor.compose-mode .vc_ohio_split_screens {
position: relative;
margin: 10px 0;
border-radius: var(--clb-border-radius);
}
.vc_editor.compose-mode .vc_ohio_tabs::before,
.vc_editor.compose-mode .vc_ohio_split_screens::before {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
background-color: color-mix(in srgb, var(--clb-color-warning) 15%, white);
}
.vc_editor.compose-mode .vc_ohio_tabs::after,
.vc_editor.compose-mode .vc_ohio_split_screens::after {
content: 'Sorry, but this shortcode can be properly edited in the Backend Editor only.';
position: absolute;
font-family: var(--clb-body-font-family);
font-weight: var(--clb-text-medium);
display: block;
padding: 0px 20%;
color: inherit;
top: 50%;
transform: translateY(-50%);
width: 100%;
left: 0;
text-align: center;
z-index: 10001;
}
.vc_row.stc-row {
margin-bottom: 5vh;
}
.vc_row.stc-row .heading:not(.heading-reset) h2 {
margin-bottom: 40px;
font-size: 26px;
}
@media (min-width: 768px) {
div[class*='vc_col-sm-'] {
float: left;
}
.vc_col-sm-1 {
width: calc(100%/12 * 1);
}
.vc_col-sm-2 {
width: calc(100%/12 * 2);
}
.vc_col-sm-3 {
width: calc(100%/12 * 3);
}
.vc_col-sm-4 {
width: calc(100%/12 * 4);
}
.vc_col-sm-5 {
width: calc(100%/12 * 5);
}
.vc_col-sm-6 {
width: calc(100%/12 * 6);
}
.vc_col-sm-7 {
width: calc(100%/12 * 7);
}
.vc_col-sm-8 {
width: calc(100%/12 * 8);
}
.vc_col-sm-9 {
width: calc(100%/12 * 9);
}
.vc_col-sm-10 {
width: calc(100%/12 * 10);
}
.vc_col-sm-11 {
width: calc(100%/12 * 11);
}
.vc_col-sm-12 {
width: calc(100%/12 * 12);
}
}
@media screen and (min-width: 769px) {
.row-bg-lines {
position: absolute;
height: 100%;
left: 0;
right: 0;
}
.row-bg-lines div {
background-color: color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
width: 1px;
height: 100%;
position: absolute;
}
.row-bg-lines div:nth-child(2) {
margin-left: calc((100% / 4)*1);
}
.row-bg-lines div:nth-child(3) {
margin-left: calc((100% / 4)*2);
}
.row-bg-lines div:nth-child(4) {
margin-left: calc((100% / 4)*3);
}
.row-bg-lines div:nth-child(5) {
margin-left: calc((100% / 4)*4 - 40px);
}
.row-bg-text {
position: absolute;
font-size: 5vw;
font-weight: var(--clb-text-semi-bold);
line-height: 1;
letter-spacing: -.04em;
top: 0;
font-family: var(--clb-titles-font-family);
color: color-mix(in srgb, var(--clb-color-neutral) 15%, transparent);
transform-origin: 0 0;
}
.row-bg-text.left {
transform: rotate(-90deg) translateX(-100%) translateY(-100%);
}
.row-bg-text.right {
left: var(--clb-container-width);
transform: rotate(-90deg) translateX(-100%) translateY(0%);
}
.-full-w .row-bg-text.left {
transform: rotate(-90deg) translateX(-100%) translateY(0%);
}
.-full-w .row-bg-text.right {
left: 100%;
transform: rotate(-90deg) translateX(-100%) translateY(-100%);
}
.-sticky-block,
.-sticky-block > .vc_column-inner > .wpb_wrapper {
position: sticky !important;
z-index: 2;
top: 0;
}
.page-content {
width: 100%;
float: left;
}
.page-content.-with-left-sidebar {
width: 75%;
float: right;
padding-left: 2.5%;
}
.page-content.-with-right-sidebar {
width: 75%;
float: left;
padding-right: 2.5%;
}
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline .page-container,
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .site-content .page-container,
.error404 .page-headline .page-container,
.error404 .site-content .page-container,
.search-no-results .page-headline .page-container,
.search-no-results .site-content .page-container,
.woocommerce-page:not(.archive):not(.single) .page-headline .page-container,
.woocommerce-page:not(.archive):not(.single) .site-content .page-container {
padding-left: var(--clb-container-side-spacer);
padding-right: var(--clb-container-side-spacer);
}
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline .title,
.error404 .page-headline .title,
.search-no-results .page-headline .title,
.woocommerce-page:not(.archive):not(.single) .page-headline .title {
max-width: 100%;
}
.header .desktop-hamburger {
min-width: var(--clb-circle);
}
.header .desktop-hamburger.-left {
margin-right: 1rem;
}
.header .desktop-hamburger.-right {
margin-left: 1rem;
}
.header.header-4 .menu-blank {
margin-left: 7.5rem;
transform: translateX(var(--clb-grid-gutter));
}
.header.header-5:not(.-mobile) .header-wrap .top-part .desktop-hamburger {
min-width: unset;
}
.header.header-6 .top-part-inner.-left .hamburger-outer {
padding-right: unset;
}
.header:not(.-mobile).header-6 .bottom-part .menu-optional .holder,
.header:not(.-mobile).header-6 .bottom-part .menu-optional .search-global,
.header:not(.-mobile).header-6 .bottom-part .menu-optional .favorites-global,
.header:not(.-mobile).header-6 .bottom-part .menu-optional .account-global,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .holder,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .search-global,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .favorites-global,
.header:not(.-mobile).header-7 .bottom-part .menu-optional .account-global {
transform-origin: left bottom;
transform: rotate(90deg) translate(-100%, 0);
}
.site-footer .page-container > .holder {
margin-top: -4rem;
display: flex;
align-items: center;
}
.icon-button.-large {
min-width: var(--clb-circle-large);
width: var(--clb-circle-large);
height: var(--clb-circle-large);
}
.blog-item.-layout3 > a {
min-width: 50%;
max-width: 50%;
}
.blog-item.-layout3,
.blog-item.-layout5 {
display: flex;
}
.blog-item.-layout3 > a,
.blog-item.-layout5 > a {
display: block;
}
.blog-item.-layout3 .card-details,
.blog-item.-layout5 .card-details {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.blog-item.-layout3:not(.-contained) .card-details,
.blog-item.-layout5:not(.-contained) .card-details {
padding-top: 0;
}
.blog-item.-layout3.-contained .image-holder,
.blog-item.-layout5.-contained .image-holder {
border-bottom-left-radius: var(--clb-border-radius);
border-top-left-radius: var(--clb-border-radius);
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.blog-item.-layout3.-contained .card-details,
.blog-item.-layout5.-contained .card-details {
padding-top: 1.5rem;
border-bottom-right-radius: var(--clb-border-radius);
border-top-right-radius: var(--clb-border-radius);
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.blog-item.-layout3:not(.-contained) .card-details,
.blog-item.-layout5:not(.-contained) .card-details {
padding-left: var(--clb-spacer);
}
.blog-item.-layout5 > a {
min-width: 38%;
max-width: 38%;
}
.blog-item.-layout6:not(.-contained) .image-holder {
display: none;
}
.blog-item.-layout6.-contained .card-details {
padding: var(--clb-spacer);
}
.blog-item.-layout6.-contained .image-holder > img,
.blog-item.-layout6.-contained .image-holder > iframe {
opacity: 0;
visibility: hidden;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
}
.blog-item.-layout6.-contained:hover .image-holder > img,
.blog-item.-layout6.-contained:hover .image-holder > iframe,
.blog-item.-layout6.-contained:hover .image-holder > .overlay {
opacity: 1;
visibility: visible;
}
.blog-item.-layout6.-contained:hover * {
color: var(--clb-color-white);
}
.blog-item.-layout6 .card-details {
position: relative;
z-index: 1;
display: flex;
}
.blog-item.-layout6 .card-details-item {
margin: 0;
}
.blog-item.-layout6 .card-details-item .headline-meta {
flex-wrap: nowrap;
}
.blog-item.-layout6 .card-details-item:nth-child(1) {
min-width: 25%;
}
.blog-item.-layout6 .card-details-item:nth-child(2) {
flex-grow: 2;
padding-left: var(--clb-spacer);
padding-right: var(--clb-spacer);
}
.blog-item.-layout6 .image-holder {
position: absolute;
left: 0;
right: 0;
padding: 0;
height: 100%;
border-radius: var(--clb-border-radius);
}
.blog-item.-layout6 .image-holder > .overlay {
opacity: 0;
visibility: hidden;
}
.blog-item.-layout6 .image-holder img,
.blog-item.-layout6 .image-holder iframe {
position: absolute;
left: 0;
top: 0;
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
}
.blog-item.-layout7 {
display: flex;
}
.blog-item.-layout7 .read-more {
position: absolute;
right: 0;
top: calc(var(--clb-grid-gutter) * 2);
z-index: 1;
}
.blog-item.-layout7 > a,
.blog-item.-layout7 .card-details {
transform-style: preserve-3d;
transition: all var(--clb-transition-function) var(--clb-transition-duration);
transition-duration: calc(var(--clb-transition-duration) * 1.5);
}
.blog-item.-layout7.-metro > a:not(.read-more) {
display: block;
opacity: 0;
min-width: calc((100% - var(--clb-grid-gutter)) / 3);
transform: translate3d(-100%, 0px, 0px);
}
.blog-item.-layout7.-metro .card-details {
transform: translate3d(calc((-100% - var(--clb-grid-gutter)) / 2 + var(--clb-grid-gutter)), 0px, 0px);
}
.blog-item.-layout7.-metro .image-holder {
padding-bottom: 55%;
}
.blog-item.-layout7 .card-details {
width: 100%;
}
.blog-item.-layout7:not(.-contained).-metro > a:not(.read-more) {
padding-right: var(--clb-grid-gutter);
}
.blog-item.-layout7:not(.-contained) .card-details {
padding: 0;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.blog-item.-layout7.-contained {
background-color: var(--clb-fill-color);
}
.blog-item.-layout7.-contained .read-more {
right: var(--clb-grid-gutter);
top: var(--clb-grid-gutter);
}
.blog-item.-layout7:hover:not(.-contained) .card-details {
padding-left: var(--clb-grid-gutter);
}
.blog-item.-layout7:hover > a:not(.read-more) {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}
.blog-item.-layout7:hover .card-details {
opacity: 1;
transform: translate3d(0px, 0px, 0px);
}
.single-post .single-post-layout.-with-sharing .breadcrumb-holder {
padding-top: 0;
}
.single-post .single-post-layout .share-bar {
left: var(--clb-spacer-negative);
transform: translateX(-100%);
}
.single-post .single-post-layout.-layout2 .page-headline > .holder .title,
.single-post .single-post-layout.-layout2 .page-headline > .holder .post-meta-holder {
max-width: 85%;
}
.comments .comment-body {
padding-left: 5rem;
}
.comments .comment-body .comment-author > img {
position: absolute;
top: 0;
left: 0;
}
.comments .comment-respond .comment-form {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}
.comments .comment-respond .comment-form > p {
margin: 0.5rem 0;
}
.comments .comment-respond .comment-form > p.comment-notes {
margin-top: 0;
}
.comments .comment-respond .comment-form > p:not(.comment-form-comment) {
width: calc((100% / 3) - 1rem);
}
.project-content:not(.-with-slider) .holder {
padding-top: var(--clb-grid-gutter-5x);
padding-bottom: var(--clb-grid-gutter-5x);
}
.portfolio-item.-layout3 .project-content,
.portfolio-item.-layout5 .project-content,
.portfolio-item.-layout6 .project-content {
justify-content: flex-end;
}
.portfolio-item.-layout5 .overlay {
width: 50%;
height: 100%;
}
.portfolio-item.-layout6 .overlay {
padding: 0 calc(var(--clb-side-elements-height) + var(--clb-spacer) * 2);
}
.portfolio-item.-layout7 .portfolio-item-image {
width: 50vw;
height: auto;
z-index: 2;
top: 20vh;
bottom: 20vh;
}
.portfolio-item.-layout7:not(.-full-vh) .portfolio-item-image {
top: 0;
bottom: 0;
}
.portfolio-item.-layout7 .overlay {
height: 100%;
}
.portfolio-item.-layout9 .portfolio-item-image::before {
display: none;
}
.portfolio-item.-layout9 .project-content .project-details {
font-weight: var(--clb-text-semi-bold);
font-size: var(--clb-text-size-large);
}
.portfolio-item.-layout10 .portfolio-item-image {
transform: scale(0.9);
}
.portfolio-item.-layout10 .project-content {
justify-content: center;
}
.portfolio-links.grid_8 .grid-item .portfolio-item .category-holder {
transform: translateY(-0.25rem);
}
.grid_13.-reversed .grid-item:nth-child(2n) .-layout13 {
flex-direction: row-reverse;
}
.grid_13 .grid-item.vc_col-lg-12 .-layout13 .card-image {
min-width: calc(((100% / 3) * 2) - var(--clb-grid-gutter));
width: calc(((100% / 3) * 2) - var(--clb-grid-gutter));
}
.grid_13 .grid-item.vc_col-lg-2 .-layout13 .card-image,
.grid_13 .grid-item.vc_col-lg-3 .-layout13 .card-image,
.grid_13 .grid-item.vc_col-lg-4 .-layout13 .card-image,
.grid_13 .grid-item.vc_col-lg-6 .-layout13 .card-image {
min-width: calc((100% / 2) - var(--clb-grid-gutter));
width: calc((100% / 2) - var(--clb-grid-gutter));
}
.project.-layout1 .share-bar {
top: var(--clb-spacer);
left: var(--clb-spacer);
margin-left: var(--clb-grid-gutter);
}
.project.-layout2 .share-bar {
top: var(--clb-spacer);
right: var(--clb-spacer);
margin-right: var(--clb-grid-gutter);
}
.project.-layout5 .project-content .project-task {
margin-top: 0;
}
.project.-layout8 .video-holder.-cover iframe {
width: 130%;
transform: translate(-15%, -50%);
}
.project.-layout8 .overlay {
width: 50%;
}
.project.-layout8 .share-bar {
bottom: 0 !important;
}
.project.-layout9 .project-content .project-task {
margin-top: 0;
}
.project.-layout10 .share-bar {
margin-top: var(--clb-grid-gutter);
right: unset;
bottom: unset;
position: relative;
}
.project.-layout10 .project-content {
top: 0;
width: 50%;
height: 100vh;
position: absolute;
}
.project.-layout10 .project-content .holder {
z-index: 1;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding: 6vh;
background-color: rgba(255, 255, 255, 0.95);
}
.project.-layout1 .holder,
.project.-layout3 .holder {
padding-left: calc(3vw - 1rem);
}
.project.-layout3 .project-gallery:not(.scroll-disabled) .share-bar,
.project.-layout4 .project-gallery:not(.scroll-disabled) .share-bar {
position: fixed;
z-index: 10;
}
.project.-layout6 .video-holder,
.project.-layout9 .video-holder {
height: 100vh;
}
.project.-layout6 .video-holder.-cover iframe,
.project.-layout9 .video-holder.-cover iframe {
height: 110%;
}
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout1 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout3 .project-content,
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7) .project.-layout4 .project-content {
margin-top: var(--clb-header-height);
}
.single:not(.with-spacer):not(.with-header-5):not(.with-header-6):not(.with-header-7):not(.with-headline) .project.-layout2 {
margin-top: var(--clb-header-height);
}
.filter-holder .close-bar {
display: none;
}
.filter-holder select {
max-width: 8rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.filter-holder .woocommerce-ordering {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.filter-holder .woocommerce-ordering:nth-of-type(1) select {
max-width: 8.75rem;
}
.filter-holder .woocommerce-ordering:nth-of-type(2) select {
max-width: 10rem;
}
.filter-holder .result {
white-space: nowrap;
}
.filter-holder .result + select,
.filter-holder .result + .woocommerce-ordering select {
margin-left: 1rem;
}
.filter > select:nth-of-type(1) {
min-width: 7.25rem;
}
.filter > select:nth-of-type(2) {
max-width: 4.75rem;
}
.filter > select:nth-of-type(3) {
max-width: 6rem;
}
.is-mobile-menu.admin-bar .mobile-overlay,
.is-mobile-menu.admin-bar .mobile-overlay .overlay {
height: calc(100% - var(--clb-admin-bar-height));
top: var(--clb-admin-bar-height);
}
.popup-subscribe {
width: 770px;
}
.popup-subscribe.-left-image > *,
.popup-subscribe.-right-image > * {
min-width: 50%;
}
.popup-subscribe.-left-image .thumbnail + .holder,
.popup-subscribe.-right-image .thumbnail + .holder {
padding-top: 3rem;
padding-bottom: 3rem;
}
.popup-subscribe.-right-image {
flex-direction: row-reverse;
}
.popup-subscribe.-top-image {
flex-direction: column;
}
.popup-subscribe.-bottom-image {
flex-direction: column-reverse;
}
.clb-gallery-lightbox.clb-popup .clb-popup-holder .slider .image-wrap img,
.clb-gallery-lightbox.clb-popup .clb-popup-holder .clb-slider-stage .image-wrap img {
margin-top: 3rem;
}
.clb-gallery-lightbox .clb-slider {
max-width: 70%;
}
.empty-state {
max-width: 50%;
}
.empty-state .search {
max-width: 18rem;
}
.sticky-nav-holder {
border-radius: var(--clb-border-radius);
}
.tabs:not(.-contained):not(.-with-button):not(.-vertical) .tabs-nav-link:not(:last-child) {
margin-right: var(--clb-grid-gutter);
}
.tabs.-vertical {
display: flex;
align-items: flex-start;
}
.tabs.-vertical .tabs-nav {
width: auto;
margin-right: 1.5rem;
flex-direction: column;
}
.tabs.-vertical .tabs-nav-link {
width: 100%;
}
.tabs.-vertical .tabs-nav-line {
top: 0;
left: auto;
right: 0;
}
.tabs.-vertical:not(.-with-button) .tabs-nav-line {
border-right: 2px solid var(--clb-color-black-light);
}
.tabs.-vertical .tabs-content {
width: auto;
flex-grow: 2;
}
.tabs.-vertical:not(.-contained):not(.-with-button) .tabs-nav-link {
padding: 0;
padding-right: 1rem;
}
.tabs.-vertical.-with-button .tabs-nav-link {
width: 100%;
justify-content: center;
}
.tabs.-vertical.-with-button .tabs-nav-line {
width: 100%;
}
.wc-category:not(.-offset) .image-holder,
.wc-category:not(.-offset) .wc-category-content {
width: 50%;
}
.wc-category.-offset .card {
flex-direction: row-reverse;
}
.wc-category.-offset .image-holder {
width: calc(100% - 7.5em);
}
.wc-category.-offset .image-holder img {
border-radius: var(--clb-border-radius);
}
.wc-category.-offset .wc-category-content {
top: 0;
bottom: 0;
left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
position: absolute;
max-width: 50%;
}
.dark-scheme .portfolio-item.-with-gradient.-layout10 .portfolio-item-image::before {
background: var(--clb-color-black-rgb);
background: linear-gradient(90deg, rgba(var(--clb-color-black-rgb), 0.85) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
.clb__section > .e-con-inner > .e-child > .e-con-inner {
gap: unset;
}
}
@media (min-width: 769px) {
div[class*='vc_col-md'] {
float: left;
}
.vc_col-md-1 {
width: calc(100%/12 * 1);
}
.vc_col-md-2 {
width: calc(100%/12 * 2);
}
.vc_col-md-3 {
width: calc(100%/12 * 3);
}
.vc_col-md-4 {
width: calc(100%/12 * 4);
}
.vc_col-md-5 {
width: calc(100%/12 * 5);
}
.vc_col-md-6 {
width: calc(100%/12 * 6);
}
.vc_col-md-7 {
width: calc(100%/12 * 7);
}
.vc_col-md-8 {
width: calc(100%/12 * 8);
}
.vc_col-md-9 {
width: calc(100%/12 * 9);
}
.vc_col-md-10 {
width: calc(100%/12 * 10);
}
.vc_col-md-11 {
width: calc(100%/12 * 11);
}
.vc_col-md-12 {
width: calc(100%/12 * 12);
}
.vc_col-md-push-1 {
left: calc(100%/12 * 1);
position: relative;
}
.vc_col-md-push-2 {
left: calc(100%/12 * 2);
position: relative;
}
.vc_col-md-push-3 {
left: calc(100%/12 * 3);
position: relative;
}
.vc_col-md-push-4 {
left: calc(100%/12 * 4);
position: relative;
}
.vc_col-md-push-5 {
left: calc(100%/12 * 5);
position: relative;
}
.vc_col-md-push-6 {
left: calc(100%/12 * 6);
position: relative;
}
.vc_col-md-push-7 {
left: calc(100%/12 * 7);
position: relative;
}
.vc_col-md-push-8 {
left: calc(100%/12 * 8);
position: relative;
}
.vc_col-md-push-9 {
left: calc(100%/12 * 9);
position: relative;
}
.vc_col-md-push-10 {
left: calc(100%/12 * 10);
position: relative;
}
.vc_col-md-push-11 {
left: calc(100%/12 * 11);
position: relative;
}
.vc_col-md-push-12 {
left: calc(100%/12 * 12);
position: relative;
}
}
@media screen and (min-width: 1181px) {
.boxed-container {
margin-left: calc(var(--clb-side-elements-height) + var(--clb-grid-gutter) * 3);
margin-right: calc(var(--clb-side-elements-height) + var(--clb-grid-gutter) * 3);
}
.header:not(.-mobile) .menu .sub-menu-wide {
padding: 0.75rem;
}
.with-sticky-footer .site-content {
position: relative;
z-index: 2;
}
.with-sticky-footer .site-footer {
width: auto;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
visibility: hidden;
}
.with-sticky-footer .site-footer.visible {
visibility: visible;
}
.single-post .entry-content h2:not(:first-child),
.single-post .entry-content h3:not(:first-child),
.page-id-124 .entry-content h2:not(:first-child),
.page-id-124 .entry-content h3:not(:first-child) {
margin-top: 3rem;
}
.single-post .entry-content h4:not(:first-child),
.single-post .entry-content h5:not(:first-child),
.single-post .entry-content h6:not(:first-child),
.page-id-124 .entry-content h4:not(:first-child),
.page-id-124 .entry-content h5:not(:first-child),
.page-id-124 .entry-content h6:not(:first-child) {
margin-top: 2.5rem;
}
.single-post .single-post-layout.-with-breadcrumbs:not(.-with-sharing) .breadcrumb-holder {
padding-top: 0;
}
.single-post .single-post-layout.-layout2.-with-sharing .vc_col-lg-6.-sticky-block {
width: 49%;
}
.single-post .single-post-layout.-layout2.-with-sharing .vc_col-lg-6.post-page-container {
width: 51%;
padding-left: calc(var(--clb-spacer) * 2);
display: flex;
align-items: flex-start;
}
.single-post .single-post-layout.-layout2.-with-sharing .share-bar {
position: relative;
transform: none;
}
.single-post .single-post-layout.-layout2 .-with-breadcrumbs .share-bar {
margin-top: 0;
}
.single-post .single-post-layout.-layout2 .-with-breadcrumbs .breadcrumb {
margin-top: -1.75rem;
}
.single-post .single-post-layout.-layout2 .page-headline.-full-vh {
align-items: flex-start;
}
.single-post .single-post-layout.-layout2 .page-headline > .holder {
padding-top: var(--clb-header-height);
padding-left: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height));
}
.single-post .single-post-layout.-layout2 .post-page-container {
padding-left: var(--clb-spacer);
padding-right: calc(var(--clb-spacer) * 2 + var(--clb-side-elements-height));
padding-top: var(--clb-header-height);
}
.single-post:not(.with-spacer) .-layout2 .post-page-container {
margin-top: var(--clb-header-height);
}
.single-post .author-container .widget_ohio_widget_about_author {
flex-direction: row;
justify-content: space-between;
}
.single-post .author-container .widget_ohio_widget_about_author .avatar {
margin-bottom: 0;
min-width: var(--clb-circle-large);
}
.single-post .author-container .widget_ohio_widget_about_author .social-networks {
flex-direction: column;
}
.portfolio-item.-layout4 .project-details {
margin-right: 35%;
}
.portfolio-item.-layout11 .card-details {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0.5rem;
left: 1rem;
z-index: 10;
will-change: transform;
}
.portfolio-item.-layout11 .card-details.-center .category-holder {
align-self: center;
}
.portfolio-item.-layout11 .card-details.-right .category-holder {
align-self: flex-end;
}
.portfolio-item.-layout11 .title,
.portfolio-item.-layout11 .category-holder {
margin: 0;
padding: 0.2rem 0.75rem;
width: fit-content;
color: var(--clb-color-white);
background-color: color-mix(in srgb, var(--clb-color-overlay) 50%, transparent);
}
.portfolio-item.-layout11:hover .card-details {
opacity: 1;
visibility: visible;
}
.portfolio-item.-layout11:hover .card-details .category-holder {
transform: translateY(0px) !important;
opacity: 1 !important;
}
.project.-layout2 .holder,
.project.-layout4 .holder {
padding-right: calc(3vw - 1rem);
}
.color-switcher:not(.-simple) {
min-width: 6.5rem;
}
.color-switcher-item-state svg {
margin-left: 0.2rem;
margin-right: -0.2rem;
}
.color-switcher:not(.dark):not(.-simple) .color-switcher-item.dark svg {
display: none;
}
.color-switcher.dark:not(.-simple) .color-switcher-item.light svg {
display: none;
}
.color-switcher.-simple {
height: 2rem;
border-radius: 1rem;
}
.color-switcher.-simple:not(.dark) .color-switcher-toddler {
transform: translateX(-100%) !important;
}
.color-switcher.-simple.dark .color-switcher-toddler {
transform: initial !important;
}
.color-switcher.-simple .color-switcher-item-state svg {
margin: 0;
}
.color-switcher.-simple .color-switcher-item,
.color-switcher.-simple .color-switcher-toddler-item {
width: 2rem;
min-width: 2rem;
border-radius: 1rem;
}
.with-header-2 .page-headline.without-cap {
padding-top: var(--clb-header-height-2);
}
.with-header-5:not(.with-post-type_2) .page-headline.without-cap,
.with-header-6:not(.with-post-type_2) .page-headline.without-cap,
.with-header-7:not(.with-post-type_2) .page-headline.without-cap {
padding-top: initial;
}
.post-password-form {
width: 50%;
}
.clb__narrow {
padding-inline-start: 4.1vw !important;
padding-inline-end: 4.1vw !important;
}
.clb__section:not(.wide).vc_section {
margin-left: 12vw !important;
margin-right: 12vw !important;
}
.clb__section:not(.wide).e-con {
margin-left: calc(12vw + var(--clb-grid-gutter)) !important;
margin-right: calc(12vw + var(--clb-grid-gutter)) !important;
}
.clb__section.wide.vc_section {
margin-left: 3vw !important;
margin-right: 3vw !important;
}
.clb__section.wide.e-con {
margin-left: calc(3vw + var(--clb-grid-gutter)) !important;
margin-right: calc(3vw + var(--clb-grid-gutter)) !important;
}
.vc_row.stc-row {
margin-right: 2vw;
margin-left: 2vw;
margin-bottom: var(--clb-header-height);
}
.vc_row.stc-row-wide {
margin-right: auto;
margin-left: auto;
}
.vc_row.stc-row-narrow {
margin-right: 10vw;
margin-left: 10vw;
}
}
@media (min-width: 1200px) {
.vc_hidden-lg {
display: none !important;
}
div[class*='vc_col-lg'] {
float: left;
}
.vc_col-lg-1 {
width: calc(100%/12 * 1);
}
.vc_col-lg-2 {
width: calc(100%/12 * 2);
}
.vc_col-lg-3 {
width: calc(100%/12 * 3);
}
.vc_col-lg-4 {
width: calc(100%/12 * 4);
}
.vc_col-lg-5 {
width: calc(100%/12 * 5);
}
.vc_col-lg-6 {
width: calc(100%/12 * 6);
}
.vc_col-lg-7 {
width: calc(100%/12 * 7);
}
.vc_col-lg-8 {
width: calc(100%/12 * 8);
}
.vc_col-lg-9 {
width: calc(100%/12 * 9);
}
.vc_col-lg-10 {
width: calc(100%/12 * 10);
}
.vc_col-lg-11 {
width: calc(100%/12 * 11);
}
.vc_col-lg-12 {
width: calc(100%/12 * 12);
}
.vc_col-lg-push-1 {
left: calc(100%/12 * 1);
position: relative;
}
.vc_col-lg-push-2 {
left: calc(100%/12 * 2);
position: relative;
}
.vc_col-lg-push-3 {
left: calc(100%/12 * 3);
position: relative;
}
.vc_col-lg-push-4 {
left: calc(100%/12 * 4);
position: relative;
}
.vc_col-lg-push-5 {
left: calc(100%/12 * 5);
position: relative;
}
.vc_col-lg-push-6 {
left: calc(100%/12 * 6);
position: relative;
}
.vc_col-lg-push-7 {
left: calc(100%/12 * 7);
position: relative;
}
.vc_col-lg-push-8 {
left: calc(100%/12 * 8);
position: relative;
}
.vc_col-lg-push-9 {
left: calc(100%/12 * 9);
position: relative;
}
.vc_col-lg-push-10 {
left: calc(100%/12 * 10);
position: relative;
}
.vc_col-lg-push-11 {
left: calc(100%/12 * 11);
position: relative;
}
.vc_col-lg-push-12 {
left: calc(100%/12 * 12);
position: relative;
}
}
@media screen and (min-width: 1441px) {
.single-post .single-post-layout.-layout2 .page-headline > .holder {
padding-left: 12.5vw;
}
.single-post .single-post-layout.-layout2 .post-page-container {
padding-right: 12.5vw;
}
}
@media screen and (min-width: 1921px) {
:root {
--clb-container-width: var(--clb-container-width-large);
}
rs-slide .rev_row_zone_top > .rs-parallax-wrap,
rs-slide .rev_row_zone_bottom > .rs-parallax-wrap {
width: 100% !important;
left: 0 !important;
margin: 0 auto;
max-width: var(--clb-container-width-large);
}
}
@media screen and (max-width: 1180px) {
:root {
--clb-spacer: var(--clb-grid-gutter);
--clb-grid-gutter-3x: var(--clb-grid-gutter-2x);
--clb-grid-gutter-4x: var(--clb-grid-gutter-3x);
--clb-grid-gutter-5x: var(--clb-grid-gutter-3x);
--clb-grid-gutter-6x: var(--clb-grid-gutter-3x);
}
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline .title,
.error404 .page-headline .title,
.search-no-results .page-headline .title,
.woocommerce-page:not(.archive):not(.single) .page-headline .title {
max-width: 85%;
}
.single-post:not(.single-post-sidebar):not(.with-post-type_1) .page-headline .page-container,
.single-post:not(.single-post-sidebar):not(.with-post-type_1) .site-content .page-container {
padding-left: var(--clb-container-side-spacer);
padding-right: var(--clb-container-side-spacer);
}
.header:not(.-mobile) .menu li > ul > li a {
padding: 0.4rem 1rem;
}
.header:not(.-mobile) .menu > .nav-item > a {
padding: 0 1.5vw;
}
.header:not(.-mobile) .menu .sub-menu-wide {
height: auto !important;
width: calc(100vw - 40px);
margin-left: -1rem;
}
.hamburger-nav .menu {
width: calc(100% / 3);
}
.hamburger-nav-details .details-column {
width: calc(100% / 3);
}
.hamburger-nav.type3 .menu .mega-menu-item > a {
font-size: 8vh;
}
.header.header-4 .top-part.page-container {
padding: 0;
}
:not(.is-mobile-menu).with-header-5 .elements-bar.left .color-switcher {
top: calc((100vw - var(--clb-header-height-5)) - var(--clb-grid-gutter) * 2);
}
:not(.is-mobile-menu).with-header-6 .elements-bar.left .color-switcher,
:not(.is-mobile-menu).with-header-7 .elements-bar.left .color-switcher {
top: calc((100vw - var(--clb-header-height-6)) - var(--clb-grid-gutter) * 2);
}
.slider-with-bullets .color-switcher {
margin-top: calc(var(--clb-bullets-spacer) * -1);
}
.slider-with-bullets.with-mobile-switcher:not(.is-mobile-menu) .clb-slider:not(.-slider-lightbox) .clb-slider-nav-btn,
.slider-with-bullets.with-mobile-switcher:not(.is-mobile-menu) .clb-smooth-slider:not(.-slider-lightbox) .clb-slider-nav-btn {
display: none;
}
.subheader {
padding-right: var(--clb-grid-gutter);
padding-left: var(--clb-grid-gutter);
}
.site-footer .page-container .color-switcher .color-switcher-item.dark {
color: inherit !important;
}
.custom-cursor .circle-cursor {
display: none;
}
.single-post .single-post-layout.-layout2 > .vc_row {
margin-left: 0;
margin-right: 0;
}
.single-post .single-post-layout.-layout2 .-sticky-block.vc_col-lg-6 {
position: static !important;
}
.single-post .single-post-layout.-layout2 .-with-breadcrumbs .share-bar {
margin-top: 2rem;
}
.project-content {
padding: 3rem 0px;
}
.options-group > li {
min-width: calc((100% / 3) - 1.5rem);
width: calc((100% / 3) - 1.5rem);
margin-right: 1.5rem;
}
.portfolio-item.-layout9 .next-slide-preview {
display: none;
}
.portfolio-item.-layout9 .image-holder + .vc_col-md-5 {
padding-right: calc(var(--clb-grid-gutter) + var(--clb-bullets-spacer));
}
.color-switcher {
background-color: #e5e3e8;
height: 2.25rem;
border-radius: 1.125rem;
}
.color-switcher:not(.-left):not(.-right) {
z-index: 100;
position: absolute;
}
.color-switcher svg {
transform: scale(1.1);
}
.color-switcher .caption {
display: none;
}
.color-switcher:not(.color-switcher-mobile) {
display: none;
}
.color-switcher.color-switcher-mobile.dark .color-switcher-toddler {
transform: initial !important;
}
.color-switcher-item,
.color-switcher-toddler-item {
padding: 0;
width: 2.25rem !important;
min-width: 2.25rem !important;
border-radius: 50%;
}
.color-switcher-toddler {
height: 2.25rem !important;
width: 2.25rem !important;
}
.color-switcher-toddler p {
width: 100% !important;
}
.color-switcher-toddler-item {
padding: 0;
}
.color-switcher-toddler-item {
box-shadow: 1px 1px 6px color-mix(in srgb, var(--clb-color-black) 5%, transparent);
}
.color-switcher:not(.dark) .color-switcher-toddler {
transform: translateX(-100%) !important;
}
.color-switcher.dark {
background-color: color-mix(in srgb, var(--clb-color-neutral) 10%, transparent);
}
.elements-bar {
min-height: unset;
width: 100vh;
}
.elements-bar.left .color-switcher {
top: calc(100vw - var(--clb-grid-gutter) * 2);
right: calc(100vh - var(--clb-grid-gutter) * 4.75);
transform-origin: top left;
transform: rotate(90deg) translate(-100%, -100%);
}
.elements-bar.right .color-switcher {
bottom: calc(var(--clb-grid-gutter) * 2);
right: calc(100vh - var(--clb-grid-gutter) * 5);
transform-origin: top left;
transform: rotate(90deg) translate(0%, -100%);
}
.project-lightbox-gallery {
width: 50%;
}
.project-lightbox-details {
padding: var(--clb-header-height) 5vh;
width: 50%;
}
.clb-video-popup video {
height: auto;
width: 100%;
}
.page-headline {
min-height: 30vh;
margin-bottom: var(--clb-grid-gutter-negative);
}
.page-headline::before {
background-color: var(--clb-color-white);
width: 100%;
height: var(--clb-grid-gutter);
bottom: 0;
left: 0;
z-index: 2;
content: "";
display: block;
position: absolute;
border-top-right-radius: var(--clb-grid-gutter);
border-top-left-radius: var(--clb-grid-gutter);
}
.page-headline + .page-container:not(.post-page-container) {
padding-top: var(--clb-grid-gutter);
}
.sticky-nav {
max-width: 16rem;
}
.elementor-widget .ohio-widget .clb-slider-item {
padding-left: var(--clb-grid-gutter) !important;
padding-right: var(--clb-grid-gutter) !important;
}
body:not(.dark-scheme) .dynamic-typo .color-switcher .color-switcher-item.dark {
color: inherit !important;
}
.purchase-button {
display: none;
}
.clb__remove_stretch_md .stretch-content {
left: auto !important;
width: auto !important;
}
.clb__padding_set.vc_section,
.clb__padding_set.vc_row,
.clb__padding_set > .vc_column-inner,
#page .clb__padding_set.ohio-widget,
#page .clb__padding_set > .content_box_container,
.vc_row.clb__padding_set > .wpb_column > .vc_column-inner {
padding-left: var(--clb-grid-gutter) !important;
padding-right: var(--clb-grid-gutter) !important;
}
.clb__padding_reset.vc_section,
.clb__padding_reset.vc_row,
.clb__padding_reset > .vc_column-inner,
#page .clb__padding_reset.ohio-widget,
#page .clb__padding_reset > .content_box_container,
.vc_row.vc__padding_remove > .wpb_column > .vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media screen and (max-width: 768px) {
h1.heading-md,
h1.wc-prl-title,
h2.heading-md,
h2.wc-prl-title,
h3.heading-md,
h3.wc-prl-title,
h4.heading-md,
h4.wc-prl-title,
h5.heading-md,
h5.wc-prl-title,
h6.heading-md,
h6.wc-prl-title,
.font-titles.heading-md,
.font-titles.wc-prl-title,
.titles-typo.heading-md,
.titles-typo.wc-prl-title {
font-size: 1.35rem;
}
h4,
h5,
h6 {
line-height: 1.3;
}
.single-post:not(.single-post-sidebar):not(.with-post-type_2) .page-headline .title,
.error404 .page-headline .title,
.search-no-results .page-headline .title,
.woocommerce-page:not(.archive):not(.single) .page-headline .title {
max-width: 100%;
}
.single-post:not(.single-post-sidebar):not(.with-post-type_1) .page-headline .page-container,
.single-post:not(.single-post-sidebar):not(.with-post-type_1) .site-content .page-container {
padding-left: var(--clb-grid-gutter);
padding-right: var(--clb-grid-gutter);
}
.page-sidebar {
width: 100%;
order: 10;
margin: 40px 0px 0px 0px;
}
.page-container:not(.top-part),
.page-container .content-area {
width: 100%;
display: flex;
flex-direction: column;
}
.nav.with-counters .nav-item:not(.version) > a > span::before {
display: none;
}
body:not(.page-is-loaded) .nav {
display: none;
}
.header .mobile-overlay {
opacity: 0;
}
.menu-optional > li:first-child {
padding-left: 0;
}
.hamburger-nav .menu .nav-item > a::before {
font-size: 11px;
}
.hamburger-nav.type3 > .page-container {
flex-direction: column;
}
.hamburger-nav.type3 .hamburger-nav-holder {
width: 100%;
}
.hamburger-nav.type3 .menu .mega-menu-item > a {
font-size: 9vw;
}
.hamburger-nav.type3 .hamburger-nav-details {
width: 100%;
padding-left: 0;
}
.header.header-2 .header-wrap .menu-optional {
min-width: auto !important;
}
.header.header-2 .branding + .menu-optional {
flex-grow: 2;
justify-content: flex-end;
}
.header {
opacity: 0;
transition-duration: 0.05s;
transition-timing-function: var(--clb-transition-function);
transition-property: opacity;
}
.header .lang-dropdown-holder {
display: none;
}
.header .lang-dropdown-holder + li {
padding-left: 0;
}
.header.header-6 .hamburger,
.header.header-7 .hamburger {
margin-right: 0.6rem;
}
.header.header-6 .mobile-hamburger.-right .hamburger,
.header.header-7 .mobile-hamburger.-right .hamburger {
margin-right: 0;
}
.header.header-6 .bottom-part .menu-optional a,
.header.header-6 .bottom-part .menu-optional .ion,
.header.header-7 .bottom-part .menu-optional a,
.header.header-7 .bottom-part .menu-optional .ion {
transition: none;
}
.header.mobile-hamburger-position-right .left-part .hamburger,
.header.mobile-hamburger-position-right .menu-optional-left .hamburger,
.header.mobile-hamburger-position-right .top-part .hamburger,
.header.mobile-hamburger-position-right .middle-part .hamburger {
display: none;
}
.header.mobile-hamburger-position-right .right-part .hamburger,
.header.mobile-hamburger-position-right .menu-optional-right .hamburger,
.header.mobile-hamburger-position-right .bottom-part .hamburger {
display: flex;
}
.header.mobile-hamburger-position-left .right-part .hamburger,
.header.mobile-hamburger-position-left .menu-optional-right .hamburger,
.header.mobile-hamburger-position-left .bottom-part .hamburger {
display: none;
}
.header.mobile-hamburger-position-left .left-part .hamburger,
.header.mobile-hamburger-position-left .menu-optional-left .hamburger,
.header.mobile-hamburger-position-left .top-part .hamburger,
.header.mobile-hamburger-position-left .middle-part .hamburger {
display: flex;
}
.header .logo.with-mobile {
display: none;
}
.header .logo-mobile {
display: flex;
align-items: center;
}
.header.header-2 .top-part,
.header.header-4 .top-part {
height: 100%;
}
.header.header-2 .menu-optional.-right,
.header.header-2 .menu-optional.-left,
.header.header-4 .menu-optional.-right,
.header.header-4 .menu-optional.-left {
display: flex;
align-items: center;
}
.header.header-2 .menu-optional.-right li,
.header.header-2 .menu-optional.-left li,
.header.header-4 .menu-optional.-right li,
.header.header-4 .menu-optional.-left li {
display: flex;
}
.branding .logo img,
.branding .logo-mobile img,
.branding .logo-dynamic img {
max-height: 46px;
}
:not(.is-mobile-menu).with-header-5 .header-cap,
:not(.is-mobile-menu).with-header-6 .header-cap,
:not(.is-mobile-menu).with-header-7 .header-cap {
display: block;
}
.admin-bar .header:not(.-sticky).-mobile .cart-mini {
margin-top: var(--clb-admin-bar-height-mobile);
}
.with-header-5.with-spacer .site-content,
.with-header-5.with-spacer .site-footer,
.with-header-5.with-spacer [data-vc-stretch-content],
.with-header-5.with-spacer .elementor-section-stretched,
.with-header-6.with-spacer .site-content,
.with-header-6.with-spacer .site-footer,
.with-header-6.with-spacer [data-vc-stretch-content],
.with-header-6.with-spacer .elementor-section-stretched,
.with-header-7.with-spacer .site-content,
.with-header-7.with-spacer .site-footer,
.with-header-7.with-spacer [data-vc-stretch-content],
.with-header-7.with-spacer .elementor-section-stretched {
padding-left: 0 !important;
}
.subheader {
padding-right: 0;
padding-left: 0;
}
.site-footer .widgets-column:not(:last-child) {
margin-bottom: 2.5rem;
}
.site-footer-copyright .holder:not(.-center) {
flex-direction: column;
align-items: center;
}
.site-footer-copyright .holder:not(.-center) > div {
text-align: center;
}
.site-footer-copyright .holder:not(.-center) > div:not(:last-child) {
margin-bottom: 0.5rem;
}
.alert.-fixed,
#yith-wcwl-popup-message.-fixed {
transform: none;
left: var(--clb-grid-gutter);
right: var(--clb-grid-gutter);
}
.breadcrumb-holder {
padding-top: var(--clb-grid-gutter);
padding-bottom: var(--clb-grid-gutter);
}
.blog-item .card-details-item .overlay-details {
display: none;
}
.blog-item.-layout6:not(.-contained) {
margin-bottom: var(--clb-grid-gutter);
}
.blog-item.-layout6:not(.-contained) .image-holder {
margin-top: var(--clb-grid-gutter);
}
.blog-item.-layout6 .read-more,
.blog-item.-layout7 .read-more {
position: absolute;
}
.blog-item.-layout6.-contained .read-more,
.blog-item.-layout7.-contained .read-more {
right: var(--clb-grid-gutter);
bottom: var(--clb-grid-gutter);
}
.blog-item.-layout6:not(.-contained) .read-more,
.blog-item.-layout7:not(.-contained) .read-more {
bottom: 0;
right: 0;
}
.grid-item.-nospace .blog-item.-layout6.-contained {
margin-bottom: calc(var(--clb-grid-gutter) * 2);
}
.single-post .single-post-layout.-with-sharing .post-page-container {
padding-top: var(--clb-grid-gutter);
}
.single-post .single-post-layout.-with-sharing:not(.-with-breadcrumbs) .share-bar {
margin-bottom: var(--clb-grid-gutter);
}
.single-post .single-post-layout .share-bar {
position: relative;
transform: none;
left: unset;
margin-top: unset;
}
.single-post .single-post-layout .share-bar .social-networks {
display: inline-flex;
vertical-align: middle;
align-items: center;
flex-direction: row;
}
.comments .comment-body .comment-author {
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.comments .comment-body .comment-author img {
margin-right: 0.5rem;
}
.comments .children {
padding-left: var(--clb-grid-gutter);
}
.project .-with-slider .holder {
margin-right: var(--clb-bullets-spacer);
}
.options-group > li {
min-width: calc(50% - 1.5rem);
width: calc(50% - 1.5rem);
}
.portfolio-item.-with-slider .project-content {
padding-right: 3rem;
padding-left: 0;
}
.portfolio-item.-with-slider .project-content h3.headline {
font-size: 3.105rem;
}
.portfolio-item.-with-slider .headline-decor {
transform: rotate(-90deg);
transform-origin: left bottom;
left: calc(100% - 3rem);
bottom: 1rem;
top: auto;
}
.portfolio-item.-with-slider .headline-decor .title {
font-size: 25vw;
}
.portfolio-item.-with-gradient .portfolio-item-image {
height: 45vh;
position: relative;
overflow: hidden;
}
.portfolio-item.-with-gradient .portfolio-item-image + .project {
min-height: 55vh;
}
.portfolio-item.-with-gradient .portfolio-item-image::before {
top: 35%;
width: 100%;
background: white;
background: linear-gradient(360deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.portfolio-item.-with-gradient .project-content {
top: -10vh;
}
.portfolio-item.-layout6 .overlay {
padding-left: var(--clb-grid-gutter);
}
.portfolio-item.-layout9 .image-holder + .vc_col-md-5 {
padding-right: var(--clb-grid-gutter);
}
.portfolio-item.-layout9 .page-container {
padding: 0;
}
.portfolio-item.-layout9 .project-content {
justify-content: flex-end;
flex-direction: column-reverse;
}
.portfolio-item.-layout9 .project-content .project-details {
padding-top: 1rem;
}
.portfolio-item.-layout10 .preview {
padding: 0;
top: 0;
left: var(--clb-grid-gutter-negative);
right: var(--clb-grid-gutter);
}
.portfolio-item.-layout10 .project-content {
justify-content: flex-end;
}
.portfolio-item.-layout13 {
flex-direction: column;
}
.portfolio-item.-layout13:not(.-contained) .card-details {
padding-left: 0;
}
.portfolio-item.-layout13.-contained .card-details {
margin-left: 0;
margin-top: var(--clb-grid-gutter);
}
.portfolio-links.grid_8 .portfolio-grid {
display: flex;
flex-direction: column;
}
.portfolio-links.grid_12 .portfolio-item-details-headline::after {
font-size: .9em;
}
.portfolio-links.grid_12 .portfolio-item-details-headline > a .title {
font-size: 14vw;
}
.portfolio-links.grid_12 .portfolio-item {
white-space: normal;
}
.portfolio-links.grid_12 .portfolio-item .portfolio-item-details > a {
display: block;
}
.portfolio-links.grid_12 .portfolio-item .portfolio-item-details .category-holder {
display: none;
}
.portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid {
transform: none;
overflow: visible;
position: relative !important;
top: auto !important;
height: auto !important;
left: var(--clb-grid-gutter);
max-width: 100%;
}
.portfolio-links.grid_12 .portfolio-grid-holder .portfolio-grid .grid-item {
padding: 0 0 0.25rem var(--clb-grid-gutter) !important;
}
.portfolio-links.grid_12 .portfolio-grid-holder {
height: auto !important;
}
.portfolio-links.grid_12 .portfolio-grid-holder-underline {
bottom: auto;
top: 0;
}
.project.-layout8 .project-content {
padding-top: 2rem;
}
.project.-layout8 .project-gallery {
width: 100%;
}
.project.-layout8 .share-bar {
margin-top: 2rem;
position: static;
display: flex;
}
.project.-layout10 .share-bar {
transform: translateY(-100%);
top: -4.25rem;
}
.project.-layout10 .project-slider {
position: relative;
height: 50vh;
}
.project.-layout1 .share-bar,
.project.-layout2 .share-bar,
.project.-layout3 .share-bar,
.project.-layout4 .share-bar {
margin: 0;
top: var(--clb-grid-gutter);
position: absolute !important;
transform: none !important;
}
.project.-layout1 .share-bar,
.project.-layout3 .share-bar {
left: auto !important;
right: var(--clb-grid-gutter) !important;
}
.project.-layout1 .project-gallery,
.project.-layout2 .project-gallery {
padding-left: 0px;
padding-right: 0px;
}
.project.-layout2 .vc_row,
.project.-layout4 .vc_row {
display: flex;
flex-direction: column-reverse;
}
.project.-layout2 .share-bar,
.project.-layout4 .share-bar {
right: auto !important;
left: var(--clb-grid-gutter) !important;
}
.project.-layout3 .page-container + .vc_row,
.project.-layout4 .page-container + .vc_row {
margin: 0;
}
.project.-layout3,
.project.-layout4 {
display: flex;
flex-direction: column-reverse;
}
.single:not(.with-spacer) .page-headline + .-layout7,
.single:not(.with-spacer) .page-headline + .-layout3,
.single:not(.with-spacer) .page-headline + .-layout4 {
padding-top: 0;
}
.single-ohio_portfolio .project-title .headline {
font-size: 2.65rem !important;
}
.meta-holder {
font-size: var(--clb-text-size-small);
}
.social-bar {
display: none;
}
.filter-holder .button {
display: inline-flex;
vertical-align: middle;
align-items: center;
}
.filter {
gap: var(--clb-gap-large);
flex-direction: column;
align-items: flex-start;
}
.is-mobile-menu.admin-bar .mobile-overlay,
.is-mobile-menu.admin-bar .mobile-overlay .overlay {
height: calc(100% - var(--clb-admin-bar-height-mobile));
top: var(--clb-admin-bar-height-mobile);
}
.clb-popup:not(.-slide-in) .clb-popup-holder {
padding: var(--clb-grid-gutter);
}
.clb-popup.-left-bottom {
padding: var(--clb-grid-gutter);
}
.clb-popup.-right-bottom {
left: var(--clb-grid-gutter);
}
.clb-popup {
overflow-y: auto;
}
.project-lightbox {
flex-direction: column;
}
.project-lightbox.visible {
overflow-y: scroll;
}
.project-lightbox::-webkit-scrollbar {
width: 0;
}
.project-lightbox-gallery {
width: 100%;
min-height: 50%;
}
.project-lightbox-details {
width: 100%;
height: auto;
padding: var(--clb-grid-gutter);
}
.popup-subscribe .thumbnail {
border-bottom-left-radius: 0px;
}
.popup-subscribe .contact-form input[type="email"] {
margin-bottom: 0;
}
.popup-subscribe {
flex-direction: column;
}
.popup-subscribe > * {
width: 100%;
}
.clb-video-popup iframe {
height: calc(100vh - var(--clb-header-height) - var(--clb-header-height));
}
.search-popup .holder {
max-width: 100%;
}
.page-headline .title,
.page-headline .post-meta-holder {
max-width: 100%;
}
.sticky-nav {
position: static;
max-width: 100%;
}
.sticky-nav .sticky-nav-holder {
padding-bottom: 2rem;
background-color: transparent;
border-top: 1px solid var(--clb-border-color);
}
.sticky-nav .nav-group {
margin-right: 0;
}
.horizontal-accordion {
flex-direction: column;
}
.horizontal-accordion .horizontal-accordion-item {
box-shadow: none;
}
.horizontal-accordion .horizontal-accordion-item .accordion-body {
padding-left: 0;
}
.call-to-action {
flex-direction: column;
}
.countdown:not(.-text) {
transform: scale(0.8);
}
.google-maps {
position: relative;
}
.parallax .parallax-content {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.service-table {
background-color: var(--clb-fill-color);
}
.clb-slider.-nav-inset .prev-btn,
.clb-slider.-nav-inset .next-btn {
transform: translate(0, calc(-50% - 1.5rem));
}
.clb-slider.-nav-inset .prev-btn {
left: 0.5rem;
}
.clb-slider.-nav-inset .next-btn {
right: 0.5rem;
}
.clb-slider.-slider-offset {
overflow-x: hidden;
}
.clb-slider-count {
margin-top: var(--clb-grid-gutter);
}
.-slider-fs:not(.-slider-fs-10) .clb-slider-nav-btn {
left: 0;
right: auto;
padding: 0.75rem;
}
.-slider-fs.-slider-fs-10 .clb-slider-nav-btn {
right: var(--clb-bullets-spacer);
}
.elementor-widget .ohio-widget .clb-slider-item {
padding-right: var(--clb-bullets-spacer) !important;
}
.portfolio-onepage-slider.-full-vh {
height: 100vh;
}
.ohio-widget.ohio-slider .clb-slider-nav-btn {
left: auto;
}
.social-networks.-boxed .network {
height: 3.75em;
line-height: 3.75em;
font-size: 1.2em;
}
.social-networks.-boxed .network span {
display: none;
}
.social-networks.-boxed .network .icon {
opacity: 1;
position: static;
}
.tabs-nav {
overflow-x: auto;
}
.tabs.-vertical .tabs-nav-link:not(:last-child) {
margin-right: var(--clb-grid-gutter);
}
.tabs.-vertical .tabs-nav .tabs-nav-line {
height: 2px !important;
}
.team-group {
flex-direction: column;
}
.team-group-item {
flex: auto;
}
.team-group-item .-fade-up {
transform: none;
opacity: 1;
}
.wc-category .card {
flex-direction: column;
}
.wc-category.-offset .wc-category-content {
padding-top: var(--clb-grid-gutter);
}
.dark-scheme .woo-product-details {
background-color: var(--clb-dm-fill-color);
}
.dark-scheme .portfolio-item.-with-gradient .portfolio-item-image::before {
background: var(--clb-color-black-rgb);
background: linear-gradient(360deg, rgba(var(--clb-color-black-rgb), 1) 0%, rgba(var(--clb-color-black-rgb), 0) 100%);
}
body:not(.dark-scheme) .dynamic-typo.light-typo .color-switcher-item.dark {
color: inherit;
}
.-inline-flex > .button {
margin-right: 0.5rem;
}
.clb__section.e-con {
margin-left: var(--clb-grid-gutter);
margin-right: var(--clb-grid-gutter);
}
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_inner {
gap: var(--clb-grid-gutter);
display: flex;
flex-direction: column;
}
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_inner::after,
.clb__section > .wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_inner::before {
display: none;
}
rs-slide .srev_headline {
font-size: 46px !important;
line-height: .9 !important;
}
.clb__stretch_content .wpb_wrapper .vc_row-fluid,
.clb__stretch_content .elementor-widget-wrap .vc_row-fluid {
margin-left: -var(--clb-grid-gutter) !important;
margin-right: -var(--clb-grid-gutter) !important;
}
.clb__remove_stretch_sm .stretch-content {
left: auto !important;
width: auto !important;
}
.clb__section_spacer {
height: 6vh !important;
}
.clb__spacer {
height: 5vh !important;
}
.clb__overflow_hidden {
overflow: hidden;
}
.clb__fullvh_reset {
min-height: initial !important;
}
.clb__alignment_reset .ohio-widget-holder {
text-align: left;
}
.clb__alignment_reset .ohio-widget-holder::after {
content: "";
display: table;
clear: both;
}
.clb__alignment_reset.button {
float: left;
}
.clb__alignment_reset.ohio-text-sc p {
text-align: left !important;
}
.clb__border_reset .vc_column-inner {
border: none !important;
}
.clb__margin_set.vc_section,
.clb__margin_set.vc_row,
.clb__margin_set > .vc_column-inner,
#page .clb__margin_set.ohio-widget,
.clb__margin_set.wpb_single_image,
.vc_row.clb__margin_set {
margin-left: var(--clb-grid-gutter) !important;
margin-right: var(--clb-grid-gutter) !important;
}
.clb__margin_standard.vc_section,
.clb__margin_standard.vc_row,
.clb__margin_standard > .vc_column-inner,
#page .clb__margin_standard.ohio-widget,
.clb__margin_standard.wpb_single_image {
margin-left: calc(var(--clb-grid-gutter) * -1) !important;
margin-right: calc(var(--clb-grid-gutter) * -1) !important;
}
.clb__margin_reset.vc_section,
.clb__margin_reset.vc_row,
.clb__margin_reset > .vc_column-inner,
.clb__margin_reset.wpb_single_image,
.clb__margin_reset .vc_column-inner {
margin-left: 0 !important;
margin-right: 0 !important;
}
.clb__margin_vertical_reset > .vc_column-inner {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.vc_row.stc-row {
margin-top: 2vh;
}
}
@media (max-width: 767px) {
.vc_hidden-xs {
display: none !important;
}
}
@media screen and (min-width: 1181px) and (max-width: 1440px) {
:root {
--clb-container-width: var(--clb-container-width-laptop);
}
.header:not(.-mobile) .menu li > ul > li {
font-size: .96rem;
}
.header:not(.-mobile) .menu li > ul .has-submenu-icon {
margin-right: 1rem;
}
.with-header-5.single-post .post-share .share-bar {
left: 0.75rem;
}
.with-header-6.single-post .post-share .share-bar,
.with-header-7.single-post .post-share .share-bar {
left: -2rem;
}
.portfolio-item.-layout3.-full-vh .project-content,
.portfolio-item.-layout5.-full-vh .project-content,
.portfolio-item.-layout6.-full-vh .project-content {
min-height: 70vh;
}
.portfolio-item.-layout4 .project-content {
padding-right: 12vw;
}
.portfolio-item.-layout9 .next-slide-preview {
transform: translate(-65%, -50%);
}
.portfolio-links.grid_12 .portfolio-grid-holder .grid-item {
padding: 0 0 0 1.5625rem !important;
}
.project-lightbox-details .options-group li {
min-width: calc((100%/3) - 1.75rem);
width: calc((100%/3) - 1.75rem);
}
.page-headline .title {
font-size: 4rem;
}
.elementor-page .page-container.-full-w .elementor-section.elementor-section-boxed > .elementor-container {
max-width: none;
}
}
@media screen and (min-width: 1181px) and (max-width: 1366px) {
:root {
--clb-container-width: var(--clb-container-width-laptop-small);
}
}
@media screen and (min-width: 1181px) and (max-width: 1280px) {
:root {
--clb-container-width: var(--clb-container-width-laptop-extra-small);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.vc_hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.vc_hidden-md {
display: none !important;
}
}
@media screen and (min-width: 1181px) and (max-width: 1580px) {
body.with-header-6.with-spacer .page-container:not(.-full-w),
body.with-header-6.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container,
body.with-header-7.with-spacer .page-container:not(.-full-w),
body.with-header-7.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container,
body .boxed-container .page-container:not(.-full-w),
body .boxed-container .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container {
max-width: calc(100% + var(--clb-grid-gutter) * 2 - (var(--clb-side-elements-height) + var(--clb-spacer) * 2) * 2);
}
}
@media screen and (min-width: 1181px) and (max-width: 1840px) {
body.with-header-5.with-spacer .page-container:not(.-full-w),
body.with-header-5.with-spacer .page-container:not(.-full-w) .elementor-section.elementor-section-boxed > .elementor-container {
max-width: calc(100% + var(--clb-grid-gutter) * 2 - (var(--clb-side-elements-height) + var(--clb-spacer) * 2) * 2);
}
}
@media screen and (min-width: 769px) and (max-width: 1600px) {
.with-header-6:not(.with-spacer) .page-container:not(.-full-w),
.with-header-6:not(.with-spacer) .vc_row[data-vc-full-width]:not(.vc_row-no-padding),
.with-header-7:not(.with-spacer) .page-container:not(.-full-w),
.with-header-7:not(.with-spacer) .vc_row[data-vc-full-width]:not(.vc_row-no-padding) {
padding-left: calc(var(--clb-header-height-6) + var(--clb-grid-gutter));
}
.with-header-6:not(.with-spacer) .elementor-section-full_width > .elementor-container,
.with-header-6:not(.with-spacer) .elementor-section-stretched > .elementor-container,
.with-header-6:not(.with-spacer) .project.-layout4 .holder,
.with-header-7:not(.with-spacer) .elementor-section-full_width > .elementor-container,
.with-header-7:not(.with-spacer) .elementor-section-stretched > .elementor-container,
.with-header-7:not(.with-spacer) .project.-layout4 .holder {
padding-left: var(--clb-header-height-6);
}
.with-header-6:not(.with-spacer).single-post:not(.single-post-sidebar) .page-headline .page-container,
.with-header-7:not(.with-spacer).single-post:not(.single-post-sidebar) .page-headline .page-container {
padding-left: calc(var(--clb-header-height-6) + var(--clb-container-side-spacer));
}
.with-header-6:not(.with-spacer).single-post:not(.single-post-sidebar) .site-content .page-container,
.with-header-7:not(.with-spacer).single-post:not(.single-post-sidebar) .site-content .page-container {
padding-left: calc(var(--clb-header-height-6) + var(--clb-container-side-spacer));
}
}
@media screen and (min-width: 769px) and (min-width: 1181px) and (max-width: 1440px) {
.project.-layout6 .video-holder.-cover iframe,
.project.-layout9 .video-holder.-cover iframe {
width: 110%;
transform: translate(-5%, -50%);
}
}
@media screen and (min-width: 1025px) and (max-width: 1600px) {
rs-slide .rev_row_zone_top > .rs-parallax-wrap,
rs-slide .rev_row_zone_bottom > .rs-parallax-wrap {
width: 100% !important;
left: 0 !important;
margin: 0 auto;
}
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
rs-slide .rev_row_zone_top > .rs-parallax-wrap,
rs-slide .rev_row_zone_bottom > .rs-parallax-wrap {
max-width: var(--clb-container-width);
}
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
rs-slide .rev_row_zone_top > .rs-parallax-wrap,
rs-slide .rev_row_zone_bottom > .rs-parallax-wrap {
max-width: var(--clb-container-width-laptop);
}
}
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
[data-tilt="true"] {
will-change: auto !important;
transform: none !important;
}
}
}
@media screen {
html:not(.no-js) {   }
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"],
html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] {
opacity: 0;
transition-property: opacity, background-color, transform;
}
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate,
html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate {
opacity: 1;
transform: none;
}
html:not(.no-js) [data-aos="fade-up"],
html:not(.no-js) [data-aos="slide-up"] {
transform: translate3d(0, 2rem, 0);
}
html:not(.no-js) [data-aos="fade-down"],
html:not(.no-js) [data-aos="slide-down"] {
transform: translate3d(0, -2rem, 0);
}
html:not(.no-js) [data-aos="fade-left"],
html:not(.no-js) [data-aos="slide-left"] {
transform: translate3d(2rem, 0, 0);
}
html:not(.no-js) [data-aos="fade-right"],
html:not(.no-js) [data-aos="slide-right"] {
transform: translate3d(-2rem, 0, 0);
}
html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] {
opacity: 0;
transition-property: opacity, background-color, transform;
}
html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
html:not(.no-js) [data-aos="zoom-in"] {
transform: scale(0.95);
}
html:not(.no-js) [data-aos="zoom-out"] {
transform: scale(1.05);
}
html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] {
backface-visibility: hidden;
transition-property: transform;
}
html:not(.no-js) [data-aos^="flip"][data-aos^="flip"].aos-animate {
transform: perspective(2500px) rotateX(0);
}
html:not(.no-js) [data-aos="flip-up"] {
transform: perspective(2500px) rotateX(-100deg);
}
html:not(.no-js) [data-aos="flip-down"] {
transform: perspective(2500px) rotateX(100deg);
}
}.clb-hamburger-nav {
padding: 4.4vh;
padding-top: 26vh !important;
}
.project-page.layout-type4 .project-page-content {
margin-left: calc(4vw + 57px);
}
.um-misc-ul li a {
color: #000 !important;
}
.project-page-content .project-description {
font-size: 15px;
}
.project-page .project-meta li {
min-width: -webkit-calc(25% - 25px);
min-width: calc(25% - 25px);
width: -webkit-calc(25% - 25px);
width: calc(51% - 25px);
margin-right: 25px;
padding-top: 20px;
border-top: 1px solid rgba(136, 136, 136, 0.65);
margin-bottom: 20px;
}
.btn.btn-link:hover {
color: #ffffff !important;
background-color: white !important;
padding: 1%;
}
.project-page-content .project-title {
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 2px solid;
}
.clb-back-link .btn-round .ion, .clb-back-link .btn-round i {
background-color: #000;
}
.site-header .site-branding {
padding-left: 0;
}
.heading .subtitle {
margin: 0;
font-size: .9em;
font-weight: 600;
color: rgba(35, 34, 38, 0.8);
padding-top: 1rem;
font-weight: 400;
}
.um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form textarea {
background-color: transparent;
border: none !important;
border-bottom: 1px solid #000 !important;
border-radius: 0px;
}
.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active {
background: #000;
}
.um-field-checkbox-option, .um-field-radio-option {
margin: 0px 0px 0px 36px;
line-height: 24px;
color: #000 !important;
display: block;
padding-bottom: 2rem !important;
}
.vc_custom_heading.download-file {
margin-left: 9%;
line-height: 2rem;
}
.vc_custom_heading.download-file::before {
content: " ";
width: 22px;
height: 22px;
position: absolute;
margin-right: 1rem;
background-image: url(https://diaviou.com/wp-content/uploads/2021/01/download.svg);
background-repeat: no-repeat;
background-position: top;
left: 39px;
}
.vc_custom_heading.download-file1::before { 
content: " ";
width: 22px;
height: 22px;
position: absolute;
margin-right: 1rem;
background-image: url(https://diaviou.com/wp-content/uploads/2021/01/bprint.svg);
background-repeat: no-repeat;
background-position: top;
left: 39px;
}
.vc_custom_heading.download-file1.blueprint { margin-left: 9%;
line-height: 2rem;
}
.icon-hide-el {
display: none;
}
.project-page .project-first-image {
position: relative;
margin-top: calc(110px + 17vh);
}
.clb-hamburger-nav-details {
border-top: 1px solid black !important;
}
.clb-hamburger-nav .menu {
counter-reset: none !important;
width: 25vw;
position: relative;
border-top: 5px solid black !important;
}
.clb-hamburger-nav .menu .menu-item-depth-0 > a:before {
content: none !important;
display: inline-block;
opacity: 1;
font-weight: bold;
width: auto;
vertical-align: top;
line-height: 20px;
font-size: .25em;
position: relative;
height: auto;
background: transparent;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
color: rgba(255, 255, 255, 0.35);
}
.clb-hamburger-nav:not(.centered):not(.type3) .hamburger-nav-info-item {
width: 17vw !important;
}
.clb-hamburger-nav .menu .nav-item a {
font-weight: bold;
font-size: 3.5vw !important;
}
.clb-hamburger-nav-details {
font-size: 1.1rem !important;
}
.project-page-content .btn-link {
margin-top: 10px;
display: flex;
text-align: left !important;
margin-left: -66% !important;
} .site-header:not(.mobile-header).header-6 .top-part .site-branding, .site-header:not(.mobile-header).header-7 .top-part .site-branding {
}
.home .site-header .header-wrap .top-part {
margin-left: 106px !important;
margin-top: 33px !important;
}
.hamburger-nav-info-item b {
color: #000 !important;
}
.hamburger-nav-info-item  {
color: #000 !important;
}
a.btn.btn-link.form-pop.pum-trigger:visited {
color: #000 !important;
}
.um .um-form input[type="text"], .um .um-form input[type="search"], .um .um-form input[type="tel"], .um .um-form input[type="number"], .um .um-form input[type="password"], .um .um-form textarea, .um .upload-progress, .select2-container .select2-choice, .select2-drop, .select2-container-multi .select2-choices, .select2-drop-active, .select2-drop.select2-drop-above {
color: #666666;
border: none !important;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
border-bottom: 1px solid #000 !important;
}
.um input[type="submit"].um-button, .um input[type="submit"].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active {
background: #000 !important;
color: #fff !important;
}
img.footer-logo-menu {
max-width: 150px;
}
.site-header .header-wrap .bottom-part {
display: none !important;
}
.vc_col-lg-4.vc_col-sm-6.widgets-column {
width: 15vw;
}
.icon-button.hamburger {
background-color: transparent!important;
}
.hamburger-nav:not(.type2):not(.type3) .menu .nav-item > a::before {
margin-right: 0.5rem;
display: none !important;
}
.hamburger.icon-button > .icon::before {
width: 2.375rem !important;
height: 5px !important;
}
.hamburger.icon-button > .icon::after {
width: 2.375rem !important;
height: 5px !important;
}
.icon-buttons-animation .icon-button::before {
background-color: transparent !important;
}
.icon-button:hover { 
background-color: transparent !important;
color: black !important;
}
.-light .icon {
color: #000;
} input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"], select, .select2-container--default .select2-selection--single {
color: black !important;
background-color: transparent;
border-bottom: 2px solid black !important;
border: none;
width: 100%;
padding: 29px 18px 5px 12px;
line-height: 1.3;
-webkit-border-radius: 0px;
border-radius: 0px !important;
position: relative;
-webkit-appearance: none;
-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
outline: none;
font-family: inherit;
font-weight: 400;
font-size: inherit;
}
textarea.wpcf7-form-control.wpcf7-textarea.message {
border: 2px solid black;
border-radius: 0px !important;
margin-top: 10% !important;
padding: 2% 0% 0% 4%;
background: transparent !important;
}
input[type="submit"], button, .btn, a.btn input.btn, a.button, span.button, .wp-block-file__button, .yith-wcwl-add-to-wishlist .btn, div.button, .wp-block-file * + .wp-block-file__button, .wp-block-button__link {
background-color: transparent;
border: none;
color: black !important;
}
div[class^='vc_col-'] {
position: relative;
min-height: 1px;
padding-left: 8px !important;
padding-right: 8px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .padd-top {
padding-top: 6% !important; 
}
.less-width {
width: 50% !important;
}
.site-footer .widgets {
padding-top: 6.1vh;
padding-bottom: 8.8vh;
list-style: none;
border-top: 1px solid black !important;
margin-top: 8% !important;
}
.hamburger-nav-info-item img {
max-width: 8vw !important;
}
.site-header.header-2 .header-wrap .top-part:not(.page-container) {
padding-left: 15vh !important;
padding-right: 15vh !important;
}
.clb-hamburger-holder ._shape {
width: 39px !important;
margin: 5px 0px;
margin-left: 0vw;
display: block;
height: 4px !important;
background-color: currentColor;
}
.btn-round-light .ion, .btn-round-light i {
background-color: transparent !important;
color: #000 !important;
margin-top: -10vh !important;
margin-left: -15vh !important;
}
.btn-round .ion, .btn-round i {
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color: rgba(23, 22, 26, 0.95);
-webkit-border-radius: 50%;
border-radius: 0% !important;
font-size: 24px;
position: relative;
z-index: 1;
-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
color: #fff !important;
cursor: pointer;
outline: none;
}
.btn-round .ion, .btn-round i {
width: 40vh !important;
height: 23vh !important;
margin-top: -15vh !important;
}
.home .btn-round .ion, .btn-round i {
width: 40vh !important;
height: 23vh !important;
margin-top: -9vh;
}
.ion-md-close:before {
font-size: 2.3rem !important;
}
.btn-round.btn-round-small.btn-round-light.clb-close.clb-notification-close.dark-mode-reset {
color: black !important;
}
.clb-hamburger-holder ._shape a:hover {
color: #000 !important;
} body:not(.is-mobile-menu).with-header-6 .clb-hamburger-nav .close-bar{
transform-origin: top !important;
} i.ion.ion-md-close {
width: 81px !important;
height: 93px !important;
padding-top: 29% !important;
}
.home i.ion.ion-md-close {
width: 84px !important;
height: 82px !important;
padding-top: 19% !important;
}
.clb-hamburger-holder {
color: #000 !important;
}
.vc_custom_1626333733720 {
margin-bottom: 21vh !important;
}
.clb-popup .close-bar {
position: absolute;
left: 0;
right: 0;
top: 39px;
}
.home .clb-popup .close-bar {
position: absolute;
left: 0;
right: 0;
top: -2px;
}
body:not(.is-mobile-menu).with-header-6 .clb-hamburger-nav .close-bar, body:not(.is-mobile-menu).with-header-7 .clb-hamburger-nav .close-bar {
width: 0;
padding-left: 0.4vh;
padding-right: 0;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: top;
-webkit-transform: rotate(90deg) translate(0, -100%);
-ms-transform: rotate(90deg) translate(0, -100%);
transform: rotate(90deg) translate(0, -100%);
}
.notification-bar .clb-close .ion {
height: 23px !important;
width: 21px !important;
line-height: 41px;
margin-top: 0vh !important;
margin-left: -30px !important;
}
.notification-bar .ion-md-close::before {
content: "\f2c0";
font-size: 24px !important;
}
.home .site-footer .site-info {
color: #191f23;
display: none !important;
}
img.wp-image-218005 {
margin-left: 1% !important;
}
img.size-medium.wp-image-218003 {
margin-left: 1% !important;
margin-top: 1% !important;
}
img.size-medium.wp-image-218001 {
margin-left: 1% !important;
margin-top: 1% !important;
}
img.size-medium.wp-image-217999 {
margin-left: 1% !important;
margin-top: 1% !important;
}
img.size-medium.wp-image-217997 {
margin-left: 1% !important;
margin-top: 1% !important;
}
img.wp-image-217990{
margin-right: 0% !important;
margin-top: 1% !important;
}
img.wp-image-217989 {
margin-top: 1% !important;
margin-left: 1% !important;
}
img.size-medium.wp-image-218004 {
margin-top: 1% !important;
}
img.size-medium.wp-image-218002 {
margin-top: 1% !important;
}
img.size-medium.wp-image-218000 {
margin-top: 1% !important;
}
img.wp-image-217998{
margin-top: 1% !important;
}
img.wp-image-217997 {
margin-top: 1% !important;
margin-left: 1% !important;
}
.btn:not(.-outlined):not(.-flat):not(.-text):not(.-primary):not(.-pagination):not(.elementor-button[type="submit"]):hover{
color: black !important;
background-color: transparent !important;
}
.btn.btn-link a {
color: black !important;
background-color: transparent !important;  
}
.home.page-template-default.page.page-id-218092.wp-embed-responsive.ohio-theme-3-2-1.with-header-6.with-fixed-search.with-subheader.with-sticky-header.links-underline.icon-buttons-animation.wpb-js-composer.js-comp-ver-6\.4\.2.vc_responsive.page-is-loaded .logo {
display: none !important;
}
body.home.page-template-default.page.page-id-218092.wp-embed-responsive.ohio-theme-3-2-.home.page-template-default.page.page-id-218092.wp-embed-responsive.ohio-theme-3-2-1.with-header-6.with-fixed-search.with-subheader.with-sticky-header.links-underline.icon-buttons-animation.wpb-js-composer.js-comp-ver-6\.4\.2.vc_responsive.page-is-loaded .button {
display: none !important;
}
.home.page-template-default.page.page-id-218092.wp-embed-responsive.ohio-theme-3-2-1.with-header-6.with-fixed-search.with-subheader.with-sticky-header.links-underline.icon-buttons-animation.wpb-js-composer.js-comp-ver-6\.4\.2.vc_responsive.page-is-loaded .lang-dropdown {
display: none !important;
}
.home.page-template-default.page.page-id-217898.wp-embed-responsive.ohio-theme-3-2-1.with-header-6.with-fixed-search.with-subheader.with-sticky-header.links-underline.icon-buttons-animation.wpb-js-composer.js-comp-ver-6\.4\.2.vc_responsive.page-is-loaded .logo {
display: none !important;   
}
.home.page-template-default.page.page-id-217898.wp-embed-responsive.ohio-theme-3-2-1.with-header-6.with-fixed-search.with-subheader.with-sticky-header.links-underline.icon-buttons-animation.wpb-js-composer.js-comp-ver-6\.4\.2.vc_responsive.page-is-loaded .button{
display: none !important; 
}
.home.page-template-default.page.page-id-217898.wp-embed-responsive.ohio-theme-3-2-1.with-header-6.with-fixed-search.with-subheader.with-sticky-header.links-underline.icon-buttons-animation.wpb-js-composer.js-comp-ver-6\.4\.2.vc_responsive.page-is-loaded .lang-dropdown {
display: none !important; 
} @media only screen and (min-width: 690px) and (max-width: 1020px) {
a.menu-link.main-menu-link.item-title {
color: black !important;
}
.project-page-content {
padding: 0px 0px 50px 0px !important;
margin: 0% 5% 0% 0% !important;
}
.hamburger-nav-info-item img {
max-width: 143px !important;
}
.clb-hamburger-nav:not(.centered):not(.type3) .hamburger-nav-info-item {
width: 30vw !important;
}
.vc_col-lg-4.vc_col-sm-6.widgets-column {
padding-left: 40px !important;
}
.vc_custom_heading.download-file1.blueprint {
margin-left: 8vw !important;
}
.vc_custom_heading.download-file {
margin-left: 8vw !important;
}
.vc_col-lg-4.vc_col-sm-6.widgets-column {
width: 30vw !important;
}
.less-width {
width: 100% !important;
}
.site-header .site-branding .logo img, .site-header .site-branding .mobile-logo img, .site-header .site-branding .for-onepage img {
display: none !important;
}
#slider-6-slide-6-layer-2 img {
width: 62% !important;
height: auto !important;
}
}
@media only screen  and (max-width: 800px) {
.hamburger-nav-info-item img {
max-width: 133px !important;
}   
.clb-hamburger-nav:not(.centered):not(.type3) .hamburger-nav-info-item {
width: 26vw !important;
}
.vc_col-lg-4.vc_col-sm-6.widgets-column {
width: 26vw !important;
padding-left: 4% !important;
}
.vc_row, .vc_row.masonry, .vc_row.portfolio-grid, .vc_row.wpb_row, .vc_row.woo_c-products, .vc_row.blog-posts-masonry, .vc_row.tab-items-container, .site-footer .vc_row, .breadcrumbs .vc_row, .project-page-content > .vc_row, .project-page > .vc_row, .comments-container .vc_row, .woo_c-product .page-container > .vc_row, .clb-page-headline-holder .vc_row {
margin-left: 6% !important;
margin-right: 6% !important;
}
.page-container {
padding: 0px 0px !important;
}		
.mob-margin {
margin-top: 4% !important;
}
.less-width {
width: 100% !important;
}
.vc_row:not(.vc_row-no-padding) .vc_column_container > .vc_column-inner {
padding-left: 0px !important;
padding-right: 0px !important;
}	
.vc_row.wpb_row.vc_row-fluid.vc_custom_1626265621835.vc_row-has-fill {
padding-left: 4px !important;
padding-right: 4px !important;
}	
}
@media only screen  and (max-width: 768px) {
.no-margin-top .vc_custom_1631169547754 {
margin-top: -19% !important;
} 	
.project-page.layout-type4 .project-page-content {
margin-left: calc(2vw + 2px);
margin-right: 7px !important;
}
p {
line-height: 1.3rem !important;
font-size: 15px !important;
}
.img-col.wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill .vc_column-inner.vc_custom_1631181837726 {
padding: 45% !important;
}
.pad-top.wpb_column.vc_column_container.vc_col-sm-6 {
width: 100% !important;
padding-top: 2% !important;
padding-left: 0% !important;
}
.no-margin-top.wpb_column.vc_column_container.vc_col-sm-6 {
width: 100% !important;
padding-top: 7% !important;
padding-left: 0% !important;
}
.wpb_column.vc_column_container.vc_col-sm-6 {
width: 100% !important;
}
.vc_custom_heading.download-file1.blueprint {
margin-left: 9vw !important;
}
.vc_custom_heading.download-file {
margin-left: 9vw !important;
}
.less-space {
display:none !important;
}
.more-space {
margin-bottom: 7% !important;
}
.home .site-header .header-wrap .top-part {
margin-left: 0px !important;
}
.icon-hide-el {
display: none !important;
}
.vc_col-lg-4.vc_col-sm-6.widgets-column {
width: 33%;
padding-left: 4% !important;
}
.site-header .site-branding .logo img, .site-header .site-branding .mobile-logo img, .site-header .site-branding .for-onepage img  {
max-height: 70px !important;
}
body {
font-size: 15px;
line-height: 1.3rem !important;
}
.mob-margin {
margin-top: 4% !important;
}
.less-width {
width: 100% !important;
}
}
@media only screen  and (max-width: 689px) {
.home .site-header .header-wrap .top-part {
margin-left: 0 !important;
margin-top: -14px !important;
}
.home .site-header .site-branding {
display: none;
}
.site-footer .site-info {
font-size: 0.74rem !important;
}
.v-bottom {
margin-bottom: 10% !important;
}
.site-header.header-2 .header-wrap .top-part:not(.page-container) {
padding-left: 0vh !important;
padding-right: 0vh !important;
}
.mob-margin {
margin-top: 4% !important;
}
.less-width {
width: 100% !important;
}
.vc_col-lg-4.vc_col-sm-6.widgets-column {
width: 34vw !important;
padding-left: 4% !important;
}
.vc_custom_heading.download-file1.blueprint {
margin-left: 12vw !important;
}
.vc_custom_heading.download-file {
margin-left: 12vw !important;
}
.btn-round .ion, .btn-round i {
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
width: 14vh !important;
height: 15vh !important;
margin-top: 63% !important;
}
.clb-hamburger-holder ._shape {
width: 68px !important;
margin: 5px 0px;
margin-left: 0px;
margin-left: 0%;
display: block;
height: 5px !important;
background-color: currentColor;
} 
}
@media (min-width: 320px) and (max-width: 480px) {
.mob-margin {
margin-top: 4% !important;
}
.project-page.layout-type4 .project-page-content {
margin-left: calc(4vw + -12px);
}
.mob-no-margin.wpb_column.vc_column_container.vc_col-sm-6 .vc_custom_1626359659915 {
margin-top: 10% !important;
}
.vc_custom_1626334234592 {
margin-bottom: 13% !important;
}	
.vc_custom_1626339498630 {
margin-top: -11% !important;
}
.vc_custom_1626340059854 {
margin-top: -10% !important;
}
.vc_custom_1626340182233 {
margin-top: -10% !important;
}
.site-footer .widgets {
padding-top: 6.1vh;
padding-bottom: 8.8vh;
list-style: none;
border-top: 1px solid black !important;
margin-top: 8% !important;
padding-left: 3vh !important;
}
.btn-small, a.btn-small, .product-item .btn-wishlist {
padding: 7px 15px;
font-size: 0.66rem;
} 
.no-margin-top .vc_custom_1631169547754 {
margin-top: -19% !important;
} 
.vc_custom_heading.download-file1.blueprint {
margin-left: 16vw !important;
line-height: 2rem;
}
p {
line-height: 1.3rem !important;
font-size: 15px !important;
}
.vc_custom_heading.download-file.linea-basic-elaboration-document-download {
margin-left: 16vw !important;
}
#ohio-custom-6139cc9a7e021, #ohio-custom-6139cc9a7e021 > * {
font-size: 15px !important;
}
.project-page-content .project-title {
padding-bottom: 1rem !important;
}
.img-col.wpb_column.vc_column_container.vc_col-sm-6.vc_col-has-fill .vc_column-inner.vc_custom_1631181837726 {
padding: 44% !important;
}
.site-header.mobile-header .main-nav .copyright {
font-weight: 600 !important;
font-size: 0.64rem !important;
}
.vc_col-lg-4.vc_col-sm-6.widgets-column {
width: 50% !important;
padding-left: 3% !important;
}
.pad-top.wpb_column.vc_column_container.vc_col-sm-6 {
padding-top: 14% !important;
}
h3.widget-title {
margin: 0 0 3px !important;
font-weight: 700 !important;
}
.vc_row:not(.vc_row-no-padding) .vc_column_container > .vc_column-inner {
padding-left: 2px !important;
padding-right: 2px !important;
}
.project-page-content {
padding: 0px 0px 50px 0px !important;
margin: 5% 5% 0% 5% !important;
}
.site-header.header-2 .header-wrap .top-part:not(.page-container) {
padding-left: 0vh !important;
padding-right: 0vh !important;
}
.v-top .v-bottom {
line-height: 1.3rem !important;
font-size: 15px !important;
}
.padd-top {
padding-top: 0% !important; 
}
.less-width {
width: 100% !important;
}
.clb-hamburger-holder ._shape {
width: 37px !important;
margin: 3px 0px;
margin-left: -9% !important;
margin-top: 1% !important;
display: block;
height: 4px !important;
background-color: currentColor;
}
.btn-round .ion, .btn-round i {
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
width: 11vh !important;
height: 10vh !important;
margin-top: 8% !important;
}
.ion.ion-md-close {
width: 4vh !important;
height: 4vh !important;
}
.project-page .project-first-image {
position: relative;
margin-top: calc(110px + 0vh) !important;
}
.btn-round .ion, .btn-round i {
background-color: transparent !important;
color: #000 !important;
margin-top: -1vh !important;
margin-left: -2vh !important;
}
.home .btn-round .ion, .btn-round i {
width: 40vh !important;
height: 23vh !important;
margin-top: 5vh !important;
margin-left: -14vh !important;
}
.site-header.mobile-header .mbl-overlay .close-bar .clb-close {
z-index: 10;
margin-left: 33%;
}
.home .site-header .site-branding .site-title .logo {
padding-left: 0;
display: none !important;
}
#mega-menu-wrap > ul .current-menu-item > a {
color: #000 !important;
}
.site-header.mobile-header .main-nav .nav-item.current-menu-item a {
display: block;
line-height: 36px;
padding: 5px 20px;
position: relative;
color: black !important;
}
.close-bar.text-left {
margin-left: -27% !important;
}
.home .close-bar.text-left {
margin-left: -27% !important;
}
}