.elementor-element.e-con.bg--color {
--mainBackground: none;
background: var(--mainBackground);
}
.e-con {
border-color: var(--linesColor);
border-top-width: 0.5px;
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
}
.container--bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
background: #000
}
.container--bg .plyr__controls {
display: none !important
}
.container--bg .plyr__video-embed__container,
.container--bg iframe {
height: 100%;
}
.container--bg>.pe-video.n-self,
.container--bg>.pe-video.n-self>div,
.container--bg>.pe-video.n-self>div .plyr__video-wrapper,
.container--bg>.pe-video.n-self>div .plyr__video-wrapper video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.elementor-element.parallax__active {
background-image: none!important;
}
.container--bg.parallax--bg {
overflow: hidden;
}
.container--bg .parallax--wrap {
width: 125%;
height: 125%;
}
.container--bg .parallax--wrap img {
width: 100%;
height: 100%;
object-fit: cover;
}
.parallax__container,
.pin--trigger {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.e-con.fixed__content>div,
.e-con.fixed__content {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.e-con.fixed__content>div {
will-change: transform;
}
.e-con.fixed__content {
overflow: hidden !important;
}
.reverse--hold {
display: block;
float: left;
width: 100%;
}
span.bg--reverse-layer {
width: 75px;
height: 75px;
overflow: hidden;
position: relative;
display: block;
float: left;
--curvColor: var(--mainBackground);
}
span.bg--reverse-layer.rl-top.rl-right {
float: right;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
span.bg--reverse-layer::before {
content: "";
display: block;
width: 200%;
height: 200%;
position: absolute;
border-radius: 50%;
bottom: 0;
left: 0;
-webkit-box-shadow: -50px 50px 0 0 var(--curvColor);
box-shadow: -50px 50px 0 0 var(--curvColor);
}
span.bg--reverse-layer.rl-bottom {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
span.bg--reverse-layer.rl-bottom.rl-right {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
float: right;
}
.elementor-editor-active span.bg--reverse-layer.rl-top.rl-right,
.elementor-editor-active span.bg--reverse-layer.rl-top.rl-left {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.elementor-editor-active span.bg--reverse-layer.rl-top.rl-right {
left: unset;
right: 0;
-webkit-transform: translateY(-100%) rotate(-90deg);
-ms-transform: translateY(-100%) rotate(-90deg);
transform: translateY(-100%) rotate(-90deg)
}
.elementor-editor-active span.bg--reverse-layer.rl-bottom.rl-right,
.elementor-editor-active span.bg--reverse-layer.rl-bottom.rl-left {
position: absolute;
bottom: 0;
left: 0;
-webkit-transform: translateY(100%) rotate(90deg);
-ms-transform: translateY(100%) rotate(90deg);
transform: translateY(100%) rotate(90deg);
}
.elementor-editor-active span.bg--reverse-layer.rl-bottom.rl-right {
left: unset;
right: 0;
-webkit-transform: translateY(100%) rotate(180deg);
-ms-transform: translateY(100%) rotate(180deg);
transform: translateY(100%) rotate(180deg);
}
.animate--radius--out {
-webkit-transition: none;
-o-transition: none;
transition: none
}
.integared--width.elementor-element {
width: calc(var(--width) - var(--container-default-padding-left) - var(--container-default-padding-left));
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.elementor-element.e-con.convert--carousel {
--width: fit-content;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.elementor-element.e-con.convert--layered .e-con,
.elementor-element.e-con.convert--layered {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.elementor-element {
color: var(--mainColor)
}
.convert--layered {
--op: 0
}
.elementor-element.e-con.convert--tabs>.e-con {
display: none;
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
position: absolute;
top: 150px;
transform-origin: center center;
}
.elementor-element.e-con.convert--tabs>.e-con.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.show--seperator .container--tab--titles--wrap .tabs--seperator:last-child {
display: none;
}
.elementor-element.e-con.convert--accordion {
gap: 0;
}
.container--accordion--item {
height: 0;
overflow: hidden;
min-height: auto;
padding: 0;
}
.container--accordion--item.cont--acc--active {
height: auto;
min-height: var(--min-height);
padding: 'unset';
}
.convert--accordion span.accordion-toggle {
width: 1em;
height: 1em;
position: relative;
margin-left: auto;
margin-right: 0.5em;
display: inline-block;
}
.convert--accordion.ac--toggle--plus .toggle--custom,
.convert--accordion.ac--toggle--plus .toggle--dot {
display: none;
}
.convert--accordion.ac--toggle--dot .toggle--custom,
.convert--accordion.ac--toggle--dot .toggle--plus {
display: none;
}
.convert--accordion.ac--toggle--custom .toggle--dot,
.convert--accordion.ac--toggle--custom .toggle--plus {
display: none;
}
.convert--accordion.ac--toggle--plus .toggle--plus>span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform .65s ease;
transition: -webkit-transform .65s ease;
-o-transition: transform .65s ease;
transition: transform .65s ease;
transition: transform .65s ease, -webkit-transform .65s ease
}
.convert--accordion.ac--toggle--plus .toggle--plus>span:first-child {
width: 70%;
height: 2px;
background: var(--mainColor);
}
.convert--accordion.ac--toggle--plus .toggle--plus>span:last-child {
background: var(--mainColor);
width: 2px;
height: 70%;
}
.active span.accordion-toggle.toggle--plus>span:last-child {
-webkit-transform: translate(-50%, -50%) rotate(-270deg);
-ms-transform: translate(-50%, -50%) rotate(-270deg);
transform: translate(-50%, -50%) rotate(-270deg);
}
.active span.accordion-toggle.toggle--dot .accordion-toggle.toggle--dot span {
border-radius: 50%;
background: var(--mainColor);
width: 50%;
height: 50%;
opacity: .3;
-webkit-transition: all .65s ease;
-o-transition: all .65s ease;
transition: all .65s ease;
display: inline-block;
vertical-align: super;
}
.active .accordion-toggle.toggle--dot span {
opacity: 1;
}
.active span.accordion-toggle.toggle--dot .accordion-toggle.toggle--dot .toggle--dot {
text-align: center;
}
.container--accordion--title {
--fontSize: 30px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
margin: 0;
display: none;
float: left;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0.5em 0;
position: relative;
}
.convert--accordion .container--accordion--title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.convert--accordion.ac--underlined .container--accordion--title {
padding: 0.65em 0;
}
.container--accordion--title span.ac-order {
margin-right: calc(3* var(--fontSize));
color: var(--secondaryColor);
font-size: calc(var(--fontSize) * 0.85);
line-height: calc(var(--fontSize) * 0.85);
width: calc(var(--fontSize)* 0.85);
}
.container--ac--nested span.ac-order {
display: none;
}
.convert--accordion.ac--underlined .container--accordion--item::after,
.convert--accordion.ac--underlined .container--accordion--title::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--mainColor);
opacity: .2;
}
.container--tab--titles--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: fit-content;
height: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
padding: 1em 0;
gap: 10px;
min-width: 100%;
}
.container--tab--titles--wrap>div {
font-size: 1.5em;
text-transform: uppercase;
opacity: .25;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
letter-spacing: -0.033em;
white-space: nowrap;
}
.container--tab--titles--wrap::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--mainColor);
opacity: .2;
}
.container--tab--titles--wrap>div.active {
opacity: 1;
}
.container--tab--titles--wrap .tabs--seperator {
font-size: 1.5em;
line-height: inherit;
opacity: .2;
display: none;
}
.show--seperator .container--tab--titles--wrap .tabs--seperator {
display: block;
}
.e-con.pinned_true {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.e-con .pin-spacer {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.pin-spacer>.e-con {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important
}
.pin-spacer-smooth--hold {
height: 0 !important;
} .convert--layered>.e-con::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
border-radius: var(--border-radius);
opacity: var(--op);
pointer-events: none
}
.convert--layered>.e-con:not(:first-child) {
position: absolute;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
}
.will__animated,
.e-con[data-anim-general="true"] {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important;
} .elementor-widget-pesitelogo .elementor-widget-container {
overflow: hidden;
display: block;
float: left;
}
.site-branding {
display: block;
float: left;
}
.site-branding>div {
width: 100%;
-webkit-transition: opacity .4s ease-in-out;
-o-transition: opacity .4s ease-in-out;
transition: opacity .4s ease-in-out
}
.site-branding>div img {
width: 100%;
display: block;
}
.site-branding>div img.secondary__logo {
display: none;
}
.layout--switched .header--switched .site-branding>div img.sticky__main__logo,
.layout--switched .header--switched .site-branding>div img.main__logo,
.header--switched .site-branding>div img.secondary__logo,
.header--switched .site-branding>div img.sticky__secondary__logo,
.layout--switched .site-branding>div img.secondary__logo,
.layout--switched .site-branding>div img.sticky__secondary__logo,
.site-branding>div img.sticky__main__logo,
.site-branding>div img.main__logo {
display: block;
}
.layout--switched .header--switched .site-branding>div img.secondary__logo,
.layout--switched .header--switched .site-branding>div img.sticky__secondary__logo,
.header--switched .site-branding>div img.sticky__main__logo,
.header--switched .site-branding>div img.main__logo,
.layout--switched .site-branding>div img.sticky__main__logo,
.layout--switched .site-branding>div img.main__logo,
.site-branding>div img.secondary__logo,
.site-branding>div img.sticky__secondary__logo {
display: none;
}
.sticky-logo {
position: absolute;
top: 50%;
opacity: 0;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.site-branding.align-center .sticky-logo{
left: 50%;
transform: translateX(-50%);
}
.site-branding.align-right .sticky-logo{
right: 0;
left: unset;
}
.header--move .site-branding .site-logo {
opacity: 0;
}
.header--move .site-branding .sticky-logo {
opacity: 1;
}
.sticky-logo img.sticky__secondary__logo {
display: none;
} .site--nav {
display: block;
position: relative;
}
.site--nav.nav--popup .site--menu {
position: fixed;
top: 0;
right: 0;
z-index: -11;
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%);
overflow: hidden; visibility: hidden;
}
.site--nav.nav--popup .site--menu.active {
visibility: visible
}
.site--nav.nav--fullscreen .site--menu {
position: fixed;
left: 0;
top: 0;
width: 100vw;
z-index: -5;
height: 0vh;
overflow: hidden;
}
ul.menu.menu--vertical {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
ul.menu.menu--vertical li {
font-size: 40px;
line-height: 1.4;
padding: 0;
letter-spacing: -0.03em;
white-space: nowrap;
}
ul.menu.menu--vertical>li>ul.sub-menu {
position: relative;
z-index: 99;
top: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background: none;
border-radius: 0px;
left: 0;
opacity: 1;
visibility: visible;
padding: 0;
height: 0;
overflow: hidden;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
-webkit-transition: none;
-o-transition: none;
transition: none; padding-left: 0.07em;
display: block;
}
ul.menu.menu--vertical li.sub--active ul.sub-menu {
height: auto;
padding-top: 0.35em;
padding-bottom: 0.35em;
padding-left: 0.07em;
display: block;
}
ul.menu.menu--vertical>li>ul.sub-menu .sub-menu {
left: 0;
padding: 0;
position: relative;
background: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
display: block;
float: left;
-webkit-box-shadow: none;
box-shadow: none;
padding-top: 0.3em;
padding-bottom: 0;
}
ul.menu.menu--vertical li ul.sub-menu li a {
color: var(--secondaryColor);
width: 100%;
}
ul.menu.menu--vertical li ul.sub-menu li {
font-size: 20px;
margin: 0;
line-height: 1.6em;
}
.menu--toggle--wrap {
text-align: right;
}
.menu--toggle {
display: inline-block;
width: 55px;
height: 55px;
position: relative;
vertical-align: middle;
cursor: pointer;
}
.menu--toggle.toggle--plus>span {
position: absolute;
width: 50%;
height: 1px;
background: var(--mainColor);
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 22;
-webkit-transition: background .3s ease 0s, -webkit-transform .5s ease-in-out 0s;
transition: background .3s ease 0s, -webkit-transform .5s ease-in-out 0s;
-o-transition: transform .5s ease-in-out 0s, background .3s ease 0s;
transition: transform .5s ease-in-out 0s, background .3s ease 0s;
transition: transform .5s ease-in-out 0s, background .3s ease 0s, -webkit-transform .5s ease-in-out 0s;
}
.menu--toggle.toggle--plus>span:last-child {
width: 1px;
height: 50%;
}
.menu--toggle.toggle--plus.active>span:first-child {
-webkit-transform: translate(-50%, -50%) rotate(-135deg);
-ms-transform: translate(-50%, -50%) rotate(-135deg);
transform: translate(-50%, -50%) rotate(-135deg)
}
.menu--toggle.toggle--plus.active>span:last-child {
-webkit-transform: translate(-50%, -50%) rotate(-135deg);
-ms-transform: translate(-50%, -50%) rotate(-135deg);
transform: translate(-50%, -50%) rotate(-135deg)
}
.menu--toggle.has--bg::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: var(--secondaryBackground);
z-index: -2;
border-radius: 50%;
}
.menu--toggle.has--bg.has--hover::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 0%;
height: 0%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: var(--mainColor);
z-index: -1;
border-radius: 50%;
-webkit-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
-o-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
}
.menu--toggle.has--bg.has--hover:hover::before {
width: 100%;
height: 100%;
}
.menu--toggle.has--bg.has--hover:hover>span {
background: var(--secondaryBackground)
}
.st--wrap {
display: inline-block;
width: 0.5em;
height: 0.5em;
vertical-align: middle;
position: relative;
margin-left: 0.2em;
margin-top: -0.1em;
cursor: pointer;
overflow: hidden;
}
.farah-has-children .st--wrap {
margin-left: 0.4em;
}
.elementor-widget-penavmenu .main-navigation a {
display: inline-block;
}
.st--wrap span.sub--toggle {
width: 100%;
height: 100%;
display: block;
}
.menu--item--will--animated .st--wrap span.sub--toggle {
-webkit-transform: translateY(120%);
-ms-transform: translateY(120%);
transform: translateY(120%);
-webkit-transition: -webkit-transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s;
transition: -webkit-transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s;
-o-transition: transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s;
transition: transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s;
transition: transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s, -webkit-transform .7s cubic-bezier(0, 0.58, 0.53, 1.02) .2s
}
.menu--item--will--animated.menu--item--anim--active .st--wrap span.sub--toggle {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%)
}
.st--wrap span.sub--toggle.st--plus>span {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: var(--mainColor);
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.st--wrap span.sub--toggle.st--plus>span:first-child {
width: 1px;
height: 100%;
}
.st--wrap span.sub--toggle.st--plus>span:last-child {
width: 100%;
height: 1px;
}
li.menu-item.menu-item-has-children.sub--active>.st--wrap span.sub--toggle.st--plus>span:first-child {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
ul.menu.menu--indexed li::before {
content: attr(data-index);
color: var(--mainColor);
display: inline-block;
font-size: 0.4em;
vertical-align: top;
margin-right: 0.5em;
}
.menu--toggle.toggle--text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 5px;
width: auto;
height: auto;
}
.menu--toggle.toggle--text.framed::after {
content: "]";
}
.menu--toggle.toggle--text.framed::before {
content: "[";
}
.menu--toggle.toggle--text.framed::after,
.menu--toggle.toggle--text.framed::before {
font-size: 15px;
line-height: 1;
}
.menu--toggle.toggle--text .toggle--text--wrapper {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 1.4em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
cursor: pointer;
}
.menu--toggle.toggle--text>div>span {
-webkit-transition: -webkit-transform .4s ease-in-out;
transition: -webkit-transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}
.menu--toggle.toggle--text.active>div>span {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.nav--blocks {
position: fixed;
left: 0;
top: 0;
width: 100vw;
z-index: -6;
height: 100vh;
overflow: hidden;
visibility: hidden;
}
.nav--blocks>span {
background: var(--secondaryBackground);
position: absolute;
display: inline-block;
left: 0;
width: calc(100vw / var(--grid) + 1px);
height: 0vh;
-webkit-transform: translateX(calc((100vw / var(--grid)) * var(--index)));
-ms-transform: translateX(calc((100vw / var(--grid)) * var(--index)));
transform: translateX(calc((100vw / var(--grid)) * var(--index)));
top: 0;
}
.site--nav.nav--fullscreen.overlay--blocks .site--menu>div>div {
background: transparent !important;
}
.site--nav.nav--fullscreen.overlay--blocks .site--menu {
height: 100vh;
visibility: hidden;
} span.me--slide-right,
span.me--slide-left {
overflow: hidden;
}
span.inserted--ls--hold,
span.inner--video,
span.inner--icon,
span.inner--image {
display: inline-block;
height: 1em;
width: 1em;
vertical-align: middle;
line-height: 1em;
color: var(--color);
fill: var(--color);
overflow: hidden;
margin-top: -0.15em;
}
span.inner--video {
margin-top: 0;
width: auto;
}
span.inserted--sup--text {
font-size: 0.3em;
letter-spacing: normal;
display: inline-block;
line-height: 1;
vertical-align: top;
color: var(--secondaryColor);
}
span.inserted--ls--hold {
position: relative;
z-index: 99;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
span.inserted--ls--hold>span {
position: absolute;
top: 0.15em;
left: 0;
width: 100%;
height: 100%; }
span.inserted--ls--hold .pe-video,
span.inserted--ls--hold .pe-video .plyr--video,
span.inserted--ls--hold .pe-video .plyr__video-wrapper {
height: 100% !important;
width: 100% !important;
}
span.inner--video {
width: auto;
height: auto;
position: relative;
}
span.inner--icon svg path {
fill: var(--color);
}
span.inner--image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
span.inner--icon svg {
width: 100%;
height: 100%;
fill: var(--mainColor)
}
span.inner--icon svg * {
fill: var(--mainColor)
}
span.inner--element {
--pe-rotate: 0deg;
--pe-scale: 0;
--pe-translate-y: 0px;
--pe-translate-x: 0px;
display: inline-block;
-webkit-transform: rotate(var(--pe-rotate)) scale(var(--pe-scale)) translateY(var(--pe-translate-y)) translateX(var(--pe-translate-x));
-ms-transform: rotate(var(--pe-rotate)) scale(var(--pe-scale)) translateY(var(--pe-translate-y)) translateX(var(--pe-translate-x));
transform: rotate(var(--pe-rotate)) scale(var(--pe-scale)) translateY(var(--pe-translate-y)) translateX(var(--pe-translate-x));
}
span.underlined {
position: relative;
}
span.underlined::after {
content: '';
position: absolute;
bottom: 0.1em;
left: 0;
width: 100%;
height: 0.1em;
background: var(--color)
}
.elementor-widget-pepostfield .text-wrapper.has--bg a {
background: var(--mainColor);
border-radius: 35px;
color: var(--mainBackground);
padding: 10px 25px;
}
.ls--invert {
-webkit-transition: -webkit-filter .4s ease;
transition: -webkit-filter .4s ease;
-o-transition: filter .4s ease;
transition: filter .4s ease;
transition: filter .4s ease, -webkit-filter .4s ease;
}
.ls--default--revert {
-webkit-filter: revert;
filter: revert;
}
.ls--default--invert {
-webkit-filter: invert(1);
filter: invert(1);
}
.layout--switched .ls--invert {
-webkit-filter: invert(1);
filter: invert(1);
}
.layout--switched .ls--revert {
-webkit-filter: revert;
filter: revert;
}
.use--sec--color {
color: var(--secondaryColor);
} .pe-circular-text {
display: inline-block;
position: relative;
margin-left: -1;
z-index: 0
}
.pe-circular-text .circular-text-content {
display: block;
position: absolute;
height: 450px;
width: 450px;
}
.pe-circular-text .circular-text-wrap {
display: inline-block;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
border-radius: 50%;
position: relative
}
.pe-circular-text .circle-char,
.pe-circular-text .circle-word {
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
display: inline-block;  text-align: center;
left: 50%;
height: 50%;
position: absolute;
width: 20px;
z-index: 999999;
}
.pe-circular-text .circle-word {
left: 50%;
top: 0;
height: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.pe-circular-text span.material-symbols-outlined {
font-size: 5px;
font-variation-settings:
'FILL' 1,
'wght' 100,
'GRAD' 0,
'opsz' 10
}
.pe-circular-text .circular-text-icon span.material-symbols-outlined {
font-size: 40px;
}
.pe-circular-text .circular-text-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 999999;
cursor: pointer
}
.pe-circular-text .circular-text-icon span {
font-size: 40px; }
.pe-circular-text.has-bg::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 105%;
height: 105%;
border-radius: 50%;
z-index: -1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pe-circular-text.blur-bg::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 105%;
height: 105%;
background: transparent;
border-radius: 50%;
z-index: -1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
backdrop-filter: blur(10px) grayscale(0.3);
-webkit-backdrop-filter: blur(10px) grayscale(0.3);
}  .pe--list {
display: inline-block;
}
.pe--list ul {
list-style: none;
margin-bottom: 0;
} .pe--table {
display: block;
width: 100%
}
.pe--table--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pe--table--wrapper .pe--table--row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0;
position: relative;
text-transform: uppercase;
letter-spacing: -0.03em;
}
.pe--table--row--image {
position: absolute;
top: 0;
left: 0;
width: 250px;
opacity: 0;
pointer-events: none;
z-index: 1;
-webkit-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.pe--table--wrapper .pe--table--row:hover .pe--table--row--image {
opacity: 1;
}
.pe--table--wrapper a.pe--table--row {
cursor: pointer
}
.pe--table.table__hover .pe--table--row::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: calc(100% + 1em);
height: 00%;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
background: var(--mainColor);
z-index: 1;
}
.pe--table.table__hover .pe--table--row:hover::before {
height: 100%;
}
.pe--table.table__hover .pe--table--row:hover span {
color: var(--mainBackground)
}
.pe--table--wrapper .pe--table--row>span {
width: 100%;
color: var(--secondaryColor);
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease;
position: relative;
z-index: 2;
}
.pe--table--wrapper .pe--table--row>span:last-of-type {
text-align: right;
color: var(--mainColor);
width: 30%
}
.pe--table--wrapper .pe--table--row::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--mainColor);
opacity: .1;
}
.pe--table--wrapper .pe--table--row>span:first-child {
color: var(--mainColor)
}
.pe--table--row.table--title--row span,
.pe--table--row.table--title--row span:first-child {
font-size: 0.8em;
color: var(--mainColor);
text-transform: uppercase;
}
.pe--table--row.table--title--row {
pointer-events: none
}
.pe--table--row.table--title--row::after {
opacity: .5
}
@media only screen and (max-width: 550px) {
.pe--table--wrapper .pe--table--row>span {
width: 50%;
padding: 5px 0;
}
.pe--table--wrapper .pe--table--row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pe--table--wrapper .pe--table--row>span:last-of-type,
.pe--table--wrapper .pe--table--row>span:nth-child(even) {
width: 50%;
text-align: right;
}
} .pe-infinite-tabs {
display: block;
float: left;
width: 100%
}
.pe-infinite-tabs .tab-title-wrap {
white-space: nowrap;
list-style: none;
padding: 0;
position: relative
}
.pe-infinite-tabs .tab-title {
display: inline-block;
margin-right: 150px;
position: relative;
overflow: hidden;
padding-bottom: 0;
opacity: 0.05;
-webkit-transition: opacity .4s ease-out;
-o-transition: opacity .4s ease-out;
transition: opacity .4s ease-out;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 1.2
}
.pe-infinite-tabs .tab-title.active {
opacity: 1
}
.pe-infinite-tabs .tab-contents-wrap {
position: relative;
width: 100%;
padding-top: 100px;
}
.pe-infinite-tabs .tab-contents-wrap::before {
position: absolute;
content: '';
width: 100%;
left: 0;
height: 1px;
background: var(--mainColor);
opacity: .1;
top: 25px;
}
.light .pe-infinite-tabs .tab-contents-wrap::before {
background: var(--mainColor);
}
.pe-infinite-tabs .tab-content {
opacity: 0;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.pe-infinite-tabs .tab-content.active {
opacity: 1;
display: block
} .pe-layout-switcher {
display: block;
cursor: pointer
}
.pe-layout-switcher .pl--switch {
width: 40px;
height: 20px;
border: 1px solid var(--mainColor);
border-radius: 50px;
position: relative;
}
.pe-layout-switcher .pl--switch .pl--follower {
width: 15px;
height: 15px;
display: block;
position: absolute;
top: 50%;
left: 2px;
background: var(--mainColor);
border-radius: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: left .5s ease-in-out;
-o-transition: left .5s ease-in-out;
transition: left .5s ease-in-out
}
.layout--switched .pe-layout-switcher .pl--switch .pl--follower {
left: 20px
}
.pe-layout-switcher.ls_button {
height: 1em;
line-height: 1em;
overflow: hidden;
font-size: 16px
}
.pe-layout-switcher.ls_button .pl--button {
display: block;
}
.pe-layout-switcher.ls_button .pl--button>span {
display: block;
-webkit-transition: -webkit-transform .7s ease-out;
transition: -webkit-transform .7s ease-out;
-o-transition: transform .7s ease-out;
transition: transform .7s ease-out;
transition: transform .7s ease-out, -webkit-transform .7s ease-out;
}
body.layout--switched .pe-layout-switcher.ls_button .pl--button>span {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.pe-layout-switcher.ls_button::before {
content: "[";
position: absolute;
left: -0.5em;
}
.pe-layout-switcher.ls_button::after {
content: "]";
position: absolute;
right: -0.5em;
top: 0
} .pe-marquee svg path {
fill: var(--mainColor);
}
.pe-marquee {
white-space: nowrap;
display: block;
will-change: transform;
}
.pe-marquee .md-title:before {
display: none !important
}
.pe-marquee .md-title {
margin-top: 0;
display: inline-block;
}
.pe-marquee i {
font-size: 0.7em;
vertical-align: middle;
margin: 0;
padding: 0 70px;
}
.pe-marquee .marquee-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pe-marquee .marquee-wrap>div>* {
display: inline-block
}
.pe-marquee .marquee-wrap>* {
margin-bottom: 0
}
.pe-marquee .marquee-wrap .seperator {
line-height: 1.5em;
vertical-align: text-bottom;
height: 100%;
margin: 0 10px
}
.pe-marquee .marquee-wrap .seperator svg {
width: 100%
}
.pe-marquee .marquee-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.pe-marquee .seperator {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.pe-marquee .seperator img {
width: 100%
} .single-image.si--overlayed::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--overlayColor);
}
.elementor-widget-pesingleimage {
width: 100%
}
.single-image {
display: block;
width: 100%;
height: auto;
margin-bottom: 0;
}
.single-image[data-anim-image=true] {
overflow: hidden;
}
.single-image.parallax--image {
overflow: hidden
}
.single-image a {
display: block !important;
}
.single-image img {
width: 100%;
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
} .single-image.zoomed--image.zoom--horizontal {
height: 100vh;
max-height: 100vh;
position: relative;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 100px;
}
.single-image.zoomed--image .single--image--wrapper {
height: 500px;
}
.single-image.zoomed--image>div {
display: inline-block;
width: 33.333333333%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
;
}
.single-image.zoomed--image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
-o-object-position: center;
object-position: center
}
.single-image.zoomed--image .zoomed {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 999
}
@media only screen and (max-width: 550px) {
.single-image.zoomed--image>div.zoomed--before,
.single-image.zoomed--image>div.zoomed--after {
display: none;
}
.single-image.zoomed--image .zoomed {
width: 80%;
}
}
.elementor-25 .elementor-element.elementor-element-bc2da3f {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
} .text-wrapper {
overflow-wrap: anywhere;
--color: var(--mainColor);
color: var(--color);
}
*[data-anim-general="true"]:not(.anim-multiple),
*[data-animate="true"]:not(.anim-multiple) {
visibility: hidden;
}
.scrubbed__true *[data-anim-general="true"],
.pinned__true *[data-anim-general="true"],
*[data-anim-general="true"].anim_start,
*[data-animate="true"].anim_start {
visibility: visible;
}
*[data-animate="true"].pinned__true,
*[data-animate="true"].scrubbed__true,
*[data-anim-general="true"].pinned__true,
*[data-anim-general="true"].scrubbed__true {
visibility: visible
}
.text-wrapper>p[data-animate="true"] .anim_word:first-child>.anim_char:first-child span,
.text-wrapper>p[data-animate="true"] .anim_word:first-child span>div:first-child,
.text-wrapper>p[data-animate="true"] .anim_line:first-child,
.text-wrapper>p:not([data-animate="true"]) {
text-indent: var(--indent);
}
.has-anim-text {
-webkit-font-kerning: none;
font-kerning: none;
-webkit-text-rendering: optimizeSpeed;
text-rendering: optimizeSpeed;
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 0;
}
.text-wrapper span.dynamic {
display: inline-block;
height: 1em;
padding-right: 0.1em;
overflow: visible;
}
.text-wrapper span.dynamic .hidden {
opacity: 0;
}
.text-wrapper span.dynamic,
.tt {
height: 1.1em;
}
.text-wrapper span.dynamic {
overflow: hidden;
padding-bottom: 0.09em;
margin-bottom: -0.09em;
height: auto;
}
span.sec-texts {
position: absolute;
text-align: left
}
#site-navigation.fullscreen_menu .has-anim-text {
opacity: 1;
}
.has-anim-text.anim_start {
opacity: 1
}
.anim_char,
.anim_word,
.anim_line {
overflow: hidden;
vertical-align: top;
will-change: transform;
display: inline-block;
position: relative;
}
.text-h1.big-title .anim_word .anim_char:last-child {
padding-right: 0.1em;
}
.text-h1 .anim_char {
padding-right: 0.055em;
margin-right: -0.055em;
}
.text-wrapper .no-margin .anim_line {
margin: 0;
padding: 0
}
.anim_word {
white-space: nowrap;
}
.anim_char span,
.anim_word span,
.anim_line span {
display: inline-block;
will-change: transform;
}
.fade .anim_char,
.fade .anim_word,
.fade .anim_line {
overflow: visible
}
.mask-wrap {
display: block;
position: relative
}
.mask-wrap .clone {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.charsScaleUp .anim_char span {
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center
}
.charsScaleDown .anim_char span {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center
}
.charsRotateIn .anim_char span {
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top
}
*[data-animation="linesMask"] .anim_line span.clone {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
z-index: 0;
white-space: nowrap;
opacity: .2;
}
*[data-animation="linesMask"] .anim_line:first-child span.clone {
left: var(--indent);
}
*[data-animation="linesMask"] .anim_line span {
width: 0%;
overflow: hidden;
white-space: nowrap;
line-height: 1;
}
.has-anim-text.slideLeft,
.has-anim-text.slideRight,
.has-anim-text.slideLeft .anim_line,
.has-anim-text.slideRight .anim_line {
white-space: nowrap;
overflow: visible;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.slideLeft .anim_line,
.slideRight .anim_line {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
.charsFadeOn .anim_char {
will-change: opacity
}
h1.has-anim-text .anim_char,
.text-h1.has-anim-text .anim_char {
overflow: hidden;
padding-right: 0.05em;
margin-right: -0.05em;
}
span.pe-dynamic-words {
display: inline-block;
height: 1.2em;
overflow: hidden;
vertical-align: bottom;
white-space: nowrap;
color: var(--color);
}
span.pe-dynamic-words>span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
span.pe-dynamic-words>span>span {
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.has-anim-text span,
.has-anim-text a {
display: inline-block;
} .anim-multiple[data-anim-general="true"] .inner--anim {
visibility: hidden;
}
.anim-multiple[data-anim-general="true"].anim_start .inner--anim {
visibility: visible;
} .elementor-widget-container.anim--parent {
-webkit-transition: none;
-o-transition: none;
transition: none
}
.single-image[data-animation=block]::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: var(--blWidth);
height: var(--blHeight);
background: var(--secondaryBackground);
}
.single-image[data-animation=block] {
--blWidth: 100%;
--blHeight: 100%;
}
.single-image[data-animation-direction=down]::after {
top: unset;
bottom: 0;
}
.single-image[data-animation-direction=right]::after {
left: unset;
right: 0;
}  .elementor-widget-peclients .elementor-widget-container {
overflow: hidden;
width: 100%;
}
.elementor-widget-peclients {
width: 100%;
}
.pe--clients {
display: block;
width: 100%;
float: left;
overflow: hidden
} .pe--clients.pe--clients--grid .pe--clients--wrapper {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(var(--columns), 1fr);
--columns: 3;
--gap: 20px;
grid-gap: var(--gap);
grid-auto-rows: 300px;
}
.pe--clients .pe--clients--wrapper .pe-client {
display: block;
width: 100%;
height: 100%;
border-radius: 15px;
position: relative;
display: block;
}
.pe--clients.has-bg .pe--clients--wrapper .pe-client {
background-color: var(--secondaryBackground);
}
span.client-caption {
display: block;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-100%);
-ms-transform: translateX(-50%) translateY(-100%);
transform: translateX(-50%) translateY(-100%);
opacity: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.pe--clients.show-captions .pe--clients--wrapper .pe-client:hover span.client-caption {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-150%);
-ms-transform: translateX(-50%) translateY(-150%);
transform: translateX(-50%) translateY(-150%);
}
.pe--clients .pe--clients--wrapper .pe-client>* {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
}
.pe--clients.has-bg.has-hover .pe-client:hover {
background: var(--mainColor);
}
.pe--clients.has-bg.has-hover .pe-client {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.pe--clients.has-bg.has-hover .pe-client span.client-caption {
color: var(--secondaryBackground)
}
.layout--switched .pe--clients.has-bg.has-hover.hover-switch-logos .pe-client:hover .secondary-img,
.pe--clients.has-bg.has-hover.hover-switch-logos .pe-client:hover .main-img {
display: none
}
.layout--switched .pe--clients.has-bg.has-hover.hover-switch-logos .pe-client:hover .main-img,
.pe--clients.has-bg.has-hover.hover-switch-logos .pe-client:hover .secondary-img {
display: block
} .pe--clients.pe--clients--carousel .pe--clients--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 20px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
will-change: transform
}
.pe--clients.pe--clients--carousel .pe--clients--wrapper>div {
height: 300px;
width: 350px;
}
.pe--clients.pe--clients--carousel {
overflow: visible;
}
.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper {
gap: 0
}
.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper>div {
height: 300px;
width: 300px;
}
.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper::after,
.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper::before {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
height: 0.5px;
background: var(--linesColor);
}
.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper::before {
bottom: 0;
}
.pe--clients.pe--clients--carousel.has-bordered .pe--clients--wrapper .pe-client {
border-radius: 0;
}
.pe--clients.has-bordered .pe--clients--wrapper .pe-client img {
width: 130px
}
.pe--clients.has-bordered .pe--clients--wrapper .pe-client:first-child::before,
.pe--clients.has-bordered .pe--clients--wrapper .pe-client::after,
.pe--clients.has-bordered .pe--clients--wrapper::before,
.pe--clients.has-bordered .pe--clients--wrapper::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0.5px;
background: var(--linesColor);
}
.pe--clients.has-bordered .pe--clients--wrapper::after {
top: unset;
bottom: 0
}
.pe--clients.has-bordered .pe--clients--wrapper .pe-client:first-child::before,
.pe--clients.has-bordered .pe--clients--wrapper .pe-client::after {
right: 0;
width: 0.5px;
height: 100%
} .pe--bulge {
height: 100%; margin: 0 auto;
}
.card__content {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1
}
.card__canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
} .pe--portfolio {
display: block;
position: relative;
overflow: hidden;
}
.pe--portfolio>div {
width: 100%;
float: left;
margin-bottom: 25px;
}
.pe--portfolio>div.portfolio--controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 1;
}
.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(100px, 1fr) 30px minmax(100px, 1fr);
grid-template-columns: repeat(2, minmax(100px, 1fr));
grid-auto-rows: 70vh;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
row-gap: 100px;
}
.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project {
display: block;
height: 100%;
width: 100%;
}
.pe--portfolio>div.portfolio--projects--wrapper .portfolio--project.hidden {
display: none
}
.pe--portfolio.portfolio--grid .project--image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.project--image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
display: block;
}
.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project .project-image div img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project .project--image {
overflow: hidden;
width: 100%;
height: 100%;
}
.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project .project--details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 15px;
text-transform: uppercase;
padding: 0 1em;
}
.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project article a,
.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project article {
width: 100%;
height: 100%;
overflow: hidden;
display: inline-block
}
.pe--portfolio.portfolio--grid>div.portfolio--projects--wrapper .portfolio--project article a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pe--portfolio.portfolio--grid .project--meta {
display: none;
}
.pe--portfolio.portfolio--grid .project--tc {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pe--portfolio.portfolio--grid .project--icon {
display: none
} .pe--portfolio.portfolio--list>div.portfolio--projects--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .portfolio--project article a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .portfolio--project {
width: 100%;
padding: 30px 0;
position: relative;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--image {
width: 20%;
height: 220px;
overflow: hidden;
position: absolute;
opacity: 0;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
text-transform: uppercase;
overflow: hidden;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div {
width: 50%;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 60%;
}
.pe--portfolio.portfolio--list .project--title {
font-size: 1.5em;
letter-spacing: -0.5px;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div.project--meta {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: flex-start;
color: var(--secondaryColor);
width: 40%;
}
.pe--portfolio.portfolio--list .project--meta--bottom {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div>.project--client::after {
content: "/";
}
.pe--portfolio.portfolio--list .project--meta--bottom>div:first-child::after {
content: "-";
}
.pe--portfolio.portfolio--list .project--cat {
font-size: 1em;
color: var(--secondaryColor);
width: 30%;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .portfolio--project::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--mainColor);
opacity: .2;
}
.pe--portfolio.portfolio--list .project--icon {
margin-top: auto;
font-size: 30px;
} .pe--portfolio.generate--grid.portfolio--grid>div.portfolio--projects--wrapper::before,
.pe--portfolio.generate--grid.portfolio--grid>div.portfolio--projects--wrapper::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 50%;
width: 100vw;
height: 1px;
background: var(--linesColor);
z-index: 1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.pe--portfolio.generate--grid.portfolio--grid>div.portfolio--projects--wrapper::after {
top: unset;
bottom: 0
}
.pe--portfolio.generate--grid.portfolio--grid>div.portfolio--projects--wrapper {
position: relative;
overflow: visible;
border-left: 1px solid var(--linesColor);
--linesColor: #2a2a2a;
border-right: 1px solid var(--linesColor);
padding-bottom: var(--rowGap);
}
.pe--portfolio.generate--grid {
overflow: visible;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.static--grid {
position: absolute;
top: 0;
left: unset;
width: 100%;
height: 100%;
z-index: 1;
display: block;
--gapCount: calc(var(--pGap) * (var(--pGrid) - 1));
--gapCalc: calc(var(--gapCount) / var(--pGrid));
--itemWidth: calc((100% / var(--pGrid) - var(--gapCalc)));
pointer-events: none;
}
.pe--portfolio.portfolio--list .static--grid,
.pe--portfolio.portfolio--grid .portfolio--list--images--wrapper {
display: none;
}
.static--grid>span.gn--line {
position: absolute;
left: unset;
width: 1px;
height: 100%;
background: var(--linesColor);
}
.static--grid>span.gn--line:nth-child(odd) {
left: calc(((var(--itemWidth) + var(--pGap)) * var(--line)) - var(--pGap))
}
.static--grid>span.gn--line:nth-child(even) {
left: calc(((var(--itemWidth) + var(--pGap)) * var(--line)));
}
.static--grid span.gn--line-hor {
position: absolute;
top: 0;
height: 1px;
width: 100%;
left: 0;
background: var(--linesColor);
}
.static--grid span.gn--line-hor:nth-child(odd) {
top: calc((var(--rowHeight) * var(--line)) + (var(--rowGap) * var(--line)));
}
.static--grid span.gn--line-hor:nth-child(even) {
top: calc((var(--rowHeight) * var(--line)) + (var(--rowGap) * var(--line)) - (var(--rowGap) + 1.6rem + 15px));
}  .portfolio--filters {
display: block;
position: relative;
}
ul.filter--cat--list {
position: absolute;
top: 0;
left: 100%;
list-style: none;
border-radius: 50px;
z-index: 0;
display: -ms-grid;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
opacity: 0;
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
pointer-events: none;
margin: 0;
text-transform: uppercase;
}
.portfolio--filters.filt--active ul.filter--cat--list {
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
pointer-events: all
}
ul.filter--cat--list li {
display: inline-block;
margin-right: 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
white-space: nowrap;
color: var(--secondaryColor);
}
ul.filter--cat--list li::before {
content: "/";
margin-right: 10px;
}
ul.filter--cat--list li:first-child::before {
display: none
}
.pe--portfolio.show--counts ul.filter--cat--list li::after {
content: attr(data-length);
margin-left: 5px;
}
ul.filter--cat--list li.filter--cat.active {
color: var(--mainColor);
}
.filter--active {
z-index: 10;
position: relative;
display: inline-block;
border-radius: 50px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 2.5em;
text-transform: uppercase;
}
.pe--portfolio.show--counts .filter--active::after {
content: attr(data-length);
margin-left: 10px;
}
.filter--active::before {
content: "add";
display: block;
position: absolute;
right: 1em;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
-webkit-transition: -webkit-transform .5s ease-in-out;
transition: -webkit-transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
text-transform: none;
}
.portfolio--filters.filt--active .filter--active::before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.pe--switcher {
display: inline-block;
background: var(--secondaryBackground);
border-radius: 50px;
position: relative;
}
.ps--switch {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-transform: uppercase;
}
.pe--switcher span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease
}
span.ps--follower {
position: absolute;
left: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: calc(50% - 10px);
height: calc(100% - 10px);
background: var(--mainColor);
z-index: 0;
border-radius: 50px;
-webkit-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
.ps--switch span:not(:first-child) {
position: relative;
z-index: 5;
padding: 1em 2em 1em calc(2em + 5px);
}
.ps--switch span:last-child {
padding: 1em calc(2em + 5px) 1em 2em;
}
.ps--switch span.active {
color: var(--secondaryBackground)
}
.pe--portfolio.portfolio--list span.ps--follower {
left: 50%;
}
.pe--switcher.switcher--brackets .ps--follower {
display: none;
}
.pe--switcher.switcher--brackets {
background: none;
}
.pe--switcher.switcher--brackets .ps--switch>span {
padding: 0;
color: var(--secondaryColor);
}
.pe--switcher.switcher--brackets .ps--switch>span::before {
content: "[";
padding-right: 0;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
opacity: 0;
}
.pe--switcher.switcher--brackets .ps--switch>span::after {
content: "]";
padding-left: 0;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
opacity: 0
}
.pe--switcher.switcher--brackets .ps--switch {
gap: 10px;
}
.pe--switcher.switcher--brackets .ps--switch>span.active {
color: var(--mainColor)
}
.pe--switcher.switcher--brackets .ps--switch>span.active::after {
padding-left: 0.3em;
opacity: 1
}
.pe--switcher.switcher--brackets .ps--switch>span.active::before {
padding-right: 0.3em;
opacity: 1
}
.project--list--icon {
display: none;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div.project--list--icon {
display: block;
width: auto;
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .portfolio--project article a:hover .project--list--icon {
-webkit-animation-name: toggleArrow;
animation-name: toggleArrow;
}
@-webkit-keyframes toggleArrow {
0% {
-webkit-transform: translateX(0%) translateY(-0%);
transform: translateX(0%) translateY(-0%);
}
50% {
-webkit-transform: translateX(100%) translateY(-100%);
transform: translateX(100%) translateY(-100%);
}
51% {
-webkit-transform: translateX(-100%) translateY(100%);
transform: translateX(-100%) translateY(100%);
}
100% {
-webkit-transform: translateX(0%) translateY(-0%);
transform: translateX(0%) translateY(-0%);
}
}
.pe--portfolio>div.portfolio--list--images--wrapper {
position: absolute;
z-index: -1;
width: 25vw;
height: 40vh;
pointer-events: none;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.pe--portfolio>div.portfolio--list--images--wrapper.active {
opacity: 1
}
.list-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.list-img {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
.list-img>div {
width: 100%;
height: 100%;
-webkit-transform: translate3d(0, 100%, 0) scale(1);
transform: translate3d(0, 100%, 0) scale(1)
}
.list-img .project-image {
width: 100%;
height: 100%;
}
.list-img .project-image img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.list-img .project-image .farah-video {
height: 100%;
}
@media only screen and (max-width: 570px) {
.pe--single--project.psp--elementor.style--horizontal .post-details {
padding: 0;
}
.pe--single--project.psp--elementor.style--horizontal h6.post-title.entry-title {
font-size: 40px !important;
line-height: 1.1 !important;
}
.pe--single--project.psp--elementor.style--horizontal {
flex-direction: column !important;
}
.pe--single--project.psp--elementor.style--horizontal>* {
width: 100% !important;
padding: 0;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div.project--meta {
width: 100%;
}
.project--list--icon {
display: block;
position: absolute;
bottom: 1.5em;
right: 0;
}
.filter--active::before {
right: -2em;
}
.filter--active {
padding: 0;
}
ul.filter--cat--list {
left: 0;
top: 150%;
background: var(--secondaryBackground);
padding: 1em;
flex-direction: column;
gap: 5px
}
ul.filter--cat--list li::before {
display: none;
}
.ps--switch span:not(:first-child) {
padding: 0.5em 1em 0.5em calc(1em + 5px);
}
.ps--switch span:last-child {
padding: 0.5em calc(1em + 5px) 0.5em 1em;
}
.portfolio--filters.filt--active ul.filter--cat--list {
max-width: 95vw;
border-radius: 5px;
grid-template-columns: repeat(2, 1fr);
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .portfolio--project article a {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div {
width: 100%;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--image {
width: 100%;
margin-bottom: 1em;
}
.pe--portfolio.portfolio--list>div.portfolio--projects--wrapper .project--details>div.project--tc {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1em;
}
.pe--portfolio.portfolio--list .project--icon {
position: absolute;
bottom: 0.5em;
right: 0;
}
.pe--portfolio.portfolio--list .project--meta--bottom {
margin-top: 1em;
}
} .elementor-widget-peaccordion .elementor-widget-container {
overflow: hidden;
}
.pe--accordion {
display: block;
float: left;
width: 100%;
height: auto;
}
.pe--accordion--wrapper {
width: 100%;
display: block;
float: left
}
.pe-accordion-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
--fontSize: 1rem;
}
.pe--accordion.ac--underlined .pe-accordion-item::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0.5px;
background: var(--linesColor);
}
.pe-accordion-item-content {
height: 0;
overflow: hidden;
display: block;
float: left;
width: 100%;
color: var(--secondaryColor);
}
.accordion--active .pe-accordion-item-content {
height: auto;
}
.pe-accordion-item-content p {
margin-bottom: 2em;
margin-top: 0;
}
.pe-accordion-item-title > * {
display: inline-block;
margin: 0;
}
.pe-accordion-item-title {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: left;
width: 100%;
padding: 1em 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pe-accordion-item:first-child .pe-accordion-item-title {
padding-top: 0;
}
.pe-accordion-item-title>span.accordion-toggle {
width: 0.5em;
height: 0.5em;
position: relative;
margin-left: auto;
line-height: 0.6;
}
.pe--accordion.toggle--bg .pe-accordion-item-title>span.accordion-toggle::after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
border-radius: 50%;
width: 150%;
height: 150%;
background: var(--secondaryBackground);
-webkit-transition: background .4s ease;
-o-transition: background .4s ease;
transition: background .4s ease
}
.pe--accordion.toggle--bg .pe-accordion-item.accordion--active .pe-accordion-item-title>span.accordion-toggle::after {
background: var(--mainColor)
}
.pe--accordion.toggle--bg .pe-accordion-item.accordion--active .pe-accordion-item-title>span.accordion-toggle {
color: var(--mainBackground)
}
.pe-accordion-item-title>span.accordion-toggle>span.ac--togle {
font-size: 1em;
height: 1em;
width: 1em;
display: inline-block;
}
.pe-accordion-item-title>span.accordion-toggle>span.ac--togle i {
vertical-align: top;
}
.pe-accordion-item.accordion--active .pe-accordion-item-title>span.accordion-toggle>span.ac-toggle-open,
.pe-accordion-item:not(.accordion--active) .pe-accordion-item-title>span.accordion-toggle>span.ac-toggle-close {
display: none;
}
.pe--accordion.ac--ordered span.ac-order {
margin-right: calc(3 * var(--fontSize));
color: var(--secondaryColor);
font-size: calc(var(--fontSize) * 0.85);
line-height: calc(var(--fontSize) * 0.85);
width: calc(var(--fontSize) * 0.85);
}
.pe--accordion.ac--ordered .pe-accordion-item-content p {
padding-left: calc(4 * var(--fontSize));
}
span.accordion-toggle.toggle--plus>span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform .65s ease;
transition: -webkit-transform .65s ease;
-o-transition: transform .65s ease;
transition: transform .65s ease;
transition: transform .65s ease, -webkit-transform .65s ease
}
span.accordion-toggle.toggle--plus>span:first-child {
width: 70%;
height: 2px;
background: var(--mainColor);
}
span.accordion-toggle.toggle--plus>span:last-child {
background: var(--mainColor);
width: 2px;
height: 70%;
}
.pe--accordion.toggle--bg .pe-accordion-item.accordion--active span.accordion-toggle.toggle--plus>span {
background: var(--mainBackground)
}
.pe-accordion-item.accordion--active span.accordion-toggle.toggle--plus>span:last-child {
-webkit-transform: translate(-50%, -50%) rotate(-270deg);
-ms-transform: translate(-50%, -50%) rotate(-270deg);
transform: translate(-50%, -50%) rotate(-270deg);
}
span.accordion-toggle.toggle--dot span {
border-radius: 50%;
background: var(--mainColor);
width: 50%;
height: 50%;
opacity: .3;
-webkit-transition: all .65s ease;
-o-transition: all .65s ease;
transition: all .65s ease;
display: inline-block;
vertical-align: super;
}
.pe-accordion-item.accordion--active span.accordion-toggle.toggle--dot span {
opacity: 1;
}
.pe--accordion.toggle--bg .pe-accordion-item.accordion--active span.accordion-toggle.toggle--dot span {
background: var(--mainBackground)
}
span.accordion-toggle.toggle--dot {
text-align: center;
}
.pe-accordion-item.tde__parent .pe-accordion-item-title>span.accordion-toggle {
-webkit-transform: translatex(1.5em);
-ms-transform: translatex(1.5em);
transform: translatex(1.5em);
-webkit-transition: -webkit-transform .75s ease-in-out;
transition: -webkit-transform .75s ease-in-out;
-o-transition: transform .75s ease-in-out;
transition: transform .75s ease-in-out;
transition: transform .75s ease-in-out, -webkit-transform .75s ease-in-out;
}
.pe-accordion-item.tde__parent.tde__enter .pe-accordion-item-title>span.accordion-toggle {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.pe--accordion.ac--underlined .pe-accordion-item.tde__parent::after {
width: 0%;
-webkit-transition: width .75s cubic-bezier(0, 0, 0, 0.98);
-o-transition: width .75s cubic-bezier(0, 0, 0, 0.98);
transition: width .75s cubic-bezier(0, 0, 0, 0.98);
}
.pe--accordion.ac--underlined .pe-accordion-item.tde__parent.tde__enter::after {
width: 100%;
}
@media only screen and (max-width: 570px) {
.pe--accordion.ac--ordered span.ac-order {
margin-right: calc(2 * var(--fontSize));
}
.pe-accordion-item-title>span.accordion-toggle {
margin-right: 0;
width: 20px;
height: 20px;
}
.pe--accordion.ac--ordered .pe-accordion-item-content p {
padding-left: 0;
}
} .elementor-widget-petestimonials {
padding-left: var(--container-default-padding-inline-start);
padding-right: var(--container-default-padding-inline-start);
}
.elementor-widget-petestimonials .elementor-widget-container {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
overflow: visible;
display: block;
float: left;
}
.pe--testimonials {
display: block;
float: left;
width: 100%;
position: relative;
}
.pe--testimonials.test--carousel.has--border::after,
.pe--testimonials.test--carousel.has--border::before {
content: "";
display: block;
position: absolute;
left: 0;
width: 100%;
height: 1px;
background: var(--linesColor);
top: 0;
z-index: 1;
}
.pe--testimonials.test--carousel.has--border::before {
top: unset;
bottom: 0;
}
.pe--testimonials.test--carousel.has--border .pe-testimonial {
border-right: 1px solid var(--linesColor);
}
.pe--testimonials--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.pe--testimonials.pt--carousel .pe--testimonials--wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.pe-testimonial {
background: var(--secondaryBackground);
border-radius: 0;
padding: 1.5em 1.5em 2em 1.5em;
width: 40vw;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 45vh;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pt-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pt-content {
width: 85%;
}
.pt-avatar {
width: 75px;
height: 75px;
overflow: hidden;
border-radius: 50%;
}
.pt-avatar>img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.pt-det {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 0;
}
.show--avatar .pt-det {
margin-left: 1em;
}
span.pt-title {
color: var(--secondaryColor);
}
.pt-content>p {
margin: 0;
} .pe--icon {
display: inline-block;
position: relative;
line-height: 1;
font-size: 2rem;
vertical-align: middle;
overflow: hidden;
color: var(--mainColor);
}
.pe--icon path {
fill: var(--mainColor) !important;
}
.pe--icon.has-hover {
cursor: pointer;
}
.pe--icon.has-bg {
border-radius: 50%;
background: var(--secondaryBackground);
}
.pe--icon--wrap {
display: block;
width: 100%;
height: 100%;
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease
}
.pe--icon i {
line-height: 1;
float: left;
}
.pe--icon.has-hover:hover .pe--icon--wrap {
color: var(--mainBackground)
}
.pe--icon.has-bg .pe--icon--wrap {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1em;
height: 1em;
z-index: 2;
}
.pe--icon.has-bg .pe--icon--bg {
width: 3em;
height: 3em;
display: inline-block;
background: var(--secondaryBackground);
border-radius: 50%;
float: left;
}
.pe--icon.has-bg.has-hover:hover .pe--icon--bg::after {
width: 100%;
height: 100%
}
.pe--icon--bg::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: var(--mainColor);
width: 0%;
height: 0%;
border-radius: 50%;
z-index: 0;
-webkit-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
-o-transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
transition: all .4s cubic-bezier(0.86, 0, 0.1, 1);
}
.pe--icon>a {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
} .pe--team--member {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.team--member--wrapper {
width: 100%;
}
.team--member--image {
width: 100%;
}
.team--member--image>img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.team--member--cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 1rem;
margin-top: 15px;
font-size: 22px
}
.team--member--socials {
position: absolute;
top: 25px;
left: 30px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.team--member--socials ul {
list-style: none;
}
.team--member--socials ul li a {
color: var(--mainColor);
position: relative;
-webkit-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
.pe--team--member.member--card .team--member--socials ul li a {
text-decoration: underline;
}
.team--member--socials ul li {
margin-bottom: 2em;
}
.team--member--socials ul li a::after,
.team--member--socials ul li a::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 3em;
height: 3em;
background: var(--secondaryBackground);
border-radius: 50%;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.team--member--socials ul li a i {
position: relative;
z-index: 3;
}
.team--member--socials ul li a::before {
width: 0;
height: 0;
background: var(--mainColor);
z-index: 2;
}
.team--member--socials ul li a:hover::before {
width: 3em;
height: 3em;
}
.team--member--socials ul li a:hover {
color: var(--secondaryBackground);
}
.pe--team--member:hover .team--member--socials {
opacity: 1;
visibility: visible;
}
.team--member--summ {
position: absolute;
bottom: 4em;
padding: 2em;
background: var(--secondaryBackground);
left: 1em;
width: 65%;
font-size: 20px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.team--member--toggle {
position: absolute;
bottom: 1em;
right: 1em;
background: var(--secondaryBackground);
width: 40px;
height: 40px;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
cursor: pointer;
}
.team--member--toggle>span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: var(--mainColor);
}
.team--member--toggle>span:first-child {
width: 1px;
height: 50%;
}
.team--member--toggle>span:last-child {
width: 50%;
height: 1px;
}
.team--member--toggle:hover {
background: var(--mainColor);
}
.team--member--toggle:hover span {
background: var(--secondaryBackground);
}
.pe--team--member.active .team--member--toggle {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.pe--team--member.member--card.active .team--member--summ,
.pe--team--member.active .team--member--summ {
opacity: 1;
visibility: visible;
}
.pe--team--member.member--card .team--member--cont {
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 1em;
}
.pe--team--member.member--card .team--member--socials {
position: static;
opacity: 1;
visibility: visible;
margin-top: 1em;
}
.pe--team--member.member--card .team--member--summ {
opacity: 0;
visibility: hidden;
background: none;
width: 100%;
padding: 0;
overflow: hidden;
left: 0;
padding: 2em;
font-size: 16px;
background: var(--mainBackground);
bottom: 0;
z-index: 0;
}
.pe--team--member.member--card .team--member--cont .team--member--name {
font-size: 1.6em;
letter-spacing: -0.04em;
-moz-text-align-last: justify;
text-align-last: justify;
}
.pe--team--member.member--card .team--member--cont .team--member--title {
font-size: 1rem;
color: var(--secondaryColor);
}
.pe--team--member.member--card {
padding: 1em;
background: var(--mainBackground);
color: var(--mainColor);
border: 0.5px solid var(--linesColor);
}
.pe--team--member.member--card .team--member--socials>ul li {
display: inline-block;
font-size: 1em;
margin-bottom: 0;
width: 1em;
margin-right: 1em;
}
.pe--team--member.member--card .team--member--socials>ul li.sc--text {
width: auto;
text-transform: uppercase;
font-size: 15px;
margin-right: 10px;
}
.pe--team--member.member--card .team--member--socials ul li a::after,
.pe--team--member.member--card .team--member--socials ul li a::before {
display: none;
}
.pe--team--member.member--card .team--member--socials ul {
margin-bottom: 0;
}
.pe--team--member.member--card .team--member--toggle {
bottom: 1em;
right: 1em;
background: none;
z-index: 1;
}
.pe--team--member.member--card .team--member--toggle>span {
background: var(--mainColor);
}
@media only screen and (max-width: 570px) {
.team--member--summ {
padding: 1em;
width: calc(100% - 2em);
font-size: 18px;
}
.team--member--toggle {
z-index: 4;
}
}  .showcase--wall {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100svh;
}
.showcase--wall .showcase--wall--wrapper {
margin: auto 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.showcase--wall .showcase--wall--line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
will-change: transform;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.showcase--wall .showcase--wall--line.right__to__left {
-webkit-transform: translateX(35vw);
-ms-transform: translateX(35vw);
transform: translateX(35vw);
}
.showcase--wall .showcase--wall--line.left__to__right {
-webkit-transform: translateX(-35vw);
-ms-transform: translateX(-35vw);
transform: translateX(-35vw);
}
.showcase--wall .showcase--wall--line .showcase--project {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
text-transform: uppercase;
overflow: hidden;
}
.showcase--wall.showcase--hovered .showcase--project {
opacity: 0.2;
}
.showcase--wall.showcase--hovered .showcase--project:hover {
opacity: 1;
}
.showcase--wall .showcase--wall--line .showcase--project::after {
content: '';
display: inline-block;
width: 50px;
height: 5px;
float: left;
background: var(--secondaryColor);
margin: 0 24px;
}
.showcase--wall .showcase--wall--line .showcase--project[data-animate="true"]::after {
width: 0px;
}
.showcase--wall .showcase--wall--line .showcase--project[data-animate="true"].is-inview::after {
width: 75px;
-webkit-transition: all .65s cubic-bezier(0.35, 0.36, 0.13, 0.99);
-o-transition: all .65s cubic-bezier(0.35, 0.36, 0.13, 0.99);
transition: all .65s cubic-bezier(0.35, 0.36, 0.13, 0.99);
}
.showcase--wall .showcase--wall--line .showcase--project:last-child::after {
display: none;
}
.showcase--wall .showcase--wall--image--overlay {
position: absolute;
top: 0;
left: 0;
width: 25vw;
height: 30%;
pointer-events: none;
}
.showcase--wall .showcase--wall--image--overlay>div {
position: absolute;
width: 100%;
opacity: 0;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
pointer-events: none; }
.showcase--wall .showcase--wall--image--overlay>div.showcase--image--active {
opacity: 1;
}
@media only screen and (max-width: 570px) {
.showcase--wall .showcase--wall--line.right__to__left {
-webkit-transform: translateX(20%);
-ms-transform: translateX(20%);
transform: translateX(20%);
}
.showcase--wall .showcase--wall--line.left__to__right {
-webkit-transform: translateX(-80%);
-ms-transform: translateX(-80%);
transform: translateX(-80%);
}
.showcase--wall .project--title {
margin: 0;
}
}
.showcase--wall span.sw--seperator {
display: block;
width: 100%;
height: 1px;
background: var(--linesColor);
opacity: .5;
}  .showcase--list .showcase--project .project--head {
overflow: hidden;
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: 10vw;
-webkit-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease;
}
.showcase--list.project__active .showcase--project .project--head {
opacity: 0.2;
}
.showcase--list.project__active .showcase--project.showcase--project--active .project--head {
opacity: 1;
}
.showcase--list .showcase--project .project--head .project--category {
width: 40%;
text-transform: uppercase;
color: var(--secondaryColor);
}
.showcase--list .showcase--project .project--head .project--title {
width: 50%;
float: left;
text-transform: uppercase;
}
.showcase--list .showcase--project .project--head .project--index {
float: left;
color: var(--secondaryColor);
position: absolute;
left: 0;
}
.showcase--list .showcase--project .project--head .project--seperator {
position: absolute;
right: 0;
}
.showcase--list .showcase--project .project--content {
height: 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-left: 10vw;
}
.showcase--list .showcase--project {
padding: 1em 0;
position: relative;
}
.showcase--list .showcase--project::before {
content: "";
display: block;
position: absolute;
left: 50%;
width: 100vw;
height: 0.5px;
background: var(--linesColor);
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.showcase--list .showcase--project .project--content--wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.showcase--list .showcase--project.showcase--project--active .project--content {
height: auto;
padding: 2em 0;
}
.showcase--list .showcase--project .project--seperator * {
-webkit-transition: all .75s ease;
-o-transition: all .75s ease;
transition: all .75s ease;
opacity: 1;
font-size: 40px;
color: var(--secondaryColor);
}
.showcase--list .showcase--project.showcase--project--active .project--seperator * {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
opacity: 1;
}
.showcase--list .showcase--project .project--content .project--image {
float: left;
width: 30%;
}
.showcase--list .showcase--project .project--content .project--image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.showcase--list .showcase--project .project--content .project--meta .project--button {
margin-top: auto;
width: 100%;
}
.showcase--list .showcase--project .project--content .project--meta {
width: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: end;
align-content: flex-end;
gap: 2em;
}
.showcase--list .showcase--project .project--content .project--meta>div {
font-size: 16px;
text-transform: uppercase;
color: var(--secondaryColor);
}
.showcase--list .showcase--project .project--content .project--meta>div.project--excerpt {
padding-right: 20%;
}
.showcase--list .showcase--project .project--content .project--meta>div.project--client::after {
content: "/";
margin-right: 3px;
}
.showcase--list .showcase--project .project--content .project--meta .project--category {
display: none;
}
.showcase--list .showcase--project .project--content .project--button {
pointer-events: all;
margin-top: 32px;
}
@media only screen and (max-width: 550px) {
.showcase--list .project--head .project--category {
display: none;
}
.showcase--list .showcase--project .project--content--wrap {
display: block;
}
.showcase--list .showcase--project .project--content .project--meta {
display: block;
width: 100%;
height: -webkit-fit-content !important;
height: -moz-fit-content !important;
height: fit-content !important;
}
.showcase--list .showcase--project .project--content {
margin: 0;
}
.showcase--list .project--head .project--index,
.showcase--list .project--head .project--seperator {
width: 10% !important;
font-size: 13px;
}
.showcase--list .showcase--project .project--head .project--title {
width: 80% !important;
font-size: 25px;
}
.showcase--list .showcase--project .project--content .project--image {
margin: 0;
width: 100%;
margin-bottom: 20px;
}
.showcase--list .showcase--project .project--content .project--image img {
width: 100%;
}
.showcase--list .showcase--project .project--content .project--meta .project--excerpt {
margin-bottom: 10px;
padding-right: 0 !important;
}
.showcase--list .showcase--project .project--content .project--meta .project--category {
display: block;
}
.showcase--list .showcase--project .project--content .project--meta .project--category,
.showcase--list .showcase--project .project--content .project--meta .project--date {
width: 33%;
float: left;
}
.showcase--list .showcase--project .project--content .project--meta .project--date {
text-align: center;
}
.showcase--list .showcase--project .project--content .project--meta .project--client {
width: 34%;
float: right;
text-align: right;
}
.showcase--list .showcase--project .project--content .project--button {
pointer-events: all;
}
.showcase--list .showcase--project .project--content .project--button .pe--button {
margin-top: 1em
}
}  .showcase--slider {
height: 100vh;
overflow: hidden;
position: relative;
}
.showcase--slider .showcase--slider--wrapper {
width: 100%;
height: 90%;
}
.showcase--slider .showcase--slider--wrapper .showcase--project {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
top: 10%;
left: 20%;
width: 70%;
height: 35vw;
}
.showcase--slider .showcase--slider--wrapper .showcase--project.showcase--project--active {
z-index: 1;
}
.showcase--slider .showcase--slider--wrapper .showcase--project .project--image {
width: 100%;
height: 100%;
overflow: hidden;
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}
.showcase--slider .showcase--slider--wrapper .showcase--project .project--image .pe-video,
.showcase--slider .showcase--slider--wrapper .showcase--project .project--image .pe-video>.plyr {
width: 100%;
height: 100%;
}
.showcase--slider .showcase--slider--wrapper .showcase--project .project--image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.showcase--slider .showcase--slider--wrapper .showcase--project:first-child .project--image {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
.showcase--slider .showcase--slider--wrapper .showcase--project:first-child {
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
}
.showcase--slider .showcase--slider--wrapper .showcase--project .project--meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%;
width: 50%;
float: left;
padding: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
-webkit-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
top: 0;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.showcase--slider .showcase--slider--wrapper .showcase--project.showcase--project--active .project--meta {
opacity: 1;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.showcase--slider .showcase--slider--wrapper .showcase--project .project--meta .project--title {
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
display: inline-block;
font-weight: 500;
text-transform: uppercase;
}
.showcase--slider .project--content>div {
text-transform: uppercase;
letter-spacing: -0.03em;
font-size: 16px;
color: var(--secondaryColor);
}
.showcase--slider .showcase--slider--footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
padding: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.showcase--slider .showcase--slider--footer .slider--button {
margin-left: auto;
}
.showcase--slider .showcase--slider--footer .slider--navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.showcase--slider .showcase--slider--footer .slider--navigation .nav--item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.showcase--slider .mobile__link {
pointer-events: none;
width: 100%;
height: 100%;
display: block;
}
.showcase--slider .project--meta--top {
display: none !important;
}
.showcase--slider .showcase--slider--wrapper .showcase--project .project--meta .project--content {
margin-top: 35px;
margin-bottom: 35px;
}
.showcase--slider .project--content>div.project-button {
margin-top: 35px;
}
.showcase--slider--grid {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 111;
pointer-events: none;
}
.showcase--slider--grid>span {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background: var(--linesColor);
}
.showcase--slider--grid>span:nth-child(3),
.showcase--slider--grid>span:nth-child(4) {
width: 100%;
height: 1px;
}
@media only screen and (max-width: 570px) {
.showcase--slider {
height: 100svh;
width: 100%;
overflow: hidden;
left: 0;
}
.showcase--slider .showcase--slider--wrapper {
height: 85%;
overflow: hidden;
}
.showcase--slider .showcase--slider--wrapper .showcase--project {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
display: block;
}
.showcase--slider .showcase--slider--footer {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 9999999;
position: relative;
}
.showcase--slider .mobile__link {
pointer-events: all;
height: 100%;
overflow: hidden;
display: block;
}
.showcase--slider .showcase--slider--footer .slider--button {
display: none;
}
.showcase--slider .showcase--project {
top: 50% !important;
left: 50% !important;
width: 90% !important;
height: 75% !important;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.showcase--slider .showcase--project .project--image {
height: 80% !important;
width: 100% !important;
}
.showcase--slider .showcase--project .project--meta.project--meta--bottom {
width: 100%;
padding: 0;
margin-top: 20px;
display: block;
}
.showcase--slider .showcase--project .project--meta.project--meta--bottom .project--content {
margin: 0;
}
.showcase--slider .showcase--project .project--meta.project--meta--bottom>div {
text-align: left;
}
.showcase--slider .showcase--project .project--meta.project--meta--bottom .project--client {
float: left;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.showcase--slider .showcase--project .project--meta.project--meta--bottom .project--date {
display: block;
}
.showcase--slider .showcase--project .project--meta.project--meta--bottom .project--client::after {
position: relative;
content: '';
display: inline-block;
width: 30px;
height: 1px;
background: var(--mainColor);
margin: 0 8px;
}
.showcase--slider .showcase--project .project--meta.project--meta--bottom .project--title,
.showcase--slider .showcase--project .project--meta.project--meta--bottom .project--category,
.showcase--slider .showcase--project .project--meta.project--meta--bottom .project-button {
display: none !important;
}
.showcase--slider .showcase--project .project--meta .project--title {
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
margin: 0;
white-space: nowrap;
}
.showcase--slider .project--meta--top {
display: flex !important;
min-height: 0px !important;
width: 100% !important;
text-align: left !important;
padding: 0 !important;
text-transform: uppercase;
flex-direction: row-reverse !important;
justify-content: space-between !important;
margin-bottom: 1em !important;
}
.showcase--slider .project--category.text-h6 {
font-size: 16px;
}
.showcase--slider .showcase--project .project--meta .project--title {
font-size: 1em;
}
}  .showcase--carousel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100vh;
overflow: hidden;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
--activeWidth: 50vw;
--activeHeight: 60vh;
--inactiveWidth: 25vw;
--inactiveHeight: 40vh;
pointer-events: none;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project:first-child::before,
.showcase--carousel .showcase--carousel--wrapper .showcase--project::after {
content: "";
display: block;
position: absolute;
right: -3px;
width: 1px;
height: 100vh;
background: var(--linesColor);
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: .5;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project:first-child::before {
right: unset;
left: -3px
}
.showcase--carousel .showcase--carousel--inner::after,
.showcase--carousel .showcase--carousel--inner::before {
content: "";
background: var(--linesColor);
width: 100vw;
height: 1px;
display: block;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.showcase--carousel .showcase--carousel--inner::before {
top: unset;
bottom: 0
}
.showcase--carousel--inner {
position: relative;
width: 100%;
}
.showcase--carousel .showcase--carousel--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
will-change: transform;
gap: 6px;
padding-left: 30px;
position: relative;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project {
width: 25vw;
height: 40vh;
position: relative;
pointer-events: all;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project a {
pointer-events: all;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project .project--image {
height: 100%;
overflow: hidden;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project .project--image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project .project--meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
opacity: 1;
z-index: -1;
width: 100%;
white-space: nowrap;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-transform: uppercase;
margin-top: 1em;
padding: 0 .5em;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project.showcase--project--active .project--meta {
opacity: 1;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project .project--meta>div:not(.project--title) {
opacity: 0;
-webkit-transition: all .4s ease .5s;
-o-transition: all .4s ease .5s;
transition: all .4s ease .5s;
color: var(--secondaryColor);
padding-right: 10px;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project .project--meta>div.project--title {
width: 100%;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project.showcase--project--active .project--meta>div:not(.project--title) {
opacity: 1;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project .project--meta>div.project--button {
position: absolute;
right: 0;
top: 0;
font-size: 16px;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project .project--image .pe-video,
.showcase--carousel .showcase--carousel--wrapper .showcase--project .project--image .pe-video>.plyr {
width: 100%;
height: 100%;
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project .plyr__video-wrapper {
-webkit-transition: all .75s ease-out;
-o-transition: all .75s ease-out;
transition: all .75s ease-out;
}
.showcase--project--active .plyr__video-wrapper {
width: 100% !important;
height: 100% !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
@media only screen and (max-width: 570px) {
.showcase--carousel .showcase--carousel--wrapper .showcase--project {
height: 60vh
}
.showcase--carousel {
pointer-events: all
}
.showcase--carousel .showcase--carousel--wrapper .showcase--project .project--meta>div:not(.project--title) {
opacity: 1;
}
.showcase--carousel {
height: 100svh !important;
overflow: hidden;
-webkit-box-align: self-start;
-ms-flex-align: self-start;
align-items: self-start;
--inactiveWidth: 100vw;
--inactiveHeight: 80vh;
}
.showcase--carousel .showcase--carousel--inner {
height: 100%;
}
.showcase--carousel .showcase--carousel--wrapper {
padding: 0;
height: 100%;
}
.showcase--carousel .showcase--project {
min-width: var(--inactiveWidth);
opacity: 0.7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.showcase--carousel .showcase--project .project--image {
height: 80vh !important;
}
.showcase--carousel .showcase--project.showcase--project--active {
opacity: 1;
}
.showcase--carousel .showcase--project .project--meta {
width: 100% !important;
position: relative !important;
opacity: 1 !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.showcase--carousel .showcase--project.showcase--project--active .project--meta {
opacity: 1 !important;
-webkit-transition-delay: 0s !important;
-o-transition-delay: 0s !important;
transition-delay: 0s !important;
}
.showcase--carousel .showcase--project .project--meta>div {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
opacity: 0.6;
text-transform: uppercase;
}
.showcase--carousel .showcase--project .project--meta .project--title {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-transform: uppercase;
opacity: 1;
font-size: 1em;
margin-bottom: 2em;
}
}  .infinite--carousel {
position: relative;
display: block;
overflow: hidden;
--projectWidth: 400px;
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.infinite--carousel .infinite--carousel--wrapper {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.infinite--carousel .infinite--carousel--wrapper .infinite--carousel--inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
gap: 30px;
align-items: flex-end;
margin-bottom: 60px;
}
.infinite--carousel .infinite--carousel--wrapper .showcase--project {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: var(--projectWidth);
}
.infinite--carousel .infinite--carousel--wrapper .showcase--project .project--image {
position: relative;
z-index: 999999;
}
.infinite--carousel .infinite--carousel--wrapper .showcase--project .project--meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: auto;
padding-top: 10px;
margin-bottom: 10px;
padding-right: 0;
padding-left: 0;
opacity: 1;
visibility: visible;
font-size: 16px;
opacity: 0;
transition: opacity .3s ease
}
.infinite--carousel .infinite--carousel--wrapper .showcase--project:hover .project--meta {
opacity: 1
}
.infinite--carousel .infinite--carousel--wrapper .showcase--project .project--meta .project--title {
text-transform: uppercase;
}
.infinite--carousel .infinite--carousel--wrapper .showcase--project .project--meta .project--category {
text-transform: uppercase;
color: var(--secondaryColor);
}
.infinite--carousel .infinite--carousel--wrapper .showcase--project .project--excerpt {
opacity: 0;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.infinite--carousel .infinite--carousel--wrapper .showcase--project.showcase--project--active .project--excerpt {
text-transform: uppercase;
opacity: 0.7;
}
.grid_lines_yes .infinite--carousel--inner.container {  } .grid_lines_yes .infinite--carousel .infinite--carousel--wrapper .showcase--project::before {
right: unset;
left: 0
}
@media only screen and (max-width: 570px) { }  .infinite--grid .infinite--grid--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 150px;
height: 100svh;
overflow: hidden;
}
.infinite--grid .grid--column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
will-change: transform;
}
.infinite--grid .grid--column .showcase--project {
margin-bottom: 150px;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.infinite--grid .grid--column .showcase--project .project--meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.infinite--grid .grid--column .showcase--project .project--meta {
opacity: 0;
}
.infinite--grid.hovered .grid--column .showcase--project.showcase--project--active .project--meta {
opacity: 1;
}
.infinite--grid.hovered .grid--column .showcase--project {
opacity: 0.5;
}
.infinite--grid.hovered .grid--column .showcase--project.showcase--project--active {
opacity: 1;
}
.infinite--grid .grid--column .showcase--project .project--meta .project--title,
.infinite--grid .grid--column .showcase--project .project--meta .project--category {
text-transform: uppercase;
}
.infinite--grid .grid--column .showcase--project .project--meta .project--category {
opacity: 0.5;
}
.grid_lines_yes .grid--column::before,
.grid_lines_yes .grid--column::after {
content: "";
display: block;
position: absolute;
right: 0;
width: 1px;
height: 100%;
background: var(--linesColor);
z-index: 1;
}
.grid_lines_yes .grid--column::after {
right: unset;
left: 0
}
.grid_lines_yes .infinite--grid .grid--column .showcase--project .project--image {
border-top: 1px solid var(--linesColor);
border-bottom: 1px solid var(--linesColor)
}
@media only screen and (max-width: 570px) {
.infinite--grid {
display: block;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
height: 100svh;
overflow: hidden;
}
.infinite--grid .infinite--grid--wrapper {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
display: block
}
.infinite--grid .project--meta {
opacity: 1 !important;
}
}  .showcase--void {
position: relative;
overflow: hidden;
height: 100svh;
width: 100%;
-webkit-perspective: 2000px;
perspective: 2000px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.showcase--void--wrapper {
-webkit-perspective: 1500px;
perspective: 1500px;
height: 100%;
width: 100%;
-webkit-transform: translateZ(-500px);
transform: translateZ(-500px);
}
.showcase--void .showcase--project {
position: absolute;
top: 50%;
left: 50%;
width: 50%;
will-change: opacity;
}
.showcase--void .project--meta {
z-index: -1;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
opacity: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 100%;
opacity: 1;
}
.showcase--void .showcase--project.showcase--project--active .project--meta {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.showcase--void .showcase--project:nth-child(2n) {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.showcase--void .showcase--project:nth-child(2n + 1) {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.showcase--void .showcase--project .project--meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.showcase--void .project--meta>div.project--title {
margin-bottom: 20px;
}
.showcase--void .project--meta>div {
text-transform: uppercase;
margin-right: 1em;
font-size: 1.2em;
margin: 0;
margin-top: 1em;
letter-spacing: normal;
line-height: 2;
}
.showcase--void .project--meta>div:not(.project--title) {
color: var(--secondaryColor);
}
.showcase--void .project--meta>div.project--excerpt {
margin-bottom: 1em;
}
@media only screen and (max-width: 570px) {
.showcase--void .showcase--project {
width: 100%;
}
.showcase--void .showcase--void--meta--wrapper {
height: 20svh;
top: 80svh;
left: 24px;
}
.showcase--void .project--meta {
display: block;
white-space: nowrap;
}
.showcase--void .project--meta .project--client {
text-align: right;
display: none;
}
.showcase--void .project--meta .project--date {
text-align: center;
display: none;
}
.showcase--void .project--meta .project--excerpt {
display: none;
}
.showcase--void .project--meta>div {
margin: 0;
}
}  .fullscreen--slideshow {
height: 100vh;
overflow: hidden;
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project {
height: 100%;
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project .parallax--wrap {
position: absolute;
height: 100%;
width: 100%;
overflow: hidden;
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project .slide-bgimg {
height: 100%;
width: 100%;
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project .project--image {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project .project--image .pe-video {
width: 100%;
height: 100%;
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project .project--image {
-webkit-filter: brightness(0.9);
filter: brightness(0.9);
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project .project--image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.fullscreen--slideshow .project--button i {
font-size: 5em;
}
.fullscreen--slideshow .project--button svg {
width: 50px;
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project .project--meta>div {
width: 25%;
text-transform: uppercase;
}
.fullscreen--slideshow .project--button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.fullscreen--slideshow .project--top {
position: absolute;
top: 100px;
left: 30px;
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
white-space: nowrap;
overflow: hidden;
}
.fullscreen--slideshow .pt--foot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
font-size: 16px;
overflow: hidden;
gap: 30px;
}
.fullscreen--slideshow .project--excerpt {
position: absolute;
bottom: 25%;
left: 65%;
max-width: 25vw;
text-transform: uppercase;
font-size: 16px;
overflow: hidden;
}
.fullscreen--slideshow .ss_line {
overflow: hidden;
}
@media only screen and (max-width: 570px) {
.fullscreen--slideshow {
height: 100svh;
}
.fullscreen--slideshow .project--meta .project--client,
.fullscreen--slideshow .project--meta .project--date,
.fullscreen--slideshow .project--meta .project--content {
display: none;
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project .project--meta {
display: block;
width: 100%;
gap: 0;
position: relative;
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project .project--meta>div {
width: 100%;
}
.fullscreen--slideshow .fullscreen--slideshow--wrapper .showcase--project .project--meta .project--button {
position: absolute;
bottom: 20px;
right: 20px;
}
.fullscreen--slideshow .project--excerpt {
width: 100%;
left: 20px;
bottom: 10vh;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
display: none;
}
.fullscreen--slideshow .project--top {
left: 50%;
transform: translateX(-50%);
align-items: center;
justify-content: center;
}
.fullscreen--slideshow .project--title.no-margin.text-h1 {
font-size: 10vw;
margin-bottom: 10px;
}
}  .elementor-widget-pevideo .elementor-widget-container {
overflow: hidden
}
.pe-video.vid--interracted.vid--paused .plyr__video-wrapper {
background: #000 !important;
}
.pe-video {
--plyr-color-main: var(--mainBackground);
--plyr-color-secondary: var(--mainColor);
--plyr-range-thumb-background: var(--plyr-color-main);
}
.showcase-project .pe-video .plyr__video-wrapper {
background: none !important;
}
.pe-video .plyr--playing iframe {
opacity: 1;
}
.pe--large--play.icons {
width: 75px;
height: 75px;
border-radius: 50%;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pe--large--play.icons::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
background: var(--plyr-color-main);
border-radius: 50%;
z-index: -1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease
}
.pe--large--play.icons>div {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50%;
height: 50%;
}
.pe--large--play.icons svg {
fill: var(--plyr-color-secondary);
}
.pe--large--play.icons:hover::after {
background: var(--plyr-color-secondary);
}
.pe--large--play.icons:hover svg {
fill: var(--plyr-color-main);
}
.pe--large--play.icons:hover .pe--play img {
-webkit-filter: invert(1);
filter: invert(1);
}
.pe--large--play.icons>div.pe--pause {
opacity: 0;
}
.pe-video.autoplay--running .plyr--video .plyr__controls {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.pe--large--play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.pe-video.vid--playing .pe--large--play {
opacity: 0;
}
.pe-video.lightbox-open {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 999999;
}
.pe-video.lightbox-open .plyr {
height: 85%;
}
.plyr--full-ui input[type=range]:focus {
color: var(--plyr-color-main)
}
.pe-video.lightbox-open::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
z-index: -1;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.pe-video.lightbox-open.lightbox--started::after {
opacity: .8
}
.pe--lightbox--close {
color: #fff;
position: absolute;
top: 1vw;
right: 1vw;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
width: 50px;
height: 50px;
z-index: 1;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease
}
.pe--lightbox--close.x-icon {
background: var(--mainBackground);
border-radius: 50%;
}
.pe--lightbox--close.x-icon:hover {
opacity: .4
}
.pl--close--icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50%;
height: 50%;
}
.lightbox-open .pe--lightbox--close {
opacity: 1;
}
.pe--lightbox--hold {
display: block;
width: 100%;
height: 100%;
position: absolute;
}
.lb-hold .pe--lightbox--hold {
position: static
}
.plyr--stopped .plyr__controls {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.pe--large--play.texts {
color: var(--mainColor);
cursor: pointer;
font-size: 2rem;
letter-spacing: normal;
}
.lightbox-open .plyr__video-wrapper.plyr__video-embed {
width: 100% !important;
height: 100% !important;
}
@media only screen and (max-width: 570px) {
.pe--large--play {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.pe-video.lightbox-open .plyr__video-embed__container {
-webkit-transform: translateY(-10%) !important;
-ms-transform: translateY(-10%) !important;
transform: translateY(-10%) !important;
}
.pe-video.lightbox-open .plyr {
width: 100vw;
height: 100vh;
}
} .pe-video.skin--rounded {
--plyr-video-control-color: var(--plyr-color-secondary);
--plyr-control-spacing: 20px;
--plyr-font-size-small: 18px;
}
.pe-video.skin--rounded .plyr {
border-radius: 25px;
overflow: hidden;
}
.pe-video.skin--rounded .plyr__control {
background: var(--plyr-color-main);
border-radius: 50%;
padding: 1em;
border: 0.5px solid var(--plyr-color-secondary);
}
.pe-video.skin--rounded .plyr--video .plyr__control:hover {
opacity: 1;
color: var(--plyr-color-main);
background: var(--plyr-video-control-color)
}
.pe-video.skin--rounded .plyr__controls .plyr__controls__item.plyr__time {
line-height: 1;
background: var(--plyr-color-main);
border-radius: 50px;
}
.pe-video.skin--rounded .plyr__controls__item.plyr__time--current.plyr__time {
padding: 1em 0em 1em 4em;
margin-left: -3em
}
.pe-video.skin--rounded .plyr__controls__item.plyr__time--current.plyr__time::after {
content: '/';
margin-left: 0.5em
}
.pe-video.skin--rounded .plyr__controls__item.plyr__time--duration.plyr__time {
padding: 1em 1em 1em 1.8em !important;
margin-left: -1.4em;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
z-index: -1
}
.pe-video.skin--rounded .plyr__time+.plyr__time:before {
display: none
}
.pe-video.skin--rounded .plyr--video .plyr__controls {
background: none
}
.pe-video.skin--rounded .plyr__controls .plyr__controls__item:first-child {
margin-right: 0
}
.pe-video.skin--rounded .plyr__controls__item.plyr__time--duration.plyr__time {
margin-right: auto
} .pe-video.skin--minimal {
--plyr-control-spacing: 20px;
--plyr-font-size-small: 16px;
--plyr-range-track-height: 2px;
}
.pe-video.skin--minimal .plyr--video .plyr__control:focus-visible,
.pe-video.skin--minimal .plyr--video .plyr__control:hover,
.pe-video.skin--minimal .plyr--video .plyr__control[aria-expanded=true] {
opacity: 1;
background: none
}
.pe-video.skin--minimal .plyr--video .plyr__controls {
background: none;
color: var(--plyr-color-main);
}
.pe-video.skin--minimal .plyr--video .plyr__control:hover {
color: var(--plyr-color-secondary);
}
.pe-video.skin--minimal .pe--lightbox--close.x-icon {
background: none;
-webkit-filter: invert(1);
filter: invert(1);
} .pe-slider {
width: 100%;
height: 60vh;
}
.slider-wrapper {
width: 100%;
height: 100%;
position: relative;
border-radius: 16px
}
.pe-slider.nav_button .nav .prev {
opacity: 0.4
}
.pe-slide {
width: 100%;
height: 100%;
position: absolute;
right: 0;
left: unset;
bottom: 0;
border-radius: 20px;
overflow: hidden
}
.pe-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.pe-slide a {
width: 100%;
height: 100%;
position: absolute;
z-index: 9999;
color: none
}
.slide-image {
overflow: hidden;
width: 100%;
height: 100%;
position: absolute;
left: 0;
border-radius: 20px
}
.parallax .slide-image {
left: unset;
right: 0
}
.slide-image source {
border-radius: 20px
}
.vertical .slide-image {
top: 0;
}
.vertical.parallax .slide-image {
top: unset;
bottom: 0
}
.parallax .item-wrap {
position: absolute
}
.item-wrap {
width: 100%;
height: 100%;
left: unset;
right: 0;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-size: cover;
background-repeat: no-repeat;
padding-left: 24px
}
.pe-slider.vertical .item-wrap {
bottom: 0;
}
.pe-slider.nav_button .pe-slide {
width: 0;
height: 100%;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.pe-slider.nav_button .pe-slide:first-child {
width: 100%
}
.pe-slider.vertical.nav_button .pe-slide {
width: 100%;
height: 0;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
.pe-slider.vertical.nav_button .pe-slide:first-child {
height: 100%
}
.pe-slider .pe-slide .slide-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 100%
}
.pe-slider .pe-slide .slide-meta .slide-title {
padding-left: 24px;
padding-top: 24px;
}
.pe-slider .pe-slide .slide-meta .slide-category {
padding-left: 24px
}
.pe-slider .pe-slide .slide-meta .slide-content {
margin-top: auto;
padding: 24px
}
.pe-slider .pe-slide-nav-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.pe-slider .navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.pe-slider .pe-fraction {
margin-left: auto
}
.elementor {
margin: 0 !important
} .pe--single--post.psp--elementor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
gap: 1.5em;
position: relative;
}
.pe--single--post.psp--elementor .post-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-transform: uppercase;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 1em;
gap: 5px;
color: var(--secondaryColor);
}
.pe--single--post.psp--elementor .post-meta>div::after {
content: "-";
display: inline-block;
}
.pe--single--post.psp--elementor .post-meta>div:last-child::after {
content: "-";
display: none;
}
.pe--single--post.psp--elementor .post-meta a {
color: var(--secondaryColor);
}
.pe--single--post.psp--elementor .thmb {
height: 600px;
overflow: hidden;
}
.pe--single--post.psp--elementor .thmb div,
.pe--single--post.psp--elementor .thmb img,
.pe--single--post.psp--elementor .thmb a {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.pe--single--post.psp--elementor .post-details {
text-transform: uppercase;
max-width: 90%;
}
.pe--single--post.psp--elementor .post-details h6 {
font-size: 1em
} .pe--single--post.psp--elementor.post_horizontal {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pe--single--post.psp--elementor.post_horizontal .thmb {
height: 300px;
width: 35%;
}
.pe--single--post.psp--elementor.post_horizontal .post-details {
max-width: 61%;
text-transform: unset;
}
.pe--single--post.psp--elementor.post_horizontal h6.post-title.entry-title {
text-transform: uppercase;
font-size: 1.2em;
}
.pe--single--post.psp--elementor.post_horizontal .post-excerpt {
color: var(--secondaryColor);
}
.pe--single--post.psp--elementor.post_horizontal .post-meta {
font-size: 16px;
}
.elementor-widget-peblogposts .elementor-widget-container {
overflow: hidden;
} .pe--single--project.psp--elementor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
gap: 10px;
position: relative;
}
.pe--single--project.psp--elementor .post-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: flex-start;
gap: 5px;
}
.pe--single--project.psp--elementor .post-meta {
text-transform: uppercase;
font-size: 16px;
color: var(--secondaryColor);
}
.pe--single--project.psp--elementor .thmb {
overflow: hidden;
border-radius: 0px;
}
.pe--single--project.psp--elementor .thmb div,
.pe--single--project.psp--elementor .thmb img,
.pe--single--project.psp--elementor .thmb a {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
-o-transition: transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease, -webkit-transform .5s ease;
}
.pe--single--project.psp--elementor:hover .thmb img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.pe--single--project.psp--elementor .post-details {
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pe--single--project.psp--elementor .post-details h6.post-title {
font-size: 1em;
}
.pe--single--project.psp--elementor .post-meta>div::after {
content: "-";
display: inline-block;
margin-left: 5px;
}
.pe--single--project.psp--elementor .post-meta>div:last-child::after {
display: none
} .pe--single--project.psp--elementor.style--horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row-reverse;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.pe--single--project.psp--elementor.style--horizontal>* {
width: 50%;
}
.pe--single--project.psp--elementor.style--horizontal .thmb {
max-height: 500px;
}
.pe--single--project.psp--elementor.style--horizontal .post-meta {
position: static;
text-transform: uppercase;
color: var(--secondaryColor);
}
.pe--single--project.psp--elementor.style--horizontal .post-meta>div {
padding: 0;
background: none;
border-radius: 0;
}
.pe--single--project.psp--elementor.style--horizontal .post-meta>div>div {
display: inline-block;
}
.pe--single--project.psp--elementor.style--horizontal .post-meta>div>div::after {
content: "/";
}
.pe--single--project.psp--elementor.style--horizontal .post-meta>div>div:last-child::after {
display: none;
}
.pe--single--project.psp--elementor.style--horizontal .post-details {
padding: 0
}
.pe--single--project.psp--elementor.style--horizontal h6.post-title.entry-title {
font-size: 3em;
text-transform: uppercase;
letter-spacing: -0.03em;
}
.horizontal--meta--wrap {
display: flex;
flex-direction: column-reverse;
padding: 1em;
justify-content: flex-end;
} .pe--posts--grid {
display: block;
width: 100%;
float: left;
--columns: 3;
--gap: 50px;
}
.pe--posts--grid>div:not(.grid--posts--wrapper) {
display: block;
}
.grid--posts--wrapper {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(var(--columns), 1fr);
gap: var(--gap);
}
.pe--posts--grid ul.filters-list {
list-style: none;
margin: 0;
display: inline-block;
border-radius: 50px;
--activeLeft: 0px;
--activeWidth: 68px;
position: relative;
text-transform: uppercase;
padding-left: 1em;
}
.pe--posts--grid .grid--filters {
margin-bottom: 2em;
}
.pe--posts--grid ul.filters-list li {
display: inline-block;
padding: 0;
position: relative;
z-index: 1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 2em;
color: var(--secondaryColor);
}
.pe--posts--grid ul.filters-list li.post-filter.active {
color: var(--mainColor);
}
.pe--posts--grid ul.filters-list::after {
content: "]";
display: block;
position: absolute;
left: var(--activeWidth);
height: 100%;
top: 0;
z-index: 0;
}
.pe--posts--grid ul.filters-list::before {
content: "[";
display: block;
position: absolute;
left: calc(var(--activeLeft) - 0.1em);
top: 0;
z-index: 0;
}
.pe--posts--grid .pe-load-more {
text-align: center;
margin-top: 3em;
text-decoration: underline;
-webkit-transition: opacity .2s ease;
-o-transition: opacity .2s ease;
transition: opacity .2s ease
}
.pe--posts--grid .pe-load-more.plm--loading {
opacity: 0.5;
pointer-events: none
}
.pe--posts--grid .pe-load-more.plm--disabled {
display: none
}
@media only screen and (max-width: 570px) {
.pe--single--post.psp--elementor .post-meta {
font-size: 16px;
}
} .pe--button {
display: inline-block;
width: auto;
height: auto;
font-size: 1em;
}
.pe--button--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pe--button--wrapper a {
display: inline-block;
position: relative;
overflow: hidden;
z-index: 5;
}
.pe--button--wrapper a>span {
position: relative;
z-index: 5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
-o-transition: transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
will-change: transform;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pe--button--wrapper a>span:nth-child(2) {
position: absolute;
top: 100%;
color: var(--mainBackground);
}
.pe--button--wrapper a>span span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pe--button.pb--underlined .pe--button--wrapper a::after {
content: '';
display: block;
position: absolute;
bottom: 0.06em;
left: 0;
width: 100%;
height: 0.05em;
background: var(--mainColor);
}
.pe--button.pb--underlined .pe--button--wrapper a:hover::after {
-webkit-animation-name: toggleLine;
animation-name: toggleLine;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-play-state: running;
animation-play-state: running;
-webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
animation-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.pe--button.pb--underlined.pb--background .pe--button--wrapper a:hover::after {
background: var(--secondaryBackground)
}
.pe--button.pb--bordered,
.pe--button.pb--background {
--padTop: 0.5em;
--padLeft: 1.5em;
}
.pe--button.pb--underlined.pb--bordered .pe--button--wrapper a::after,
.pe--button.pb--underlined.pb--background .pe--button--wrapper a::after {
width: calc(100% - (var(--padLeft) * 2));
left: calc(var(--padLeft));
bottom: calc(var(--padTop) + 0.06em)
}
.pe--button.pb--bordered .pe--button--wrapper a,
.pe--button.pb--background .pe--button--wrapper a {
padding: var(--padTop) var(--padLeft);
border-radius: 10px;
}
.pe--button.pb--background .pe--button--wrapper a {
background: var(--secondaryBackground);
}
.pe--button.pb--bordered .pe--button--wrapper a {
border: 0.05em solid var(--mainColor)
}
.pe--button.pb--bordered .pe--button--wrapper a::before,
.pe--button.pb--background .pe--button--wrapper a::before {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: var(--mainColor);
z-index: 0;
-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
transition: all .6s cubic-bezier(.19, 1, .22, 1);
border-radius: 50%;
}
.pe--button.pb--bordered .pe--button--wrapper a:hover::before,
.pe--button.pb--background .pe--button--wrapper a:hover::before {
height: 100%;
border-radius: 0;
}
.pe--button.pb--bordered .pe--button--wrapper a,
.pe--button.pb--background .pe--button--wrapper a {
-webkit-transition: color .4s ease;
-o-transition: color .4s ease;
transition: color .4s ease;
}
.pe--button.pb--marquee .pe--button--wrapper a {
-webkit-transition: color .1s ease;
-o-transition: color .1s ease;
transition: color .1s ease;
}
.pe--button.pb--bordered .pe--button--wrapper a:hover,
.pe--button.pb--background .pe--button--wrapper a:hover {
color: var(--secondaryBackground)
}
.pe--button.pb--bordered .pe--button--wrapper a span.pb__hover,
.pe--button.pb--background .pe--button--wrapper a span.pb__hover {
position: absolute;
left: 50%;
top: calc(100% + var(--padTop));
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
border-radius: 50%;
}
.pe--button.pb--bordered .pe--button--wrapper a:hover>span,
.pe--button.pb--background .pe--button--wrapper a:hover>span {
-webkit-transform: translateY(calc(-100% - var(--padTop)));
-ms-transform: translateY(calc(-100% - var(--padTop)));
transform: translateY(calc(-100% - var(--padTop)));
}
@-webkit-keyframes toggleLine {
0% {
-webkit-clip-path: inset(0% 0% 0% 0%);
clip-path: inset(0% 0% 0% 0%);
}
50% {
-webkit-clip-path: inset(0% 0% 0% 100%);
clip-path: inset(0% 0% 0% 100%);
}
51% {
-webkit-clip-path: inset(0% 100% 0% 0%);
clip-path: inset(0% 100% 0% 0%);
}
100% {
-webkit-clip-path: inset(0% 0% 0% 0%);
clip-path: inset(0% 0% 0% 0%);
}
}
@keyframes toggleLine {
0% {
-webkit-clip-path: inset(0% 0% 0% 0%);
clip-path: inset(0% 0% 0% 0%);
}
50% {
-webkit-clip-path: inset(0% 0% 0% 100%);
clip-path: inset(0% 0% 0% 100%);
}
51% {
-webkit-clip-path: inset(0% 100% 0% 0%);
clip-path: inset(0% 100% 0% 0%);
}
100% {
-webkit-clip-path: inset(0% 0% 0% 0%);
clip-path: inset(0% 0% 0% 0%);
}
}
.pb--marquee.no-button {
width: 100%;
height: 1em;
position: relative;
background: var(--secondaryBackground);
padding: 1em;
border-radius: 25px;
}
.pb--marquee.no-button i.material-icons.md-fiber_manual_record {
margin-left: 15px;
}
.pe--button.pb--marquee .pe--button--wrapper a>span {
visibility: hidden;
}
.pb--marquee--wrap {
position: absolute;
top: 50%;
left: 0;
width: 100%;
overflow: hidden;
pointer-events: none;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 99999;
}
.pb--marquee__inner {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
--duration: 5s;
--offset: 1rem;
--move-initial: calc(-25% + var(--offset));
--move-final: calc(-50% + var(--offset));
-webkit-transform: translate3d(var(--move-initial), 0, 0);
transform: translate3d(var(--move-initial), 0, 0);
-webkit-animation: pbMarquee var(--duration) linear infinite;
animation: pbMarquee var(--duration) linear infinite;
-webkit-animation-play-state: paused;
animation-play-state: paused;
opacity: 0;
}
.pb--marquee--wrap.left-to-right .pb--marquee__inner {
--move-initial: calc(-50% + var(--offset));
--move-final: calc(-25% + var(--offset));
}
.pb--marquee--wrap span {
text-align: center;
white-space: nowrap;
padding: 0 0.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@-webkit-keyframes pbMarquee {
0% {
-webkit-transform: translate3d(var(--move-initial), 0, 0);
transform: translate3d(var(--move-initial), 0, 0);
}
100% {
-webkit-transform: translate3d(var(--move-final), 0, 0);
transform: translate3d(var(--move-final), 0, 0);
}
}
@keyframes pbMarquee {
0% {
-webkit-transform: translate3d(var(--move-initial), 0, 0);
transform: translate3d(var(--move-initial), 0, 0);
}
100% {
-webkit-transform: translate3d(var(--move-final), 0, 0);
transform: translate3d(var(--move-final), 0, 0);
}
}
.pb--marquee__inner {
-webkit-animation-play-state: running;
animation-play-state: running;
opacity: 1;
-webkit-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.pe--button i {
font-size: 1em;
line-height: 1;
vertical-align: sub;
width: 1em;
padding-left: 0.4em;
}
.pe--button.icon__left i {
padding-left: 0;
padding-right: 1.4em;
}
.pe--button.pb--small {
font-size: 15px;
}
.pe--button.pb--medium {
font-size: 22px;
}
.pe--button.pb--large {
font-size: 28px;
}  .justify-last {
-moz-text-align-last: justify;
text-align-last: justify;
} .project-featured-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.project-featured-image.parallax--image img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.project-featured-image {
height: 90vh;
}
.project-featured-image.parallax--image {
overflow: hidden;
}
.project-featured-image div {
height: 100%;
}
.project--image--gallery {
display: block;
height: 100%;
height: 80vh;
}
.project--image--gallery--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
height: 100%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
gap: 50px;
}
.project--gallery--image {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
height: 100%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
overflow: hidden;
}
.project--gallery--image img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
} .pe--carousel {
display: block;
width: 100%;
height: auto;
}
.carousel--wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
--itemsWidth: 25vw;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
will-change: transform;
}
.carousel--item {
width: var(--itemsWidth);
}
.carousel--item a {
overflow: hidden;
}
.eq--height--yes .carousel--item .single-image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
} .pe--sc--controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: var(--mainColor);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pe--sc--controls .sc--progressbar {
display: block;
width: 100%;
height: 1px;
margin: 1em 0;
position: relative;
}
.pe--sc--controls span.sc--full {
width: 100%;
height: 100%;
display: block;
background: var(--mainColor);
opacity: .3;
}
.elementor-widget-pesccontrols {
width: 100%;
}
.pe--sc--controls span.sc--prog {
width: 0%;
height: 100%;
display: block;
position: absolute;
left: 0;
top: 0;
background: var(--mainColor);
}
.sc--fraction i {
display: inline-block;
vertical-align: middle;
}
.sc--navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5em;
font-size: 25px;
cursor: pointer;
width: auto;
}
.sc--navigation.nav_text {
font-size: 1em;
}
.sc--navigation>span {
display: inline-block;
}
.sc--navigation>span i {
display: block;
width: 1em;
height: 1em;
line-height: 1;
}
.portfolio--pagination {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
margin-top: 25px;
}
.portfolio--pagination.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.portfolio--pagination.loading {
opacity: 0.5;
}
.portfolio--pagination.loading a {
cursor: wait
}
.pe--sc--controls.brackets--on>div::before {
content: "[";
margin-right: 5px;
}
.pe--sc--controls.brackets--on>div::after {
content: "]";
margin-left: 5px;
} .pe--form {
display: block;
}
.pe--form input[type="text"],
.pe--form input[type="email"],
.pe--form input[type="url"],
.pe--form input[type="password"],
.pe--form input[type="search"],
.pe--form input[type="number"],
.pe--form input[type="tel"],
.pe--form input[type="range"],
.pe--form input[type="date"],
.pe--form input[type="month"],
.pe--form input[type="week"],
.pe--form input[type="time"],
.pe--form input[type="datetime"],
.pe--form input[type="datetime-local"],
.pe--form input[type="color"],
.pe--form textarea {
border: none;
color: var(--mainColor);
background: var(--secondarBackground);
border-bottom: 1px solid var(--linesColor);
border-radius: 0;
}
.pe--form form.wpcf7-form.init {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 2%;
}
.pe--form .form--field {
display: inline-block;
width: 49%;
}
.pe--form .form--field br {
display: none
}
.pe--form .form--field p {
margin: 1em 0px
}
.pe--form .form--field.field-100 {
width: -webkit-fill-available;
}
@media only screen and (max-width: 570px) {
.pe--form .form--field {
width: 100%;
}
}.elementor-widget-video .elementor-widget-container,.elementor-widget-video:not(:has(.elementor-widget-container)){overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{background-color:#000;border:none;display:flex;height:100%;width:100%}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{background-position:50%;background-size:cover;inset:0;position:absolute}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{aspect-ratio:var(--video-aspect-ratio);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )}.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}.elementor-widget-n-accordion{--n-accordion-title-font-size:20px;--n-accordion-title-flex-grow:initial;--n-accordion-title-justify-content:initial;--n-accordion-title-icon-order:-1;--n-accordion-border-width:1px;--n-accordion-border-color:#d5d8dc;--n-accordion-border-style:solid;--n-accordion-item-title-flex-grow:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-padding:10px;--n-accordion-border-radius:0px;--n-accordion-icon-size:15px;--n-accordion-title-normal-color:#1f2124;--n-accordion-title-hover-color:#1f2124;--n-accordion-title-active-color:#1f2124;--n-accordion-icon-normal-color:var(--n-accordion-title-normal-color);--n-accordion-icon-hover-color:var(--n-accordion-title-hover-color);--n-accordion-icon-active-color:var(--n-accordion-title-active-color);--n-accordion-icon-gap:0 10px;width:100%}.elementor-widget-n-accordion .e-n-accordion details>summary::-webkit-details-marker{display:none}.elementor-widget-n-accordion .e-n-accordion-item{display:flex;flex-direction:column;position:relative}.elementor-widget-n-accordion .e-n-accordion-item:not(:last-child){margin-block-end:var(--n-accordion-item-title-space-between)}:where(.elementor-widget-n-accordion .e-n-accordion-item>.e-con){border:var(--n-accordion-border-width) var(--n-accordion-border-style) var(--n-accordion-border-color)}.elementor-widget-n-accordion .e-n-accordion-item-title{align-items:center;border-color:var(--n-accordion-border-color);border-radius:var(--n-accordion-border-radius);border-style:var(--n-accordion-border-style);border-width:var(--n-accordion-border-width);color:var(--n-accordion-title-normal-color);cursor:pointer;display:flex;flex-direction:row;flex-grow:var(--n-menu-title-flex-grow);gap:var(--n-accordion-icon-gap);justify-content:var(--n-accordion-title-justify-content);list-style:none;padding:var(--n-accordion-padding)}.elementor-widget-n-accordion .e-n-accordion-item-title-header{display:flex}.elementor-widget-n-accordion .e-n-accordion-item-title-header h1,.elementor-widget-n-accordion .e-n-accordion-item-title-header h2,.elementor-widget-n-accordion .e-n-accordion-item-title-header h3,.elementor-widget-n-accordion .e-n-accordion-item-title-header h4,.elementor-widget-n-accordion .e-n-accordion-item-title-header h5,.elementor-widget-n-accordion .e-n-accordion-item-title-header h6,.elementor-widget-n-accordion .e-n-accordion-item-title-header p{margin-block-end:0;margin-block-start:0}.elementor-widget-n-accordion .e-n-accordion-item-title-text{align-items:center;font-size:var(--n-accordion-title-font-size)}.elementor-widget-n-accordion .e-n-accordion-item-title-icon{align-items:center;display:flex;flex-direction:row;order:var(--n-accordion-title-icon-order);position:relative;width:-moz-fit-content;width:fit-content}.elementor-widget-n-accordion .e-n-accordion-item-title-icon span{height:var(--n-accordion-icon-size);width:auto}.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-normal-color);font-size:var(--n-accordion-icon-size)}.elementor-widget-n-accordion .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-normal-color);height:var(--n-accordion-icon-size)}.elementor-widget-n-accordion .e-n-accordion-item-title>span{cursor:pointer}.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{color:var(--n-accordion-title-active-color);margin-block-end:var(--n-accordion-item-title-distance-from-content)}.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon .e-opened{display:flex}.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon .e-closed{display:none}.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-active-color)}.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-active-color)}.elementor-widget-n-accordion .e-n-accordion-item:not([open]) .e-con{display:none}.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title{color:var(--n-accordion-title-hover-color)}.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-hover-color)}.elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-hover-color)}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened{display:none}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed{display:flex}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>svg{fill:var(--n-accordion-icon-normal-color)}.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>i{color:var(--n-accordion-icon-normal-color)}.elementor-widget-n-accordion .e-n-accordion-item>span{cursor:pointer}@keyframes rotate-forever{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner-loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:none;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay{bottom:0;display:none;height:100%;left:0;overflow:auto;overflow:initial;position:fixed;right:0;top:0;transition:all .15s ease-in-out;width:100%;z-index:1999999999}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{margin-bottom:3em;position:absolute;top:100px;z-index:1999999999}.pum-container.pum-responsive{height:auto;left:50%;margin-left:-47.5%;overflow:visible;width:95%}.pum-container.pum-responsive img{height:auto;max-width:100%}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left:-30%;width:60%}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}.pum-container.custom-position{left:auto;margin-left:inherit;top:auto}.pum-container .pum-title{margin-bottom:.5em}.pum-container .pum-content:focus{outline:none}.pum-container .pum-content>:first-child{margin-top:0}.pum-container .pum-content>:last-child{margin-bottom:0}.pum-container .pum-content+.pum-close{background-color:#0000;cursor:pointer;line-height:1;min-width:1em;position:absolute;text-align:center;text-decoration:none;z-index:2}.pum-container .pum-content+.pum-close>span{position:relative;z-index:1}.pum-container.pum-scrollable .pum-content{max-height:95%;overflow:auto;overflow-y:scroll}.pum-overlay.pum-overlay-disabled{visibility:hidden}.pum-overlay.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay.pum-overlay-disabled .pum-container{visibility:visible}.pum-overlay.pum-click-to-close{cursor:pointer}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]){padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll;-webkit-overflow-scrolling:touch}html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container{position:fixed}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{height:auto;position:static;width:auto}.pum-cta-wrapper{display:inline-block;max-width:100%;width:auto}.pum-cta-wrapper.alignleft{display:block;text-align:left}.pum-cta-wrapper.aligncenter{display:block;text-align:center}.pum-cta-wrapper.alignright{display:block;text-align:right}.pum-cta-wrapper.alignfull{display:block;width:100%}.pum-cta-wrapper.alignfull .pum-cta{width:100%}.pum-cta-wrapper .pum-cta{border-radius:9999px;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:inherit;line-height:inherit;padding:1rem 2.25rem;text-align:center;text-decoration:none;transition:filter .15s ease-in-out,background-color .15s ease-in-out;width:auto}.pum-cta-wrapper:not(.is-style-outline):not(.is-style-text-only) .pum-cta{background-color:var(--wp--preset--color--contrast,#000);border:none;color:var(--wp--preset--color--base,#fff)}.pum-cta-wrapper:not(.is-style-outline):not(.is-style-text-only) .pum-cta:hover{filter:brightness(.85)}.pum-cta-wrapper.is-style-outline .pum-cta{background-color:#0000;border:1px solid;color:var(--wp--preset--color--contrast,currentcolor);padding:calc(1rem - 1px) calc(2.25rem - 1px)}.pum-cta-wrapper.is-style-outline .pum-cta:hover{background-color:#0000000d;filter:brightness(1.05)}.pum-cta-wrapper.is-style-text-only .pum-cta{background-color:#0000;border:none;color:var(--wp--preset--color--contrast,currentcolor);padding:.5rem 1rem}.pum-cta-wrapper.is-style-text-only .pum-cta:hover{text-decoration:underline}@supports not (color:var(--wp--preset--color--contrast )){.pum-cta-wrapper:not(.is-style-outline):not(.is-style-text-only) .pum-cta{background-color:#1e1e1e;color:#fff}.pum-cta-wrapper.is-style-outline .pum-cta,.pum-cta-wrapper.is-style-text-only .pum-cta{color:inherit}}.pum-form{margin:0 auto 16px}.pum-form__field{margin-bottom:1em}.pum-form__field label{font-weight:700}.pum-form__field input[type=date],.pum-form__field select{font-size:18px;line-height:26px;margin:0 auto;padding:3px;text-align:center;vertical-align:middle}.pum-form__field select{padding:5px 3px}.pum-form__loader{animation-duration:.75s;animation-iteration-count:infinite;animation-name:rotate-forever;animation-timing-function:linear;border:.25em solid #00000080;border-radius:50%;border-right-color:#0000;display:inline-block;font-size:2em;height:.75em;width:.75em}.pum-form__submit{position:relative}.pum-form__submit .pum-form__loader{border:.25em solid #ffffff80;border-right-color:#0000;margin-left:.5em}.pum-form__messages{border:1px solid #00000040;display:none;margin-bottom:.5em;padding:1em;position:relative}.pum-form__message{margin-bottom:.5em}.pum-form__message:last-child{margin-bottom:0}.pum-form__message--error{border-color:red;color:red!important}.pum-form__message--success{border-color:green;color:green!important}.pum-form--loading{opacity:.5}.pum-alignment-left{text-align:left}.pum-alignment-center{text-align:center}.pum-alignment-right{text-align:right}.pum-form--alignment-left{text-align:left}.pum-form--alignment-center{text-align:center}.pum-form--alignment-right{text-align:right}.pum-form--layout-standard .pum-form__field>label{display:block;margin-bottom:.25em}.pum-form--layout-inline .pum-form__field{display:inline-block}.pum-form--layout-block .pum-form__field,.pum-form--layout-block button,.pum-form--layout-block div,.pum-form--layout-block input{display:block;width:100%}.pum-form--style-default label{font-size:14px;font-weight:700}.pum-form--style-default input[type=email],.pum-form--style-default input[type=text]{background-color:#f8f7f7;font-size:14px;margin-bottom:5px;padding:10px 8px}.pum-form--style-default button{cursor:pointer;font-size:18px;margin:10px 0 0;padding:10px 5px}.pum-sub-form .pum-sub-form-loading{opacity:.5}.pum-sub-form p.pum-newsletter-error-msg{margin:0}.pum-sub-form .spinner-loader{bottom:40%;position:absolute;right:50%}.pum-sub-form .spinner-loader:not(:required){animation:spinner-loader 1.5s linear infinite;border-radius:.5em;box-shadow:1.5em 0 0 0 #0000334d,1.1em 1.1em 0 0 #0000334d,0 1.5em 0 0 #0000334d,-1.1em 1.1em 0 0 #0000334d,-1.5em 0 0 0 #0000334d,-1.1em -1.1em 0 0 #0000334d,0 -1.5em 0 0 #0000334d,1.1em -1.1em 0 0 #0000334d;display:inline-block;font-size:10px;height:1em;margin:1.5em;overflow:hidden;text-indent:100%;width:1em}.pum-form__field--consent{text-align:left}.pum-form__field--consent.pum-form__field--checkbox label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--checkbox label input{display:inline-block;margin:0;vertical-align:middle;width:inherit}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label{display:inline-block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label input{display:inline-block;margin:0;vertical-align:middle;width:inherit}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--inline label+label{margin-left:1em}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label{display:block;vertical-align:middle}.pum-form__field--consent.pum-form__field--radio .pum-form__consent-radios.pum-form__consent-radios--stacked label input{display:inline-block;margin:0;vertical-align:middle;width:inherit}.popmake-close{cursor:pointer}.pum-container iframe.formidable{overflow:visible;width:100%}.flatpickr-calendar.open,.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important}