/* Text meant only for screen readers. */ .elementor-header-account { display: flex; align-items: center; height: 100%; } .elementor-header-account .header-group-action { display: flex; padding-right: 0; } .elementor-header-account .header-group-action .icon { margin-right: 10px; } .elementor-header-account .header-group-action .icon img { border-radius: 50%; } .elementor-header-account .header-group-action .site-header-account > a { display: flex; align-items: center; color: var(--e-global-color-lighter); } .elementor-header-account .header-group-action .site-header-account .account-content { display: inline-block; font-size: 12px; font-size: 0.75rem; font-weight: 700; text-transform: capitalize; color: var(--e-global-color-secondary); } .opal-move-up { animation-name: opalMoveUp; -moz-animation-name: opalMoveUp; -webkit-animation-name: opalMoveUp; } @-webkit-keyframes opalMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes opalMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes opalMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes opalMoveUp { from { -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .opal-move-down { animation-name: opalMoveDown; -moz-animation-name: opalMoveDown; -webkit-animation-name: opalMoveDown; } @-webkit-keyframes opalMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes opalMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes opalMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @keyframes opalMoveDown { from { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .opal-move-left { animation-name: opalMoveLeft; -moz-animation-name: opalMoveLeft; -webkit-animation-name: opalMoveLeft; } @-webkit-keyframes opalMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes opalMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes opalMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes opalMoveLeft { from { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .opal-move-right { animation-name: opalMoveRight; -moz-animation-name: opalMoveRight; -webkit-animation-name: opalMoveRight; } @-webkit-keyframes opalMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes opalMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes opalMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes opalMoveRight { from { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); opacity: 0; } to { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .opal-scale-up { animation-name: opalScaleUp; -moz-animation-name: opalScaleUp; -webkit-animation-name: opalScaleUp; } @-webkit-keyframes opalScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @-moz-keyframes opalScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @-ms-keyframes opalScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes opalScaleUp { from { opacity: 0; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } to { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } } .opal-flip { animation-name: opalFlip; -moz-animation-name: opalFlip; -webkit-animation-name: opalFlip; } @-webkit-keyframes opalFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes opalFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @-ms-keyframes opalFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } @keyframes opalFlip { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } .opal-helix { animation-name: opalHelix; -moz-animation-name: opalHelix; -webkit-animation-name: opalHelix; } @-webkit-keyframes rotate { from { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotate { from { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes rotate { from { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .rotate { animation: rotate 12s linear infinite !important; } @-webkit-keyframes opalHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-moz-keyframes opalHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-ms-keyframes opalHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @keyframes opalHelix { from { opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } .opal-am-popup { animation: opalPopup; -moz-animation-name: opalPopup; -webkit-animation-name: opalPopup; } @-webkit-keyframes opalPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes opalPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @-ms-keyframes opalPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } @keyframes opalPopup { from { opacity: 0; -webkit-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1300px; perspective: 1300px; } 70% { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0.8; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; } to { transform: scale(1); -webkit-transform: scale(1); opacity: 1; } } .elementor-widget-bocky-banner-process .swiper { position: relative !important; } .elementor-widget-bocky-banner-process .bocky-con-inner { position: absolute; z-index: 9; width: 100%; height: 100%; } .elementor-widget-bocky-banner-process .elementor-banner-process-item { position: relative; display: flex; overflow: hidden; border-right: 1px solid rgba(255, 255, 255, 0.24); } .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption { position: absolute; bottom: 0; width: 100%; padding: 0 27px 57px 57px; transform: translateY(68px); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 568px) { .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption { padding: 0 15px 30px 15px; transform: translateY(0px); text-align: center; } } .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption .number { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 30px; font-size: 1.875rem; opacity: 0.1; -ms-opacity: 0.1; -o-opacity: 0.1; -moz-opacity: 0.1; -webkit-opacity: 0.1; filter: alpha(opacity=10); line-height: 34px; color: var(--e-global-color-border); } @media (max-width: 568px) { .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption .number { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); color: var(--e-global-color-primary); } } .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption .banner-process-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 30px; font-size: 1.875rem; line-height: 34px; color: #FFFFFF; width: 258px; padding: 20px 0; } .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption .banner-process-title a { color: #FFFFFF; } .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption .banner-process-title:hover a { color: var(--e-global-color-highlight); } @media (max-width: 568px) { .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption .banner-process-title { width: 100%; justify-self: center; } } .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption .banner-process-content { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; color: #FFFFFF; width: 286px; visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 568px) { .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption .banner-process-content { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; justify-self: center; } } .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption.active { transform: translateY(0); } .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption.active .banner-process-content { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; } .elementor-widget-bocky-banner-process .elementor-banner-process-item .banner-process-caption.active .number { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); color: var(--e-global-color-primary); } .elementor-widget-bocky-banner-process .elementor-banner-process-item:hover .banner-process-caption { transform: translateY(0); } .elementor-widget-bocky-banner-process .elementor-banner-process-item:hover .banner-process-caption .banner-process-content { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; } .elementor-widget-bocky-banner-process .elementor-banner-process-item:hover .banner-process-caption .number { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); color: var(--e-global-color-primary); } .elementor-widget-bocky-banner-process .banner-process-image-list { display: flex; flex-wrap: nowrap; overflow: hidden; } .elementor-widget-bocky-banner-process .banner-process-image-list .banner-process-img { flex: 0 0 100%; position: relative; } .elementor-widget-bocky-banner-process .banner-process-image-list .banner-process-img.showing { transform: translateX(-100%); z-index: 2; } .elementor-widget-bocky-banner-process .banner-process-image-list .banner-process-img.show { z-index: 3; } .elementor-widget-bocky-banner-process .banner-process-image-list .banner-process-img .process-image { position: relative; overflow: hidden; } .elementor-widget-bocky-banner-process .banner-process-image-list .banner-process-img .process-image:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(185, 183, 174, 0) 0%, rgba(134, 132, 126, 0.54) 19.25%, rgba(0, 0, 0, 0.64) 64%); z-index: 1; } .elementor-widget-bocky-banner-process .banner-process-image-list .banner-process-img .process-image img { width: 100%; height: 820px; object-fit: cover; } .elementor-brand-wrapper .elementor-grid { justify-content: center; align-items: start; } .elementor-brand-wrapper .elementor-brand-item { text-align: center; display: flex; align-items: center; position: relative; overflow: hidden; } .elementor-brand-wrapper .elementor-brand-image { display: flex; width: 100%; font-size: 0px; font-size: 0rem; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-brand-wrapper .elementor-brand-image:hover img, .elementor-brand-wrapper .elementor-brand-image:hover svg { filter: none; } .elementor-brand-wrapper a { display: block; padding: 2px; } .elementor-brand-wrapper img { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-brand-wrapper:hover img, .elementor-brand-wrapper:hover svg { opacity: 0.5; -ms-opacity: 0.5; -o-opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; filter: alpha(opacity=50); -ms-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; filter: grayscale(100%); } .elementor-brand-wrapper .column-item { margin-bottom: 30px; } .elementor-brand-wrapper .slick-slide { position: relative; } .elementor-brand-wrapper .slick-slide:before { top: 0; right: 0; width: 1px; height: 100%; background: #ebebeb; position: absolute; } .elementor-brand-wrapper .slick-slide:last-child:before { content: none !important; } .elementor-brand-wrapper:hover img svg { filter: grayscale(100%); } .elementor-brand-wrapper .elementor-widget-bocky-brand .bocky-carousel .column-item { margin-bottom: 0 !important; } .elementor-brand-wrapper .elementor-widget-bocky-brand .bocky-carousel .slick-track { display: flex !important; align-items: center; } .elementor-widget-woocommerce-breadcrumb .bocky-woocommerce-title { position: relative; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 82px; font-size: 5.125rem; line-height: 1.0975609756; color: #fff; margin: 30px 0 0 0; text-transform: uppercase; letter-spacing: -2.5px; } @media (max-width: 767px) { .elementor-widget-woocommerce-breadcrumb .bocky-woocommerce-title { font-size: 30px; font-size: 1.875rem; line-height: 35px; } } .elementor-widget-woocommerce-breadcrumb .bocky-woocommerce-subtitle { position: relative; font-size: 20px; font-size: 1.25rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); line-height: 1.4; margin: 0 0 20px 0; color: #fff; } .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 1.8571428571; color: #fff; margin: 0; text-transform: uppercase; letter-spacing: 1.1px; } .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; color: #fff; line-height: 1.8571428571; text-transform: uppercase; } .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a:hover { color: var(--e-global-color-primary); } .elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb i { color: var(--e-global-color-lighter); font-size: 8px; font-size: 0.5rem; margin: -2px 10px 0 10px; } .hidden-bocky-title-yes .bocky-woocommerce-title { display: none; } .hidden-bocky-subtitle-title-yes .bocky-woocommerce-subtitle { display: none; } .single .hidden-bocky-title-single-yes .bocky-woocommerce-title, .single .hidden-bocky-title-single-yes .bocky-woocommerce-subtitle { display: none; } .bocky-elementor-button { --icon-width: 64px; --icon-spacing: 5px; --icon-spacing-text: 5px; --text-padding-right: 36px; display: inline-block; } .bocky-elementor-button .bocky-btn-content { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 16px; font-size: 1rem; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 100px; white-space: nowrap; padding: 21px 36px; color: var(--e-global-color-secondary); text-align: left; background-color: var(--e-global-color-primary); position: relative; overflow: hidden; display: block; width: 100%; } .bocky-elementor-button.bocky-btn-has-icon { position: relative; line-height: 1; transition: all 0.4s linear; padding-right: var(--icon-width); display: inline-flex; } .bocky-elementor-button.bocky-btn-has-icon .bocky-button-inner { display: block; position: relative; } .bocky-elementor-button.bocky-btn-has-icon .elementor-button-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 100%; aspect-ratio: 1; transition: all 0.2s linear; height: var(--icon-width); max-height: 100%; overflow: hidden; display: block; padding: 0; } .bocky-elementor-button.bocky-btn-has-icon .elementor-button-icon .elementor-button-icon-inner { height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--e-global-color-primary); border-radius: 50%; color: var(--e-global-color-secondary); fill: var(--e-global-color-secondary); } .bocky-elementor-button.bocky-btn-has-icon .elementor-button-icon .elementor-button-icon-inner i { font-size: 24px; font-size: 1.5rem; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .bocky-elementor-button.bocky-btn-has-icon:hover .bocky-btn-content { width: calc(100% + var(--icon-width) + var(--icon-spacing-text) - var(--text-padding-right)); } .bocky-elementor-button.bocky-btn-has-icon:hover .elementor-button-icon { padding: var(--icon-spacing); left: calc(100% + var(--icon-spacing-text) - var(--text-padding-right)); } .bocky-elementor-button.bocky-btn-has-icon:hover .elementor-button-icon i { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .elementor-widget-bocky-button .bocky-btn-content.elementor-size-xs { padding: 15px 36px; } .elementor-widget-bocky-button .bocky-btn-content.elementor-size-sm { padding: 18px 36px; } .elementor-widget-bocky-button .bocky-btn-content.elementor-size-md { padding: 21px 36px; } .elementor-widget-bocky-button .bocky-btn-content.elementor-size-lg { padding: 24px 40px; font-size: 16px; font-size: 1rem; } .elementor-widget-bocky-button .bocky-btn-content.elementor-size-xl { padding: 28px 45px; font-size: 16px; font-size: 1rem; } .elementor-widget-bocky-banner .elementor-cta__content { margin: 0; } .elementor-widget-bocky-banner .elementor-cta__heading2, .elementor-widget-bocky-banner .elementor-cta__title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 36px; font-size: 2.25rem; line-height: 42px; position: relative; z-index: 1; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-banner .elementor-cta__heading2 { margin-bottom: 15px; } .elementor-widget-bocky-banner .elementor-cta__subtitle { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 26px; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 20px; color: var(--e-global-color-primary); } .elementor-widget-bocky-banner .elementor-cta__description { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 26px; color: var(--e-global-color-text); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-banner .elementor-cta__bg-overlay { position: absolute; bottom: 0; width: 100%; height: 100%; pointer-events: none; left: 0; } .elementor-widget-bocky-banner.content-stretch-yes { height: 100%; } .elementor-widget-bocky-banner.content-stretch-yes .elementor-widget-container, .elementor-widget-bocky-banner.content-stretch-yes .elementor-bocky-banner { height: 100%; } .elementor-widget-bocky-banner:hover .elementor-cta__bg-overlay { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-widget-bocky-banner:hover .elementor-cta__bg { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-bocky-banner:hover .elementor-cta__button-wrapper { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-widget-bocky-banner.elementor-cta--valign-middle .elementor-cta__content { -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .elementor-widget-bocky-banner.elementor-cta--valign-top .elementor-cta__content { -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .elementor-widget-bocky-banner.elementor-cta--valign-bottom .elementor-cta__content { -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .elementor-cta__button.elementor-button { --icon-width: 64px; --icon-spacing: 5px; --icon-spacing-text: 5px; --text-padding-right: 36px; display: inline-block; padding: 12px 30px; letter-spacing: 0.4px; } .elementor-cta__button.elementor-button .bocky-btn-content { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 16px; font-size: 1rem; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 100px; white-space: nowrap; padding: 21px 36px; color: var(--e-global-color-secondary); text-align: left; background-color: var(--e-global-color-primary); position: relative; overflow: hidden; display: block; width: 100%; } .elementor-cta__button.elementor-button { position: relative; line-height: 1; transition: all 0.4s linear; padding-right: var(--icon-width); display: inline-flex; } .elementor-cta__button.elementor-button .bocky-button-inner { display: block; position: relative; } .elementor-cta__button.elementor-button .elementor-button-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 100%; aspect-ratio: 1; transition: all 0.2s linear; height: var(--icon-width); max-height: 100%; overflow: hidden; display: block; padding: 0; } .elementor-cta__button.elementor-button .elementor-button-icon .elementor-button-icon-inner { height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--e-global-color-primary); border-radius: 50%; color: var(--e-global-color-secondary); fill: var(--e-global-color-secondary); } .elementor-cta__button.elementor-button .elementor-button-icon .elementor-button-icon-inner i { font-size: 24px; font-size: 1.5rem; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-cta__button.elementor-button:hover .bocky-btn-content { width: calc(100% + var(--icon-width) + var(--icon-spacing-text) - var(--text-padding-right)); } .elementor-cta__button.elementor-button:hover .elementor-button-icon { padding: var(--icon-spacing); left: calc(100% + var(--icon-spacing-text) - var(--text-padding-right)); } .elementor-cta__button.elementor-button:hover .elementor-button-icon i { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .button-banner-style-bocky-link .elementor-button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 16px; font-size: 1rem; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--e-global-color-secondary); background-color: transparent; border: 0; border-radius: 0; position: relative; padding: 0; } .button-banner-style-bocky-link .elementor-button:after, .button-banner-style-bocky-link .elementor-button i, .button-banner-style-bocky-link .elementor-button svg { display: flex; align-items: center; justify-content: center; font-size: 24px; font-size: 1.5rem; line-height: 24px !important; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0 0 2px 6px; background-color: var(--e-global-color-primary); color: #ffffff; border-radius: 50%; height: 24px; width: 24px; } .button-banner-style-bocky-link .elementor-button:hover:after, .button-banner-style-bocky-link .elementor-button:hover i, .button-banner-style-bocky-link .elementor-button:hover svg, .button-banner-style-bocky-link .elementor-button:focus:after, .button-banner-style-bocky-link .elementor-button:focus i, .button-banner-style-bocky-link .elementor-button:focus svg { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .button-banner-style-bocky-link .elementor-button:visited:after, .button-banner-style-bocky-link .elementor-button:visited i, .button-banner-style-bocky-link .elementor-button:visited svg { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .button-banner-style-bocky-link .elementor-button:visited:hover:after, .button-banner-style-bocky-link .elementor-button:visited:hover i, .button-banner-style-bocky-link .elementor-button:visited:hover svg { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .elementor-bg-transform-move-down-custom .elementor-bg { height: calc(100% + 30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } .elementor-bg-transform-move-down-custom:hover .elementor-bg { -ms-transform: translateY(0); -o-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .elementor-bg-transform-move-up-custom .elementor-bg { height: calc(100% + 30px); } .elementor-bg-transform-move-up-custom:hover .elementor-bg { -ms-transform: translateY(-30px); -o-transform: translateY(-30px); -moz-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } .elementor-bg-transform-move-left-custom .elementor-bg { width: calc(100% + 30px); -ms-transform: translateX(-30px); -o-transform: translateX(-30px); -moz-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); } .elementor-bg-transform-move-left-custom:hover .elementor-bg { -ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); } .elementor-bg-transform-move-right-custom .elementor-bg { width: calc(100% + 30px); -ms-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .elementor-bg-transform-move-right-custom:hover .elementor-bg { -ms-transform: translateX(-30px); -o-transform: translateX(-30px); -moz-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); } .elementor-bg-transform-zoom-in:hover .elementor-bg { -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .elementor-bg-transform-zoom-out .elementor-bg { width: calc(100% + 40px); -ms-transform: scale(1.025); -o-transform: scale(1.025); -moz-transform: scale(1.025); -webkit-transform: scale(1.025); transform: scale(1.025); } .elementor-bg-transform-zoom-out:hover .elementor-bg { -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .elementor-cta { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -ms-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; } .elementor-cta--skin-classic .elementor-cta { -ms-flex-wrap: wrap; flex-wrap: wrap; } .elementor-cta--skin-classic .elementor-cta__bg-wrapper { position: relative; min-height: 200px; width: 100%; } .elementor-cta--skin-classic .elementor-cta__content { width: 100%; -ms-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .elementor-cta--skin-cover .elementor-cta { display: block; } .elementor-cta--skin-cover .elementor-cta__bg-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; border-radius: 0; -ms-transition: all 0.2s; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .elementor-cta--skin-cover .elementor-cta__content { min-height: 300px; position: relative; z-index: 3; } .elementor-cta--layout-image-above .elementor-cta { -ms-flex-wrap: wrap; flex-wrap: wrap; } .elementor-cta--layout-image-above .elementor-cta__bg-wrapper { width: 100%; } .elementor-cta--layout-image-left .elementor-cta, .elementor-cta--layout-image-right .elementor-cta { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .elementor-cta--layout-image-left .elementor-cta__bg-wrapper, .elementor-cta--layout-image-right .elementor-cta__bg-wrapper { width: auto; min-width: 50%; } .elementor-cta--layout-image-left .elementor-cta__content, .elementor-cta--layout-image-right .elementor-cta__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .elementor-cta--layout-image-left .elementor-cta { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .elementor-cta--layout-image-right .elementor-cta { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .elementor-cta__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .elementor-cta__bg-wrapper { z-index: 1; overflow: hidden; } .elementor-cta__bg-overlay { z-index: 2; } .elementor-cta__content { z-index: 1; overflow: hidden; padding: 30px; width: 100%; display: flex; } .elementor-cta__content, .elementor-cta__content-item { -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-cta_image_layer { position: absolute; z-index: 1; } .elementor-cta_image_layer img { object-fit: contain; } @media (max-device-width: 1024px) { .elementor-cta { cursor: pointer; } } .button-show-yes .elementor-cta__button-wrapper { display: none; } .background-gradient-yes .elementor-bocky-banner { position: relative; } .background-gradient-yes .elementor-bocky-banner:before { content: ""; position: absolute; height: 100%; width: 100%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.2); z-index: 2; border-radius: 20px; } .effect-hover-yes.elementor-widget-bocky-banner .elementor-cta__content_inner { transform: translateY(70%); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .effect-hover-yes.elementor-widget-bocky-banner .elementor-cta__description { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .effect-hover-yes.elementor-widget-bocky-banner:hover .elementor-cta__content_inner { transform: translateY(0); } .effect-hover-yes.elementor-widget-bocky-banner:hover .elementor-cta__description { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } @media (max-width: 767px) { .effect-hover-yes.elementor-widget-bocky-banner .elementor-cta__content_inner { transform: translateY(0); } .effect-hover-yes.elementor-widget-bocky-banner .elementor-cta__description { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } } .wpcf7-form { margin: 0; } .wpcf7-form .wpcf7-form-control-wrap { width: 100%; display: block; } .wpcf7-form .wpcf7-form-control-wrap input[type=text], .wpcf7-form .wpcf7-form-control-wrap input[type=number], .wpcf7-form .wpcf7-form-control-wrap input[type=email], .wpcf7-form .wpcf7-form-control-wrap input[type=tel], .wpcf7-form .wpcf7-form-control-wrap input[type=url], .wpcf7-form .wpcf7-form-control-wrap input[type=password], .wpcf7-form .wpcf7-form-control-wrap input[type=search], .wpcf7-form .wpcf7-form-control-wrap input[type=date], .wpcf7-form .wpcf7-form-control-wrap input[type=time] { width: 100%; padding: 14px 20px; height: 52px; font-size: 16px; font-size: 1rem; background-color: #ffffff; border: 1px solid var(--e-global-color-border); color: var(--e-global-color-lighter); backdrop-filter: blur(29px); -webkit-background-clip: unset; -webkit-text-fill-color: var(--e-global-color-text); } .wpcf7-form .wpcf7-form-control-wrap input[type=text]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=number]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=email]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=tel]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=url]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=password]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=search]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=date]::placeholder, .wpcf7-form .wpcf7-form-control-wrap input[type=time]::placeholder { color: var(--e-global-color-text); font-size: 16px; font-size: 1rem; text-transform: inherit; } .wpcf7-form .wpcf7-form-control-wrap input[type=text]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=text]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=number]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=number]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=email]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=email]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=tel]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=tel]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=url]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=url]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=password]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=password]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=search]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=search]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=date]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=date]:hover, .wpcf7-form .wpcf7-form-control-wrap input[type=time]:focus, .wpcf7-form .wpcf7-form-control-wrap input[type=time]:hover { border-color: var(--e-global-color-dark); } .wpcf7-form .wpcf7-form-control-wrap textarea { margin: auto; width: 100%; height: 100%; overflow: hidden; margin-bottom: 0; padding: 13px 20px 17px; border-radius: 12px; background-color: #ffffff; backdrop-filter: blur(29px); border: 1px solid var(--e-global-color-border); font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); } .wpcf7-form .wpcf7-form-control-wrap textarea::placeholder { font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); text-transform: inherit; } .wpcf7-form .wpcf7-form-control-wrap textarea:focus, .wpcf7-form .wpcf7-form-control-wrap textarea:hover { border-color: var(--e-global-color-dark); } .wpcf7-form .wpcf7-form-control-wrap select:not([size]):not([multiple]) { font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); border-radius: 30px; height: 52px; line-height: 1; font-weight: 400; padding: 12px 47px 12px 22px; backdrop-filter: blur(29px); background-position: 100% calc(50% + 0px); background-size: 53px 10px; background-color: #ffffff; border: 1px solid var(--e-global-color-border); text-transform: capitalize; } .wpcf7-form .wpcf7-form-control-wrap select:not([size]):not([multiple]) option { color: var(--e-global-color-text); } .wpcf7-form label { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 16px; font-size: 1rem; color: var(--e-global-color-secondary); line-height: 24px; margin-bottom: 13px; display: block; text-align: left; } .wpcf7-form .wpcf7-button { margin-top: 10px; } @media (max-width: 768px) { .wpcf7-form .wpcf7-button { margin-top: 0; } } .wpcf7-form .wpcf7-button p { margin: 0; } .wpcf7-form .wpcf7-button button, .wpcf7-form .wpcf7-button input[type=button], .wpcf7-form .wpcf7-button input[type=reset], .wpcf7-form .wpcf7-button input[type=submit], .wpcf7-form .wpcf7-button .button { --icon-width: 64px; --icon-spacing: 5px; --icon-spacing-text: 5px; --text-padding-right: 36px; display: inline-block; padding: 0; border: none; background-color: transparent; } .wpcf7-form .wpcf7-button button .bocky-btn-content, .wpcf7-form .wpcf7-button input[type=button] .bocky-btn-content, .wpcf7-form .wpcf7-button input[type=reset] .bocky-btn-content, .wpcf7-form .wpcf7-button input[type=submit] .bocky-btn-content, .wpcf7-form .wpcf7-button .button .bocky-btn-content { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 16px; font-size: 1rem; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 100px; white-space: nowrap; padding: 21px 36px; color: var(--e-global-color-secondary); text-align: left; background-color: var(--e-global-color-primary); position: relative; overflow: hidden; display: block; width: 100%; } .wpcf7-form .wpcf7-button button, .wpcf7-form .wpcf7-button input[type=button], .wpcf7-form .wpcf7-button input[type=reset], .wpcf7-form .wpcf7-button input[type=submit], .wpcf7-form .wpcf7-button .button { position: relative; line-height: 1; transition: all 0.4s linear; padding-right: var(--icon-width); display: inline-flex; } .wpcf7-form .wpcf7-button button .bocky-button-inner, .wpcf7-form .wpcf7-button input[type=button] .bocky-button-inner, .wpcf7-form .wpcf7-button input[type=reset] .bocky-button-inner, .wpcf7-form .wpcf7-button input[type=submit] .bocky-button-inner, .wpcf7-form .wpcf7-button .button .bocky-button-inner { display: block; position: relative; } .wpcf7-form .wpcf7-button button .elementor-button-icon, .wpcf7-form .wpcf7-button input[type=button] .elementor-button-icon, .wpcf7-form .wpcf7-button input[type=reset] .elementor-button-icon, .wpcf7-form .wpcf7-button input[type=submit] .elementor-button-icon, .wpcf7-form .wpcf7-button .button .elementor-button-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 100%; aspect-ratio: 1; transition: all 0.2s linear; height: var(--icon-width); max-height: 100%; overflow: hidden; display: block; padding: 0; } .wpcf7-form .wpcf7-button button .elementor-button-icon .elementor-button-icon-inner, .wpcf7-form .wpcf7-button input[type=button] .elementor-button-icon .elementor-button-icon-inner, .wpcf7-form .wpcf7-button input[type=reset] .elementor-button-icon .elementor-button-icon-inner, .wpcf7-form .wpcf7-button input[type=submit] .elementor-button-icon .elementor-button-icon-inner, .wpcf7-form .wpcf7-button .button .elementor-button-icon .elementor-button-icon-inner { height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--e-global-color-primary); border-radius: 50%; color: var(--e-global-color-secondary); fill: var(--e-global-color-secondary); } .wpcf7-form .wpcf7-button button .elementor-button-icon .elementor-button-icon-inner i, .wpcf7-form .wpcf7-button input[type=button] .elementor-button-icon .elementor-button-icon-inner i, .wpcf7-form .wpcf7-button input[type=reset] .elementor-button-icon .elementor-button-icon-inner i, .wpcf7-form .wpcf7-button input[type=submit] .elementor-button-icon .elementor-button-icon-inner i, .wpcf7-form .wpcf7-button .button .elementor-button-icon .elementor-button-icon-inner i { font-size: 24px; font-size: 1.5rem; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .wpcf7-form .wpcf7-button button:hover .bocky-btn-content, .wpcf7-form .wpcf7-button input[type=button]:hover .bocky-btn-content, .wpcf7-form .wpcf7-button input[type=reset]:hover .bocky-btn-content, .wpcf7-form .wpcf7-button input[type=submit]:hover .bocky-btn-content, .wpcf7-form .wpcf7-button .button:hover .bocky-btn-content { width: calc(100% + var(--icon-width) + var(--icon-spacing-text) - var(--text-padding-right)); } .wpcf7-form .wpcf7-button button:hover .elementor-button-icon, .wpcf7-form .wpcf7-button input[type=button]:hover .elementor-button-icon, .wpcf7-form .wpcf7-button input[type=reset]:hover .elementor-button-icon, .wpcf7-form .wpcf7-button input[type=submit]:hover .elementor-button-icon, .wpcf7-form .wpcf7-button .button:hover .elementor-button-icon { padding: var(--icon-spacing); left: calc(100% + var(--icon-spacing-text) - var(--text-padding-right)); } .wpcf7-form .wpcf7-button button:hover .elementor-button-icon i, .wpcf7-form .wpcf7-button input[type=button]:hover .elementor-button-icon i, .wpcf7-form .wpcf7-button input[type=reset]:hover .elementor-button-icon i, .wpcf7-form .wpcf7-button input[type=submit]:hover .elementor-button-icon i, .wpcf7-form .wpcf7-button .button:hover .elementor-button-icon i { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .wpcf7-form .wpcf7-button button.loading, .wpcf7-form .wpcf7-button input[type=button].loading, .wpcf7-form .wpcf7-button input[type=reset].loading, .wpcf7-form .wpcf7-button input[type=submit].loading, .wpcf7-form .wpcf7-button .button.loading { position: relative; } .wpcf7-form .wpcf7-button button.loading::after, .wpcf7-form .wpcf7-button input[type=button].loading::after, .wpcf7-form .wpcf7-button input[type=reset].loading::after, .wpcf7-form .wpcf7-button input[type=submit].loading::after, .wpcf7-form .wpcf7-button .button.loading::after { position: absolute; top: 35%; left: 40%; } .wpcf7-form .form-2 input[type=text], .wpcf7-form .form-2 input[type=number], .wpcf7-form .form-2 input[type=email], .wpcf7-form .form-2 input[type=tel], .wpcf7-form .form-2 input[type=url], .wpcf7-form .form-2 input[type=password], .wpcf7-form .form-2 input[type=search], .wpcf7-form .form-2 input[type=date], .wpcf7-form .form-2 input[type=time] { border: 1px solid rgba(255, 255, 255, 0.07); background-color: rgba(255, 255, 255, 0.09); } .wpcf7-form .form-2 textarea { background-color: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.07); } .wpcf7-form .form-2 select:not([size]):not([multiple]) { background-color: rgba(255, 255, 255, 0.09); border: 1px solid rgba(255, 255, 255, 0.07); } .wpcf7-form .form-2 label { color: #ffffff; } .wpcf7-form .form-2 .wpcf7-button button, .wpcf7-form .form-2 .wpcf7-button input[type=button], .wpcf7-form .form-2 .wpcf7-button input[type=reset], .wpcf7-form .form-2 .wpcf7-button input[type=submit], .wpcf7-form .form-2 .wpcf7-button .button { color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.24); } .wpcf7-form .form-team input[type=text], .wpcf7-form .form-team input[type=number], .wpcf7-form .form-team input[type=email], .wpcf7-form .form-team input[type=tel], .wpcf7-form .form-team input[type=url], .wpcf7-form .form-team input[type=password], .wpcf7-form .form-team input[type=search], .wpcf7-form .form-team input[type=date], .wpcf7-form .form-team input[type=time] { border: 1px solid rgba(255, 255, 255, 0.46); background-color: #ffffff; } .wpcf7-form .form-team textarea { border: 1px solid rgba(255, 255, 255, 0.46); background-color: #ffffff; padding: 14px 23px 36px; } .wpcf7-form .form-team select:not([size]):not([multiple]) { border: 1px solid rgba(255, 255, 255, 0.46); background-color: #ffffff; } .wpcf7-form .form-team label { color: #ffffff; } .wpcf7-form .form-team .wpcf7-button button, .wpcf7-form .form-team .wpcf7-button input[type=button], .wpcf7-form .form-team .wpcf7-button input[type=reset], .wpcf7-form .form-team .wpcf7-button input[type=submit], .wpcf7-form .form-team .wpcf7-button .button { border: 1px solid rgba(159, 159, 164, 0.64); } .wpcf7-form .form-team .wpcf7-checkbox { margin-top: 6px; display: block; } .wpcf7-form .form-team .wpcf7-checkbox .wpcf7-list-item { margin: 0; } .wpcf7-form .form-team .wpcf7-checkbox input[type=checkbox] { border: 1px solid var(--e-global-color-lighter); } .wpcf7-form .form-team .wpcf7-checkbox input[type=checkbox]:checked { background-color: transparent; border-color: var(--e-global-color-lighter); } .wpcf7-form .form-team .wpcf7-checkbox input[type=checkbox]:checked::after { content: ""; position: absolute; left: 6px; top: 3px; width: 5px; height: 9px; border: solid var(--e-global-color-lighter); border-width: 0 2px 2px 0; transform: rotate(45deg); } .wpcf7-form .form-team .wpcf7-checkbox label { color: var(--e-global-color-secondary); } .wpcf7-form .form-team button, .wpcf7-form .form-team input[type=button], .wpcf7-form .form-team input[type=reset], .wpcf7-form .form-team input[type=submit], .wpcf7-form .form-team .button { padding: 9px 10px 9px 30px; } .wpcf7-form .form-team button i, .wpcf7-form .form-team input[type=button] i, .wpcf7-form .form-team input[type=reset] i, .wpcf7-form .form-team input[type=submit] i, .wpcf7-form .form-team .button i { margin-left: 9px; } .wpcf7-form .form-team .row { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .wpcf7-form .form-team .row [class*=" column-"], .wpcf7-form .form-team .row [class^=column-] { padding: 0 10px; } .wpcf7-form .form-team .row p { margin-bottom: 20px; } .wpcf7-form .form-team .row .excerpt-content { margin-bottom: 30px; } .wpcf7-form .row { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .wpcf7-form .row [class*=" column-"], .wpcf7-form .row [class^=column-] { padding: 0 10px; } .wpcf7-form .row p { margin-bottom: 20px; } .wpcf7-form .row .label-form p { margin-bottom: 0; } .wpcf7-form .row .title-placeholder { font-size: 14px; font-size: 0.875rem; font-weight: 500; text-transform: uppercase; margin-bottom: 12px; } .wpcf7-form .wpcf7-checkbox .wpcf7-list-item { margin: 0; } .wpcf7-form .wpcf7-checkbox input[type=checkbox] { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; min-width: 20px; min-height: 20px; flex-shrink: 0; border: 1px solid rgba(255, 255, 255, 0.46); border-radius: 5px; background-color: transparent; cursor: pointer; transition: all 0.2s ease; position: relative; margin-right: 10px; margin-top: 2px; } .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked { background-color: transparent; border-color: rgba(255, 255, 255, 0.46); } .wpcf7-form .wpcf7-checkbox input[type=checkbox]:checked::after { content: ""; position: absolute; left: 6px; top: 3px; width: 5px; height: 9px; border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .wpcf7-form .wpcf7-checkbox label { display: flex; margin-top: -3px; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: #ffffff; font-size: 16px; font-size: 1rem; } .wpcf7-form .date-style .wpcf7-form-control-wrap { position: relative; } .wpcf7-form .date-style .wpcf7-form-control-wrap:after { position: absolute; right: 21px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--e-global-color-accent); font-size: 16px; font-size: 1rem; } .wpcf7-form .time-style .wpcf7-form-control-wrap { position: relative; } .wpcf7-form .time-style .wpcf7-form-control-wrap:after { position: absolute; right: 25px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--e-global-color-text); font-size: 20px; font-size: 1.25rem; } .wpcf7-form input[type=time]::-webkit-calendar-picker-indicator { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .wpcf7-form input[type=time]::-webkit-clear-button { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .wpcf7-form input[type=date]::-webkit-calendar-picker-indicator { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .wpcf7-form input[type=date]::-webkit-clear-button { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .elementor-widget-bocky-countdown .elementor-bocky-countdown { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: row; } .elementor-widget-bocky-countdown .elementor-countdown-item { text-align: center; display: flex; flex-direction: column; justify-content: center; position: relative; align-items: center; margin: 0 16px; } @media (max-width: 568px) { .elementor-widget-bocky-countdown .elementor-countdown-item { margin: 0 4px; } } .elementor-widget-bocky-countdown .elementor-countdown-item:before { content: ":"; display: inline-block; position: absolute; right: -22px; font-size: 46px; font-size: 2.875rem; line-height: 1; top: 0; color: var(--e-global-color-secondary); } @media (max-width: 568px) { .elementor-widget-bocky-countdown .elementor-countdown-item:before { right: -10px; font-size: 35px; font-size: 2.1875rem; top: 5px; } } .elementor-widget-bocky-countdown .elementor-countdown-item:last-child { margin-right: 0; } .elementor-widget-bocky-countdown .elementor-countdown-item:last-child:before { display: none; } .elementor-widget-bocky-countdown .elementor-countdown-label { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; text-align: center; text-transform: uppercase; font-weight: 600; letter-spacing: 0.3px; color: var(--e-global-color-secondary); } .elementor-widget-bocky-countdown .elementor-countdown-digits { display: flex; align-items: center; justify-content: center; border-radius: 20px; padding: 15px; margin-bottom: 0; text-align: center; /* optional */ width: 65px; height: 50px; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 42px; font-size: 2.625rem; line-height: 44px; font-weight: 700; color: var(--e-global-color-secondary); } @media (max-width: 768px) { .elementor-widget-bocky-countdown .elementor-countdown-digits { font-size: 32px; font-size: 2rem; line-height: 40px; } } .elementor-widget-bocky-countdown .countdown-title { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 15px; font-size: 0.9375rem; color: var(--e-global-color-text); margin-right: 15px; } .elementor-widget-bocky-countdown.countdown-style-1 .countdown-inner { display: flex; flex-direction: row; align-items: center; } .elementor-widget-bocky-countdown.countdown-style-2 .elementor-countdown-item:before { opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } body.flyout-body-hidden.flyout-menu-outsite-header #masthead { z-index: -1; } html.show-menu { overflow: hidden; } .elementor-bocky-flyout-content { position: fixed; left: 0; top: var(--wp-admin--admin-bar--height, 0px); -webkit-clip-path: circle(0% at 0% 0%); clip-path: circle(0% at 0% 0%); width: 100vw; height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)); visibility: hidden; -ms-transition: clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 0.8s, -webkit-clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -o-transition: clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 0.8s, -webkit-clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -moz-transition: clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 0.8s, -webkit-clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); -webkit-transition: clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 0.8s, -webkit-clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); transition: clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), visibility 0.8s, -webkit-clip-path 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96); z-index: 9; overflow-x: hidden; overflow-y: auto; background: linear-gradient(360deg, rgba(21, 2, 3, 0) 10%, #000509 96%); -ms-overflow-style: auto; scrollbar-width: auto; } .elementor-bocky-flyout-content *::selection { color: #ffffff; background: var(--e-global-color-secondary); } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .hfe-menu-toggle { transform: rotate(0deg); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border: 0; font-size: 10px; font-size: 0.625rem; font-weight: 600; } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .hfe-menu-toggle:hover { border: 0; } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .hfe-has-submenu-container a.hfe-menu-item { position: relative; width: 100%; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .hfe-has-submenu-container a.hfe-menu-item:before { visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; font-size: 45px; font-size: 2.8125rem; top: 50%; transform: translateY(-50%) translateX(-60px); -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .hfe-has-submenu-container.sub-menu-active a.hfe-menu-item { padding-left: 90px; } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .hfe-has-submenu-container.sub-menu-active a.hfe-menu-item:before { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); transform: translateY(-50%) translateX(0); } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item .hfe-has-submenu-container.sub-menu-active .hfe-menu-toggle { transform: rotate(180deg); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item a.hfe-menu-item { position: relative; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item a.hfe-menu-item:before { visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); position: absolute; left: 0; font-size: 45px; font-size: 2.8125rem; top: 50%; transform: translateY(-50%) translateX(-60px); -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item:hover a.hfe-menu-item, .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item.current_page_item a.hfe-menu-item, .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item.current-menu-parent a.hfe-menu-item, .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item.current-menu-ancestor a.hfe-menu-item { padding-left: 90px; color: var(--e-global-color-text); } .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item:hover a.hfe-menu-item:before, .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item.current_page_item a.hfe-menu-item:before, .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item.current-menu-parent a.hfe-menu-item:before, .elementor-bocky-flyout-content .elementor-widget-navigation-menu ul.hfe-nav-menu li.menu-item.current-menu-ancestor a.hfe-menu-item:before { visibility: visible; opacity: 1 !important; transform: translateY(-50%) translateX(0); } .elementor-bocky-flyout-content ul.hfe-nav-menu { display: block; } .elementor-bocky-flyout-content ul.hfe-nav-menu li a.hfe-menu-item { display: inline-flex; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 54px; font-size: 3.375rem; text-transform: uppercase; letter-spacing: 0; line-height: 50px; color: #ffffff; border: none; } @media (max-width: 568px) { .elementor-bocky-flyout-content ul.hfe-nav-menu li a.hfe-menu-item { font-size: 30px; font-size: 1.875rem; line-height: 40px; } } .elementor-bocky-flyout-content ul.hfe-nav-menu li a.hfe-menu-item:hover { color: var(--e-global-color-primary); } .elementor-bocky-flyout-content ul.hfe-nav-menu li ul.sub-menu li a.hfe-sub-menu-item { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; font-weight: 700; line-height: 24px; color: var(--e-global-color-text); } .elementor-bocky-flyout-content ul.hfe-nav-menu li ul.sub-menu li a.hfe-sub-menu-item:hover, .elementor-bocky-flyout-content ul.hfe-nav-menu li ul.sub-menu li a.hfe-sub-menu-item:focus { color: var(--e-global-color-secondary); } .elementor-bocky-flyout-content ul.hfe-nav-menu li ul.sub-menu li.hfe-has-submenu { position: relative; } .elementor-bocky-flyout-content.flyout-open { -webkit-clip-path: circle(150% at 50% 50%); clip-path: circle(150% at 50% 50%); visibility: visible; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .elementor-header-flyout-action { z-index: 10; position: relative; } .elementor-header-flyout-action .icon { display: inline-block; padding: 20px; line-height: 1; } .elementor-header-flyout-action .elementor-flyout-close-icon { display: none; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .elementor-header-flyout-action.flyout-action-close { position: fixed; right: 80px; top: 88px; } .elementor-header-flyout-action.flyout-action-close .elementor-flyout-close-icon { display: block; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .elementor-header-flyout-action.flyout-action-close .elementor-flyout-close-icon .icon { background-color: transparent; border-color: transparent; font-size: 30px !important; font-weight: 700 !important; } .elementor-header-flyout-action.flyout-action-close .elementor-flyout-close-icon .icon:hover { color: var(--e-global-color-text) !important; } .elementor-header-flyout-action.flyout-action-close .elementor-flyout-open-icon { display: none; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .elementor-header-flyout-action .elementor-flyout-close-icon { opacity: 0; } .elementor-header-flyout-action .flyout-body-hidden .elementor-flyout-open-icon { opacity: 0; pointer-events: none; } .elementor-header-flyout-action .flyout-body-hidden .elementor-flyout-close-icon { opacity: 1; pointer-events: auto; } .elementor-bocky-flyout-content .elementor-widget-text-editor { word-wrap: initial; } .elementor-flyout-dynamic-icon .icon { display: inline-flex; align-items: center; justify-content: center; padding: 13px; } .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner { width: 17px; height: 10px; display: inline-block; position: relative; } .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span { display: inline-block; width: 100%; height: 1px; background-color: #000; position: absolute; left: 0; top: 0; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span.dynamic-icon-down { width: 50%; top: 50%; } .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span.dynamic-icon-bottom { top: auto; bottom: -1px; } .elementor-flyout-dynamic-icon .icon:hover .dynamic-icon-inner > span { width: 100%; background-color: #fff; } .flyout-action-close .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span { width: 100%; transform: translate(-50%, -50%) rotate(43deg); left: 50%; top: 50%; } .flyout-action-close .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span.dynamic-icon-down { transform: translate(-50%, -50%) rotate(-43deg); } .flyout-action-close .elementor-flyout-dynamic-icon .icon .dynamic-icon-inner > span.dynamic-icon-bottom { display: none; } .elementor-widget-bocky-gallery-scroll .elementor-widget-container { overflow: hidden; display: flex; } .elementor-widget-bocky-gallery-scroll.bocky-gallery-scroll-direction-ltr .elementor-widget-container { justify-content: flex-end; } .elementor-widget-bocky-gallery-scroll .elementor-bocky-gallery-scroll { display: flex; gap: 30px; padding: 0; will-change: transform; align-items: flex-end; } .elementor-widget-bocky-gallery-scroll .elementor-bocky-item-gallery-scroll { flex: 0 0 auto; width: 380px; height: 200px; overflow: hidden; transition: transform 0.3s linear; } .elementor-widget-bocky-gallery-scroll .elementor-bocky-item-gallery-scroll:nth-child(3n+2) { width: 480px; height: 280px; } .elementor-widget-bocky-gallery-scroll .elementor-bocky-item-gallery-scroll:nth-child(3n+3) { width: 680px; height: 360px; } .elementor-widget-bocky-gallery-scroll .elementor-bocky-item-gallery-scroll img { width: 100%; height: 100%; object-fit: cover; border-radius: 20px; } .elementor-header-group-wrapper .header-group-action { display: flex; align-items: center; justify-content: flex-end; padding-right: 0; } .elementor-header-group-wrapper .header-group-action > div { margin-right: 20px; text-align: center; } .elementor-header-group-wrapper .header-group-action > div:first-child { margin-left: 0; } .elementor-header-group-wrapper .header-group-action > div.site-header-wishlist { order: -1; } .elementor-header-group-wrapper .header-group-action > div.site-header-account { order: -2; } .elementor-header-group-wrapper .header-group-action > div.site-header-search { order: -3; } .elementor-header-group-wrapper .header-group-action > div > a { display: flex; align-items: center; justify-content: center; } .elementor-header-group-wrapper .header-group-action > div > a i { color: var(--e-global-color-text); } .elementor-header-group-wrapper .header-group-action > div .header-wishlist { margin-bottom: -2px; } .elementor-header-group-wrapper .header-group-action > div:hover > a i { color: var(--e-global-color-primary); } .elementor-header-group-wrapper .header-group-action .site-header-account, .elementor-header-group-wrapper .header-group-action .site-header-wishlist, .elementor-header-group-wrapper .header-group-action .site-header-search, .elementor-header-group-wrapper .header-group-action .site-header-button { display: none; } @media (min-width: 1025px) { .elementor-header-group-wrapper .header-group-action .site-header-account, .elementor-header-group-wrapper .header-group-action .site-header-wishlist, .elementor-header-group-wrapper .header-group-action .site-header-search, .elementor-header-group-wrapper .header-group-action .site-header-button { display: block; } } .elementor-header-group-wrapper .site-header-account a .account-content { display: none; } .elementor-header-group-wrapper .site-header-account .account-dropdown.active { pointer-events: auto; visibility: visible; z-index: 9999; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .elementor-widget-bocky-heading .elementor-heading-wrapper-inner { display: flex; flex-direction: column; } .elementor-widget-bocky-heading .elementor-sub-title { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 1.8571428571; text-transform: uppercase; letter-spacing: 1px; display: block; color: var(--e-global-color-lighter); } .elementor-widget-bocky-heading .elementor-sub-title span { display: inline-flex; gap: 6px; } .elementor-widget-bocky-heading.elementor-align-left .elementor-heading-title { justify-content: flex-start; } .elementor-widget-bocky-heading.elementor-align-center .elementor-heading-title { justify-content: center; } .elementor-widget-bocky-heading.elementor-align-right .elementor-heading-title { justify-content: flex-end; } .elementor-widget-bocky-heading.elementor-align-justify .elementor-heading-title { justify-content: space-between; } .subtitle-position-below .elementor-sub-title { margin-top: 15px; } .subtitle-position-above .elementor-sub-title { margin-bottom: 15px; order: -1; } .elementor-widget-heading .elementor-heading-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); color: var(--e-global-color-secondary); } .title-hover-decoration-yes .elementor-heading-title { position: relative; } .title-hover-decoration-yes .elementor-heading-title:after { position: absolute; content: ""; display: block; width: 0; height: 1px; background-color: var(--e-global-color-primary); -ms-transition: width 0.4s ease-in; -o-transition: width 0.4s ease-in; -moz-transition: width 0.4s ease-in; -webkit-transition: width 0.4s ease-in; transition: width 0.4s ease-in; } .title-hover-decoration-yes .elementor-heading-title:hover:after { width: 100%; } .title-hover-decoration-yes.decoration-position-above .elementor-heading-title { padding-top: 20px; border-top: 1px solid var(--e-global-color-border); } .title-hover-decoration-yes.decoration-position-above .elementor-heading-title:after { top: -1px; } .title-hover-decoration-yes.decoration-position-below .elementor-heading-title { padding-bottom: 20px; border-bottom: 1px solid var(--e-global-color-border); } .title-hover-decoration-yes.decoration-position-below .elementor-heading-title:after { bottom: -1px; } .elementor-widget-bocky-image-carousel a { display: flex; flex-direction: row; align-items: center; } .elementor-widget-bocky-image-carousel a img { width: auto; height: 90px; object-fit: cover; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-bocky-image-carousel a .title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 24px; font-size: 1.5rem; color: var(--e-global-color-secondary); } .box-shadow-image-yes .elementor-image-carousel-item-wrapper a { box-shadow: 0 24px 32px -12px rgba(54, 74, 54, 0.24), 0px 0px 0px 1px rgba(18, 105, 63, 0.08); filter: drop-shadow(0px 1px 2px rgba(167, 185, 164, 0.16)); } /* Common */ .image-box { display: flex; align-items: center; /* Left & Right */ /* Top & Bottom */ /* Center align for top/bottom */ } .elementor-image-pos-left .image-box { flex-direction: row; } .elementor-image-pos-right .image-box { flex-direction: row-reverse; } .elementor-image-pos-top .image-box { flex-direction: column; } .elementor-image-pos-bottom .image-box { flex-direction: column-reverse; } .elementor-image-pos-top .image-box, .elementor-image-pos-bottom .image-box { align-items: center; } /* Optional spacing */ .image-box .image { width: 100%; height: auto; } .image-box .title { margin: 15px; display: block; } .elementor-widget-bocky-image-gallery .grid__item { height: 100%; } .elementor-widget-bocky-image-gallery .grid__item a { height: 100%; display: block; position: relative; overflow: hidden; border-radius: 20px; } .elementor-widget-bocky-image-gallery .grid__item a:before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-image-gallery .grid__item a:after { position: absolute; font-size: 32px; font-size: 2rem; top: 50%; left: 50%; width: 60px; height: 60px; text-align: center; align-content: center; z-index: 2; display: block; color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-image-gallery .grid__item a img { display: block; height: 100%; width: 100%; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 20px; } .elementor-widget-bocky-image-gallery .grid__item a:hover:before, .elementor-widget-bocky-image-gallery .grid__item a:hover:after { opacity: 1; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-image-gallery .grid__item a:hover img { transform: scale(1.2); } .bocky-image-gallery-masonry { --gallery-height: 225px; } .bocky-image-gallery-masonry .elementor-grid { grid-template-columns: repeat(4, 1fr); } @media (min-width: 1024px) { .bocky-image-gallery-masonry .elementor-grid .elementor-bocky-item-image-gallery:nth-child(10n+1) { grid-column: 1/3; grid-row: 2 span/3 span; } .bocky-image-gallery-masonry .elementor-grid .elementor-bocky-item-image-gallery:nth-child(10n+1) .grid__item a img { height: calc(var(--gallery-height) * 2 + var(--grid-row-gap)); } .bocky-image-gallery-masonry .elementor-grid .elementor-bocky-item-image-gallery:nth-child(10n+8) { grid-column: 3/5; grid-row: 2 span/4 span; } .bocky-image-gallery-masonry .elementor-grid .elementor-bocky-item-image-gallery:nth-child(10n+8) .grid__item a img { height: calc(var(--gallery-height) * 2 + var(--grid-row-gap)); } } .bocky-image-gallery-masonry .elementor-grid .grid__item img { object-fit: cover; } @media (max-width: 1023px) { .bocky-image-gallery-masonry .elementor-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 567px) { .bocky-image-gallery-masonry .elementor-grid { grid-template-columns: repeat(1, 1fr); } } .bocky-elementor-gallery-loadmore { display: flex; justify-content: center; text-align: center; margin-top: 60px; } @media (max-width: 1023px) { .bocky-elementor-gallery-loadmore { margin-top: 30px; } } .bocky-elementor-gallery-loadmore .loadmore-btn { position: relative; width: 52px; height: 52px; display: flex; background-color: var(--e-global-color-primary); color: #ffffff; border-radius: 50%; justify-content: center; align-items: center; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .bocky-elementor-gallery-loadmore .loadmore-btn:hover { background-color: var(--e-global-color-secondary); } .bocky-elementor-gallery-loadmore .loadmore-btn .bocky-button-inner { display: none; } .bocky-elementor-gallery-loadmore .loadmore-btn.loading { background-color: var(--e-global-color-secondary); opacity: 0.5; } .bocky-elementor-gallery-loadmore .loadmore-btn.loading:after { opacity: 0; } .bocky-elementor-gallery-loadmore .loadmore-btn.loading:before { animation: fa-spin 0.75s linear infinite; height: 100%; width: 100%; line-height: 16px; font-size: 16px; font-size: 1rem; display: flex; align-items: center; justify-content: center; transform: translate(0); background-color: transparent; margin-right: 0; position: absolute; top: 0; left: 0; } .elementor-canvas-info-wrapper { display: flex; } .elementor-canvas-info-wrapper .bocky-info-button { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border: 1px solid rgba(255, 255, 255, 0.09); background: rgba(216, 218, 223, 0.13); backdrop-filter: blur(58px); -webkit-backdrop-filter: blur(58px); border-radius: 50%; } .elementor-canvas-info-wrapper .bocky-info-button .bocky-icon { display: none; } .elementor-canvas-info-wrapper .bocky-info-button:before { font-size: 30px; font-size: 1.875rem; color: var(--e-global-color-secondary); } .elementor-canvas-info-wrapper .bocky-info-button:hover:before { color: var(--e-global-color-primary); } .bocky-canvas-info { --e-global-info-width: 600px; background-color: var(--e-global-color-accent); display: flex; flex-direction: column; justify-content: space-between; position: fixed; width: var(--e-global-info-width); top: 0; right: 0; bottom: 0; z-index: 9999; overflow: auto; -ms-transition: transform 0.25s ease; -o-transition: transform 0.25s ease; -moz-transition: transform 0.25s ease; -webkit-transition: transform 0.25s ease; transition: transform 0.25s ease; } .bocky-canvas-info-right { right: 0; left: unset; -webkit-transform: translate3d(var(--e-global-info-width), 0, 0); transform: translate3d(var(--e-global-info-width), 0, 0); } [dir=rtl] .bocky-canvas-info-right { right: unset; left: 0; -webkit-transform: translate3d(calc(-1 * var(--e-global-info-width)), 0, 0); transform: translate3d(calc(-1 * var(--e-global-info-width)), 0, 0); } .bocky-canvas-info-left { right: unset; left: 0; -webkit-transform: translate3d(calc(-1 * var(--e-global-info-width)), 0, 0); transform: translate3d(calc(-1 * var(--e-global-info-width)), 0, 0); } .info-canvas-active .bocky-canvas-info { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .admin-bar .bocky-canvas-info { top: 46px; } @media (min-width: 783px) { .admin-bar .bocky-canvas-info { top: 32px; } } @media (min-width: 601px) and (max-width: 782px) { .admin-bar .bocky-canvas-info { top: 46px; } } .bocky-canvas-info::-webkit-scrollbar { width: 5px; background-color: var(--e-global-color-border); } .bocky-canvas-info::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px var(--e-global-color-primary); background-color: #555555; } .bocky::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px var(--e-global-color-primary); background-color: var(--e-global-color-border); } .bocky-canvas-info-close { font-size: 23px; font-size: 1.4375rem; float: right; clear: both; position: absolute; line-height: 1; width: 60px; height: 60px; border-color: rgba(255, 255, 255, 0.05); background-color: rgba(216, 218, 223, 0.07); backdrop-filter: blur(58px); -webkit-backdrop-filter: blur(58px); border-radius: 100px; top: 29px; right: 32px; padding: 0; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 999; color: #ffffff; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .bocky-canvas-info-close i { transform: rotate(45deg); } .bocky-canvas-info-close:hover, .bocky-canvas-info-close:focus { color: var(--e-global-color-primary); } .bocky-info-overlay { position: fixed; width: 100vw; height: 100vh; top: 0; bottom: 0; left: 0; z-index: 997; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: opacity 0.25s ease, visibility 0s ease; -o-transition: opacity 0.25s ease, visibility 0s ease; -moz-transition: opacity 0.25s ease, visibility 0s ease; -webkit-transition: opacity 0.25s ease, visibility 0s ease; transition: opacity 0.25s ease, visibility 0s ease; } .info-canvas-active .bocky-info-overlay { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .bocky-language-switcher ul { list-style-type: none; margin: 0; padding: 0; font-size: 12px; font-size: 0.75rem; } .bocky-language-switcher span { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; font-weight: var(--e-global-typography-text-font-weight); text-transform: uppercase; color: var(--e-global-color-text); } .bocky-language-switcher .language-switcher-head .title { margin-right: 8px; } .bocky-language-switcher .language-switcher-head img { margin-right: 8px; } .bocky-language-switcher a { display: block; } .bocky-language-switcher img { display: inline-block; margin-right: 5px; height: 12px; object-fit: cover; } .bocky-language-switcher .item > div { display: flex; cursor: pointer; align-items: center; } .bocky-language-switcher .item > div i { font-size: 14px; font-size: 0.875rem; font-weight: var(--e-global-typography-primary-font-weight); color: var(--e-global-color-secondary); } .bocky-language-switcher .sub-item { display: none; position: absolute; left: 0; z-index: 999; text-align: left; top: calc(100% + 5px); padding: 10px 0; background-color: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05); } .bocky-language-switcher .sub-item:before { position: absolute; content: ""; display: block; width: 100%; height: 10px; top: -10px; } .bocky-language-switcher .sub-item a { display: flex; align-items: center; padding: 7px 15px; min-width: 126px; white-space: nowrap; } .bocky-language-switcher .sub-item a:hover, .bocky-language-switcher .sub-item a:focus { background-color: rgba(0, 0, 0, 0.05); } .bocky-language-switcher .sub-item a > span { text-transform: unset; } .bocky-language-switcher li.item { position: relative; } .bocky-language-switcher li.item:hover .sub-item { display: block; } .language-switcher-style-hover-right-yes .bocky-language-switcher .sub-item { right: 0; left: unset; } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-item-inner { display: flex; position: relative; } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-content-top { position: relative; display: flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 61.5%; } @media (max-width: 767px) { .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-content-top { display: block; width: 100%; } } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-content-wrapper { display: flex; flex: 1; gap: 25px; flex-direction: row; justify-content: space-between; align-items: center; padding: 31px 0 28px 0; border-top: 1px solid rgba(10, 33, 31, 0.1); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 767px) { .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-content-wrapper { display: block; padding: 25px 0; } } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-image { transform: translateY(-50%); visibility: hidden; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); z-index: 1; margin-left: 10px; position: absolute; left: 100%; top: 50%; width: max-content; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 768px) { .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-image { display: none; } } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-icon { position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 24px; font-size: 1.5rem; display: flex; margin: 0 14px 0 0; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 767px) { .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-icon { justify-content: center; margin: 0 0 15px 0; } } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-icon svg { width: 120px; } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-item-link { position: relative; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-item-link:before { position: absolute; top: 50%; transform: translateY(-50%) translateX(-45px); left: 2px; color: var(--e-global-color-secondary); font-size: 24px; font-size: 1.5rem; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; } @media (max-width: 767px) { .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-item-link:before { display: none; } } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-title { font-size: 36px; font-size: 2.25rem; line-height: 42px; margin: 0; } @media (max-width: 767px) { .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-title { margin-bottom: 10px; text-align: center; } } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-description { color: var(--e-global-color-secondary); width: 400px; } @media (max-width: 768px) { .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-description { width: 250px; } } @media (max-width: 767px) { .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-description { text-align: center; width: 100%; } } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-number { color: var(--e-global-color-secondary); } @media (max-width: 767px) { .elementor-widget-bocky-awards-list .bocky-elementor-awards-item .awards-number { text-align: center; } } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item:hover .awards-item-link { padding-left: 53px; } @media (max-width: 767px) { .elementor-widget-bocky-awards-list .bocky-elementor-awards-item:hover .awards-item-link { padding-left: 0; } } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item:hover .awards-item-link:before { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; transform: translateY(-50%) translateX(0); } .elementor-widget-bocky-awards-list .bocky-elementor-awards-item:hover .awards-image { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; } .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-item-inner { display: flex; position: relative; } .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-content-top { position: relative; display: flex; align-items: center; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 22.5%; margin-left: auto; } @media (max-width: 1200px) { .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-content-top { width: 32%; } } @media (max-width: 768px) { .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-content-top { width: 35%; } } @media (max-width: 767px) { .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-content-top { display: block; width: 100%; } } .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-content-wrapper { display: flex; flex: 1; gap: 25px; flex-direction: row; justify-content: space-between; align-items: center; padding: 30px 0 29px 0; border-top: 1px solid rgba(10, 33, 31, 0.1); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 767px) { .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-content-wrapper { display: block; padding: 20px 0 25px; } } .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-image { width: max-content; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 767px) { .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-image { display: flex; justify-content: center; width: 100%; } } .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-title { font-size: 36px; font-size: 2.25rem; line-height: 43px; margin: 0; } @media (max-width: 767px) { .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-title { margin-bottom: 10px; text-align: center; } } .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-description { color: var(--e-global-color-secondary); width: 540px; } @media (max-width: 1024px) { .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-description { width: 400px; } } @media (max-width: 768px) { .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-description { width: 250px; } } @media (max-width: 767px) { .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-description { text-align: center; width: 100%; } } .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-number { color: var(--e-global-color-secondary); } @media (max-width: 767px) { .elementor-widget-bocky-values-list .bocky-elementor-values-item .values-number { text-align: center; } } .elementor-widget-bocky-values-list .bocky-elementor-values-item:hover .values-image { -ms-transform: scale(1.15); -o-transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form { margin: 0; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .mc4wp-form-fields { margin: 0; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-email { flex: 1; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-input { display: inline-flex; margin-bottom: 0; border-bottom: 1px solid var(--e-global-color-text); width: 100%; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-input:focus, .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-input:hover { border-color: var(--e-global-color-primary); } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-input input[type=email] { padding: 16px 24px 12px 0; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 24px; width: 100%; color: var(--e-global-color-text); border: 0; border-radius: 0; background-color: transparent; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-input input[type=email]::placeholder { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button { --icon-width: 64px; --icon-spacing: 5px; --icon-spacing-text: 5px; --text-padding-right: 36px; display: inline-block; padding: 0; border: none; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button .bocky-btn-content { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 16px; font-size: 1rem; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 100px; white-space: nowrap; padding: 21px 36px; color: var(--e-global-color-secondary); text-align: left; background-color: var(--e-global-color-primary); position: relative; overflow: hidden; display: block; width: 100%; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button { position: relative; line-height: 1; transition: all 0.4s linear; padding-right: var(--icon-width); display: inline-flex; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button .bocky-button-inner { display: block; position: relative; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button .elementor-button-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 100%; aspect-ratio: 1; transition: all 0.2s linear; height: var(--icon-width); max-height: 100%; overflow: hidden; display: block; padding: 0; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button .elementor-button-icon .elementor-button-icon-inner { height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--e-global-color-primary); border-radius: 50%; color: var(--e-global-color-secondary); fill: var(--e-global-color-secondary); } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button .elementor-button-icon .elementor-button-icon-inner i { font-size: 24px; font-size: 1.5rem; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button:hover .bocky-btn-content { width: calc(100% + var(--icon-width) + var(--icon-spacing-text) - var(--text-padding-right)); } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button:hover .elementor-button-icon { padding: var(--icon-spacing); left: calc(100% + var(--icon-spacing-text) - var(--text-padding-right)); } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button:hover .elementor-button-icon i { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button:hover { background-color: transparent; border-color: transparent; } .elementor-widget-bocky-mailchmip .form-style .mc4wp-form .form-button i { margin: 0 0 12px; } .elementor-widget-bocky-mailchmip .mc4wp-response p, .elementor-widget-bocky-mailchmip .mc4wp-response a { margin: 10px 0; color: #fb0000; } .elementor-widget-bocky-masked-heading { --masked-heading-size: 500px; --masked-heading-font-family: var(--e-global-typography-secondary-font-family); --masked-heading-font-weight: 700; --masked-heading-text-transform: uppercase; --masked-heading-font-style: normal; --masked-heading-text-decoration: none; --masked-heading-line-height: 1; --masked-heading-letter-spacing: 5px; } .elementor-widget-bocky-masked-heading .bocky-masked-blender { width: 100%; margin: 0 auto; max-width: 100%; overflow: hidden; } .elementor-widget-bocky-masked-heading .blender-wrap { display: block; position: relative; margin: 0 auto; box-sizing: border-box; height: 500px; } .elementor-widget-bocky-masked-heading .blender-wrap .svg-blender { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: content-box; overflow: visible; } .elementor-widget-bocky-masked-heading .transparent-text { fill-opacity: 0; } .elementor-widget-bocky-masked-heading .blender-backdrop { fill: var(--e-global-color-secondary); width: 100%; } .elementor-widget-bocky-masked-heading-text { font-size: var(--masked-heading-size); font-family: var(--masked-heading-font-family); font-weight: var(--masked-heading-font-weight); text-transform: var(--masked-heading-text-transform); font-style: var(--masked-heading-font-style); text-decoration: var(--masked-heading-text-decoration); line-height: var(--masked-heading-line-height); letter-spacing: var(--masked-heading-letter-spacing); } .elementor-canvas-menu-wrapper { display: flex; } .elementor-canvas-menu-wrapper .menu-mobile-nav-button { display: inline-flex; align-items: center; } .elementor-canvas-menu-wrapper .menu-mobile-nav-button .screen-reader-text { position: unset !important; word-wrap: unset !important; margin: 0; height: unset; width: unset; clip: unset; overflow: unset; clip-path: unset; order: 1; font-size: 14px; text-transform: uppercase; color: var(--e-global-color-secondary); } .elementor-canvas-menu-wrapper .menu-mobile-nav-button:hover .screen-reader-text { color: var(--e-global-color-primary); } .bocky-canvas-menu-layout-1.elementor-widget-bocky-menu-canvas .bocky-icon { margin-right: 13px; } .bocky-canvas-menu-layout-2.elementor-widget-bocky-menu-canvas .elementor-canvas-menu-wrapper .menu-mobile-nav-button .screen-reader-text { display: none; } .bocky-canvas-menu-layout-2.elementor-widget-bocky-menu-canvas .elementor-canvas-menu-wrapper .menu-mobile-nav-button .bocky-icon { margin-right: 0; } .elementor-widget-number-box .elementor-number-box-wrapper { display: flex; } .elementor-widget-number-box .elementor-number { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 24px; font-weight: 500; color: var(--e-global-color-text); } .elementor-widget-number-box .elementor-number span { display: flex; align-items: center; justify-content: center; height: 100%; } .elementor-widget-number-box .elementor-number-box-content .elementor-number-box-title { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 30px; font-size: 1.875rem; line-height: 1.1333333333; color: var(--e-global-color-secondary); } .elementor-widget-number-box .elementor-number-box-content .elementor-number-box-description { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 1.5; } .elementor-widget-number-box.number-box-style-1 .elementor-number-box-wrapper { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767px) { .elementor-widget-number-box.number-box-style-1 .elementor-number-box-wrapper { display: block; } } .elementor-widget-number-box.number-box-style-1 .elementor-number-box-content { display: flex; align-items: center; width: 100%; justify-content: space-between; padding-left: 84px; } @media (max-width: 767px) { .elementor-widget-number-box.number-box-style-1 .elementor-number-box-content { display: block; padding: 0; } } .elementor-widget-number-box.number-box-style-2 .elementor-number-box-wrapper .elementor-number { position: relative; z-index: 9; } .elementor-widget-number-box.number-box-style-2 .elementor-number-box-content { padding: 30px; } @media (max-width: 568px) { .elementor-widget-number-box .elementor-number-box-wrapper { display: block; text-align: center; } .elementor-widget-number-box .elementor-number-box-number { display: flex; align-items: center; justify-content: center; margin: 0 0 15px 0; } .elementor-widget-number-box.number-box-style-2 .elementor-number-box-content { display: block; } } .elementor-widget-bocky-post-navigation.elementor-post-navigation-borders-yes .elementor-post-navigation.elementor-grid { border: 1px solid; border-left: none; border-right: none; color: #d5d8dc; padding-bottom: 10px; padding-top: 10px; } .elementor-widget-bocky-post-navigation.elementor-post-navigation-borders-yes .elementor-post-navigation__separator { background-color: #d5d8dc; height: 100%; margin: 0 auto; width: 1px; } .elementor-widget-bocky-post-navigation .elementor-post-navigation { display: flex; overflow: hidden; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__arrow-wrapper { color: var(--e-global-color-secondary); display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; border: 1px solid var(--e-global-color-border); border-radius: 50%; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__arrow-wrapper.post-navigation__arrow-prev { font-size: 12px; font-size: 0.75rem; margin-inline-end: 12px; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__arrow-wrapper.post-navigation__arrow-next { font-size: 12px; font-size: 0.75rem; margin-inline-start: 12px; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__arrow-wrapper:hover { background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .elementor-widget-bocky-post-navigation .elementor-post-navigation .elementor-post-navigation__link__next, .elementor-widget-bocky-post-navigation .elementor-post-navigation .elementor-post-navigation__link__prev { overflow: hidden; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .elementor-post-navigation__link { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(50% - 1px / 2); } .elementor-widget-bocky-post-navigation .elementor-post-navigation .elementor-post-navigation__link a { align-items: center; display: flex; max-width: 100%; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__next--label, .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__prev--label { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 26px; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__next--title, .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__prev--title { font-size: 16px; font-size: 1rem; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__next--label, .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__next--title, .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__prev--label, .elementor-widget-bocky-post-navigation .elementor-post-navigation .post-navigation__prev--title { overflow: hidden; text-overflow: ellipsis; } .elementor-widget-bocky-post-navigation .elementor-post-navigation span.elementor-post-navigation__link__next { text-align: end; } .elementor-widget-bocky-post-navigation .elementor-post-navigation span.elementor-post-navigation__link__next, .elementor-widget-bocky-post-navigation .elementor-post-navigation span.elementor-post-navigation__link__prev { display: flex; flex-direction: column; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .elementor-grid { justify-content: space-between; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .elementor-post-navigation__separator-wrapper { text-align: center; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .elementor-post-navigation__next { text-align: end; } .elementor-widget-bocky-post-navigation .elementor-post-navigation .elementor-post-navigation__next a { justify-content: flex-end; } .elementor-widget-bocky-post-thumbnails .elementor-post-thumbnail img { display: block; object-fit: cover; } .elementor-widget-bocky-post-grid .slick-list { overflow: visible; clip-path: inset(-30px -14px); } .elementor-widget-bocky-post-grid .slick-slide:not(.slick-active) .post-inner { box-shadow: unset; } .elementor-widget-bocky-post-grid .elementor-posts-item { height: auto; } .elementor-widget-bocky-post-grid .elementor-posts-item:last-child .post-inner { border: 0; margin: 0; } .elementor-widget-bocky-post-grid .post-inner:hover .post-thumbnail img { transform: scale(1.1); } [class*=post-style-].column-item { margin-bottom: 30px; } [class*=post-style-] .post-thumbnail { overflow: hidden; } [class*=post-style-] .entry-meta-bottom .posted-on { border-left: 0; } .layout-post-style-1 .post-style-1 .post-inner .post-content { padding: 0; } .layout-post-style-1 .post-style-1 .post-inner .post-thumbnail img { aspect-ratio: 1.3957446809; } .layout-post-style-1 .post-style-1 .post-inner .entry-meta-top { margin-bottom: 0; } .layout-post-style-1 .post-style-1 .categories-link a { border-radius: 20px; } @media (max-width: 767px) { .layout-post-style-1 .post-style-1 .post-inner .entry-content { padding: 0; } } .layout-post-style-2 .post-style-2 .post-inner { position: relative; } .layout-post-style-2 .post-style-2 .post-inner .post-thumbnail { position: relative; margin: 0; } .layout-post-style-2 .post-style-2 .post-inner .post-thumbnail:before { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--e-global-color-dark); opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; filter: alpha(opacity=60); z-index: 1; } .layout-post-style-2 .post-style-2 .post-inner .post-thumbnail img { aspect-ratio: 2.2435897436; } .layout-post-style-2 .post-style-2 .post-inner .entry-meta-top { margin-bottom: 0; } .layout-post-style-2 .post-style-2 .post-inner .post-author img, .layout-post-style-2 .post-style-2 .post-inner .posted-on img { display: none; } .layout-post-style-2 .post-style-2 .post-inner .post-author span, .layout-post-style-2 .post-style-2 .post-inner .post-author a, .layout-post-style-2 .post-style-2 .post-inner .posted-on span, .layout-post-style-2 .post-style-2 .post-inner .posted-on a { color: #ffffff; } .layout-post-style-2 .post-style-2 .post-inner .more-link-wrap i { color: var(--e-global-color-secondary); margin: 0; } .layout-post-style-2 .post-style-2 .post-content { position: absolute; top: 0; left: 0; padding: 90px; z-index: 2; max-width: 800px; } .layout-post-style-2 .post-style-2 .entry-title { font-size: 62px; font-size: 3.875rem; line-height: 1.0967741935; margin: 24px 0; } .layout-post-style-2 .post-style-2 .excerpt-content { color: #ffffff; margin-bottom: 40px; } .layout-post-style-3 .post-style-3 .post-inner { display: flex; align-items: center; grid-gap: 12px; } .layout-post-style-3 .post-style-3 .post-inner .post-thumbnail { width: 37.5%; margin: 0; border-radius: 5px; } .layout-post-style-3 .post-style-3 .post-inner .post-thumbnail img { aspect-ratio: 1.3292682927; } .layout-post-style-3 .post-style-3 .post-inner .post-content { width: 62.5%; } .layout-post-style-3 .post-style-3 .post-inner .entry-meta-top { margin: 0; } .layout-post-style-3 .post-style-3 .entry-meta-top .post-author { margin: 0; padding: 0; } .layout-post-style-3 .post-style-3 .entry-meta-top .post-author span, .layout-post-style-3 .post-style-3 .entry-meta-top .post-author a { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 2; } .layout-post-style-3 .post-style-3 .entry-meta-top .post-author:before { display: none; } .layout-post-style-3 .post-style-3 .entry-meta-top .post-author img { display: none; } .layout-post-style-3 .post-style-3 .entry-title { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 1.5; margin: 0; } @media (max-width: 767px) { .layout-post-style-3 .post-style-3 .post-inner { flex-direction: column; } .layout-post-style-3 .post-style-3 .post-inner .post-thumbnail { width: 100%; } .layout-post-style-3 .post-style-3 .post-inner .post-content { width: 100%; } } .elementor-widget-bocky-pricing-table .price-table-header .col-plan > span { display: none; } @media (max-width: 1023px) { .elementor-widget-bocky-pricing-table .price-table-header { display: none; } } .elementor-widget-bocky-pricing-table .price-table-body .pricing-table-row { padding: 40px 0 29px; border-style: solid; border-width: 0 0 1px 0; border-color: rgba(255, 255, 255, 0.2); } .elementor-widget-bocky-pricing-table .price-table-body .pricing-table-row:last-of-type { border-width: 0 0 0 0; } .elementor-widget-bocky-pricing-table .price-table-body .feature-label { display: none; } @media (max-width: 1023px) { .elementor-widget-bocky-pricing-table .price-table-body .feature-label { display: inline-flex; flex-wrap: wrap; width: 220px; } } .elementor-widget-bocky-pricing-table .price-table-body .feature-check { display: inline-block; } .elementor-widget-bocky-pricing-table .price-table-body .col-feature { display: inline-flex; } @media (max-width: 1023px) { .elementor-widget-bocky-pricing-table .price-table-body .col-feature { width: calc(50% - 10px); align-items: center; grid-gap: 10px; } } @media (max-width: 767px) { .elementor-widget-bocky-pricing-table .price-table-body .col-feature { width: 100%; } } @media (max-width: 568px) { .elementor-widget-bocky-pricing-table .price-table-body .col-feature { justify-content: space-around; } } .elementor-widget-bocky-pricing-table .price-column-inner { display: flex; grid-gap: 30px; } .elementor-widget-bocky-pricing-table .feature-label { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } .elementor-widget-bocky-pricing-table .header-item { -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-pricing-table .header-item span { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } .elementor-widget-bocky-pricing-table .plan-title { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 32px; font-size: 2rem; line-height: 1.25; letter-spacing: -0.3px; text-transform: none; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-pricing-table .plan-icon { -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .elementor-widget-bocky-pricing-table .plan-icon i { display: flex; align-items: center; justify-content: center; } .elementor-widget-bocky-pricing-table .price { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 24px; font-size: 1.5rem; line-height: 1.5; letter-spacing: -0.3px; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-pricing-table .unit { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; text-transform: none; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-pricing-table .plan-description { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; letter-spacing: 0; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-pricing-table .feature-check i { -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-pricing-table .header-item { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 32px; font-size: 2rem; line-height: 1.25; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 767px) { .elementor-widget-bocky-pricing-table .plan-pricing-unit, .elementor-widget-bocky-pricing-table .plan-description, .elementor-widget-bocky-pricing-table .plan-title { text-align: center; } .elementor-widget-bocky-pricing-table .price-column-inner { flex-direction: column; align-items: center; grid-gap: 15px; } } .elementor-widget-bocky-pricing-table .pricing-table-row { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-bocky-pricing-table .pricing-table-row .col-plan { width: 490px; margin-right: 30px; } @media (max-width: 1024px) { .elementor-widget-bocky-pricing-table .pricing-table-row .col-plan { width: 400px; } } .elementor-widget-bocky-pricing-table .pricing-table-row .col-feature { flex: 1; } @media (max-width: 1023px) { .elementor-widget-bocky-pricing-table .pricing-table-row { flex-wrap: wrap; grid-gap: 10px; } .elementor-widget-bocky-pricing-table .pricing-table-row .col-plan { width: 100%; margin: 0 0 30px 0; } .elementor-widget-bocky-pricing-table .pricing-table-row .col-feature { flex: 1 1 auto; } } @media (max-width: 768px) { .elementor-widget-bocky-pricing-table .pricing-table-row .col-feature { flex: 1; } } @media (max-width: 767px) { .elementor-widget-bocky-pricing-table .pricing-table-row { grid-gap: 10px; } .elementor-widget-bocky-pricing-table .pricing-table-row .col-plan { margin: 0 0 10px 0; } } .elementor-widget-bocky-pricing-table .pricing-table-row.hightlight-plan { padding: 40px 0 39px; background-color: var(--e-global-color-primary); } .elementor-widget-bocky-pricing-table .pricing-table-row.hightlight-plan .col-plan { padding-left: 40px; } @media (max-width: 1023px) { .elementor-widget-bocky-pricing-table .pricing-table-row.hightlight-plan .col-plan { padding-left: 0; } } .elementor-widget-bocky-pricing-table .pricing-table-row.hightlight-plan .plan-content .plan-title a, .elementor-widget-bocky-pricing-table .pricing-table-row.hightlight-plan .plan-content .plan-title .step-title-wrapper { text-transform: capitalize; color: var(--e-global-color-secondary); } .elementor-widget-bocky-pricing-table .pricing-table-row.hightlight-plan .plan-content .plan-description { color: var(--e-global-color-secondary); } .elementor-widget-bocky-pricing-table .pricing-table-row.hightlight-plan .plan-content .price, .elementor-widget-bocky-pricing-table .pricing-table-row.hightlight-plan .plan-content .unit { color: var(--e-global-color-secondary); } .elementor-widget-bocky-pricing-table .pricing-table-row.hightlight-plan .col-feature .feature-label { color: var(--e-global-color-secondary); } .elementor-widget-bocky-pricing-table .pricing-table-row.hightlight-plan .col-feature .feature-check i { color: var(--e-global-color-secondary); } .elementor-widget-bocky-pricing { height: 100%; } .elementor-widget-bocky-pricing .elementor-price-table { text-align: center; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__integer-part, .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__currency { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 82px; font-size: 5.125rem; line-height: 90px; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-button-content-wrapper { justify-content: left; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button { --icon-width: 64px; --icon-spacing: 5px; --icon-spacing-text: 5px; --text-padding-right: 36px; display: inline-block; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button .bocky-btn-content { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 16px; font-size: 1rem; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 100px; white-space: nowrap; padding: 21px 36px; color: var(--e-global-color-secondary); text-align: left; background-color: var(--e-global-color-primary); position: relative; overflow: hidden; display: block; width: 100%; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button { position: relative; line-height: 1; transition: all 0.4s linear; padding-right: var(--icon-width); display: inline-flex; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button .bocky-button-inner { display: block; position: relative; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button .elementor-button-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 100%; aspect-ratio: 1; transition: all 0.2s linear; height: var(--icon-width); max-height: 100%; overflow: hidden; display: block; padding: 0; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button .elementor-button-icon .elementor-button-icon-inner { height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--e-global-color-primary); border-radius: 50%; color: var(--e-global-color-secondary); fill: var(--e-global-color-secondary); } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button .elementor-button-icon .elementor-button-icon-inner i { font-size: 24px; font-size: 1.5rem; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button:hover .bocky-btn-content { width: calc(100% + var(--icon-width) + var(--icon-spacing-text) - var(--text-padding-right)); } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button:hover .elementor-button-icon { padding: var(--icon-spacing); left: calc(100% + var(--icon-spacing-text) - var(--text-padding-right)); } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button:hover .elementor-button-icon i { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button i { margin-left: 3px; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__footer .elementor-price-table__button .elementor-button-content-wrapper { justify-content: space-between; width: 100%; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__header { padding: 0 0 24px; border-bottom: 1px solid var(--e-global-color-border); } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__subheading { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; font-weight: 600; margin: 24px 0; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__descriptionheading { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 1.4444444444; color: var(--e-global-color-lighter); } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__heading { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 42px; font-size: 2.625rem; line-height: 1.1904761905; margin-bottom: 8px; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__price { display: -webkit-box; display: flex; justify-content: center; align-items: baseline; flex-wrap: wrap; flex-direction: row; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__price .elementor-typo-excluded { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 24px; font-size: 1.5rem; line-height: 36px; font-weight: 600; letter-spacing: -0.1px; margin: 0 0 0 14px; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__after-price { display: -webkit-box; display: flex; flex-wrap: wrap; text-align: left; align-self: stretch; align-items: flex-end; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__features-list { display: flex; flex-direction: column; list-style-type: none; color: var(--e-price-table-features-list-color); padding: 16px 0 39px 0; margin: 0 0 40px; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__features-list .feature_not_included span { text-decoration: line-through; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__feature-inner { display: flex; align-items: center; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__features-list li { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 26px; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__features-list i { font-size: 19px; font-size: 1.1875rem; margin: -3px 8px 0 -1px; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__features-list svg { margin-right: 10px; fill: var(--e-price-table-features-list-color); height: 1.3em; width: 1.3em; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-price-table__features-list svg ~ * { vertical-align: text-top; } .elementor-widget-bocky-pricing .elementor-price-table .elementor-widget-price-table .elementor-widget-container { overflow: hidden; background-color: #f7f7f7; } .elementor-widget-bocky-pricing .elementor-price-table h4.price-table__features_title { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 24px; font-weight: 600; margin: 29px 0 0 0; } .elementor-widget-bocky-process-step .process-step-slider { --transition-duration: 0.7s; --progress-width: 0; position: relative; max-width: 100%; } .elementor-widget-bocky-process-step .process-step-slider .process-step-inner { overflow: hidden; } .elementor-widget-bocky-process-step .process-steps-list { margin: 0; padding-left: 0; list-style: none; } .elementor-widget-bocky-process-step .process-steps-list > li { display: flex; justify-content: center; align-items: center; width: 100%; font-size: 36px; font-weight: 500; } .elementor-widget-bocky-process-step .step-item-inner { display: flex; flex-direction: row; gap: 30px; width: 100%; } .elementor-widget-bocky-process-step .step-content-box, .elementor-widget-bocky-process-step .step-image-box { width: 50%; } .elementor-widget-bocky-process-step .step-label-content { font-size: 14px; font-size: 0.875rem; line-height: 26px; text-transform: uppercase; display: flex; align-items: center; margin-bottom: 20px; } .elementor-widget-bocky-process-step .step-label-content i { font-size: 18px; font-size: 1.125rem; color: var(--e-global-color-primary); margin-right: 20px; } .elementor-widget-bocky-process-step .step-sub-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 82px; font-size: 5.125rem; line-height: 90px; margin-bottom: 85px; } .elementor-widget-bocky-process-step .step-image-box img { border-radius: 20px; object-fit: cover; height: 100%; width: 100%; } .elementor-widget-bocky-process-step .step-content ul { margin: 0; } .elementor-widget-bocky-process-step .step-content ul > li { font-size: 16px; font-size: 1rem; line-height: 42px; position: relative; display: flex; flex-direction: row; align-items: center; padding-left: 20px; } .elementor-widget-bocky-process-step .step-content ul > li:before { position: absolute; content: ""; left: 0; top: 43%; width: 8px; height: 8px; border-radius: 50%; background: #D9D9D9; } .elementor-widget-bocky-process-step .step-title { color: #fff; margin-bottom: 15px; } .elementor-widget-bocky-process-step .swiper-button-next, .elementor-widget-bocky-process-step .swiper-button-prev { color: #000; top: calc(50% - 17px); display: none; } .elementor-widget-bocky-process-step .process-progress { display: flex; justify-content: space-between; position: relative; bottom: auto !important; height: 30px; margin: 20px auto 0; } .elementor-widget-bocky-process-step .process-progress::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 6px; background: #fff; z-index: 0; transform: translate(0, -50%); } .elementor-widget-bocky-process-step .process-progress::after { content: ""; position: absolute; top: 50%; left: 0; width: var(--progress-width); height: 6px; background: var(--e-global-color-primary); z-index: 1; transform: translate(0, -50%); transition: all var(--transition-duration); } .elementor-widget-bocky-process-step .process-progress > li { position: relative; width: auto; height: auto; margin: 0 !important; background: none; text-align: center; opacity: 1 !important; } .elementor-widget-bocky-process-step .process-progress > li .step-dots { position: relative; z-index: 2; display: flex; align-items: center; } .elementor-widget-bocky-process-step .process-progress > li .step-dots::before { position: absolute; content: ""; display: block; width: 64px; height: 64px; background: #0A211F; border-radius: 50%; border: 6px solid #fff; z-index: 2; transition: all var(--transition-duration); } .elementor-widget-bocky-process-step .process-progress > li .step-number { font-size: 24px; font-size: 1.5rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-weight: 600; z-index: 3; color: #fff; width: 64px; justify-content: center; } .elementor-widget-bocky-process-step .process-progress > li .step-label { --step-label-spacing: 30px; position: absolute; top: calc(100% + var(--step-label-spacing)); left: 50%; font-size: 36px; font-size: 2.25rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); line-height: 42px; color: #fff; white-space: nowrap; transform: translate(-50%, 0); transition: all var(--transition-duration); } .elementor-widget-bocky-process-step .process-progress > li:first-child .step-label { left: 0; transform: translate(0%, 0); } .elementor-widget-bocky-process-step .process-progress > li:last-child .step-label { display: flex; justify-content: flex-end; right: 0; transform: translate(0%, 0); } .elementor-widget-bocky-process-step .process-progress > li:last-child .step-dots .step-number { margin-right: -2px; } .elementor-widget-bocky-process-step .process-progress > li.step-end .step-dots::before { border-color: var(--e-global-color-primary); } .elementor-widget-bocky-process-step .process-progress > li.swiper-pagination-bullet-active .step-dots::before { border-color: var(--e-global-color-primary); } @media (max-width: 568px) { .elementor-widget-bocky-process-step .step-item-inner { flex-direction: column; gap: 30px; } .elementor-widget-bocky-process-step .step-content-box, .elementor-widget-bocky-process-step .step-image-box { width: 100%; } .elementor-widget-bocky-process-step .process-progress:before, .elementor-widget-bocky-process-step .process-progress:after { height: 4px; } .elementor-widget-bocky-process-step .process-progress > li .step-label { display: none; } .elementor-widget-bocky-process-step .process-progress > li:last-child .step-label { display: none; } .elementor-widget-bocky-process-step .process-progress > li .step-number { width: 40px; } .elementor-widget-bocky-process-step .process-progress > li .step-dots:before { width: 40px; height: 40px; border: 2px solid #fff; } } .elementor-widget-bocky-process-vertical { --bocky-process-track-line-x: 50px; --bocky-process-content-width: 440px; --bocky-process-item-spacing: 30px; --bocky-process-tracking-width: 2px; } .elementor-widget-bocky-process-vertical h5.process-title { margin: 0 0 24px; } .bocky-process-vertical-wrapper { position: relative; } .bocky-process-vertical-wrapper::before { content: ""; position: absolute; z-index: 2; width: var(--bocky-process-tracking-width); height: 100%; left: var(--bocky-process-track-line-x); background-color: var(--e-global-color-border); top: var(--bocky-process-track-line-y); max-height: var(--bocky-process-tracking-height); } .bocky-process-vertical-wrapper .process__track { background-color: var(--e-global-color-primary); background-clip: content-box; height: 0; left: var(--bocky-process-track-line-x); max-height: 100%; position: absolute; width: var(--bocky-process-tracking-width); z-index: 2; top: var(--bocky-process-track-line-y); max-height: var(--bocky-process-tracking-height); } @media (max-width: 568px) { .bocky-process-vertical-wrapper .process__track { opacity: 0; } .bocky-process-vertical-wrapper:before { display: none; } } .bocky-process-vertical { width: var(--bocky-process-content-width); margin: 0 0 0 auto; } .bocky-process-vertical .process-item { position: relative; } .bocky-process-vertical .process-item:not(:last-child) { margin-bottom: var(--bocky-process-item-spacing); } .bocky-process-vertical .process-item .bocky-index-process { position: absolute; width: 64px; height: 64px; background: #fff; border: 1px solid var(--e-global-color-border); display: flex; justify-content: center; align-items: center; border-radius: 50%; left: calc(((var(--bocky-process-wrap-width) - var(--bocky-process-content-width)) * -1) + var(--bocky-process-track-line-x) - 32px + var(--bocky-process-tracking-width) / 2); z-index: 9; top: 0; transition: all 0.2s linear; } .bocky-process-vertical .process-item .bocky-index-process .number-index { font-size: 24px; font-size: 1.5rem; line-height: 1.25; font-weight: 800; } @media (max-width: 568px) { .bocky-process-vertical .process-item .bocky-index-process { width: 60px; height: 60px; left: calc(((var(--bocky-process-wrap-width) - var(--bocky-process-content-width)) * -1) + var(--bocky-process-track-line-x) - 30px + var(--bocky-process-tracking-width) / 2); } } .bocky-process-vertical .process-item.is-current .bocky-index-process, .bocky-process-vertical .process-item.is-above .bocky-index-process { border-color: var(--e-global-color-primary); background-color: var(--e-global-color-primary); } .bocky-process-vertical .process-item.is-current .bocky-index-process .number-index, .bocky-process-vertical .process-item.is-above .bocky-index-process .number-index { -webkit-text-fill-color: #fff; } @media (max-width: 568px) { .bocky-process-vertical { --bocky-process-content-width: 100% !important; } .bocky-process-vertical .process-item { display: flex; flex-direction: column; align-items: center; gap: 20px; } .bocky-process-vertical .process-item .bocky-index-process { position: relative; left: 0; } .bocky-process-vertical .process-content { text-align: center; } } .elementor-widget-progress .elementor-widget-container .elementor-content { display: flex; justify-content: space-between; } .elementor-widget-progress .elementor-widget-container .elementor-progress-percentage { position: absolute; display: flex; align-items: center; padding: 0; height: max-content; line-height: 1; top: 5px; left: calc(var(--progress-percent) - 5% ); color: var(--e-global-color-primary); font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (max-width: 768px) { .elementor-widget-progress .elementor-widget-container .elementor-progress-percentage { left: unset; right: calc(100% - var(--progress-percent)); } } .elementor-widget-progress .elementor-widget-container .elementor-progress-wrapper { position: relative; background-color: transparent; border-radius: 0; } .elementor-widget-progress .elementor-widget-container .elementor-progress-wrapper:before { position: absolute; content: ""; width: 100%; height: 1px; top: 50%; left: 0; transform: translateY(calc(-50% + 0.5px)); z-index: 0; } .elementor-widget-progress .elementor-title { display: block; font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 24px; margin-bottom: 13px; color: var(--e-global-color-accent); } .elementor-widget-progress .elementor-progress-bar { height: 3px; border-radius: 0; z-index: 0; position: sticky; background-color: var(--e-global-color-accent); } .elementor-widget-progress .elementor-progress-bar:before { content: ""; position: absolute; bottom: -6px; right: 0; width: 3px; height: 15px; background-color: var(--e-global-color-accent); border-radius: 64px; z-index: 1; transform: rotate(30deg); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-project-content .bocky-single-content .row { align-items: flex-start; } @media (max-width: 768px) { .elementor-widget-bocky-project-content .bocky-single-content .row .column-item { flex: 0 0 100%; max-width: 100%; } } .elementor-widget-bocky-project-content .bocky-single-content .row img { border-radius: 20px; width: 100%; object-fit: cover; } .elementor-widget-bocky-project-content .bocky-single-content .row h4 { margin-bottom: 20px; } @media (max-width: 767px) { .elementor-widget-bocky-project-content .bocky-single-content .row h4 { margin-bottom: 15px; } } .elementor-widget-bocky-project-content .bocky-single-content .row:last-child { margin-top: 30px; } .elementor-widget-bocky-project-content ul.custom-list { list-style: none; margin: 0; } .elementor-widget-bocky-project-content ul.custom-list li { position: relative; padding-left: 25px; margin-bottom: 9px; } .elementor-widget-bocky-project-content ul.custom-list li strong { font-family: "Big Shoulders", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", serif, sans-serif; color: var(--e-global-color-secondary); } .elementor-widget-bocky-project-content ul.custom-list li:before { position: absolute; left: -1px; top: 4px; font-size: 19px; font-size: 1.1875rem; color: var(--e-global-color-primary); } .elementor-widget-bocky-project-gallery { --gallery-height: 250px; } .elementor-widget-bocky-project-gallery .bocky-wrapper { overflow: visible; } .elementor-widget-bocky-project-gallery .project-slideshow-inner { display: block; height: var(--gallery-height); } .elementor-widget-bocky-project-gallery .project-slideshow-inner img { object-fit: cover; width: 100%; height: 100%; } .project-gallery-style-grid .single-gallery .elementor-grid { display: flex; justify-content: center; } .project-gallery-style-grid .elementor-grid .project-slideshow-item:nth-child(n+7) { display: none; } @media (max-width: 1024px) { .project-gallery-style-grid .elementor-grid { grid-template-columns: repeat(2, 1fr); } .project-gallery-style-grid .elementor-grid .project-slideshow-item:nth-child(n+5) { display: none; } } @media (max-width: 567px) { .project-gallery-style-grid .elementor-grid { grid-template-columns: repeat(1, 1fr); } .project-gallery-style-grid .elementor-grid .project-slideshow-item:nth-child(n+3) { display: none; } } .project-gallery-style-slideshow .single-gallery .swiper-wrapper { justify-content: center; } @media (max-width: 1023px) { .project-gallery-style-slideshow .single-gallery .swiper-wrapper .swiper-slide { width: 100%; margin-right: 0; } } @media (min-width: 1024px) { .project-gallery-style-mansory .project-slideshow-item:first-child { grid-row-start: span 3; grid-column: auto/span 3; } .project-gallery-style-mansory .project-slideshow-item:first-child .project-slideshow-inner { height: calc(var(--gallery-height) * 3 + var(--grid-row-gap) * 2); } } .project-gallery-style-mansory .single-gallery .elementor-grid { display: flex; justify-content: center; } .project-gallery-style-mansory .elementor-grid .project-slideshow-item:nth-child(n+5) { display: none; } @media (max-width: 1023px) { .project-gallery-style-mansory .elementor-grid { grid-template-columns: repeat(2, 1fr); } .project-gallery-style-mansory .elementor-grid .project-slideshow-item:nth-child(n+5) { display: none; } } @media (max-width: 567px) { .project-gallery-style-mansory .elementor-grid { grid-template-columns: repeat(1, 1fr); } .project-gallery-style-mansory .elementor-grid .project-slideshow-item:nth-child(n+3) { display: none; } } .project-slideshow-item.last-item .project-slideshow-inner { position: relative; } .project-slideshow-item.last-item .project-slideshow-inner .project-gallery-viewmore { position: absolute; left: 0; top: 0; color: #fff; text-align: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; flex-flow: column; justify-content: center; align-items: center; font-size: 12px; font-size: 0.75rem; line-height: 20px; font-weight: 700; text-transform: uppercase; } .project-slideshow-item.last-item .project-slideshow-inner .project-gallery-viewmore i { width: 48px; height: 48px; font-size: 24px; font-size: 1.5rem; background-color: #fff; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: 11px; color: var(--e-global-color-secondary); -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .project-slideshow-item.last-item .project-slideshow-inner .project-gallery-viewmore:hover i { color: #ffffff; background-color: var(--e-global-color-primary); } .elementor-widget-bocky-project-gallery.center-carousel-yes .swiper-slide-visible .project-slideshow-inner img { opacity: 0.2; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-project-gallery.center-carousel-yes .swiper-slide-visible.swiper-slide-active .project-slideshow-inner img { opacity: 1; -ms-transition: all 0.9s ease; -o-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -webkit-transition: all 0.9s ease; transition: all 0.9s ease; } .elementor-widget-bocky-project-meta .project-meta-item { margin-bottom: 40px; } .elementor-widget-bocky-project-meta .project-meta-inner { display: flex; flex-direction: row; align-items: center; } .elementor-widget-bocky-project-meta .project-meta-title { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; color: #fff; line-height: 22px; font-weight: 400; text-transform: uppercase; width: 120px; } .elementor-widget-bocky-project-meta .project-meta-content { font-size: 24px; font-size: 1.5rem; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); line-height: 32px; font-weight: 700; color: #fff; text-transform: uppercase; } .elementor-widget-bocky-project-thumbnails .elementor-post-thumbnail { overflow: hidden; } .elementor-widget-bocky-project-thumbnails .elementor-post-thumbnail img { display: block; object-fit: cover; width: 100%; height: 100%; } .elementor-widget-bocky-projects.overflow-to-none .bocky-swiper { clip-path: inset(0px -20px -200px -20px); } .elementor-widget-bocky-projects ul { margin: 0; } .elementor-widget-bocky-projects ul li { list-style: none; } .elementor-widget-bocky-projects .bocky-project-block { position: relative; overflow: hidden; } .elementor-widget-bocky-projects .object-loop-title, .elementor-widget-bocky-projects .object-loop-title a { font-size: 42px; font-size: 2.625rem; } .elementor-widget-bocky-projects .object-loop-exerpt { margin: 19px 0 39px; } .elementor-widget-bocky-projects .object-loop-exerpt p { margin-bottom: 0; } .elementor-widget-bocky-projects .project-style-1 .object-loop-title { display: flex; flex-direction: row; align-items: center; margin: 26px 0 0; position: relative; } .elementor-widget-bocky-projects .project-style-1 .object-loop-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .elementor-widget-bocky-projects .project-style-1 .object-loop-title:before { position: absolute; opacity: 0; width: 0; transform: translateX(-15px); font-size: 15px; font-size: 0.9375rem; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .elementor-widget-bocky-projects .project-style-1 .object-loop-title:hover a { margin-left: 35px; } .elementor-widget-bocky-projects .project-style-1 .object-loop-title:hover:before { width: auto; opacity: 1; transform: translateX(0); } .elementor-widget-bocky-projects .project-style-2 .project-content { position: absolute; z-index: 3; width: 100%; bottom: 0; padding: 30px; } .elementor-widget-bocky-projects .project-style-2 .object-loop-title { margin: 0; } .elementor-widget-bocky-projects .project-style-2 .object-loop-title a { color: #fff; } .elementor-widget-bocky-projects .project-style-2 .object-loop-exerpt { color: #fff; } @media (max-width: 568px) { .elementor-widget-bocky-projects .project-style-2 .project-content { text-align: center; } } .elementor-widget-bocky-projects.bocky-project-center-content-yes .project-style-2 .project-content { bottom: 50%; transform: translateY(50%); text-align: center; } .elementor-widget-bocky-projects.bocky-project-center-content-yes .project-style-2 .object-loop-title { margin: 0; justify-content: center; } .elementor-widget-bocky-projects.bocky-project-center-content-yes .project-style-2 .object-loop-title:before { display: none; } .elementor-widget-bocky-projects.bocky-project-center-content-yes .project-style-2 .object-loop-title:hover a { margin-left: 0; } .elementor-widget-bocky-projects.bocky-project-hover-to-show-content-yes .project-style-2 .bocky-project-block .project-content { opacity: 0; overflow: hidden; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .elementor-widget-bocky-projects.bocky-project-hover-to-show-content-yes .project-style-2 .bocky-project-block:hover .project-content { opacity: 1; overflow: visible; } .elementor-widget-bocky-projects.bocky-project-hover-to-show-content-yes .project-style-2 .bocky-project-block:before { content: ""; position: absolute; z-index: 3; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .elementor-widget-bocky-search { z-index: 99; } .elementor-widget-bocky-search .widget { padding: 0; margin-bottom: 0; border: none; } .elementor-widget-bocky-search .widget form:before { display: none; } .elementor-widget-bocky-search .widget form .search-field { border: 1px solid var(--e-global-color-border); padding: 7px 15px 7px 45px; background-color: transparent; height: 44px; } .elementor-widget-bocky-search .widget form .search-field::placeholder { color: var(--e-global-color-lighter); font-size: 14px; font-size: 0.875rem; font-weight: 500; } .elementor-widget-bocky-search .widget form .search-field:hover { border-color: var(--e-global-color-primary); } .elementor-widget-bocky-search .widget form .search-field:focus { border-color: var(--e-global-color-primary); } .elementor-widget-bocky-search .widget form button[type=submit] { font-size: 0; line-height: 0; width: 47px; height: 44px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 3; border: none; padding: 0; } .elementor-widget-bocky-search .widget form button[type=submit]:after { color: var(--e-global-color-secondary); font-size: 14px; font-size: 0.875rem; z-index: 9; } .elementor-widget-bocky-search .widget form button[type=submit]:before { display: none; } .elementor-widget-bocky-search .widget form button[type=submit]:hover:after { color: var(--e-global-color-primary); } .elementor-widget-bocky-search .site-header-search { display: block; } .elementor-widget-bocky-search .site-header-search .button-search-popup { text-align: center; } .elementor-widget-bocky-search .site-header-search .button-search-popup .bocky-icon-search { margin-bottom: 5px; } .elementor-widget-bocky-search .site-header-search .button-search-popup .content { font-size: 14px; font-size: 0.875rem; line-height: 14px; font-weight: 500; display: block; font-size: 14px; font-size: 0.875rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); color: var(--e-global-color-dark); } .elementor-widget-bocky-search .site-header-search .button-search-popup:hover { color: var(--e-global-color-secondary); } .elementor-widget-bocky-search .site-header-search .button-search-popup:hover .bocky-icon-search2 { color: var(--e-global-color-secondary); } .elementor-widget-bocky-search .site-header-search .button-search-popup.layout-2 .bocky-icon-search { display: block; margin-bottom: 5px; font-size: 19px; font-size: 1.1875rem; } .elementor-widget-bocky-search .site-header-search .button-search-popup.layout-2 .site-header-search .bocky-icon-search { margin-bottom: 5px; font-size: 19px; font-size: 1.1875rem; } .elementor-widget-bocky-search .site-header-search .button-search-popup.layout-3 { display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; border: 1px solid; backdrop-filter: blur(58px); -webkit-backdrop-filter: blur(58px); border-color: rgba(255, 255, 255, 0.09); border-radius: 50%; background-color: rgba(216, 218, 223, 0.13); } .elementor-widget-bocky-search .site-header-search .button-search-popup.layout-3 .bocky-icon-search { margin-bottom: 0; font-size: 21px; font-size: 1.3125rem; } .elementor-widget-bocky-search .site-header-search .button-search-popup.layout-3:hover { background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .elementor-widget-bocky-search .site-header-search .button-search-popup:hover .bocky-icon-search { color: var(--e-global-color-primary); } @media screen and (max-width: 767px) { .elementor-widget-bocky-search .site-header-search .button-search-popup .content { display: none; } } .left-counter .elementor-counter { display: inline-block; text-align-last: left; } .overflow-to-left .bocky-service.bocky-swiper-wrapper > .bocky-swiper { overflow: visible; clip-path: inset(-100% 0 -100% -100%); } .overflow-to-right .bocky-service.bocky-swiper-wrapper > .bocky-swiper { overflow: visible; clip-path: inset(-100% -100% -100% 0); } .overflow-to-center .bocky-service.bocky-swiper-wrapper > .bocky-swiper { overflow: visible; clip-path: inset(-100%); } .bocky-service.bocky-swiper-wrapper > .bocky-swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .elementor-widget-bocky-services-list ul.bocky-service { clear: both; margin: 0; } .elementor-widget-bocky-services-list ul.bocky-service li { list-style: none; position: relative; } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-1 .bocky-service-block { display: flex; gap: var(--grid-column-gap); } @media (max-width: 768px) { .elementor-widget-bocky-services-list ul.bocky-service li.service-style-1 .bocky-service-block { display: block; } } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-1 .bocky-render-video-thumbnail { width: 50%; } @media (max-width: 768px) { .elementor-widget-bocky-services-list ul.bocky-service li.service-style-1 .bocky-render-video-thumbnail { width: 100%; } } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-1 .service-caption { width: 50%; background-color: var(--e-global-color-text); border-radius: 20px; padding: 60px 30px 60px 60px; border: 1px solid #808D8966; } @media (max-width: 768px) { .elementor-widget-bocky-services-list ul.bocky-service li.service-style-1 .service-caption { width: 100%; margin-top: 30px; } } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-1:nth-child(odd) .bocky-service-block { display: flex; flex-direction: row-reverse; } @media (max-width: 768px) { .elementor-widget-bocky-services-list ul.bocky-service li.service-style-1:nth-child(odd) .bocky-service-block { display: block; flex-direction: unset; } } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-2 .bocky-service-block { position: relative; } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-2 .service-caption { position: absolute; top: 0; left: 50%; -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 4; padding: 40px 25px 0; text-align: center; width: 100%; } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-2 .object-loop-title { margin: 0; } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-3 .bocky-service-block { display: flex; align-items: center; gap: 30px; flex-direction: row-reverse; background-color: #ffffff; border-radius: 40px; overflow: hidden; } @media (max-width: 767px) { .elementor-widget-bocky-services-list ul.bocky-service li.service-style-3 .bocky-service-block { display: block; } } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-3 .bocky-render-video-thumbnail { width: 45.3%; border-radius: 40px; } @media (max-width: 767px) { .elementor-widget-bocky-services-list ul.bocky-service li.service-style-3 .bocky-render-video-thumbnail { width: 100%; } } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-3 .service-caption { width: 54.7%; padding: 60px 80px 60px; display: flex; flex-direction: column; justify-content: center; height: -webkit-fill-available; } @media (max-width: 767px) { .elementor-widget-bocky-services-list ul.bocky-service li.service-style-3 .service-caption { width: 100%; } } .elementor-widget-bocky-services-list ul.bocky-service li.service-style-3 .service-content-box .service-custom-description p { font-size: 18px; font-size: 1.125rem; line-height: 26px; margin-bottom: 59px; } @media (max-width: 767px) { .elementor-widget-bocky-services-list ul.bocky-service li.service-style-3 .service-content-box .service-custom-description p { margin-bottom: 30px; } } .elementor-widget-bocky-services-list .service-sub-heading { position: relative; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; line-height: 26px; text-transform: uppercase; color: var(--e-global-color-secondary); padding-left: 36px; letter-spacing: 1px; margin-bottom: 24px; } .elementor-widget-bocky-services-list .service-sub-heading:before { position: absolute; left: 0; top: 0; font-size: 19px; font-size: 1.1875rem; line-height: 26px; color: var(--e-global-color-primary); } .elementor-widget-bocky-services-list .object-loop-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 82px; font-size: 5.125rem; line-height: 90px; color: var(--e-global-color-secondary); margin-bottom: 25px; } .elementor-widget-bocky-services-list .service-content-box .service-custom-description { margin-bottom: 43px; } @media (max-width: 767px) { .elementor-widget-bocky-services-list .service-content-box .service-custom-description { margin-bottom: 30px; } } .elementor-widget-bocky-services-list .service-content-box .service-custom-description ul { --li-gap: 15px; display: flex; flex-wrap: wrap; column-gap: var(--li-gap); list-style: none; margin: 0; } .elementor-widget-bocky-services-list .service-content-box .service-custom-description ul li { position: relative; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; line-height: 24px; color: #ffffff; padding-left: 20px; margin-bottom: 18px; width: calc(50% - var(--li-gap)); } @media (max-width: 767px) { .elementor-widget-bocky-services-list .service-content-box .service-custom-description ul li { width: 100%; } } .elementor-widget-bocky-services-list .service-content-box .service-custom-description ul li:before { position: absolute; left: 0; top: 0; font-size: 8px; font-size: 0.5rem; line-height: 26px; color: #ffffff; } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link { --icon-width: 64px; --icon-spacing: 5px; --icon-spacing-text: 5px; --text-padding-right: 36px; display: inline-block; } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link .bocky-btn-content { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 16px; font-size: 1rem; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 100px; white-space: nowrap; padding: 21px 36px; color: var(--e-global-color-secondary); text-align: left; background-color: var(--e-global-color-primary); position: relative; overflow: hidden; display: block; width: 100%; } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link { position: relative; line-height: 1; transition: all 0.4s linear; padding-right: var(--icon-width); display: inline-flex; } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link .bocky-button-inner { display: block; position: relative; } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link .elementor-button-icon { position: absolute; top: 50%; transform: translateY(-50%); left: 100%; aspect-ratio: 1; transition: all 0.2s linear; height: var(--icon-width); max-height: 100%; overflow: hidden; display: block; padding: 0; } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link .elementor-button-icon .elementor-button-icon-inner { height: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--e-global-color-primary); border-radius: 50%; color: var(--e-global-color-secondary); fill: var(--e-global-color-secondary); } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link .elementor-button-icon .elementor-button-icon-inner i { font-size: 24px; font-size: 1.5rem; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link:hover .bocky-btn-content { width: calc(100% + var(--icon-width) + var(--icon-spacing-text) - var(--text-padding-right)); } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link:hover .elementor-button-icon { padding: var(--icon-spacing); left: calc(100% + var(--icon-spacing-text) - var(--text-padding-right)); } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link:hover .elementor-button-icon i { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .elementor-widget-bocky-services-list .service-content-box .object-button a.more-link i { color: var(--e-global-color-secondary); margin: 0; } .elementor-widget-bocky-services-list.bocky-scroll-sticky-yes .bocky-service.bocky-list-wrapper { position: relative; } .elementor-widget-bocky-services-list.bocky-scroll-sticky-yes .bocky-service.bocky-list-wrapper li.bocky-item { position: sticky; top: var(--offset, 40px); transform-origin: top center; will-change: transform, top; } .elementor-widget-bocky-services-inline .bocky-list-wrapper { gap: 0; } .elementor-widget-bocky-services-inline .bocky-service-block { display: inline-flex; align-items: center; position: relative; } .elementor-widget-bocky-services-inline .bocky-service-block:hover .object-loop-title a { padding-left: 109px; } @media (max-width: 1024px) { .elementor-widget-bocky-services-inline .bocky-service-block:hover .object-loop-title a { padding-left: 80px; } } @media (max-width: 768px) { .elementor-widget-bocky-services-inline .bocky-service-block:hover .object-loop-title a { padding-left: 70px; } } @media (max-width: 767px) { .elementor-widget-bocky-services-inline .bocky-service-block:hover .object-loop-title a { padding-left: 40px; } } .elementor-widget-bocky-services-inline .bocky-service-block:hover .object-loop-title a i { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; transform: translateY(-50%) translateX(0); } .elementor-widget-bocky-services-inline .bocky-service-block:hover .post-thumbnail { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; } .elementor-widget-bocky-services-inline .object-loop-title { margin-bottom: 0; font-size: 120px; font-size: 7.5rem; } .elementor-widget-bocky-services-inline .object-loop-title a { position: relative; cursor: none; padding-left: 0; font-size: 120px; font-size: 7.5rem; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display: block; } @media (max-width: 768px) { .elementor-widget-bocky-services-inline .object-loop-title a { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; padding-left: 70px; } } @media (max-width: 767px) { .elementor-widget-bocky-services-inline .object-loop-title a { padding-left: 40px; } } .elementor-widget-bocky-services-inline .object-loop-title a i { position: absolute; left: 0; top: 50%; transform: translateY(-50%) translateX(-30px); font-size: 45px; font-size: 2.8125rem; color: var(--e-global-color-primary); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; } @media (max-width: 768px) { .elementor-widget-bocky-services-inline .object-loop-title a i { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; transform: translateY(-50%) translateX(0); } } .elementor-widget-bocky-services-inline .post-thumbnail { display: none; position: absolute; left: 100%; z-index: 5; border-radius: 30px; width: 100px; height: 50px; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-services-inline .post-thumbnail .thumbnail-image { width: 100%; height: 100%; object-fit: cover; } .elementor-widget-bocky-services-inline .cursor-preview { position: fixed; pointer-events: none; z-index: 9999; opacity: 0; transform: scale(0); left: 0; top: 0; margin-left: -90px; margin-top: -60px; -ms-transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); -o-transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); -moz-transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); -webkit-transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); } @media (max-width: 768px) { .elementor-widget-bocky-services-inline .cursor-preview { display: none; } } .elementor-widget-bocky-services-inline .cursor-preview.active { opacity: 1; transform: scale(1); } .elementor-widget-bocky-services-inline .cursor-preview img { width: 208px; height: 140px; border-radius: 30px; object-fit: cover; background: var(--e-global-color-primary); display: block; } .elementor-widget-bocky-slide-scrolling .elementor-scrolling-wrapper { display: flex; white-space: nowrap; } .elementor-widget-bocky-slide-scrolling .elementor-scrolling-wrapper .elementor-scrolling-image { position: relative; width: max-content; max-height: 90px; display: flex; align-items: center; justify-content: center; } .elementor-widget-bocky-slide-scrolling .elementor-scrolling-wrapper .elementor-scrolling-image img { width: 100%; height: 100%; object-fit: cover; } .elementor-widget-bocky-slide-scrolling .elementor-scrolling-wrapper:hover .elementor-scrolling-inner { animation-play-state: paused; } .elementor-widget-bocky-slide-scrolling .elementor-scrolling-item { display: flex; align-items: center; position: relative; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } .elementor-widget-bocky-slide-scrolling .elementor-scrolling-item .scrolling-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 100px; font-size: 6.25rem; line-height: 80px; } .elementor-widget-bocky-slide-scrolling .elementor-scrolling-item .scrolling-title a { white-space: nowrap; } .elementor-widget-bocky-slide-scrolling .elementor-scrolling-item .scrolling-title:hover a { text-decoration: none; } .elementor-widget-bocky-slide-scrolling .elementor-scrolling-inner { display: inline-flex; position: relative; animation-name: marquee; animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 20s; white-space: nowrap; } .elementor-widget-bocky-slide-scrolling.bocky-textscroll-vertical .elementor-scrolling { display: flex; justify-content: center; } .elementor-widget-bocky-slide-scrolling.bocky-textscroll-vertical .elementor-scrolling-wrapper { writing-mode: vertical-rl; height: 100%; } .elementor-widget-bocky-slide-scrolling.bocky-textscroll-vertical .elementor-scrolling-inner { animation-name: marquee-vertical; } .elementor-widget-bocky-slide-scrolling .elementor-scrolling-item-inner { display: flex; align-items: center; justify-content: center; } .elementor-widget-bocky-slide-scrolling.slider-scrolling-yes .elementor-scrolling-inner { animation-name: reverse; } .elementor-widget-bocky-teams-list ul.bocky-list-wrapper { margin: 0; } .elementor-widget-bocky-teams-list .team-caption { position: relative; padding-top: 24px; } .elementor-widget-bocky-teams-list .post-thumbnail img { aspect-ratio: 0.7379400261; width: 100%; object-fit: cover; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-teams-list .object-loop-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 36px; font-size: 2.25rem; line-height: 1.1666666667; color: var(--e-global-color-secondary); margin-bottom: 8px; } .elementor-widget-bocky-teams-list .object-loop-title a { background-repeat: no-repeat; background-size: 0 1px, 0 1px; background-position: 100% 100%, 0 100%; background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-bocky-teams-list .object-loop-title a:hover { background-size: 0 1px, 100% 1px; } .elementor-widget-bocky-teams-list .object-loop-title a:hover { color: var(--e-global-color-secondary); } .elementor-widget-bocky-teams-list .team-loop-job { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; color: var(--e-global-color-secondary); } .elementor-widget-bocky-teams-list .team-button { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding-right: 40px; } .elementor-widget-bocky-teams-list .team-button a.more-link i { height: 74px; width: 74px; background-color: #ffffff; color: var(--e-global-color-secondary); } .elementor-widget-bocky-teams-list .bocky-team-block:hover img { transform: scale(1.1); } .elementor-widget-bocky-testimonials-vertical.elementor-element.elementor-pagination-position-outside .swiper { padding-bottom: 0; } .elementor-widget-bocky-testimonials-vertical .elementor-testimonial-rating { color: #F1C44E; font-size: 24px; font-size: 1.5rem; line-height: 1; margin: 0 0 24px 0; } .elementor-widget-bocky-testimonials-vertical .elementor-testimonial-rating i { margin-right: 1px; color: #F1C44E; } .elementor-widget-bocky-testimonials-vertical .content { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 42px; font-size: 2.625rem; line-height: 50px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; color: #fff; margin-bottom: 40px; } .elementor-widget-bocky-testimonials-vertical .title { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 24px; font-size: 1.5rem; line-height: 32px; margin-bottom: 20px; color: var(--e-global-color-secondary); } .elementor-widget-bocky-testimonials-vertical .caption-details { display: flex; margin-bottom: 80px; } .elementor-widget-bocky-testimonials-vertical .name { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 26px; color: var(--e-global-color-lighter); } .elementor-widget-bocky-testimonials-vertical .name a { color: #fff; } .elementor-widget-bocky-testimonials-vertical .separator { font-size: 18px; font-size: 1.125rem; color: var(--e-global-color-lighter); margin: 0 2px; } .elementor-widget-bocky-testimonials-vertical .job { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 26px; text-transform: capitalize; color: var(--e-global-color-lighter); } .elementor-widget-bocky-testimonials-vertical .caption-meta-label { color: var(--e-global-color-lighter); } .elementor-widget-bocky-testimonials-vertical .testimonial-content-text .icon { margin-bottom: 34px; } .elementor-widget-bocky-testimonials-vertical .testimonial-content-text .icon svg { width: 102px; } .elementor-widget-bocky-testimonials-vertical .testimonial-content-text .icon svg path { fill: #fff; } .elementor-widget-bocky-testimonials-vertical .elementor-testimonial-item { width: 100%; } .elementor-widget-bocky-testimonials-vertical .bocky-elementor-testimonial-box { display: flex; flex-direction: row-reverse; align-items: center; gap: var(--grid-column-gap); --images-side-width: 320px; --images-side-height: 320px; } .elementor-widget-bocky-testimonials-vertical .bocky-testimonial-images-side { height: 100%; } .elementor-widget-bocky-testimonials-vertical .bocky-testimonial-images-side .elementor-testimonial-image img { width: var(--images-side-width); height: var(--images-side-height); border-radius: 50%; object-fit: cover; object-position: center; } .elementor-widget-bocky-testimonials-vertical .bocky-testimonial-images-side .elementor-testimonial-image.swiper-slide { opacity: 0.5; } .elementor-widget-bocky-testimonials-vertical .bocky-testimonial-images-side .elementor-testimonial-image.swiper-slide.swiper-slide-active { opacity: 1; } .elementor-widget-bocky-testimonials-vertical .bocky-testimonial-images-side-wrapper { width: var(--images-side-width); height: var(--images-side-height); padding-bottom: 0; } .elementor-widget-bocky-testimonials-vertical .bocky-testimonial-images-side-wrapper.swiper-initialized { overflow: visible; } .elementor-widget-bocky-testimonials-vertical .elementor-testimonial-item-wrapper { width: calc(100% - var(--images-side-width) - var(--grid-column-gap)); overflow: hidden; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list { display: flex; gap: 30px; width: 100%; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-value { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 42px; font-size: 2.625rem; margin-bottom: 10px; color: #fff; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-item { flex: 1; margin: 11px 0; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-item.testimonial-percentage { border-right: 1px solid rgba(255, 255, 255, 0.1); } .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-item.testimonial-rating { display: flex; align-items: center; gap: 16px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 5px; margin: 0; padding: 12px 20px; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-item.testimonial-rating .caption-meta-value { display: flex; align-items: center; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-item.testimonial-rating .caption-meta-value:after { font-size: 25px; font-size: 1.5625rem; color: #FFC849; margin-left: 6px; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-item.testimonial-rating img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; } @media (max-width: 768px) { .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-item.testimonial-percentage { border-right: 0; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px 0; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-item { width: 50%; flex: none; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-item.testimonial-rating { order: -1; width: 100%; } .elementor-widget-bocky-testimonials-vertical .caption-metas-list .caption-meta-item.testimonial-rating .caption-meta-value { justify-content: center; } } @media (max-width: 568px) { .elementor-widget-bocky-testimonials-vertical .elementor-testimonial-image.swiper-slide { display: inline-flex; justify-content: center; } .elementor-widget-bocky-testimonials-vertical .bocky-elementor-testimonial-box { flex-direction: column-reverse; } .elementor-widget-bocky-testimonials-vertical .bocky-testimonial-images-side-wrapper, .elementor-widget-bocky-testimonials-vertical .elementor-testimonial-item-wrapper { width: 100%; } .elementor-widget-bocky-testimonials-vertical .bocky-testimonial-images-side-wrapper.swiper-initialized { overflow: hidden; } .elementor-widget-bocky-testimonials-vertical .caption-meta-item.testimonial-rating .caption-meta-value { justify-content: center; } .elementor-widget-bocky-testimonials-vertical .caption-details { display: inline-block; } } .elementor-widget-bocky-testimonials .elementor-testimonial-item, .elementor-widget-bocky-testimonials .swiper-slide { display: flex; height: auto; } .elementor-widget-bocky-testimonials .inner { height: 100%; position: relative; display: flex; flex-direction: column; flex-grow: 1; } .elementor-widget-bocky-testimonials .icon { display: block; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-testimonials .icon i { font-size: 20px; font-size: 1.25rem; color: var(--e-global-color-primary); } .elementor-widget-bocky-testimonials .icon svg { fill: var(--e-global-color-primary); } .elementor-widget-bocky-testimonials .elementor-testimonial-rating { color: var(--e-global-color-primary); font-size: 23px; font-size: 1.4375rem; line-height: 1; margin: 0 0 20px 0; } .elementor-widget-bocky-testimonials .elementor-testimonial-rating i { margin-right: 1px; color: var(--e-global-color-primary); } .elementor-widget-bocky-testimonials .caption-top { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .elementor-widget-bocky-testimonials .content { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 24px; font-size: 1.5rem; line-height: 32px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; color: var(--e-global-color-secondary); } .elementor-widget-bocky-testimonials .title { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 24px; font-size: 1.5rem; line-height: 32px; margin-bottom: 20px; color: var(--e-global-color-secondary); } .elementor-widget-bocky-testimonials .testimonial-caption { display: flex; flex-direction: row; } .elementor-widget-bocky-testimonials .details { display: flex; flex-direction: column; } .elementor-widget-bocky-testimonials .name { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 24px; font-size: 1.5rem; text-transform: uppercase; line-height: 32px; color: var(--e-global-color-secondary); } .elementor-widget-bocky-testimonials .job { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 18px; font-size: 1.125rem; line-height: 26px; text-transform: capitalize; color: var(--e-global-color-lighter); } .elementor-widget-bocky-testimonials .elementor-testimonial-image { line-height: 0; } .elementor-widget-bocky-testimonials .elementor-testimonial-image img { display: inline; width: 120px; height: 120px; object-fit: cover; border-radius: 50%; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .inner { height: 100%; position: relative; display: flex; flex-direction: column; flex-grow: 1; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .elementor-testimonial-image { margin-right: 80px; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .elementor-testimonial-image img { width: 320px; height: 320px; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .testimonial-content-text { display: flex; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .testimonial-caption { flex-direction: column; flex: 1; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .details { display: inline-block; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .content { font-size: 42px; font-size: 2.625rem; line-height: 50px; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .name { font-size: 18px; font-size: 1.125rem; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); line-height: 26px; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .caption-top { align-items: start; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .separator { font-size: 18px; font-size: 1.125rem; color: var(--e-global-color-lighter); margin: 0 2px; } @media (max-width: 568px) { .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .inner { padding: 30px; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .testimonial-caption { text-align: center; align-items: center; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .caption-top { justify-content: center; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .testimonial-content-text { display: flex; flex-direction: column; } .elementor-widget-bocky-testimonials.bocky-testimonial-layout-2 .elementor-testimonial-image { margin: 0; text-align: center; } } .elementor-widget-bocky-testimonials.position-testimonial-icon-yes .icon { position: absolute; top: 30px; right: 30px; z-index: -1; } .elementor-widget-bocky-testimonials.position-testimonial-icon-yes .icon i { font-size: 125px; font-size: 7.8125rem; color: var(--e-global-color-border); } .elementor-widget-bocky-testimonials.position-testimonial-icon-yes .icon svg { fill: var(--e-global-color-border); } .elementor-text-image-content img { display: inline-block; margin: 0 20px; height: 50px; object-fit: cover; } .elementor-text-image-content .bocky-elementor-text { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 48px; font-size: 3rem; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .bocky-elementor-text-image-wrapper i, .bocky-elementor-text-image-wrapper svg { display: inline-block; vertical-align: middle; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-wrapper { display: flex; white-space: nowrap; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-wrapper:hover .elementor-scrolling-inner { animation-play-state: paused; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item { display: flex; align-items: center; position: relative; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item .scrolling-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 180px; font-size: 11.25rem; line-height: 110px; text-transform: uppercase; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item .scrolling-title a { white-space: nowrap; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item .scrolling-title:hover a { text-decoration: none; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-inner { display: inline-flex; position: relative; animation-name: marquee; animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: 10s; white-space: nowrap; } .elementor-widget-portfolio-text-scrolling.bocky-textscroll-vertical .elementor-scrolling { display: flex; justify-content: center; } .elementor-widget-portfolio-text-scrolling.bocky-textscroll-vertical .elementor-scrolling-wrapper { writing-mode: vertical-rl; height: 100%; } .elementor-widget-portfolio-text-scrolling.bocky-textscroll-vertical .elementor-scrolling-inner { animation-name: marquee-vertical; } .elementor-widget-portfolio-text-scrolling .elementor-text-icon { display: flex; align-items: center; justify-content: center; position: relative; } .elementor-widget-portfolio-text-scrolling .elementor-text-icon i { font-size: 64px; font-size: 4rem; } .elementor-widget-portfolio-text-scrolling .elementor-scrolling-item-inner { display: flex; align-items: center; justify-content: center; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes marquee-vertical { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .elementor-widget-bocky-timelines-accordion .elementor-widget-container { display: flex; flex-direction: row-reverse; justify-content: space-between; } .elementor-widget-bocky-timelines-accordion .elementor-widget-container .bocky-timeline-side-titles { width: calc(65% - 50px); float: right; max-width: 810px; } @media (max-width: 768px) { .elementor-widget-bocky-timelines-accordion .elementor-widget-container .bocky-timeline-side-titles { width: 100%; max-width: 100%; float: unset; } } .elementor-widget-bocky-timelines-accordion .elementor-widget-container .bocky-timeline-wrapper { width: 420px; max-width: 35%; float: left; } @media (max-width: 768px) { .elementor-widget-bocky-timelines-accordion .elementor-widget-container .bocky-timeline-wrapper { width: 100%; max-width: 100%; float: unset; } } @media (max-width: 1366px) { .elementor-widget-bocky-timelines-accordion .elementor-widget-container .container { padding: 0; } } @media (max-width: 768px) { .elementor-widget-bocky-timelines-accordion .elementor-widget-container { flex-direction: column; height: auto !important; gap: 30px; } .elementor-widget-bocky-timelines-accordion .elementor-widget-container .bocky-timeline-side-titles, .elementor-widget-bocky-timelines-accordion .elementor-widget-container .bocky-timeline-wrapper { flex: 0 0 100%; max-width: 100%; } } .elementor-widget-bocky-timelines-accordion .bocky-timeline-side-titles ul { list-style: none; margin: 0; } .elementor-widget-bocky-timelines-accordion .bocky-timeline-side-titles ul li.bocky-timeline-item-titles { padding: 30px 0 26px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--e-global-color-border); cursor: pointer; } .elementor-widget-bocky-timelines-accordion .bocky-timeline-side-titles ul li.bocky-timeline-item-titles:last-child { border-bottom: 1px solid var(--e-global-color-border); } .elementor-widget-bocky-timelines-accordion .bocky-timeline-side-titles ul li.bocky-timeline-item-titles .timeline-title { font-size: 30px; font-size: 1.875rem; line-height: 34px; text-transform: capitalize; color: var(--e-global-color-accent); } .elementor-widget-bocky-timelines-accordion .bocky-timeline-side-titles ul li.bocky-timeline-item-titles .timeline-description { font-size: 16px; font-size: 1rem; line-height: 24px; margin-top: -4px; color: var(--e-global-color-text); } .elementor-widget-bocky-timelines-accordion .bocky-timeline-side-titles ul li.bocky-timeline-item-titles .timeline-year-item { margin: -5px 89px 0 0; } .elementor-widget-bocky-timelines-accordion .bocky-timeline-side-titles ul li.bocky-timeline-item-titles .timeline-year-item span { font-size: 16px; font-size: 1rem; line-height: 24px; color: var(--e-global-color-text); display: block; } .elementor-widget-bocky-timelines-accordion .bocky-timeline-side-titles ul li.bocky-timeline-item-titles .timeline-item-bottom { display: flex; justify-content: space-between; align-items: center; flex: 1; gap: 15px; } .elementor-widget-bocky-timelines-accordion .bocky-timeline-side-titles ul li.bocky-timeline-item-titles:hover .timeline-title, .elementor-widget-bocky-timelines-accordion .bocky-timeline-side-titles ul li.bocky-timeline-item-titles.show .timeline-title { color: var(--e-global-color-primary); } .elementor-widget-bocky-timelines-accordion .bocky-list-wrapper { position: relative; height: 510px; margin: 0; } .elementor-widget-bocky-timelines-accordion .bocky-list-wrapper li.timeline { position: absolute; height: 100%; width: 100%; opacity: 0; visibility: hidden; transform: translateX(-100px); animation-name: slideTopTeam; -ms-transition: all 0.8s linear; -o-transition: all 0.8s linear; -moz-transition: all 0.8s linear; -webkit-transition: all 0.8s linear; transition: all 0.8s linear; } .elementor-widget-bocky-timelines-accordion .bocky-list-wrapper li.timeline.actived { display: block; opacity: 1; visibility: visible; transform: translateX(0); animation-name: slideRightTeam; } .elementor-widget-bocky-timelines-accordion .bocky-list-wrapper li.timeline.actived .timeline-block .timeline-image, .elementor-widget-bocky-timelines-accordion .bocky-list-wrapper li.timeline.actived .timeline-block .timeline-caption { opacity: 1; visibility: visible; } .elementor-widget-bocky-timelines-accordion .bocky-list-wrapper li.timeline .timeline-block { position: relative; width: 100%; height: 100%; } .elementor-widget-bocky-timelines-accordion .bocky-list-wrapper li.timeline .timeline-block .timeline-image { animation-duration: 1.4s; animation-fill-mode: both; -webkit-animation-duration: 1.4s; -webkit-animation-fill-mode: both; transition: all 1.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); visibility: hidden; will-change: transform, opacity; width: 100%; height: 100%; border-radius: 20px; opacity: 0; transform: translateX(0); animation-name: slideRightTeam; } .elementor-widget-bocky-timelines-accordion .bocky-list-wrapper li.timeline .timeline-block .timeline-image img { width: 100%; height: 100%; object-fit: cover; } @-webkit-keyframes slideTopTeam { from { -webkit-transform: translateY(100px); transform: translateY(100px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes slideTopTeam { from { -webkit-transform: translateY(100px); transform: translateY(100px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-ms-keyframes slideTopTeam { from { -webkit-transform: translateY(100px); transform: translateY(100px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideTopTeam { from { -webkit-transform: translateY(100px); transform: translateY(100px); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slideRightTeam { from { -webkit-transform: translateX(-100px); transform: translateX(-100px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes slideRightTeam { from { -webkit-transform: translateX(-100px); transform: translateX(-100px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @-ms-keyframes slideRightTeam { from { -webkit-transform: translateX(-100px); transform: translateX(-100px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideRightTeam { from { -webkit-transform: translateX(-100px); transform: translateX(-100px); } to { -webkit-transform: translateX(0); transform: translateX(0); } } .elementor-widget-bocky-timeline .elementor-timeline-image { aspect-ratio: 1; width: auto; object-fit: cover; margin-bottom: 89px; } .elementor-widget-bocky-timeline .bocky-con-inner .swiper-slide { height: auto; } .elementor-widget-bocky-timeline .bocky-con-inner .swiper-slide:nth-child(2n+1) .elementor-timeline-inner-item > a .elementor-timeline-content::after { background-color: #f8f8f8; border-color: #F8F8F8; } .elementor-widget-bocky-timeline .bocky-con-inner .swiper-slide:nth-child(2n+1) .elementor-timeline-content { border-color: #F8F8F8; background-color: #f8f8f8; } .elementor-widget-bocky-timeline .elementor-timeline-inner-item { height: 100%; position: relative; } .elementor-widget-bocky-timeline .elementor-timeline-inner-item::before { content: ""; position: absolute; width: 18px; height: 18px; background-color: var(--bocky-time-dot-color, var(--e-global-color-primary)); border-radius: 50%; left: 0; z-index: 9; top: calc(var(--bocky-time-line-spacing, 208px) - 6px); } .elementor-widget-bocky-timeline .elementor-timeline-inner-item::after { content: ""; width: 100vw; height: 1px; background-color: var(--bocky-time-line-color, var(--e-global-color-border)); position: absolute; top: calc(var(--bocky-time-line-spacing, 208px) - -2px); left: 0; } @media (max-width: 767px) { .elementor-widget-bocky-timeline .elementor-timeline-inner-item::after { width: 100%; } } .elementor-widget-bocky-timeline .elementor-timeline-inner-item .elementor-timeline-description { color: var(--e-global-color-text); margin-top: 19px; } .elementor-widget-bocky-timeline .elementor-timeline-inner-item .elementor-timeline-year { font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); font-size: 30px; font-size: 1.875rem; line-height: 1.1333333333; } .elementor-widget-bocky-timeline .elementor-timeline-item-wrapper { position: relative; } .elementor-widget-bocky-timeline .elementor-timeline-item-wrapper::before { content: ""; position: absolute; width: 7px; height: 7px; background-color: var(--bocky-time-dot-color, var(--e-global-color-primary)); border-radius: 50%; left: -182px; z-index: 9; top: calc(var(--bocky-time-line-spacing, 208px) - 1px); } .elementor-widget-bocky-timeline .elementor-timeline-item-wrapper::after { content: ""; width: 100vw; height: 1px; background-color: var(--bocky-time-line-color, var(--e-global-color-border)); position: absolute; top: calc(var(--bocky-time-line-spacing, 208px) - -2px); left: -180px; } @media (max-width: 1366px) { .elementor-widget-bocky-timeline .elementor-timeline-item-wrapper::before { display: none; } .elementor-widget-bocky-timeline .elementor-timeline-item-wrapper::after { display: none; } } .vertical-menu-separator-yes .vertical-navigation:after { content: ""; position: absolute; right: 0; top: 50%; height: 23px; width: 1px; background-color: var(--e-global-color-border); transform: translateY(-50%); } .vertical-menu-separator-yes .vertical-navigation:hover:after { background-color: transparent; } .home .nav-vertiacl-menu-layout-content-style-2 .vertical-navigation .vertical-menu, .page-template-template-homepage .nav-vertiacl-menu-layout-content-style-2 .vertical-navigation .vertical-menu { opacity: 1; visibility: visible; z-index: 990; transform: translateY(0); } .home .nav-vertiacl-menu-layout-content-style-2 .vertical-navigation-header .vertical-navigation-title .title-icon .icon-2, .home .nav-vertiacl-menu-layout-content-style-2 .vertical-navigation-header .vertical-navigation-title .title-icon .icon-3, .page-template-template-homepage .nav-vertiacl-menu-layout-content-style-2 .vertical-navigation-header .vertical-navigation-title .title-icon .icon-2, .page-template-template-homepage .nav-vertiacl-menu-layout-content-style-2 .vertical-navigation-header .vertical-navigation-title .title-icon .icon-3 { width: 18px; } .elementor-widget-bocky-videos-list .bocky-video-block { position: relative; } .elementor-widget-bocky-videos-list .video-caption { position: absolute; bottom: 0; left: 0; z-index: 10; } .elementor-widget-bocky-videos-list .video-sub-title { font-size: 18px; font-size: 1.125rem; line-height: 32px; } .elementor-widget-bocky-videos-list.center-carousel-yes { --center-item-height: 700px; --default-item-height: 500px; } .elementor-widget-bocky-videos-list.center-carousel-yes .bocky-video-block { transition: all 0.3s linear; width: 100%; top: 0; } .elementor-widget-bocky-videos-list.center-carousel-yes .bocky-render-video-thumbnail { --video-aspect-ratio: initial; height: var(--default-item-height); transition: all 0.3s linear; } .elementor-widget-bocky-videos-list.center-carousel-yes .swiper-slide-prev { transform: translateX(calc(var(--grid-column-gap) / -2)); } .elementor-widget-bocky-videos-list.center-carousel-yes .swiper-slide-next { transform: translateX(calc(var(--grid-column-gap) / 2)); } .elementor-widget-bocky-videos-list.center-carousel-yes .swiper-slide-active .bocky-video-block { width: calc(100% + var(--grid-column-gap) * 2); left: calc(var(--grid-column-gap) / -1); top: calc((var(--center-item-height) - var(--default-item-height)) / -2); } .elementor-widget-bocky-videos-list.center-carousel-yes .swiper-slide-active .bocky-video-block .bocky-render-video-thumbnail { --video-aspect-ratio: initial; height: var(--center-item-height); } @media (max-width: 568px) { .elementor-widget-bocky-videos-list.center-carousel-yes .swiper-slide-active .bocky-video-block { width: 100%; left: 0; top: 0; } .elementor-widget-bocky-videos-list.center-carousel-yes .swiper-slide-active .bocky-video-block .instructor-avt-thumbnail { height: var(--default-item-height); } } .elementor-widget-bocky-video-switcher { --grid-column-gap: 0px; } .elementor-widget-bocky-video-switcher .bocky-video-block { position: relative; } .elementor-widget-bocky-video-switcher .video-caption { display: flex; align-items: flex-end; cursor: pointer; } .elementor-widget-bocky-video-switcher .video-caption.actived .video-title, .elementor-widget-bocky-video-switcher .video-caption.actived .video-sub-title { color: var(--e-global-color-primary); } .elementor-widget-bocky-video-switcher .video-title { margin: 0; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 82px; font-size: 5.125rem; line-height: 90px; color: #ffffff; text-align: left; } .elementor-widget-bocky-video-switcher .video-sub-title { font-size: 14px; font-size: 0.875rem; line-height: 16px; font-weight: 600; margin-left: 17px; margin-bottom: 10px; } .elementor-widget-bocky-video-switcher .video-switcher-captions { position: absolute; bottom: 0; left: 0; z-index: 10; border-radius: unset; width: auto; height: auto; background-color: unset; opacity: 1; padding: 0 150px 79px 253px; } .elementor-column-wrap:hover .text-editor-hover .elementor-text-editor > *:before { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } .elementor-column-wrap .text-editor-hover .elementor-text-editor > * { position: relative; display: inline-block; } .elementor-column-wrap .text-editor-hover .elementor-text-editor > *:before { position: absolute; content: attr(data-hover); color: var(--e-global-color-secondary); clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%); transition: clip-path 0.5s ease; } .animated-slide-column > .elementor-column-wrap { transition: opacity 0s 0.6s, transform 1s 0.6s; opacity: 0; transform: translateX(-20px) translateZ(0); } .animated-slide-column:after { content: ""; margin: 0 -5px 0 0; position: absolute; top: 0; right: 100%; bottom: 100%; left: 0; background-color: var(--e-global-color-primary); z-index: 3; transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, right 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, margin 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.3s, left 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.6s; } .animated-slide-column.col-loaded { overflow: hidden; position: relative; } .animated-slide-column.col-loaded .elementor-column-wrap { transform: translateX(0); opacity: 1; } .animated-slide-column.col-loaded:after { margin-right: 0; right: -3px; bottom: 0; left: 100%; } .animated-bg-parallax { overflow: hidden; } .animated-bg-parallax > .elementor-column-wrap { overflow: hidden; } .animated-bg-parallax .img-banner-parallax { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; } .animated-bg-parallax .img-banner-parallax:not(.hover) { transform: none !important; } .elementor-widget-image-box.box-title-decor-yes .elementor-image-box-img { position: relative; overflow: hidden; } .elementor-widget-image-box.box-title-decor-yes .elementor-image-box-img img { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-image-box.box-title-decor-yes .elementor-image-box-title { position: relative; } .elementor-widget-image-box.box-title-decor-yes .elementor-image-box-title:before { content: ""; position: absolute; width: 2px; height: 0; background-color: var(--e-global-color-primary); top: -60px; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; left: 0; right: 0; margin: 0 auto; } .elementor-widget-image-box.box-title-decor-yes:hover .elementor-image-box-title:before { height: 50px; } .elementor-widget-image-box.box-title-decor-yes:hover .elementor-image-box-title a { color: var(--e-global-color-primary); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .elementor-widget-image-box.box-title-decor-yes:hover img { transform: scale(1.1); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .text-rotate { -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg); transform: translateX(-50%) translateY(-50%) rotate(-90deg); } .text-shadow { -webkit-text-stroke: 3px #fff; -webkit-text-fill-color: #D8FF85; } .hover-style .elementor-cta__button-wrapper { opacity: 0; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; transform: translateY(10px); height: 0; } .hover-style .elementor-cta__title { transform: translateY(0); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .hover-style .elementor-cta__content { overflow: hidden; } .hover-style:hover .elementor-cta__title { transform: translateY(-20px); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .hover-style:hover .elementor-cta__button-wrapper { opacity: 1; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; transform: translateY(-10px); } .mask-text .elementor-counter > * { color: transparent; text-align: center; font-size: 10em; font-weight: 900; background-image: url("../../../assets/images/ldp_mask.jpg"); background-size: contain; background-clip: text; -webkit-background-clip: text; -ms-background-clip: text; -moz-background-clip: text; } .e--ua-safari .mask-text .elementor-counter { text-align: center; } .e--ua-safari .mask-text .elementor-counter > * { display: inline; } .elementor-icon-box-wrapper { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } .elementor-widget-icon-box .elementor-icon-box-icon .icon-box-number_efect { position: absolute; top: 0; right: 0; color: var(--e-global-color-primary); padding: 2px 10px; border-radius: 20px; font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 14px; font-size: 0.875rem; text-transform: uppercase; font-weight: 600; line-height: 22px; display: inline-table; background-color: #CCF5F2; } .elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon i:before { z-index: 3; } .elementor-widget-icon-box .elementor-icon-box-title { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 36px; font-size: 2.25rem; line-height: 1.1666666667; color: var(--e-global-color-secondary); } .elementor-widget-icon-box .elementor-icon-box-description { font-family: var(--e-global-typography-text-font-family); font-weight: var(--e-global-typography-text-font-weight); text-transform: var(--e-global-typography-text-text-transform); font-style: var(--e-global-typography-text-font-style); text-decoration: var(--e-global-typography-text-text-decoration); line-height: var(--e-global-typography-text-line-height); letter-spacing: var(--e-global-typography-text-letter-spacing); font-size: 16px; font-size: 1rem; color: var(--e-global-color-text); } .elementor-widget-icon-box .elementor-icon-box-description a:not(:hover), .elementor-widget-icon-box .elementor-icon-box-description span { color: var(--e-global-color-primary); } .elementor-widget-icon-box:hover { cursor: pointer; } .elementor-widget-icon-box:hover .elementor-icon-box-title { color: var(--e-global-color-primary); } .elementor-view-framed .elementor-icon, .elementor-view-default .elementor-icon { color: var(--e-global-color-primary); border-color: var(--e-global-color-primary); } .elementor-view-stacked .elementor-icon { background-color: var(--e-global-color-primary); color: #fff; } .reverse-direction-yes.elementor-widget-icon-box .elementor-icon-box-wrapper { display: flex; flex-direction: column-reverse; } .reverse-direction-yes.elementor-widget-icon-box .elementor-icon-box-icon { margin: 0; line-height: 0; } .background-filter-yes .elementor-icon-box-wrapper { background-color: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); border-radius: 20px; } .background-filter { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); } .show-line-gradient-color-yes .elementor-widget-container { -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background: #fff; } .show-line-gradient-color-yes .elementor-widget-container .elementor-icon-box-icon .elementor-icon { background: linear-gradient(156.35deg, #FC6A49 15.23%, #016AC0 102.77%); } .show-line-gradient-color-yes .elementor-widget-container:hover { background: linear-gradient(156.35deg, #FC6A49 15.23%, #016AC0 102.77%); } .show-line-gradient-color-yes .elementor-widget-container:hover .elementor-icon { background: #fff; } .show-line-gradient-color-yes .elementor-widget-container:hover .elementor-icon-box-title, .show-line-gradient-color-yes .elementor-widget-container:hover .elementor-icon-box-description { color: #fff; } .elementor-image-box-wrapper { position: relative; display: flex; flex-direction: column; -ms-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease; transition: transform 0.4s ease; } .elementor-image-box-wrapper .elementor-image-box-title { -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 36px; font-size: 2.25rem; line-height: 1.1666666667; color: var(--e-global-color-secondary); } .elementor-image-box-wrapper .elementor-image-box-title span { color: var(--e-global-color-primary); } .elementor-image-box-wrapper .elementor-image-box-title a { -ms-transition: transform 0.4s ease; -o-transition: transform 0.4s ease; -moz-transition: transform 0.4s ease; -webkit-transition: transform 0.4s ease; transition: transform 0.4s ease; } .elementor-image-box-wrapper .elementor-image-box-img img { width: 100%; } .elementor-position-left.elementor-position-top .elementor-image-box-wrapper .elementor-image-box-img { margin-bottom: 0 !important; } @media (max-width: 767px) { .elementor-position-left.elementor-position-top .elementor-image-box-wrapper .elementor-image-box-img { margin-bottom: 5px !important; } } .elementor-image-box-button-wrapper { display: inline-flex; align-items: center; justify-items: center; margin-top: 33px; } .elementor-image-box-button-wrapper .elementor-image-box-button { color: var(--e-global-color-primary); text-decoration: underline; } .mostion_image .elementor-widget-image .elementor-widget-container img { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform var(--e-transform-transition-duration, 0.2s); } .elementor-vertical-alignment-top .elementor-image-box-wrapper { flex-direction: column-reverse; } .elementor-vertical-alignment-bottom .elementor-image-box-wrapper { flex-direction: column; } .elementor-image-box-content { position: relative; z-index: 2; } .elementor-image-box-background-text { position: absolute; right: 0; bottom: 0; z-index: 1; font-size: 30px; font-size: 1.875rem; } .elementor-widget-n-accordion .e-n-accordion-item { overflow: hidden; } .elementor-widget-n-accordion .e-n-accordion-item-title.has-description { align-items: flex-start; } .elementor-widget-n-accordion .e-n-accordion-item-title-header { flex-flow: column; } .elementor-widget-n-accordion.elementor-element .e-n-accordion-item-title { border: none; } .bocky-effect-bg-yes .e-n-accordion-item { backdrop-filter: blur(29px); } .elementor-widget .elementor-icon-list-icon i { width: var(--width) !important; } .elementor-widget-icon-list .elementor-icon-list-items .elementor-icon-list-text { padding-left: 0; padding-inline-start: 0 !important; } .bocky-theme-style-yes .elementor-icon-list-icon { padding: 15px; border-radius: 50%; background-color: #fff; } .bocky-theme-style-yes .elementor-icon-list-icon i, .bocky-theme-style-yes .elementor-icon-list-icon svg { width: 1em; height: 1em; position: relative; display: block; margin: 0 !important; } .icon-list-hover-yes .elementor-icon-list-text { position: relative; overflow: hidden; } .icon-list-hover-yes .elementor-icon-list-text:before { content: ""; position: absolute; bottom: 6px; left: 0; width: 0; height: 1px; visibility: hidden; background-color: var(--e-global-color-primary); opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .icon-list-hover-yes .elementor-icon-list-text:hover:before { -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); width: 100%; visibility: visible; } .elementor-widget-button .elementor-button { font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 16px; font-size: 1rem; border-radius: 100px; } .elementor-widget-button .elementor-button:after, .elementor-widget-button .elementor-button i, .elementor-widget-button .elementor-button svg { -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-button .elementor-button.elementor-size-xs { padding: 15px 24px; } .elementor-widget-button .elementor-button.elementor-size-sm { padding: 18px 30px; } .elementor-widget-button .elementor-button.elementor-size-md { padding: 21px 36px; } .elementor-widget-button .elementor-button.elementor-size-lg { padding: 24px 40px; font-size: 16px; font-size: 1rem; } .elementor-widget-button .elementor-button.elementor-size-xl { padding: 28px 46px; font-size: 16px; font-size: 1rem; } .elementor-widget-button .elementor-button:hover { background-color: var(--e-global-color-primary); color: var(--e-global-color-secondary); } .elementor-widget-button .elementor-button:hover:after, .elementor-widget-button .elementor-button:hover i, .elementor-widget-button .elementor-button:hover svg { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); fill: var(--e-global-color-secondary); color: var(--e-global-color-secondary); } .elementor-button-content-wrapper { align-items: center; } .elementor-button-secondary .elementor-button { font-size: 16px; font-size: 1rem; background-color: var(--e-global-color-secondary); } .elementor-button-outline .elementor-button { font-size: 16px; font-size: 1rem; background-color: transparent; color: var(--e-global-color-secondary); border: 1px solid var(--e-global-color-border); } .elementor-button-outline .elementor-button:after, .elementor-button-outline .elementor-button i, .elementor-button-outline .elementor-button svg { fill: var(--e-global-color-secondary); color: var(--e-global-color-secondary); } .elementor-button-outline .elementor-button:hover { border-color: var(--e-global-color-primary); } .elementor-button-outline .elementor-button:hover:after, .elementor-button-outline .elementor-button:hover i, .elementor-button-outline .elementor-button:hover svg { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); fill: var(--e-global-color-secondary); color: var(--e-global-color-secondary); } .elementor-button-link [class*=elementor-size-].elementor-button { display: flex; font-family: var(--e-global-typography-accent-font-family); font-weight: var(--e-global-typography-accent-font-weight); text-transform: var(--e-global-typography-accent-text-transform); font-style: var(--e-global-typography-accent-font-style); text-decoration: var(--e-global-typography-accent-text-decoration); line-height: var(--e-global-typography-accent-line-height); letter-spacing: var(--e-global-typography-accent-letter-spacing); font-size: 16px; font-size: 1rem; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: var(--e-global-color-secondary); background-color: transparent; border: 0; border-radius: 0; position: relative; padding: 0; } .elementor-button-link [class*=elementor-size-].elementor-button:after, .elementor-button-link [class*=elementor-size-].elementor-button i, .elementor-button-link [class*=elementor-size-].elementor-button svg { display: flex; align-items: center; justify-content: center; font-size: 24px; font-size: 1.5rem; line-height: 24px !important; -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0 0 2px 6px; background-color: var(--e-global-color-primary); color: #ffffff; border-radius: 50%; height: 24px; width: 24px; } .elementor-button-link [class*=elementor-size-].elementor-button:hover:after, .elementor-button-link [class*=elementor-size-].elementor-button:hover i, .elementor-button-link [class*=elementor-size-].elementor-button:hover svg, .elementor-button-link [class*=elementor-size-].elementor-button:focus:after, .elementor-button-link [class*=elementor-size-].elementor-button:focus i, .elementor-button-link [class*=elementor-size-].elementor-button:focus svg { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .elementor-button-link [class*=elementor-size-].elementor-button:visited:after, .elementor-button-link [class*=elementor-size-].elementor-button:visited i, .elementor-button-link [class*=elementor-size-].elementor-button:visited svg { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .elementor-button-link [class*=elementor-size-].elementor-button:visited:hover:after, .elementor-button-link [class*=elementor-size-].elementor-button:visited:hover i, .elementor-button-link [class*=elementor-size-].elementor-button:visited:hover svg { -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } .elementor-button-link [class*=elementor-size-].elementor-button i { margin: 0; background-color: transparent; height: unset; width: unset; } .elementor-button-link [class*=elementor-size-].elementor-button .elementor-button-icon:after, .elementor-button-link [class*=elementor-size-].elementor-button .elementor-button-icon i, .elementor-button-link [class*=elementor-size-].elementor-button .elementor-button-icon svg { height: 24px; width: 24px; background-color: transparent; margin: 0; border-radius: 0; fill: var(--e-global-color-secondary); color: var(--e-global-color-secondary); } .elementor-widget-n-tabs { --n-tabs-title-color-hover: var(--e-global-color-secondary); --n-tabs-title-color-active: var(--e-global-color-secondary); } .tabs-style-bocky-yes { --n-tabs-title-padding-top: 0; --n-tabs-title-padding-right: 0; --n-tabs-title-padding-bottom: 0; --n-tabs-title-padding-left: 0; --n-tabs-default-padding-block: 0; --n-tabs-default-padding-inline: 0; --n-tabs-title-padding-inline-start: 0; --n-tabs-title-font-size: 20px; --n-tabs-title-color: var(--e-global-color-text); --n-tabs-title-color-hover: var(--e-global-color-primary); --n-tabs-title-color-active: var(--e-global-color-primary); --n-tabs-title-background-color: transparent; --n-tabs-title-background-color-hover: transparent; --n-tabs-title-background-color-active: transparent; --n-tabs-title-gap: 38px; --n-tabs-icon-color:var(--e-global-color-lighter); --n-tabs-icon-color-hover:var(--e-global-color-lighter); --n-tabs-icon-color-active:var(--e-global-color-lighter); } .tabs-style-bocky-yes .e-n-tabs-heading { border-bottom: 0; } .tabs-style-bocky-yes .e-n-tab-title { position: relative; padding: 0; background-color: transparent; } .tabs-style-bocky-yes .e-n-tab-title .e-n-tab-icon { display: none; } .tabs-style-bocky-yes .e-n-tab-title .e-n-tab-title-text { background-color: transparent; font-weight: 600; color: var(--e-global-color-lighter); padding: 0; position: relative; font-size: 16px; font-size: 1rem; text-transform: uppercase; line-height: 24px; } .tabs-style-bocky-yes .e-n-tab-title .e-n-tab-title-text:before { content: ""; position: absolute; width: 0; height: 1px; bottom: -3px; left: 0; visibility: hidden; background-color: var(--e-global-color-primary); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; -ms-opacity: 0; -o-opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); } .tabs-style-bocky-yes .e-n-tab-title .e-n-tab-title-text:hover, .tabs-style-bocky-yes .e-n-tab-title .e-n-tab-title-text:active, .tabs-style-bocky-yes .e-n-tab-title .e-n-tab-title-text:focus { color: var(--e-global-color-primary); } .tabs-style-bocky-yes .e-n-tab-title .e-n-tab-title-text:hover:before, .tabs-style-bocky-yes .e-n-tab-title .e-n-tab-title-text:active:before, .tabs-style-bocky-yes .e-n-tab-title .e-n-tab-title-text:focus:before { width: 100%; visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false] { color: var(--n-tabs-title-color); background-color: transparent; padding: 0; overflow: visible; } .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover, .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:active, .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:focus { color: var(--e-global-color-primary); } .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover .e-n-tab-title-text, .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:active .e-n-tab-title-text, .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:focus .e-n-tab-title-text { color: var(--e-global-color-primary); } .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover:before, .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:active:before, .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:focus:before { width: 100%; visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=true] { position: relative; padding: 0; background: transparent; overflow: visible; color: var(--e-global-color-primary); } .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=true] .e-n-tab-title-text { color: var(--e-global-color-primary); } .tabs-style-bocky-yes .e-n-tabs-heading .e-n-tab-title[aria-selected=true] .e-n-tab-title-text:before { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; width: 100%; } .tabs-style-background-bocky-yes .e-n-tabs { background-color: rgba(60, 57, 55, 0.36); -webkit-backdrop-filter: blur(64px); backdrop-filter: blur(64px); } .e-n-tabs .e-n-tabs-content .e-n-tab-title .e-normal:hover .e-n-tab-title-text { background-color: transparent; color: #fff; } .e-n-tabs .e-n-tabs-content .e-n-tab-title .e-normal:hover .e-n-tab-title-text:before { visibility: visible; opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); } .e-n-tabs .e-n-tabs-content .e-n-tab-title .e-active .e-n-tab-title-text { background-color: transparent; color: var(--e-global-color-primary); } .e-n-tabs .e-n-tabs-content .e-n-tab-title .e-active .e-n-tab-title-text:before { opacity: 1; -ms-opacity: 1; -o-opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=100); visibility: visible; width: 100%; } @media (max-width: 767px) { .e-n-tabs .e-n-tabs-content .e-n-tab-title .e-active { padding-bottom: 5px; display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; border-bottom: 1px solid var(--e-global-color-dark); } } @media (max-width: 767px) { .e-n-tabs .e-n-tabs-content .e-n-tab-title:not(.e-active) { border-bottom: 1px solid var(--e-global-color-dark); padding-bottom: 5px; display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } } .elementor-widget-n-tabs .e-n-tabs-content .e-collapse:not(:first-child) { margin-top: var(--n-tabs-title-gap)/2; } button.e-n-tab-title:before { display: none; } .elementor-widget-sidebar .widget_service_list { padding: 40px 40px 35px; margin-bottom: 30px; background-color: #fff; border-radius: 20px; font-size: 14px; font-size: 0.875rem; } .elementor-widget-sidebar .widget_service_list:last-child { border-bottom: none; } @media (max-width: 1024px) { .elementor-widget-sidebar .widget_service_list { padding: 30px 15px; } } .elementor-widget-sidebar .widget-title { font-size: 30px; font-size: 1.875rem; line-height: 34px; margin-bottom: 20px; } .elementor-widget-sidebar li.service-item { font-size: 18px; font-size: 1.125rem; line-height: 24px; padding: 0; margin: 0; border: none; } .elementor-widget-sidebar li.service-item [aria-current=page] { border-radius: 9px; border-color: transparent; background-color: var(--e-global-color-primary); color: #fff; } .elementor-widget-sidebar li.service-item [aria-current=page] i { color: #fff; margin-left: 15px; } .elementor-widget-sidebar li.service-item[aria-current=page] + li a, .elementor-widget-sidebar li.service-item:hover + li a { border-radius: 9px; border-color: transparent; } .elementor-widget-sidebar li.service-item a { padding: 16px 0 15px; margin-bottom: 0; border: none; width: 100%; border-top: 1px solid var(--e-global-color-border); font-family: var(--e-global-typography-primary-font-family); font-weight: var(--e-global-typography-primary-font-weight); text-transform: var(--e-global-typography-primary-text-transform); font-style: var(--e-global-typography-primary-font-style); text-decoration: var(--e-global-typography-primary-text-decoration); line-height: var(--e-global-typography-primary-line-height); letter-spacing: var(--e-global-typography-primary-letter-spacing); -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-sidebar li.service-item i { color: var(--e-global-color-primary); margin-left: -3px; margin-right: 4px; line-height: 24px; font-size: 15px; font-size: 0.9375rem; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .elementor-widget-sidebar li.service-item:hover { border-color: transparent; border-radius: 9px; } .elementor-widget-sidebar li.service-item:hover a { border-color: transparent; border-radius: 9px; background-color: var(--e-global-color-primary); color: #fff; } .elementor-widget-sidebar li.service-item:hover i { color: #fff; margin-left: 15px; } .elementor-widget-counter .elementor-counter .elementor-counter-number-wrapper { display: inline-flex; overflow: hidden; } .elementor-widget-counter .elementor-counter-number-wrapper { font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); } .elementor-widget-counter .odometer-auto-theme .odometer-digit { line-height: 1.2; } .elementor-widget-counter .elementor-counter-number { order: 1; } .elementor-widget-counter .elementor-counter-number-prefix { order: 2; } .elementor-widget-counter .elementor-counter-number-suffix { order: 3; } .hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item { -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } .hfe-nav-menu__layout-vertical .hfe-nav-menu li.menu-item a.hfe-menu-item { display: inline-flex; } .hfe-nav-menu__layout-vertical .hfe-nav-menu li.menu-item a.hfe-menu-item .hfe-menu-toggle { position: absolute; right: -6px; font-size: 26px; font-size: 1.625rem; } .hfe-nav-menu__layout-vertical .hfe-nav-menu li.menu-item .hfe-sub-menu-item { display: flex; justify-content: space-between; } .hfe-nav-menu__layout-vertical .hfe-nav-menu li.menu-item .sub-menu-active { margin-bottom: 0; } .hfe-nav-menu__layout-vertical .hfe-nav-menu li.menu-item .sub-menu-open { margin-bottom: 10px; } .hfe-nav-menu__layout-vertical .hfe-menu-toggle:hover { border-color: transparent; } .hfe-nav-menu li.menu-item a.hfe-menu-item { display: inline-block; font-family: var(--e-global-typography-secondary-font-family); font-weight: var(--e-global-typography-secondary-font-weight); text-transform: var(--e-global-typography-secondary-text-transform); font-style: var(--e-global-typography-secondary-font-style); text-decoration: var(--e-global-typography-secondary-text-decoration); line-height: var(--e-global-typography-secondary-line-height); letter-spacing: var(--e-global-typography-secondary-letter-spacing); font-size: 24px; font-size: 1.5rem; color: var(--e-global-color-secondary); font-weight: 500; line-height: 36px; text-transform: capitalize; letter-spacing: -0.1px; } .hfe-nav-menu li.menu-item a.hfe-menu-item:hover { color: var(--e-global-color-primary); } .hfe-nav-menu li.menu-item.current-menu-item a.hfe-menu-item { color: var(--e-global-color-primary); } .elementor-menu-one .elementor-widget-navigation-menu .hfe-nav-menu.vertical ul.hfe-nav-menu li.menu-item a.hfe-menu-item { margin: 0; } .elementor-menu-one .elementor-widget-navigation-menu .hfe-nav-menu.vertical ul.hfe-nav-menu li.menu-item a.hfe-menu-item:before { background-color: var(--e-global-color-primary); width: 0; } .elementor_library-template-default .entry-header, .elementor_library-template-default nav.post-navigation:not(.elementor-widget nav.post-navigation), .elementor_library-template-default .entry-taxonomy { display: none; } .header-absolute { position: absolute !important; width: 100%; z-index: 99; background-color: transparent !important; } :root { --scroll-bar: 8px; } body:not(.has-scrollbar) .elementor-section.elementor-section-stretched { width: 100vw !important; margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important; left: 0 !important; } body.has-scrollbar .elementor-section.elementor-section-stretched { width: calc(100vw - 20px) !important; margin-left: calc(-50vw + 50% + 10px) !important; margin-right: calc(-50vw + 50% + 10px); left: 0 !important; } @supports (color: var(--scroll-bar)) { body.has-scrollbar .elementor-section.elementor-section-stretched { width: calc(100vw - var(--scroll-bar)) !important; margin-left: calc(-50vw + 50% + (var(--scroll-bar) / 2)) !important; margin-right: calc(-50vw + 50% + (var(--scroll-bar) / 2)) !important; left: 0 !important; } } .elementor-social-icons-wrapper .elementor-social-icon:hover { opacity: 1; } .c-primary { color: var(--e-global-color-primary); } .bg-blur { backdrop-filter: blur(15px); } .elementor-widget-tabs .elementor-tab-title a { display: flex; align-items: center; } .underline-primary { position: relative; } .underline-primary:before { content: ""; position: absolute; width: 100%; height: 10px; bottom: 10px; left: 0; background-color: #FFD8D2; z-index: -1; } .sublink .elementor-column:hover img { opacity: 0.8; border-color: var(--e-global-color-primary) !important; } .sublink .elementor-column img { transition: all 0.3s ease; } .btn-slider { display: inline-flex; align-items: center; } .btn-slider i { margin-bottom: 2px; } .btn-slider i.left { font-size: 10px; font-size: 0.625rem; margin-right: 7px; width: 12px; transition: all 0.15s ease; } .btn-slider i.right { font-size: 10px; font-size: 0.625rem; margin-left: 0; order: 15; width: 0; opacity: 0; transition: all 0.15s ease; } .btn-slider:hover i.left { width: 0; opacity: 0; margin-right: 0; } .btn-slider:hover i.right { width: 12px; opacity: 1; margin-left: 7px; } .icon-shape-yes .elementor-icon { position: relative; } .icon-shape-yes .elementor-icon i, .icon-shape-yes .elementor-icon svg { z-index: 1; } .icon-shape-yes .elementor-icon i:after, .icon-shape-yes .elementor-icon svg:after { content: ""; position: absolute; top: 0; right: -5px; width: 24px; height: 24px; border-radius: 100%; z-index: -1; background-color: var(--e-global-color-primary); transition: all 0.15s ease; } .icon-shape-yes:hover .elementor-icon i:after, .icon-shape-yes:hover .elementor-icon svg:after { background-color: var(--e-global-color-secondary); transition: all 0.15s ease; } .elementor-widget-progress .progress-title { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; } .progress-title .elementor-progress-percentage { padding-right: 0px; } @media (max-width: 1600px) { .width-megamenu-reponsive { --content-width: 1290px !important; } } @media (max-width: 1200px) { .width-megamenu-reponsive-2 { --content-width: 1140px !important; } } .elementor-widget-text-path svg:not(:root) { overflow: visible; } @media (max-width: 767px) { .process-position-unset { position: unset; } } .elementor-social-icons-wrapper .elementor-social-icon { display: inline-flex; } .elementor-social-icons-wrapper .elementor-social-icon:hover { opacity: 1; } html.lenis, html.lenis body { height: auto; } .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } .lenis.lenis-stopped { overflow: clip; } body.bocky-scroll-sticky { overflow-x: clip; } body.bocky-scroll-sticky #page { overflow-x: clip; } .elementor-motion-effects-element { transition: all 1200ms ease-out !important; } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes animateIcon { 0% { opacity: 1; -moz-transform: translate(0); } 50% { opacity: 0; -moz-transform: translate(100%); } 51% { opacity: 0; -moz-transform: translate(-100%); } 100% { opacity: 1; -moz-transform: translate(0); } } @keyframes animateIcon { 0% { opacity: 1; transform: translate(0); } 50% { opacity: 0; transform: translate(100%); } 51% { opacity: 0; transform: translate(-100%); } 100% { opacity: 1; transform: translate(0); } } .elementor-custom-embed-image-overlay { transform: scale(1.1); } /*# sourceMappingURL=elementor.css.map */