:root {
--el-delay-stagger: 40ms;
} .el-wgl-sc {
overflow:hidden;
position:relative;
width:100vw;
height:100vh;
}
#el-wgl-sc__texture,
#el-wgl-sc__canvas,
.el-wgl-sc__plane   {
width: 100%;
height: 100%;
z-index: -1;
left:0;
top:0;
position:absolute;
}
#el-wgl-sc__canvas {
z-index: 11;
background-position: center;
background-size: cover;
}
.el-wgl-sc__plane {
z-index: 100;
}
.el-wgl-sc__plane img {
display: none;
} .el-wgl-sc.no-wgl .el-wgl-sc__plane {
background-position:center;
background-size:cover;
background-repeat:no-repeat;
} .el-wgl-sc__intro {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 30;
display: flex;
align-content: flex-start;
justify-content: center;
flex-direction: row;
align-items: center;
text-align: center;
}
.el-wgl-sc__intro-trigger {
display: inline-block;
}
.el-wgl-sc__intro-title {
position: relative;
font-size: 80px;
line-height: 1.4;
text-align:center;
width: 100%;
-ms-word-wrap: break-word;
word-wrap: break-word;
margin-bottom:0;
letter-spacing: 0.03em;
}
@media (min-width: 1600px) {
.el-wgl-sc__intro-title {
font-size: 90px;
}
}
@media (max-width: 767.98px) {
.el-wgl-sc__intro-title {
font-size:11vw;
}
.hero-compact-view .el-wgl-sc__intro-title {
font-size: 8vw;
}
} .el-wgl-sc__intro-subtitle {
font-size: 17px;
color:rgb(255 255 255);
font-weight: 500;
text-align:center;
margin-top:var(--meta_top_margin)
} .el-wgl-sc__opacity-layer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 3;
background-color: rgb(0 0 0 / 40%);
pointer-events: none;
opacity:1;
} .el-wgl-sc__scroll {
position:relative;
height:100%;
box-sizing: border-box;
z-index: 4;
overflow-y: scroll;
width:calc(100% + 30px);;
z-index:10;
-webkit-mask-image: linear-gradient( 180deg, transparent 20px, #000000 20%, #000000 80%, transparent);
mask-image: linear-gradient(180deg, transparent 20px, #000000 20%, #000000 80%, transparent);
}
.el-wgl-sc__nav {
position: relative;
width: 100%;
display: flex;
}
.el-wgl-sc__list {
list-style: none;
margin-left: 2rem;
padding: 0;
z-index: 10;
padding:250px 0;
}
.el-wgl-sc__list {
margin-left:20vw;
}
.el-wgl-sc__list-item {
position: relative;
margin-top: 2rem;
padding: 0;
margin-left: 0;
counter-increment: main-menu-counter 1;
}
.el-wgl-sc__link {
display:inline-block;
position:relative;
}
.elementor-editor-active .el-wgl-sc__link {
pointer-events: none;
}
.el-wgl-sc__link:before, .el-wgl-sc__title, .el-wgl-sc__cat {
pointer-events: none;
}
.el-wgl-sc__link:before {
content: counter(main-menu-counter, decimal-leading-zero);
position: absolute;
top:-0.2rem;;
left:-2.1vw;
font-size:1.2vw;
opacity:0.5;
}
.el-wgl-sc__cat {
opacity: 0.5;
}
.el-wgl-sc__title,
.el-wgl-sc__cat,
.el-wgl-sc__link:before{
transition-duration: 0.5s;
transition-property: transform, opacity;
}
.el-wgl-sc__title {
font-weight: 600;
font-size:3vw;
margin-bottom:0;
}
.el-wgl-sc__cat {
margin-top: 0.2rem;
transition-delay: 0.15s;
position:relative;
display:inline-block
}
.el-wgl-sc__link:hover .el-wgl-sc__title,
.el-wgl-sc__link:hover .el-wgl-sc__cat {
opacity: 1;
transform: translatex(10px);
}
.el-wgl-sc__link:hover::before {
opacity: 0;
transform: translatex(20px);
}
@media (max-width: 767.98px) {
.el-wgl-sc__list {
padding:150px 0;
}
.el-wgl-sc__title {
font-size:24px
}
.el-wgl-sc__link:before {
font-size:14px;
left:-25px;
}
.el-wgl-sc__cat {
font-size:14px
}
}
@media (min-width: 1600px) {
.el-wgl-sc__title {
font-size:48px
}
.el-wgl-sc__link:before {
font-size:18px;
left:-30px;
}
.el-wgl-sc__cat {
font-size:18px
}
} .el-wgl-sc__list-item {
transition: .75s;
pointer-events:none;
opacity:0;
-webkit-transform: rotate(-12deg) translateY(-6rem);
transform: rotate(-12deg) translateY(-6rem);
transition-delay: calc(var(--list_index)*140ms);
}
.app--visible .el-wgl-sc.on .el-wgl-sc__list-item {
opacity: 1;
pointer-events:all;
-webkit-transform: none;
transform: none
} .el-wgl-card__texture-container{
position: relative;
min-height: 100vh;
}
#el-wgl-card__canvas {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center;
background-size: cover;
}
.el-wgl-card__plane {
width: 100%;
height: 100vh;
position: absolute;
}
.el-wgl-card__plane img {
display: none;
}
.el-wgl-card__nav-container {
position: relative;
display:flex;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
height: 100vh;
z-index: 10;
}
.el-wgl-card__nav {
position: relative;
}
.el-wgl-card__link {
font-size:3vw;
margin:0 3vw;
font-weight:500;
position:relative;
display:inline-block;
letter-spacing:0.03em;
-webkit-transition: .75s;
transition: .75s;
opacity:0;
-webkit-transform: rotate(12deg) translateY(4rem);
transform: rotate(12deg) translateY(4rem);
counter-increment: main-menu-counter 1;
}
.el-wgl-card__nav .el-wgl-card__link:nth-child(1) {
transition-delay:1s;
}
.el-wgl-card__nav .el-wgl-card__link:nth-child(2) {
transition-delay:1.2s;
}
.el-wgl-card__nav .el-wgl-card__link:nth-child(3) {
transition-delay:1.4s;
}.el-wgl-card__nav .el-wgl-card__link:nth-child(4) {
transition-delay:1.6s;
}.el-wgl-card__nav .el-wgl-card__link:nth-child(5) {
transition-delay:1.8s;
}
.el-wgl-card__nav .el-wgl-card__link:nth-child(6) {
transition-delay:2s;
}
.elementor-editor-active .el-wgl-card__link,
.app--visible .el-wgl-card__link {
opacity: 1;
-webkit-transform: none;
transform: none
}
@media (min-width: 1600px) {
.el-wgl-card__link {
font-size:3vw;
}
}
@media (max-width: 767.98px) {
.el-wgl-card__link {
width:100%;
display: block;
font-size:7vw;
margin-bottom:10px;
}
a.el-wgl-card__link:before {
font-size:2.2vw;
}
}
.el-wgl-card__link:before {
content: counter(main-menu-counter, decimal-leading-zero);
display: block;
position: absolute;
top: -12px;
left: -10px;
font-size:1.2vw;
font-weight: 400;
color: rgb(255 255 255 / 32%);
}
.el-wgl-card__link .letter {
transition: opacity .35s cubic-bezier(.39,.575,.565,1);
transition-delay: calc(var(--letter_index)*var(--transition-delay-stagger));
}
.el-wgl-card__nav:hover a .letter {
opacity: 1;
}
.el-wgl-card__nav:hover a .letter {
opacity:0.3;
}
.el-wgl-card__nav .el-wgl-card__link:hover .letter {
opacity:1;
}
.el-wgl-card__opacity-layer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 3;
background-color: rgb(0 0 0 / 40%);
pointer-events: none;
opacity:1;
} .el-px-carousel {}
.el-px-carousel.swiper-container {
width: 100vw;
height: 100vh;
float: left;
position:relative;
z-index:10;
}
.el-px-carousel .swiper-wrapper {
display:flex;
align-items: center;
}
.el-px-carousel .swiper-slide {
width:auto;
height: auto;
}
.el-px-carousel__trigger {
display:block;
}
.el-px-carousel__trigger {
pointer-events: none;
}
.el-px-carousel .swiper-slide-active .el-px-carousel__trigger {
pointer-events: all;
}
.swiper-slide .el-px-carousel__img {
transition:filter 0.5s, opacity 0.5s ease;
width: 64vw;
}
@media (min-width: 1600px) {
.swiper-slide .el-px-carousel__img {
width: 50vw;
}
}
@media (max-width: 991.98px) {
.swiper-slide .el-px-carousel__img {
width: 80vw;
}
}
@media (max-width: 767.98px) {
.swiper-slide .el-px-carousel__img {
width: 95vw;
}
}
@media (max-width: 575.98px) {
.swiper-slide .el-px-carousel__img {
width: 95vw;
}
} .el-px-carousel__captions-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 3;
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
pointer-events:none
}
.el-px-carousel__title {
position: relative;
font-size: 90px;
line-height: 1.1;
text-align:center;
width: 100%;
-ms-word-wrap: break-word;
word-wrap: break-word;
letter-spacing: 0.03em;
margin-bottom: -5px;
margin-top:5px;
}
@media (min-width: 1600px) {
.el-px-carousel__title {
font-size: 90px;
}
}
@media (max-width: 767.98px) {
.el-px-carousel__title {
font-size:11vw;
}
}
.el-px-carousel__meta-bottom {
font-size: 17px;
color: rgb(255 255 255);
font-weight: 500;
text-align:center;
position: relative;
margin-top: var(--meta_top_margin);
}
.el-px-carousel__meta-bottom .cats {
position:relative;
overflow:hidden;
} .el-px-carousel__opacity-layer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 3;
background-color: rgb(0 0 0 / 40%);
pointer-events: none;
opacity:1;
} .el-px-carousel-controll-buttons {
position: absolute;
bottom:40px;
left: 4vw;
z-index: 10;
width:130px;
height: 40px;
}
@media only screen and (max-width: 1260px) {
#app .el-px-carousel .el-px-carousel-controll-buttons {
left:30px;
}
}
@media (max-width: 575.98px) {
#app .el-px-carousel .el-px-carousel-controll-buttons {
left:50%;
transform: translate3d(-50%, 0, 0) !important;
display: none;
}
}
.el-px-carousel-controll-buttons a {
display:inline-block;
position:relative;
}
.el-px-carousel-controll-buttons .swiper-button-next,
.el-px-carousel-controll-buttons .swiper-button-prev {
position: absolute;
top: 0;
width: auto;
height: auto;
margin-top: 0;
z-index: 10;
cursor: pointer;
background:none;
}
.el-px-carousel-controll-buttons .swiper-button-next i,
.el-px-carousel-controll-buttons .swiper-button-prev  i {
font-size:18px;
}
.el-px-carousel-controll-buttons .swiper-button-next {
right:0;
left:auto;
}
.el-px-carousel-controll-buttons .swiper-button-prev {
left:0;
right:auto;
}
.swiper-button-next:after, .swiper-button-prev:after {
display:none;
} #app .el-px-carousel .el-px-carousel-bullets {
position: absolute;
right: 4vw;
top:auto;
bottom:40px;
left:auto;
z-index: 10;
width:auto;
}
@media only screen and (max-width: 1260px) {
#app .el-px-carousel .el-px-carousel-bullets {
right:30px;
}
}
@media (max-width: 575.98px) {
#app .el-px-carousel .el-px-carousel-bullets {
display:none
}
}
#app .el-px-carousel .swiper-pagination-bullet {
width:auto;
height:auto;
display: inline-block;
border-radius: 100%;
background: none;
opacity: 1;
margin:0;
}
.el-px-carousel-bullet {
margin-left:0px;
margin-right:0px;
width:40px;
height:40px;
display:inline-block;
text-align:center;
line-height:40px;
}
.el-px-carousel-bullet__inner {
border-radius:100%;
border:2px solid rgb(255 255 255 / 0%);
width:16px;
height:16px;
line-height:9px;
text-align:center;
display:inline-block;
position:relative;
transition:border 1s ease;
}
.el-px-carousel .swiper-pagination-bullet.active .el-px-carousel-bullet__inner {
border-color:rgb(255 255 255 / 0.2);
}
.el-px-carousel .swiper-pagination-bullet.active .el-px-carousel-bullet__dot,
.el-px-carousel .swiper-pagination-bullet:hover .el-px-carousel-bullet__dot  {
background-color:#fff;
}
.el-px-carousel-bullet__dot {
width:8px;
height:8px;
background-color:rgb(255 255 255 / 0.2);
display:inline-block;
border-radius:100%;
} .el-px-carousel__inner {
position: relative;
transition: all .75s ease;
} .el-px-carousel .swiper-slide-active .el-px-carousel__img  {
opacity:0;
position:relative;
z-index:1;
}
.app--visible .el-px-carousel .swiper-slide-active .el-px-carousel__img {
opacity: 1;
}
.el-px-carousel .swiper-slide-active .el-px-carousel__captions-holder .cat {
position:relative;
bottom:-30px;
opacity:0;
transition: all 0.75s ease-out 1s;
}
.app--visible .el-px-carousel .swiper-slide-active .el-px-carousel__captions-holder .cat {
opacity:1;
bottom:0;
} .el-px-carousel .swiper-slide-prev .el-px-carousel__inner {
transform: translate3d(-200px, 0px, 0px);
opacity: 0;
}
.app--visible .el-px-carousel .swiper-slide-prev .el-px-carousel__inner {
transform: translate3d(0px, 0px, 0px);
opacity: 1;
transition-delay: 1.3s;
}
.el-px-carousel .swiper-slide-next .el-px-carousel__inner {
opacity: 0;
transform: translate3d(200px, 0px, 0px);
}
.app--visible .el-px-carousel .swiper-slide-next .el-px-carousel__inner {
opacity: 1;
transition-delay: 1.3s;
transform: translate3d(0px, 0px, 0px);
} #app .el-px-carousel .el-px-carousel-controll-buttons {
opacity:0;
transform:translate3d(0,100px,0);
transition:opacity 0.6s ease-out, transform 0.6s ease-out;
transition-delay:0.8s;
}
.app--visible #app .el-px-carousel .el-px-carousel-controll-buttons {
opacity:1;
transform:translate3d(0,0,0);
}
.app--fx-clone .app--visible #app .el-px-carousel-controll-buttons {
transition-delay:0s;
opacity:0;
transform:translate3d(0,100px,0);
}
#app .el-px-carousel .el-px-carousel-bullets {
opacity:0;
transform:translateY(100px);
transition:opacity 0.6s ease-out, transform 0.6s ease-out;
transition-delay:1s;
}
.app--visible #app .el-px-carousel .el-px-carousel-bullets {
opacity:1;
transform:translateY(0);
}
.app--fx-clone .app--visible #app .el-px-carousel-bullets {
transition-delay:0s;
opacity:0;
transform:translateY(100px);
} .el-px-slider {}
.el-px-slider.swiper-container {
width: 100vw;
height: 100vh;
float: left;
position:relative;
z-index:10;
}
.el-px-slider .swiper-slide {
overflow: hidden;
}
.el-px-slider__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.swiper-slide .el-px-slider__img {
display: none;
} .el-px-slider__captions-holder {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 3;
position: relative;
width: 100vw;
height: 100vh;
}
.el-px-slider__title {
position: relative;
font-size: 90px;
line-height: 1.1;
text-align:center;
width: 100%;
-ms-word-wrap: break-word;
word-wrap: break-word;
letter-spacing: 0.03em;
margin-bottom: -5px;
margin-top:5px;
}
@media (min-width: 1600px) {
.el-px-slider__title {
font-size: 90px;
}
}
@media (max-width: 767.98px) {
.el-px-slider__title {
font-size:11vw;
}
}
.el-px-slider__meta-bottom {
font-size: 17px;
color: rgb(255 255 255);
font-weight: 500;
text-align:center;
margin-top: var(--meta_top_margin);
}
.el-px-slider__meta-bottom .cats {
position:relative;
overflow:hidden;
} .el-px-slider__opacity-layer {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 3;
background-color: rgb(0 0 0 / 40%);
pointer-events: none;
opacity:1;
} .el-px-slider-controll-buttons {
position: absolute;
bottom:40px;
left: 4vw;
z-index: 10;
width:130px;
height: 40px;
}
@media only screen and (max-width: 1260px) {
#app .el-px-slider .el-px-slider-controll-buttons {
left:30px;
}
}
@media (max-width: 575.98px) {
#app .el-px-slider .el-px-slider-controll-buttons {
left:50%;
transform: translate3d(-50%, 0, 0) !important;
display: none;
}
}
.el-px-slider-controll-buttons a {
display:inline-block;
position:relative;
}
.el-px-slider-controll-buttons .swiper-button-next,
.el-px-slider-controll-buttons .swiper-button-prev {
position: absolute;
top: 0;
width: auto;
height: auto;
margin-top: 0;
z-index: 10;
cursor: pointer;
background:none;
}
.el-px-slider-controll-buttons .swiper-button-next {
right:0;
left:auto;
}
.el-px-slider-controll-buttons .swiper-button-prev {
left:0;
right:auto;
}
.swiper-button-next:after, .swiper-button-prev:after {
display:none;
} #app .el-px-slider .el-px-slider-bullets {
position: absolute;
right: 4vw;
top:auto;
bottom:40px;
left:auto;
z-index: 10;
width:auto;
}
@media only screen and (max-width: 1260px) {
#app .el-px-slider .el-px-slider-bullets {
right:30px;
}
}
@media (max-width: 575.98px) {
#app .el-px-slider .el-px-slider-bullets {
display:none
}
}
#app .el-px-slider .swiper-pagination-bullet {
width:auto;
height:auto;
display: inline-block;
border-radius: 100%;
background: none;
opacity: 1;
}
.el-px-slider-bullet {
margin-left:0px;
margin-right:0px;
width:40px;
height:40px;
display:inline-block;
text-align:center;
line-height:40px;
}
.el-px-slider-bullet__inner {
border-radius:100%;
border:2px solid rgb(255 255 255 / 0%);
width:16px;
height:16px;
line-height:9px;
text-align:center;
display:inline-block;
position:relative;
transition:border 1s ease;
}
.el-px-slider .swiper-pagination-bullet.active .el-px-slider-bullet__inner {
border-color:rgb(255 255 255 / 0.2);
}
.el-px-slider .swiper-pagination-bullet.active .el-px-slider-bullet__dot,
.el-px-slider .swiper-pagination-bullet:hover .el-px-slider-bullet__dot  {
background-color:#fff;
}
.el-px-slider-bullet__dot {
width:8px;
height:8px;
background-color:rgb(255 255 255 / 0.2);
display:inline-block;
border-radius:100%;
} .el-px-slider .el-px-slider__meta-bottom .cat {
position:relative;
bottom:-30px;
opacity:0;
transition: all 0.75s ease-out 1s;
}
.app--visible .el-px-slider .el-px-slider__meta-bottom .cat {
opacity:1;
bottom:0;
}
#app .el-px-slider .el-px-slider-controll-buttons {
opacity:0;
transform:translate3d(0,100px,0);
transition:opacity 0.6s ease-out, transform 0.6s ease-out;
transition-delay:0.8s;
}
.app--visible #app .el-px-slider .el-px-slider-controll-buttons {
opacity:1;
transform:translate3d(0,0,0);
}
.app--fx-clone .app--visible #app .el-px-slider-controll-buttons {
transition-delay:0s;
opacity:0;
transform:translate3d(0,100px,0);
}
#app .el-px-slider .el-px-slider-bullets {
opacity:0;
transform:translateY(100px);
transition:opacity 0.6s ease-out, transform 0.6s ease-out;
transition-delay:1s;
}
.app--visible #app .el-px-slider .el-px-slider-bullets {
opacity:1;
transform:translateY(0);
}
.app--fx-clone .app--visible #app .el-px-slider-bullets {
transition-delay:0s;
opacity:0;
transform:translateY(100px);
} .el-img-box {
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.fx-parallax-img__inner {
position:relative;
}
.fx-parallax-img__holder {
position:relative;
} .el-img-box--parallax {
position:relative;
z-index:1;
}
.el-img-box--parallax-inside .el-img-box__holder {
overflow: hidden;
}
.el-img-box--parallax-inside img {
transform:scale(1.1);
} .el-parallax-text  {
overflow:hidden;
position:relative;
width:100%;
} .el-parallax-img {
position:relative;
z-index:1;
overflow:hidden;
}
.el-parallax-img__inner {
position:relative;
}
.el-parallax-img__holder {
position:relative;
}
.el-parallax-img__holder img {
transform:scale(1.2)
} .el-tbox {}
.el-tbox h1, .el-tbox h2, .el-tbox h3, .el-tbox h4, .el-tbox h5, .el-tbox h6 {
margin-bottom: 0;
} .el-slider--greyscale-fx .swiper-slide img {
filter:grayscale(100);
opacity: 1;
}
.el-slider--greyscale-fx .swiper-slide-active img {
filter:none;
opacity: 1;
}
.el-slider--opacity-fx .swiper-slide img {
opacity: 0.8;
}
.el-slider--opacity-fx .swiper-slide-active img {
filter:none;
opacity: 1;
}
.el-slider--scale-fx .fx-opacity-layer,
.el-slider--scale-fx figure {
transition: transform 0.5s ease;
}
.is-drag .el-slider--scale-fx .fx-opacity-layer,
.is-drag .el-slider--scale-fx figure {
transform:scale(0.9);
} .slider_box-elementor-widget {
overflow:hidden
}
.el-slider {
overflow: hidden;
}
.el-slider--center-slides {
overflow:initial;
}
.el-slider .swiper-slide {
width: auto;
}
.el-slider .swiper-pagination-bullet {
background-color:#fff;
z-index:100;
width:12px;
height:12px;
}
.l-slider__pagination {
}
.el-slider__img-holder img {
position:relative;
transition:all 0.75s ease;
osition: relative;
display: block;
object-position: center;
object-fit: cover; }
.el-slider .el-slider__prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23ffffff'/%3E%3C/svg%3E");
left: 20px;
color:#fff;
}
.el-slider .el-slider__next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23ffffff'/%3E%3C/svg%3E");
right: 20px;
color:#fff;
} .el-text-align-left {
text-align: left;
}
.el-text-align-right {
text-align: right;
}
.el-text-align-center {
text-align: center;
}
.el-flex-align-center {
justify-content: center;
}
.el-flex-align-left {
justify-content: flex-start;
}
.el-flex-align-right {
justify-content: flex-end;
} .wpml-switcher {
display: inline-block;
}
.wpml-switcher__list {
list-style: none;
margin: 0;
padding: 0;
margin-top: 3px;
margin-left: 100px;
}
.wpml-switcher__list li {
display: inline-block;
line-height: 100%;
font-size: 11px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
color: #fff;
}
.wpml-switcher__list li:after {
content: "";
display: inline-block;
height: 1px;
width: 10px;
margin: 0 10px 3px;
background-color: #fff;
border: none;
}
.wpml-switcher__list li:last-child:after {
display: none;
}
.wpml-switcher__active span {
padding-bottom: 1px;
border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 1024px) {
.wpml-switcher {
width:100%;
}
.wpml-switcher__list {
margin-left: 0;
text-align: center;
}
} .bg-player {
color:rgb(255 255 255 / 40%);
display:inline-block;
position:relative;
top:2px
}
.bg-player__status {
width: 18px;
fill: none;
stroke: #fff;
stroke-linecap: square;
transition:opacity 0.3s ease;
}
.bg-player__status path:nth-child(1) {
fill: #fff;
stroke: #fff
}
.footer-sticky.light-content .bg-player__status {
stroke:var(--dark_color)
}
.footer-sticky.light-content  .bg-player__status path:nth-child(1) {
fill: var(--dark_color);
stroke: var(--dark_color);
}
.bg-player__status {
opacity: .4
}
.bg-player__status path:nth-child(2),.bg-player__status path:nth-child(3) {
opacity: 0;
transform: translateX(-7px)
}
.bg-player__status path:nth-child(2),
.bg-player__status path:nth-child(3) {
stroke-width: 1.5;
opacity: 1;
transition: transform 2s cubic-bezier(0,.84,.03,.985),opacity 1.2s cubic-bezier(0,.84,.03,.985);
will-change: transform
}
.bg-player.playing .bg-player__status {
opacity:1;
}
.bg-player.playing path:nth-child(2),
.bg-player.playing path:nth-child(3) {
opacity: 1;
transform: translateX(0px)
} .rp-audio {
display: none;
} @media (min-width: 1024px) {
.header-classic .bg-player {
margin-right:0px;
}
} .details-list {
list-style: none;
isplay: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.details-list li {
margin-right: 25px;
padding-top: 20px;
border-top: 1px solid hsl(255deg 9% 9% / 20%); width: 100%;
}
.details-list li:last-child {
margin-right: 0 !important;
}
.details-list li h6 {
margin-bottom: 0px;
font-size: 16px;
}
.details-list--2 li {
width: -webkit-calc( (100% / 2) - 25px);
width: calc( (100% / 2) - 25px);
}
.details-list--2 li {
width: -webkit-calc( (100% / 2) - 25px);
width: calc( (100% / 2) - 25px);
}
.details-list--3 li {
width: -webkit-calc( (100% / 3) - 25px);
width: calc( (100% / 3) - 25px);
}
.details-list--4 li {
width: -webkit-calc( (100% / 4) - 25px);
width: calc( (100% / 4) - 25px);
}
.details-list--5 li {
width: -webkit-calc( (100% / 5) - 25px);
width: calc( (100% / 5) - 25px);
}
.details-list--6 li {
width: -webkit-calc( (100% / 6) - 25px);
width: calc( (100% / 6) - 25px);
}
.details-list--7 li {
width: -webkit-calc( (100% / 7) - 25px);
width: calc( (100% / 7) - 25px);
}
.details-list--8 li {
width: -webkit-calc( (100% / 8) - 25px);
width: calc( (100% / 8) - 25px);
}
@media (max-width: 575.98px) {
.details-list li {
width: 100%;
margin-right: 0;
}
} .audio-player {
overflow: hidden;
z-index: 1;
position: relative;
border-radius: 5px;
position: relative;
border-radius:5px;
}
.audio-player__item {
margin-bottom: 0;
position: relative;
padding: 10px 40px;
background-color:var(--gray_2);
}
.audio-player .audio-player__item:first-child {
padding-top:40px;
}
.audio-player .audio-player__item:last-child {
padding-bottom:20px;
}
.audio-player .audio-player__item {
background-color:var(--gray_1);
}
@media (max-width: 1100.98px) {
.audio-player__item  {
padding:10px 10px;
font-size:14px
}
.audio-player .player-meta__title h5 {
font-size:14px;
}
.audio-ctrl__track-time {
display:none
}
}
@media (max-width: 767.98px) {
.audio-player__item  {
padding:10px 20px;
}
.audio-player__item  {
font-size:15px;
}
.audio-player .player-meta__title h5 {
font-size:15px;
}
.audio-ctrl__track-time {
display:inline-block
}
}
.audio-player__item.playing, .audio-player__item.paused {
}
.audio-player__item:hover, .audio-player__item.playing {
} body:not(.elementor-editor-active).is-scroll-animations .audio-player__item {
} .audio-player__track {
}
.audio-player__item.loading .audio-player__track {
pointer-events: none;
}
.audio-player__state {
display: inline-block;
width: 50px;
position: relative;
cursor: pointer;
font-size: 16px;
color: var(--base_color);
}
@media (max-width: 575.98px) {
.audio-player__state {
width:30px;
}
}
.audio-player__state:hover, .audio-player__item.playing .audio-player__state, .audio-player__item.paused .audio-player__state {
}
.audio-player__state:before {
content: "";
width: 100%;
height: 18px;
display: inline-block;
background-repeat: no-repeat;
background-position: left center;
background-color: transparent;
background-image: url(//ctmarketing.it/shooting/wp-content/themes/hamon/assets/images/player/play.svg);
}
.audio-player__item.playing .audio-player__state:before {
background-image: url(//ctmarketing.it/shooting/wp-content/themes/hamon/assets/images/player/pause.svg)
}
.audio-player__item.is-broken-track {
pointer-events: none;
opacity: 0.5 !important;
}
.audio-player__item.is-broken-track .player-meta__title:before {
content: "[ERROR] "
}
.audio-player__state, .audio-player__state img, .audio-player__ctrl, .audio-player__item {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.audio-player__item.spl-simple-track {
} .audio-player__data {
}
.player-meta {
position: relative;
width: 100%
}
.player-meta__nr {
margin-right: 5px;
display: inline-block;
}
.player-meta__title {
font-weight: 500;
color: var(--base_color);
}
.player-meta__title-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 100%;
}
.player-meta__title h5 {
margin-bottom: 0;
font-size: 16px;
} .audio-ctrl__track-time {
margin-left: auto;
}
.audio-ctrl__elapsed {
transition: opacity 0.4s ease;
display: none;
min-width:70px;
font-weight:700;
text-align:center;
}
.audio-player__item.playing .audio-ctrl__elapsed, .audio-player__item.paused .audio-ctrl__elapsed {
display: inline-block;
}
.audio-ctrl__elapsed {
}
.audio-ctrl__total-fixed {
display: inline-block;
margin-left: 30px;
}
@media (max-width: 575.98px) {
.audio-ctrl__total-fixed {
margin-left:5px;
}
} .player-meta__desc {
font-size: 0.9em;
font-weight: 400;
display: block;
margin-bottom: 1px;
}
.player-meta__desc a {
}
.player-meta__desc a:hover {
} .audio-player__buttons {
font-size: 11px;
font-weight: 400;
display: table-cell;
letter-spacing: 0.07em;
text-align: right;
vertical-align: middle;
padding-right: 5px;
z-index: 1;
}
.audio-player__buttons a {
display: inline-block;
margin: 2px 0 0px 15px;
position: relative;
line-height: 100%;
position: relative;
z-index: 2;
}
.player-button {
width: 19px;
height: 19px;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
background-size: contain
}
.player-button__download {
background-image: url(//ctmarketing.it/shooting/wp-content/themes/hamon/assets/images/player/down-arrow.svg);
}
.player-button__buy {
background-image: url(//ctmarketing.it/shooting/wp-content/themes/hamon/assets/images/player/buy.svg);
} .audio-player__row {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
} .audio-player__ctrl {
margin-top: 8px;
display: block;
vertical-align: middle;
position: relative;
overflow: hidden;
height: 6px;
pointer-events: none;
opacity: 0;
}
.audio-player__item.playing .audio-player__ctrl, .audio-player__item.paused .audio-player__ctrl {
opacity: 1;
pointer-events: all
}
.audio-ctrl__progress {
position: relative;
width: 100%;
display: block;
cursor: pointer;
z-index: 2;
width: auto;
height: 8px;
background-color:var(--brand_color);
}
.audio-ctrl__position {
position: absolute;
left: 0;
right: 0;
top: 0;
height: 8px;
}
.audio-ctrl__position {
width: 0%;
opacity: 1;
background-color:var(--brand_color)
}
.audio-ctrl__position:after {
}
.audio-player__item.loading .audio-player__loader {
display: block;
}
.audio-player__loader, .bg-player__loader {
}
.audio-player__loader {
}
@keyframes rotate {
0% {
transform: rotateZ(-360deg)
}
100% {
transform: rotateZ(0deg)
}
}
@keyframes rotate2 {
0% {
transform: rotateZ(360deg)
}
100% {
transform: rotateZ(0deg)
}
}  .anim-show-words .word-holder {
overflow: hidden;
}
.anim-show-words .word {
opacity: 0;
transform: translateY(100px) scaleY(2);
position: relative;
display:inline-block;
transition: opacity 1s, transform .65s  cubic-bezier(0.13, 0.47, 0.56, 1);
transition-delay: calc(var(--word_index)*var(--el-delay-stagger));
}
.app--visible .anim-show-words.done .word {
opacity: 1;
transform: translateY(0) scaleY(1);
} .anim-show-letters .word-holder {
overflow: hidden;
}
.anim-show-letters .letter {
opacity: 0;
transform: translateY(100px) scaleY(2);
position: relative;
display:inline-block;
transition: opacity 1s, transform .65s  cubic-bezier(0.13, 0.47, 0.56, 1);
transition-delay: calc(var(--letter_index)*var(--el-delay-stagger));
}
.app--visible .anim-show-letters.done .letter {
opacity: 1;
transform: translateY(0) scaleY(1);
} .anim-slide-from-bottom {
opacity: 0;
position:relative;
transition:all 0.75s cubic-bezier(.25,.1,.25,1);
transform: translateY(200px);
}
.app--visible .anim-slide-from-bottom.done {
opacity: 1;
transform: translateY(0);
} .el-img-box .anim-bg-slide img {
width: auto;
} .wpcf7-form {
}
.wpcf7-form-control-wrap {
display: block;
margin-bottom: 20px;
}
.wpcf7-form-control-wrap input {
width: 100%;
}
.wpcf7-form input[type="submit"] {
width: auto;
padding: 14px 30px;
}
.wpcf7-form input::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder {
color: #fff;
font-weight: 500;
font-size: 16px
}
.wpcf7-form input:-moz-placeholder, .wpcf7-form textarea:-moz-placeholder {
color: #fff;
font-weight: 500;
font-size: 16px
} .basicLightbox {
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, .8);
opacity: .01;
transition: opacity .4s ease;
z-index: 9000;
will-change: opacity
}
.basicLightbox--visible {
opacity: 1
}
.basicLightbox__placeholder {
max-width: 100%;
-webkit-transform: scale(.9);
transform: scale(.9);
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease, -webkit-transform .4s ease;
z-index: 1;
will-change: transform
}
.basicLightbox__placeholder>iframe:first-child:last-child, .basicLightbox__placeholder>img:first-child:last-child, .basicLightbox__placeholder>video:first-child:last-child {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 95%;
max-height: 95%
}
.basicLightbox__placeholder>iframe:first-child:last-child, .basicLightbox__placeholder>video:first-child:last-child {
pointer-events: auto
}
.basicLightbox__placeholder>img:first-child:last-child, .basicLightbox__placeholder>video:first-child:last-child {
width: auto;
height: auto
}
.basicLightbox--iframe .basicLightbox__placeholder, .basicLightbox--img .basicLightbox__placeholder, .basicLightbox--video .basicLightbox__placeholder {
width: 100%;
height: 100%;
pointer-events: none
}
.basicLightbox--visible .basicLightbox__placeholder {
-webkit-transform: scale(1);
transform: scale(1)
} .lightbox__content {
display: none;
}
.lightbox__inner {
max-width: 1200px;
padding: 40px;
position: relative;
z-index: 1;
display: block;
width: 100%;
}
@media (max-width: 575.98px) {
.lightbox__inner {
padding: 20px;
}
}
.lightbox__inner img {
max-height:90vh
}
.lightbox__inner iframe {
margin-bottom: 0;
}
.lightbox__title {
display: block;
margin-top: 10px;
color: #fff;
font-size: 14px;
} @media only screen and (max-width: 1024px) {
.lightbox__video iframe {
width:700px;
height: 400px
}
}
@media only screen and (max-width: 767.98px) {
.lightbox__video iframe {
width:500px;
height: 300px
}
}
@media only screen and (max-width: 520px) {
.lightbox__video iframe {
width:100%;
height: 200px
}
}