芝麻web文件管理V1.00
编辑当前文件:/home/pulsehostuk9/www/wp-content/themes/odefy/css/main.css
@charset "UTF-8"; /*===================== #Browser Styles Reset #Main Styles #General Styles #Header Styles #Logo #Menu style #Mega Menu #Sticky Menu #Lavalamp #Mobile Navigation #Page Title #Header Search #Typography #Footer Styles #Page Search #Modules #Blog #Image Overlay #Slider Post #Image Post #Standard Post #Post Share #Lists #Likes #Comments #Contact Form #Isotope #List Style #Load More #Pagination #Shares #Scroll Up #WP Widgets #Author #Banner #Calendar #Gallery #Main Widgets #Navigation Menu #Recent Posts #Search #Tagcloud #Text Widget #Elementor Header Widgets #Defaults #Date #List Info #Elementor Widgets #Accordion Services #Accordion #Button #Carousel Control #Circuit Services #Clients #Countdown #Counter #Demo Item #Double Headings #Flip Box #Image Comparison #Image Layers #Info Box #Portfolio #Pricing Table #Progress Bar #Satellite Service #Service 1 #Tabs #Team #Testimonials #Time Line Vertical #Video Popup #Working Hours #Responsive ========================*/ body:not([data-elementor-device-mode=desktop], [data-elementor-device-mode=laptop], [data-elementor-device-mode=widescreen]) #wgl-cursor { display: none; } #wgl-cursor { z-index: 1000; position: fixed; left: 0; top: 0; transition: 0.05s; pointer-events: none; } #wgl-cursor-pointer { position: absolute; z-index: 1; left: 0; top: 0; width: max-content; white-space: nowrap; color: var(--odefy-cursor-point-color); font-weight: 700; font-size: 14px; } #wgl-cursor-pointer::before { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 8px; height: 8px; background-color: currentColor; transition: background-color 0.1s; } #wgl-cursor-pointer > .cursor-content { --color: var(--odefy-tertiary-color); --bg-color: transparent; --color-child: var(--odefy-primary-color); --bg-color-child: transparent; --size: 24px; --transition: 0.5s; color: var(--color); background-color: var(--bg-color); font-size: var(--size); transform-origin: left top; transition: var(--transition) ease-in-out; letter-spacing: 0; display: block; overflow: hidden; transform: scale(1); } #wgl-cursor-pointer > .cursor-content img { transition: var(--transition) ease-in-out; } #wgl-cursor-pointer > .cursor-content:not([class*=animation]) { transform: scale(0); } #wgl-cursor-pointer > .cursor-content.cursor_center { transform: scale(0) translate(-50%, -50%); } #wgl-cursor-pointer > .cursor-content.cursor_center.animation-fade { transform: scale(1) translate(-50%, -50%); } #wgl-cursor-pointer > .cursor-content.cursor_center.animation-zoom { transform: scale(0) translate(-50%, -50%); } #wgl-cursor-pointer > .cursor-content.animation-fade { opacity: 0; transform: scale(1); } #wgl-cursor-pointer > .cursor-content.animation-zoom { transform: scale(0); } #wgl-cursor-pointer > .cursor-content.animation-slide-in-left img { transform: translateX(-100%); } #wgl-cursor-pointer > .cursor-content.animation-slide-in-right img { transform: translateX(100%); } #wgl-cursor-pointer > .cursor-content.animation-slide-in-top img { transform: translateY(-100%); } #wgl-cursor-pointer > .cursor-content.animation-slide-in-bot img { transform: translateY(100%); } #wgl-cursor-pointer > .cursor-content-text { position: absolute; z-index: 1; } #wgl-cursor-pointer > .cursor-content-text img { color: var(--odefy-tertiary-color); } #wgl-cursor-pointer > .tooltip_bg { overflow: visible; --tooltip-bg-width: 84px; --tooltip-bg-height: 84px; --tooltip-bg-radius: 50%; } #wgl-cursor-pointer > .tooltip_bg::before, #wgl-cursor-pointer > .tooltip_bg::after { content: ""; position: absolute; pointer-events: none; left: 50%; top: 50%; border-radius: var(--tooltip-bg-radius); transform: translate(-50%, -50%); } #wgl-cursor-pointer > .tooltip_bg::before { z-index: -1; width: var(--tooltip-bg-width); height: var(--tooltip-bg-height); background-color: var(--odefy-tertiary-color); } #wgl-cursor-pointer > .tooltip_bg::after { z-index: -2; width: calc(var(--tooltip-bg-width) * 4); height: calc(var(--tooltip-bg-height) * 4); background: radial-gradient(circle, rgba(var(--odefy-primary-rgb), 0.8) 0%, rgba(var(--odefy-primary-rgb), 0) 70%); filter: blur(80px); } #wgl-cursor-pointer > .cursor_center { transform: translate(-50%, -50%); } #wgl-cursor-pointer.visible::before { background-color: transparent; } #wgl-cursor-pointer.visible > .cursor-content { transform: scale(1); } #wgl-cursor-pointer.visible > .cursor-content.cursor_center, #wgl-cursor-pointer.visible > .cursor-content.cursor_center.animation-zoom { transform: scale(1) translate(-50%, -50%); } #wgl-cursor-pointer.visible > .cursor-content img { display: block; } #wgl-cursor-pointer.visible > .cursor-content.animation-fade { opacity: 1; } #wgl-cursor-pointer.visible > .cursor-content.animation-zoom { transform: scale(1); } #wgl-cursor-pointer.visible > .cursor-content.animation-slide-in-left img, #wgl-cursor-pointer.visible > .cursor-content.animation-slide-in-right img { transform: translateX(0); } #wgl-cursor-pointer.visible > .cursor-content.animation-slide-in-top img, #wgl-cursor-pointer.visible > .cursor-content.animation-slide-in-bot img { transform: translateY(0); } #wgl-cursor.portfolio #wgl-cursor-pointer { color: transparent; left: 10px; top: 10px; } #wgl-cursor .cursor-from-js, #wgl-cursor .cursor-global, #wgl-cursor .portfolio-tooltip, #wgl-cursor .product-cat-tooltip { color: unset; background: unset; } #wgl-cursor .cursor-from-js h6, #wgl-cursor .cursor-global h6, #wgl-cursor .portfolio-tooltip h6, #wgl-cursor .product-cat-tooltip h6 { font-size: 16px; font-weight: 700; width: -moz-fit-content; width: fit-content; letter-spacing: 0; line-height: 1.4; padding: 5px 10px; color: var(--odefy-quaternary-color); } #wgl-cursor .cursor-from-js .descr, #wgl-cursor .cursor-from-js .post_cats, #wgl-cursor .cursor-from-js .count, #wgl-cursor .cursor-global .descr, #wgl-cursor .cursor-global .post_cats, #wgl-cursor .cursor-global .count, #wgl-cursor .portfolio-tooltip .descr, #wgl-cursor .portfolio-tooltip .post_cats, #wgl-cursor .portfolio-tooltip .count, #wgl-cursor .product-cat-tooltip .descr, #wgl-cursor .product-cat-tooltip .post_cats, #wgl-cursor .product-cat-tooltip .count { width: -moz-fit-content; width: fit-content; margin: 0; margin-top: 1px; color: var(--odefy-primary-color); } #wgl-cursor .portfolio-tooltip { padding: 0; overflow: visible; } #wgl-cursor .portfolio-tooltip::before { content: ""; position: absolute; z-index: -1; pointer-events: none; width: 350px; height: 350px; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); background: radial-gradient(50% 50% at 50% 50%, var(--odefy-secondary-color) 0%, rgba(255, 255, 255, 0) 100%); filter: blur(40px); } #wgl-cursor .portfolio-tooltip h6 { font-size: 36px; background: transparent; padding: 0; color: var(--odefy-tertiary-color); } #wgl-cursor .portfolio-tooltip > .post_cats span { color: var(--odefy-tertiary-color); margin: 0; } #wgl-cursor .portfolio-tooltip > .post_cats span::after { color: var(--odefy-tertiary-color); } #wgl-cursor .carousel-tooltip { line-height: 1; margin: 0 -2px; } #wgl-cursor .carousel-tooltip .flaticon { display: inline-block; font-size: 21px; line-height: 1; padding: 0 5px; } #wgl-cursor .carousel-tooltip .flaticon-down-arrow-1:first-child { transform: rotate(90deg); } #wgl-cursor .carousel-tooltip .flaticon-down-arrow-1:last-child { transform: rotate(-90deg); } .wgl-cursor-text[data-cursor-prop=none], .wgl-cursor-text[data-cursor-prop=none] a { cursor: none; } .admin-bar #wgl-cursor-pointer { bottom: 0; } /* ==================== ##Browser Reset ==================== */ * { box-sizing: border-box; } *:focus { outline: none !important; } html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; border: 0; outline: 0; padding: 0; font-size: 100%; font-family: inherit; font-weight: inherit; font-style: inherit; vertical-align: baseline; } body { position: relative; overflow-x: hidden; } body, html { max-width: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } mark { padding: 0 5px; color: var(--odefy-header-font-color); } strong { font-weight: 700; } pre { max-width: 100%; margin-top: 18px; margin-bottom: 20px; padding: 20px; word-wrap: break-word; border: 1px solid #e4e4e4; border-radius: 0; overflow: auto; } code, kbd, tt, var, pre { font-family: monospace; } ul, ol { padding: 0 0 20px 0; } li ul { padding-bottom: 0; } textarea { min-height: 50px; height: 122px; } img { vertical-align: top; max-width: 100%; height: auto; -webkit-user-select: none; user-select: none; } label, legend { display: block; margin-bottom: 5px; } label { font-family: var(--odefy-header-font-family); font-size: 16px; margin-left: 0; } legend { font-weight: 500; font-family: var(--odefy-h4-font-family); font-size: var(--odefy-h4-font-size); } iframe { width: 100%; display: block; } table { width: 100%; border-collapse: collapse; } dl { margin-bottom: 1.75em; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } p { margin: 0 0 16px 0; } p:empty { display: none; padding: 0; margin: 0; } a { transition: all 0.4s; } a, a:active, a:focus, a:hover { text-decoration: none; } p a { transition: color 0.3s; } /* ==================== ##Elementor ==================== */ body.elementor-page main .wgl-container.wgl-content-sidebar, body.elementor-page.single main .wgl-container:not(.wgl-content-sidebar) { padding-right: 15px; padding-left: 15px; } body.elementor-page main .wgl-container.wgl-content-sidebar .elementor, body.elementor-page.single main .wgl-container:not(.wgl-content-sidebar) .elementor { margin-left: -15px; margin-right: -15px; } body.elementor-page main .wgl-container, body.elementor-page .footer_top-area:not(.widgets_area) .wgl-container, body.elementor-editor-active main .wgl-container, body.elementor-editor-active .footer_top-area:not(.widgets_area) .wgl-container, body.elementor-editor-preview main .wgl-container, body.elementor-editor-preview .footer_top-area:not(.widgets_area) .wgl-container { width: auto; max-width: none; margin-left: auto; margin-right: auto; } body.elementor-page main .wgl-container.full-width, body.elementor-page .footer_top-area:not(.widgets_area) .wgl-container.full-width, body.elementor-editor-active main .wgl-container.full-width, body.elementor-editor-active .footer_top-area:not(.widgets_area) .wgl-container.full-width, body.elementor-editor-preview main .wgl-container.full-width, body.elementor-editor-preview .footer_top-area:not(.widgets_area) .wgl-container.full-width { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } body.elementor-page.single-footer main:not(:empty) .wgl-container, body.elementor-page.single-footer .footer_top-area:not(:empty) .wgl-container, body.elementor-editor-active.single-footer main:not(:empty) .wgl-container, body.elementor-editor-active.single-footer .footer_top-area:not(:empty) .wgl-container, body.elementor-editor-preview.single-footer main:not(:empty) .wgl-container, body.elementor-editor-preview.single-footer .footer_top-area:not(:empty) .wgl-container { max-width: none; margin-left: auto; margin-right: auto; } body.elementor-default .footer_top-area:not(.widgets_area) .wgl-container { width: auto; max-width: none; margin-left: auto; margin-right: auto; } body.elementor-default .footer_top-area:not(.widgets_area) .wgl-container.full-width { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .elementor-element.elementor-widget.elementor-widget-spacer { margin-bottom: 0; } .elementor-image-gallery .gallery-item { margin-top: 0 !important; } .elementor-image-gallery img { border: 0 !important; } .elementor-section.wgl-add-background-text::before, .elementor-element.wgl-add-background-text::before { margin-left: 4.45vw; } .elementor-section.wgl-add-background-text::before, .elementor-section.wgl-add-background-text .wgl-background-text, .elementor-element.wgl-add-background-text::before, .elementor-element.wgl-add-background-text .wgl-background-text { position: absolute; font-size: 9.375vw; line-height: 0.9em; font-family: var(--odefy-additional-font-family); font-weight: var(--odefy-additional-font-weight); letter-spacing: 0.585em; z-index: 0; width: 100%; text-align: center; white-space: nowrap; display: block; -webkit-user-select: none; user-select: none; color: #dfdfdf; pointer-events: none; -webkit-text-stroke-color: #dfdfdf; } .elementor-section.wgl-add-background-text::before, .elementor-element.wgl-add-background-text::before { letter-spacing: 0.18em; } .elementor-section.wgl-add-background-text.wgl-animation-background-text::before, .elementor-element.wgl-add-background-text.wgl-animation-background-text::before { display: none; } .elementor-section.wgl-add-background-text .wgl-background-text .letter, .elementor-element.wgl-add-background-text .wgl-background-text .letter { display: inline-block; text-indent: 0; opacity: 0; } body.elementor-editor-active .elementor-section.wgl-add-background-text.wgl-animation-background-text::before { display: block; } body.elementor-editor-active .elementor-section, body.elementor-editor-active .elementor-column { pointer-events: auto !important; } body.elementor-editor-active .wgl-products.appear-animation .product { opacity: 1; transform: unset; } body .elementor-element-overlay ul li::before, body .elementor-select-preset ul li::before { background: transparent; } .elementor-widget-container .elementor-counter .elementor-counter-title { line-height: 1.3; margin-top: 12px; font-weight: 500; } .elementor-widget-container .elementor-divider, .elementor-widget-container .elementor-divider-separator { border-radius: inherit; } .font-family-flaticon { font-family: "Flaticon" !important; } .elementor-icon { display: inline-block; line-height: 1; text-align: center; transition: all 0.3s; } /* ==================== ##Footer Styles ==================== */ .footer_wrapper { padding: 24px 0; } .footer_top-area p { margin-bottom: 0; } .footer_top-area.widgets_area .row > div { padding-top: 50px; padding-bottom: 40px; } .footer_top-area input[type=text], .footer_top-area input[type=url], .footer_top-area input[type=search], .footer_top-area input[type=email], .footer_top-area input[type=password], .footer_top-area input[type=tel], .footer_top-area input[type=time], .footer_top-area select, .footer_top-area textarea { color: #ffffff; } .footer_top-area strong { font-weight: inherit; } .footer_top-area select { background-image: var(--odefy-bg-caret-4); } .footer_top-area .textwidget img { margin-bottom: 20px; } .footer_top-area .widget.widget_wgl_posts .recent-posts-widget { padding-top: 0; } .footer_top-area .footer-link { position: relative; z-index: 1; } .footer_top-area .footer-link::before { content: ""; position: absolute; z-index: 1; display: block; bottom: 0; border-bottom: 1px solid; width: 0; right: auto; left: 50%; transform: translateX(-50%); visibility: visible; transition: all 0.3s ease-in-out 0s, color 0s; } .footer_top-area .footer-link:hover { color: #ffffff !important; } .footer_top-area .footer-link:hover::before { width: 100%; color: #ffffff !important; } .footer { position: relative; overflow: hidden; } .footer .widgets_area .row { border-top-width: 1px; border-top-style: solid; border-top-color: transparent; } .footer .blog-posts .blog-post_title { margin-top: -5px; } .footer .blog-posts .item:last-child .blog-post { margin-bottom: 0; } .footer .gallery-caption { display: none; } .footer .widget_search .search-form .search-field:active, .footer .widget_search .search-form .search-field:focus, .footer .widget_product_search .woocommerce-product-search .search-field:active, .footer .widget_product_search .woocommerce-product-search .search-field:focus, .footer .wc-block-product-search__fields .search-field:active, .footer .wc-block-product-search__fields .search-field:focus { border-color: #fff; } .primary-nav.footer-menu .menu-item { display: inline-block; margin: 0 20px; } .copyright { font-size: 16px; } .copyright p { margin: 0; } body.single.single-footer header, body.single.single-footer header + .page-header { display: none; } /* ==================== ##General Styles ==================== */ .wc-block-components-form div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]), div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]), input[type=text], input[type=url], input[type=search], input[type=email], input[type=password], input[type=tel], input[type=time], input[type=number], input[type=date], select, textarea.wc-block-components-textarea, textarea { display: block; height: 42px; max-width: 100%; margin: 0 0 25px 0; padding: 0 12px; border: 1px solid rgba(var(--odefy-header-rgb), 0.15); border-width: 0 0 1px 0; border-radius: unset; font-family: var(--odefy-content-font-family); font-size: 16px; line-height: 1.7; font-weight: 500; text-transform: unset; color: var(--odefy-header-font-color); background-color: transparent; transition: all 0.3s, height 0s; } .wc-block-components-form div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url])::placeholder, div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url])::placeholder, input[type=text]::placeholder, input[type=url]::placeholder, input[type=search]::placeholder, input[type=email]::placeholder, input[type=password]::placeholder, input[type=tel]::placeholder, input[type=time]::placeholder, input[type=number]::placeholder, input[type=date]::placeholder, select::placeholder, textarea.wc-block-components-textarea::placeholder, textarea::placeholder { font: inherit; line-height: inherit; color: inherit; outline: none; -webkit-appearance: none; transition: 0.4s; transform: translateY(0) scale(1); transform-origin: left bottom; } .wc-block-components-form div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]):active, .wc-block-components-form div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]):focus, div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]):active, div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]):focus, input[type=text]:active, input[type=text]:focus, input[type=url]:active, input[type=url]:focus, input[type=search]:active, input[type=search]:focus, input[type=email]:active, input[type=email]:focus, input[type=password]:active, input[type=password]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=time]:active, input[type=time]:focus, input[type=number]:active, input[type=number]:focus, input[type=date]:active, input[type=date]:focus, select:active, select:focus, textarea.wc-block-components-textarea:active, textarea.wc-block-components-textarea:focus, textarea:active, textarea:focus { background-color: transparent !important; box-shadow: unset !important; border-color: var(--odefy-header-font-color); color: var(--odefy-header-font-color); } .wc-block-components-form div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]):active::placeholder, .wc-block-components-form div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]):focus::placeholder, div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]):active::placeholder, div.wc-block-components-text-input input:is([type=email], [type=number], [type=tel], [type=text], [type=url]):focus::placeholder, input[type=text]:active::placeholder, input[type=text]:focus::placeholder, input[type=url]:active::placeholder, input[type=url]:focus::placeholder, input[type=search]:active::placeholder, input[type=search]:focus::placeholder, input[type=email]:active::placeholder, input[type=email]:focus::placeholder, input[type=password]:active::placeholder, input[type=password]:focus::placeholder, input[type=tel]:active::placeholder, input[type=tel]:focus::placeholder, input[type=time]:active::placeholder, input[type=time]:focus::placeholder, input[type=number]:active::placeholder, input[type=number]:focus::placeholder, input[type=date]:active::placeholder, input[type=date]:focus::placeholder, select:active::placeholder, select:focus::placeholder, textarea.wc-block-components-textarea:active::placeholder, textarea.wc-block-components-textarea:focus::placeholder, textarea:active::placeholder, textarea:focus::placeholder { opacity: 0; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-text-fill-color: var(--odefy-header-font-color); background: unset; -webkit-transition: background-color 0s ease-in-out 9999s; transition: background-color 0s ease-in-out 9999s; } input[type=checkbox], input[type=radio] { cursor: pointer; margin: 0 8px 0 0; vertical-align: middle; } input[type=checkbox] + label, input[type=checkbox] + span, input[type=radio] + label, input[type=radio] + span { display: inline; vertical-align: middle; -webkit-user-select: none; user-select: none; cursor: pointer; } input[type=checkbox] + span, input[type=radio] + span { font-family: var(--odefy-header-font-family); font-weight: 400; font-size: 14px; color: var(--odefy-content-color); } .wgl-style-input label { color: var(--odefy-header-font-color); } .wgl-style-input .bapf_sfilter.bapf_ckbox input[type=checkbox], .wgl-style-input .bapf_sfilter.bapf_ckbox input[type=radio] { visibility: hidden; opacity: 0; margin: 0; font-size: 0; } .wgl-style-input .bapf_sfilter.bapf_ckbox label { line-height: 24px; } .wgl-style-input div.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox], .wgl-style-input div.wc-block-components-radio-control .wc-block-components-radio-control__input, .wgl-style-input input[type=checkbox], .wgl-style-input input[type=radio] { --input-color: var(--odefy-secondary-color); --input-disabled: var(--odefy-content-secondary-color); appearance: none; margin: 0 8px 0 0; font-size: 20px; color: currentColor; width: 1em; height: 1em; min-width: unset; min-height: unset; border: 1px solid rgba(var(--odefy-header-rgb), 0.3) !important; background: unset !important; border-radius: 50%; vertical-align: middle; left: 0; display: inline-grid !important; place-content: center; } .wgl-style-input div.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]::before, .wgl-style-input div.wc-block-components-radio-control .wc-block-components-radio-control__input::before, .wgl-style-input input[type=checkbox]::before, .wgl-style-input input[type=radio]::before { content: ""; width: min(1em - 6px, 8px); height: min(1em - 6px, 8px); min-height: unset; min-width: unset; position: static; border-radius: inherit; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--input-color); /* Windows High Contrast Mode */ background-color: CanvasText; } .wgl-style-input div.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]::after, .wgl-style-input div.wc-block-components-radio-control .wc-block-components-radio-control__input::after, .wgl-style-input input[type=checkbox]::after, .wgl-style-input input[type=radio]::after { display: none; } .wgl-style-input div.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked::before, .wgl-style-input div.wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before, .wgl-style-input input[type=checkbox]:checked::before, .wgl-style-input input[type=radio]:checked::before { transform: scale(1); } .wgl-style-input div.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus, .wgl-style-input div.wc-block-components-radio-control .wc-block-components-radio-control__input:focus, .wgl-style-input input[type=checkbox]:focus, .wgl-style-input input[type=radio]:focus { outline: max(1px, 0.15em) solid currentColor; outline-offset: max(1px, 0.15em); } .wgl-style-input div.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:disabled, .wgl-style-input div.wc-block-components-radio-control .wc-block-components-radio-control__input:disabled, .wgl-style-input input[type=checkbox]:disabled, .wgl-style-input input[type=radio]:disabled { --input-color: var(--input-disabled); color: var(--input-disabled); cursor: not-allowed; } .wgl-style-input div.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox], .wgl-style-input input[type=checkbox] { border-radius: 2px; } .wgl-style-input div.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]::before, .wgl-style-input input[type=checkbox]::before { background: var(--odefy-button-success) no-repeat center; box-shadow: unset; width: 1em; height: 1em; background-size: calc(1em - 6px); } input[type=submit], button { display: inline-block; height: 56px; max-width: 100%; margin-bottom: 0; border-radius: 60px; outline: none; padding: 7px 25px; font-family: var(--odefy-header-font-family); font-size: 16px; line-height: 30px; font-weight: var(--odefy-header-font-weight); color: var(--odefy-button-color-idle); background: var(--odefy-button-bg-idle); border: 1px solid var(--odefy-button-border-idle); cursor: pointer; -webkit-appearance: none; transition: 0.4s; letter-spacing: var(--odefy-h4-letter-spacing); } input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, button:hover, button:focus, button:active { color: var(--odefy-button-color-hover); background: var(--odefy-button-bg-hover); border-color: var(--odefy-button-border-hover); } textarea.wc-block-components-textarea, textarea { height: 88px; padding: 6px 12px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } .input-bg-white input, .input-bg-white textarea { background-color: #ffffff; } select { width: 100%; overflow: hidden; outline: none; appearance: none; background-image: var(--odefy-bg-caret); background-size: 10px; background-repeat: no-repeat; background-position: 100% center; padding: 0; } select option { background: var(--odefy-body-background-color); } label { transition: 0.4s; } body { --admin-bar-height: 0.01px; } .admin-bar { --admin-bar-height: 32px; } @media all and (max-width: 782px) { .admin-bar { --admin-bar-height: 46px; } } @media all and (max-width: 600px) { .admin-bar { --admin-bar-height: 0.01px; } } .admin-bar .wgl-sticky-header { top: var(--admin-bar-height); } .admin-bar .wgl-theme-header .woo_mini_cart { margin-top: 0; } .post-password-form { margin-bottom: 20px; } .post-password-form p:first-child { margin-bottom: 24px; } .post-password-form label { display: inline-block; width: 100%; margin-bottom: 10px; margin-right: 8px; } @media (min-width: 600px) { .post-password-form label { width: calc(100% - 130px); max-width: 270px; } } .post-password-form label input[type=password] { width: 100%; margin-top: 5px; margin-bottom: 0; } .post-password-form input[type=submit] { min-width: 100px; margin-bottom: 10px; color: var(--odefy-button-color-idle); background-color: var(--odefy-button-bg-idle); transform: translateY(2px); height: 42px; padding: 5px 28px 4px; } .post-password-form input[type=submit]:hover, .post-password-form input[type=submit]:focus { color: var(--odefy-button-color-hover); background: var(--odefy-button-bg-hover); } .wgl-container { margin-right: auto; margin-left: auto; width: 1170px; } .wgl-container.full-width { width: 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .wgl-container .wgl-container { width: 100%; } .wgl-container .elementor-section-boxed .elementor-section-boxed .elementor-container { width: 100%; } .wgl-container.wgl-content-sidebar .elementor { margin-left: -15px; margin-right: -15px; } #main .wgl-container .wgl_wrapper { left: 0 !important; } .row::after, .row::before, .wgl-container::after, .wgl-container::before, .clearfix::after, .clearfix::before { content: ""; display: table; line-height: 0; } .wgl-container::after, .row::after, .clear, .clearfix::after { clear: both; } [class*=wgl_col-] { float: left; min-height: 1px; } .row { margin-left: -15px; margin-right: -15px; } .row [class*=wgl_col-] { display: block; width: 100%; padding-right: 15px; padding-left: 15px; } .wgl-carousel { position: relative; z-index: 1; } .wgl-carousel_swiper a, .wgl-carousel_swiper a:hover, .wgl-carousel_swiper a:focus { transition: 0.4s; } a:hover { color: inherit; } .wgl-icon { display: inline-block; transition: 0.4s; } .wgl-icon svg { height: 1em; width: 1em; transition: inherit; } .elementor-icon.flaticon { line-height: 0; } .wgl-number { display: inline-block; transition: 0.4s; } .wgl-number .number { min-width: 1em; height: 1em; position: relative; display: block; } body .hover_links a { color: inherit; -webkit-text-decoration: underline transparent; text-decoration: underline transparent; transition: color 0.3s, -webkit-text-decoration-color 0.3s; transition: color 0.3s, text-decoration-color 0.3s; transition: color 0.3s, text-decoration-color 0.3s, -webkit-text-decoration-color 0.3s; text-underline-offset: 0.2em; } body .hover_links a:hover { color: currentColor; -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } body .hover_links.white a:hover { color: #ffffff; -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } body .hover_links.primary a:hover { color: #ffffff; -webkit-text-decoration-color: #ffffff; text-decoration-color: #ffffff; } .wgl-layout-left, .wgl-layout-right { display: flex; } .aleft .wgl-layout-left { justify-content: flex-start; } .aleft .wgl-layout-right { justify-content: flex-end; } .acenter .wgl-layout-left, .acenter .wgl-layout-right { justify-content: center; } .aright .wgl-layout-left { justify-content: flex-end; } .aright .wgl-layout-right { justify-content: flex-start; } .fullwidth-wrapper { width: 100%; } .z-index-1 { z-index: 1; } .relative { position: relative; } .text-uppercase { text-transform: uppercase; } .bypostauthor { opacity: 1; } .ohidden { overflow: hidden; } .ovisible { overflow: visible; } .d-block { display: block; } .d-none { display: none; } body[data-elementor-device-mode=desktop] .d-xl-none { display: none; } body:not([data-elementor-device-mode=desktop]) .d-xl-block { display: none; } .wp-caption-text, .wp-caption .wp-caption-text { margin: 0.5em 0; font-size: 13px; text-align: center; } .wp-caption, .gallery-caption { max-width: 100%; margin-bottom: 1em; font-style: italic; } .wp-caption img, .gallery-caption img { border-radius: unset; } #main { padding: 40px 0; position: relative; overflow: hidden; min-height: calc(100vh - var(--header-height, 0px) - var(--footer-height, 0px) - var(--pt-height, 0px) - var(--wp-admin--admin-bar--height, 0px)); } .wgl-theme-header.header_overlap ~ #main { min-height: calc(100vh - var(--footer-height, 0px) - var(--pt-height, 0px) - var(--wp-admin--admin-bar--height, 0px)); } .archive:not(.woocommerce) #main { padding-bottom: 100px; } body > #main .row.sidebar_left #main-content { float: right; } .gm-control-active { border-radius: unset; box-shadow: none; } hr { margin: 20px 0 20px; border: none; border-bottom: 1px solid #1d1f21; } hr.wp-block-separator { max-width: 100px; } hr.wp-block-separator.is-style-wide, hr.wp-block-separator.is-style-dots { max-width: 100%; } table td, table th { padding: 5px 10px; border: 1px solid #e4e4e4; text-align: left; } table:not(:last-child) { margin-bottom: 22px; } .screen-reader-text { position: absolute !important; height: 1px; width: 1px; margin: -1px; border: 0; padding: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); word-wrap: normal !important; overflow: hidden; } .screen-reader-text:focus { display: block; z-index: 100000; top: 5px; left: 5px; width: auto; height: auto; padding: 15px 23px 14px; font-size: 1em; line-height: normal; color: #444444; text-decoration: none; background-color: #eee; clip: auto !important; clip-path: none; } .mejs-container { margin-bottom: 20px; } .wgl-row-animation > .elementor-container { z-index: 1; } .particles-js { position: absolute; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } .page-header .particles-js { left: 0; top: 0; } .extended-parallax { position: absolute; z-index: -1; width: 100%; height: 100%; pointer-events: none; } .extended-parallax .wgl-parallax-layer { position: relative !important; } .wgl-background-image_parallax { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .wgl-background-image_parallax div { height: 100%; } .wgl-elementor-shape { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; pointer-events: none; } .wgl-elementor-shape-top { top: -1px; } .wgl-elementor-shape-bottom { bottom: -1px; } .wgl-elementor-shape svg { display: block; width: calc(100% + 1.3px); position: relative; left: 50%; transform: translateX(-50%); } #odefy-footer-inline-css { display: none; } .wgl-body-bg { position: absolute; z-index: -1; pointer-events: none; width: 100%; height: 100%; left: 0; top: 0; } /* ==================== ##Header Styles ==================== */ .wgl-theme-header { position: relative; z-index: 3001; } .wgl-theme-header .wrapper a { color: inherit; } .wgl-theme-header .wrapper .odefy_module_button a { margin-bottom: 0; box-shadow: none; color: #ffffff; } .wgl-theme-header .wgl-sticky-header .wgl-logotype-container > a, .wgl-theme-header .wgl-sticky-header .wgl-logotype-container > a > img { max-height: none !important; } .wgl-theme-header.header_overlap { position: absolute; z-index: 99; width: 100%; left: 0; top: 0; } .wgl-theme-header.header_shadow { box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1); } .wgl-mobile-header, .mobile_nav_wrapper .primary-nav .menu { display: none; } .wgl-mobile-header .menu-item__plus, .menu_vertical .menu-item__plus, .mobile_nav_wrapper .primary-nav > ul > li ul::before, .mobile_nav_wrapper .primary-nav > ul > li > div.mega-menu-container::before { display: none !important; } body:not(.elementor-editor-active) .wgl-theme-header .elementor-column, body:not(.elementor-editor-active) .wgl-theme-header .elementor-column-wrap, body:not(.elementor-editor-active) .wgl-theme-header .elementor-widget-wrap, body:not(.elementor-editor-active) .wgl-theme-header .elementor-widget[data-widget_type="wgl-menu.default"] { position: static; } .wgl-header-row .wgl-header-row_wrapper { display: flex; position: relative; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .wgl-header-row .header_side.display_normal { flex: 0 auto; } .wgl-header-row .header_side.display_grow { flex: 1; } .wgl-header-row .header_side.display_grow .primary-nav > .menu { white-space: nowrap; } .wgl-header-row .header_side.v_align_middle { align-self: center; } .wgl-header-row .header_side.v_align_bottom { align-self: flex-end; } .wgl-header-row .header_side.v_align_bottom .primary-nav > ul > li > a { align-self: flex-end; align-items: flex-end; } .wgl-header-row .header_side.v_align_bottom .header_area_container > *, .wgl-header-row .header_side.v_align_bottom .header_search-button { vertical-align: bottom; } .wgl-header-row .header_side.v_align_top { align-self: flex-start; } .wgl-header-row .header_side.v_align_top .primary-nav .lavalamp-object { top: 0; bottom: auto; } .wgl-header-row .header_side.v_align_top .primary-nav .lavalamp-object::before { transform: rotate(0.5turn); } .wgl-header-row .header_side.v_align_top .primary-nav > ul > li > a { align-self: flex-start; align-items: flex-start; } .wgl-header-row .header_side.v_align_top .header_area_container > *, .wgl-header-row .header_side.v_align_top .header_search-button { vertical-align: top; } .wgl-header-row .header_side.h_align_left { text-align: left; } .wgl-header-row .header_side.h_align_center { text-align: center; } .wgl-header-row .header_side.h_align_right { text-align: right; } .wgl-header-row .header_side.display_grow.h_align_right { margin-left: auto; } .wgl-header-row .header_side.display_grow.h_align_center { margin-right: auto; margin-left: auto; } .wgl-header-row .header_side.display_grow.h_align_left { margin-right: auto; } .wgl-header-row .header_side.display_grow.h_align_left .header_area_container { justify-content: flex-start; } .wgl-header-row .header_side.display_grow.h_align_center .header_area_container { justify-content: center; } .wgl-header-row .header_side.display_grow.h_align_right .header_area_container { justify-content: flex-end; } .wgl-header-row .header_side[class^=position_center] .header_area_container > div.mini-cart { padding: 0; } .wgl-header-row .header_side[class^=position_center] .primary-nav > ul li.mega-menu > ul.mega-menu { left: 0; right: 0; margin: 0 auto; } .wgl-header-row .header_side[class^=position_left] .header_area_container > *:last-child { padding-right: 0; } .wgl-header-row .header_side[class^=position_right] .header_area_container > *:first-child { padding-left: 0; } .wgl-header-row .header_side[class^=position_left] .primary-nav ul li ul { left: 0; right: auto; } .wgl-header-row .header_side[class^=position_left] .primary-nav > ul > li ul .sub-menu { left: 100%; right: auto; } .wgl-header-row .header_side[class^=position_left] .primary-nav > ul > li:not(:first-child):last-child > .sub-menu { left: 0; right: auto; } .wgl-header-row .header_side[class^=position_left] .primary-nav > ul > li:not(:first-child):last-child > .sub-menu .sub-menu { left: 100%; right: auto; } .wgl-header-row .header_side, .wgl-header-row .header_render_editor, .wgl-header-row .wrapper, .wgl-header-row .header_area_container { max-width: 100%; box-sizing: border-box; } .header_area_container { display: inline-block; height: 100%; max-height: 100%; } .header_area_container > * { display: inline-block; vertical-align: middle; } .header_area_container > .primary-nav { padding: 20px 0; } .delimiter { position: relative; } .wgl-logotype-container img { vertical-align: middle; max-height: 100%; max-width: initial; width: auto; } .wgl-logotype-container a, .wgl-logotype-container a:hover, .wgl-logotype-container h1 { color: var(--odefy-header-font-color); } .wgl-logotype-container .logo-name { font-size: 34px; line-height: 1; } @media (max-width: 1200px) { .wgl-logotype-container .logo-name { font-size: 24px; } } header:not(.wgl-menu-outer_content) > .wgl-logotype-container .logo-name { width: 200px; width: min-content; font-size: 30px; white-space: pre-line; } .wgl-site-header .primary-nav ul:hover li:not(:hover) > div, .wgl-site-header .primary-nav ul:hover li:not(:hover) > ul.wgl-mega-menu, .wgl-sticky-header .primary-nav ul:hover li:not(:hover) > div, .wgl-sticky-header .primary-nav ul:hover li:not(:hover) > ul.wgl-mega-menu { clip: rect(auto, auto, 0, auto); } .primary-nav { position: relative; z-index: 1; } .primary-nav a { cursor: pointer; transition: 0.3s; } .primary-nav.align-left { text-align: left; } .primary-nav.align-left > ul.menu > li.mega-menu-links > ul.mega-menu.sub-menu, .primary-nav.align-left > ul.menu > li.mega-cat > div.mega-menu-container { left: 0; right: auto; } .primary-nav.align-center { text-align: center; } .primary-nav.align-center > ul.menu > li.mega-menu-links > ul.mega-menu.sub-menu, .primary-nav.align-center > ul.menu > li.mega-cat > div.mega-menu-container { left: 0; right: 0; margin-left: auto; margin-right: auto; } .primary-nav.align-right { text-align: right; } .primary-nav.align-right > ul.menu > li.mega-menu-links > ul.mega-menu.sub-menu, .primary-nav.align-right > ul.menu > li.mega-cat > div.mega-menu-container { left: auto; right: 0; } .primary-nav .content__media { font-weight: 400; transition: 0.4s; position: relative; } .primary-nav.menu_line_enable .menu { position: relative; } .primary-nav.menu_line_enable .menu .lavalamp-object { opacity: 1; position: absolute; z-index: 1; left: 0; top: 0; height: 1px; line-height: 1; font-size: 0; display: flex; justify-content: space-between; color: var(--odefy-tertiary-color); background: currentColor; pointer-events: none; } .primary-nav.menu_line_enable .menu .lavalamp_animate .lavalamp-object { opacity: 1; } .primary-nav.menu_line_enable .menu > li.menu-item > a { color: var(--odefy-content-secondary-color); } .primary-nav.menu_line_enable .menu > li.menu-item.active-lavalamp-menu-item > a { color: var(--odefy-tertiary-color); } .primary-nav.menu_line_enable .menu > li.menu-item.active-lavalamp-menu-item > a > .menu-item__plus { color: rgba(var(--odefy-tertiary-rgb), 0.5); } .primary-nav > ul.lavalamp > li > a .item_wrapper_text::after, .primary-nav.menu_line_enable > ul > li > a .item_wrapper_text .menu-item_dots { display: none !important; } .primary-nav ul li { display: inline-block; vertical-align: middle; line-height: inherit; margin-bottom: 0; } .primary-nav ul > li { height: 100%; } .primary-nav ul > li > a .item_wrapper_text { line-height: initial; border-radius: inherit; } .primary-nav ul > li > a .item_wrapper_text .menu-item_dots { position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: 0.5s ease-in-out; pointer-events: none; border-radius: inherit; } .primary-nav > ul li { position: relative; padding-left: 0; } .primary-nav > ul li.mega-menu { position: static !important; } .primary-nav > ul li.mega-menu > ul.mega-menu { left: 0; right: 0; margin-left: auto; margin-right: auto; } .primary-nav > ul li.mega-menu > ul.mega-menu .menu-item__plus { display: none; } .primary-nav > ul li.mega-menu.mega-menu-e { position: relative !important; } .primary-nav > ul li.mega-menu.mega-menu-e.position-center, .primary-nav > ul li.mega-menu.mega-menu-e.position-left-side { position: static !important; } .primary-nav > ul { height: 100%; margin-left: 0; padding: 0; } .primary-nav > ul > li > a::before { content: ""; position: absolute; top: 100%; height: 11px; left: 0; right: 0; } .primary-nav ul > li.menu-item-has-children > a > .menu-item__plus, .primary-nav ul > li.mega-menu.mega-cat > a > .menu-item__plus { position: relative; z-index: 1; font-size: 13px; font-style: normal; font-weight: normal; margin: 0 0 0 8px; transform-origin: center; perspective-origin: center; transform: unset; } .primary-nav ul > li.menu-item-has-children > a > .menu-item__plus::before, .primary-nav ul > li.mega-menu.mega-cat > a > .menu-item__plus::before { content: "\f106"; font-family: "Font Awesome 5 Free"; font-weight: 600; display: inline-block; vertical-align: middle; transform: rotate(180deg); } .primary-nav > ul > li { height: 100%; } .primary-nav > ul > li > a.__mPS2id.active .item_wrapper_text .menu-item_dots { opacity: 1; } .primary-nav > ul > li[class*=current] > a .item_wrapper_text { line-height: initial; } .primary-nav > ul > li[class*=current] > a, .primary-nav > ul > li:hover > a { color: var(--odefy-tertiary-color); } .primary-nav > ul > li[class*=current] > a .item_wrapper_text .menu-item_dots, .primary-nav > ul > li:hover > a .item_wrapper_text .menu-item_dots { opacity: 1; } .primary-nav > ul > li.mega-menu-links > ul.mega-menu { padding-left: 20px; padding-right: 20px; } .primary-nav > ul > li.mega-menu-links > ul.mega-menu > li > a .item_wrapper_text::before { display: none; } .primary-nav > ul > li > a { display: flex; position: relative; z-index: 1; height: 100%; align-items: center; padding: 0 13px; transition: 0.5s ease-in-out; color: var(--odefy-content-secondary-color); border-radius: unset; } @media (max-width: 1500px) { .primary-nav > ul > li > a { padding: 0 15px; } } .primary-nav > ul > li:not(:last-child) > a { margin-right: 14px; } .primary-nav.marker-disable > ul > li > a .menu-item_dots, .primary-nav.marker-disable > ul > li > a::after { display: none !important; } .primary-nav ul li > ul, .primary-nav ul li > ul ul, .primary-nav ul li .mega-menu-container { display: block; position: absolute; z-index: 555; top: calc(100% + 20px); left: -28px; min-width: 260px; white-space: nowrap; margin: 0; padding: 35px 0 32px; text-align: left; opacity: 0; visibility: hidden; transition: 0.5s ease-in-out; border-radius: 30px; box-shadow: 9px 11px 29px 0 rgba(0, 0, 0, 0.12); } .primary-nav ul li > ul li:not(:last-child), .primary-nav ul li > ul ul li:not(:last-child), .primary-nav ul li .mega-menu-container li:not(:last-child) { margin-bottom: 14px; } .primary-nav ul li > ul.wgl-e-container, .primary-nav ul li > ul ul.wgl-e-container, .primary-nav ul li .mega-menu-container.wgl-e-container { white-space: normal; padding: 0; } .primary-nav ul li > ul.wgl-e-container .elementor-column, .primary-nav ul li > ul.wgl-e-container .elementor-column-wrap, .primary-nav ul li > ul.wgl-e-container .elementor-widget-wrap, .primary-nav ul li > ul ul.wgl-e-container .elementor-column, .primary-nav ul li > ul ul.wgl-e-container .elementor-column-wrap, .primary-nav ul li > ul ul.wgl-e-container .elementor-widget-wrap, .primary-nav ul li .mega-menu-container.wgl-e-container .elementor-column, .primary-nav ul li .mega-menu-container.wgl-e-container .elementor-column-wrap, .primary-nav ul li .mega-menu-container.wgl-e-container .elementor-widget-wrap { position: relative; } .primary-nav ul li > ul .primary-nav, .primary-nav ul li > ul ul .primary-nav, .primary-nav ul li .mega-menu-container .primary-nav { height: auto !important; } .primary-nav ul li > ul .primary-nav ul, .primary-nav ul li > ul ul .primary-nav ul, .primary-nav ul li .mega-menu-container .primary-nav ul { margin: 0; padding: 0; } .primary-nav ul li > ul .primary-nav ul li, .primary-nav ul li > ul ul .primary-nav ul li, .primary-nav ul li .mega-menu-container .primary-nav ul li { margin-bottom: 0; } .primary-nav ul li .mega-menu-container { transform: translateY(-200%); transition: 0.3s ease-out, transform 0s 0.3s; overflow: hidden; } .primary-nav ul li .mega-menu-container ul { background: transparent !important; } .primary-nav ul li > ul ul { top: -26px; left: 100%; margin: 0 5px; } .primary-nav ul li > ul ul::before { content: ""; position: absolute; z-index: -1; height: 100%; width: calc(100% + 10px); top: 0; left: -10px; } .primary-nav ul li > ul li { display: block; } .primary-nav ul li > ul li > a .item_wrapper_text, .primary-nav ul li > ul li > a > i { position: relative; transition: 0.5s ease-in-out; } .primary-nav ul li > ul li > a .item_wrapper_text .menu-item_dots { display: none; } .primary-nav ul li > ul li:hover > a, .primary-nav ul li > ul li:hover > a > .menu-item__plus { color: var(--odefy-tertiary-color); } .primary-nav ul li > ul li:hover ul { top: -35px; } .primary-nav ul li > ul li[class*=current] > a { color: var(--odefy-tertiary-color); } .primary-nav ul li > ul .menu-item { line-height: inherit; } .primary-nav ul li > ul .menu-item a { display: flex; align-items: center; justify-content: space-between; color: inherit; transition: all 0s, -webkit-text-decoration 0.3s ease-in-out; transition: all 0s, text-decoration 0.3s ease-in-out; transition: all 0s, text-decoration 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out; padding: 0 40px; overflow: hidden; } .primary-nav ul li:hover > ul, .primary-nav ul li:hover > div.mega-menu-container { z-index: 556; top: calc(100% + 6px); opacity: 1; visibility: visible; } .primary-nav ul li:hover > ul.mega-menu > ul.mega-menu, .primary-nav ul li:hover > ul.mega-menu > li > ul.mega-menu, .primary-nav ul li:hover > ul > ul.mega-menu, .primary-nav ul li:hover > ul > li > ul.mega-menu, .primary-nav ul li:hover > div.mega-menu-container.mega-menu > ul.mega-menu, .primary-nav ul li:hover > div.mega-menu-container.mega-menu > li > ul.mega-menu, .primary-nav ul li:hover > div.mega-menu-container > ul.mega-menu, .primary-nav ul li:hover > div.mega-menu-container > li > ul.mega-menu { opacity: 1; visibility: visible; } .primary-nav ul li:hover > div.mega-menu-container { top: calc(100% + 6px); transform: translateY(0); transition: 0.3s ease-out, transform 0s; } .primary-nav ul li ul:not(.mega-menu) li.menu-item-has-children > a > .menu-item__plus { padding-left: 0; line-height: 1; font-style: normal; margin: 0; transform: rotate(-90deg); font-size: 13px; color: inherit; } .primary-nav ul li ul:not(.mega-menu) li.menu-item-has-children[class*=current] > a .item_wrapper_text .menu-item_dots, .primary-nav ul li ul:not(.mega-menu) li.menu-item-has-children:hover > a .item_wrapper_text .menu-item_dots { opacity: 1; } .primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu { right: 0; } .primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu, .primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu .sub-menu { left: auto; } .primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu .sub-menu { right: 100%; } .primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu.wgl-mega-menu-position-center { left: -50vw; right: -50vw; margin-left: auto; margin-right: auto; } .primary-nav > .menu > .menu-item:not(:first-child):last-child > .sub-menu.wgl-mega-menu-position-left-side { left: 0; right: auto; margin-left: -16px; margin-right: auto; } .primary-nav > .menu > .menu-item > .sub-menu.wgl-submenu-position-left, .primary-nav > .menu > .menu-item > .sub-menu.wgl-mega-menu-position-left { left: auto !important; right: -16px !important; } .primary-nav > .menu > .menu-item > .sub-menu.wgl-submenu-position-right, .primary-nav > .menu > .menu-item > .sub-menu.wgl-mega-menu-position-right { right: auto !important; left: -16px !important; } .primary-nav > .menu > .menu-item > .sub-menu.wgl-mega-menu.wgl-mega-menu-position-center { left: -50vw; right: -50vw; margin-left: auto; margin-right: auto; max-width: 98vw; } .primary-nav > .menu > .menu-item > .sub-menu.wgl-mega-menu.wgl-mega-menu-position-left-side { left: 0; right: auto; margin-left: 0; margin-right: auto; } .primary-nav ul.sub-menu.wgl-submenu-position-left { left: auto !important; right: 100% !important; } .primary-nav ul.sub-menu.wgl-submenu-position-right { right: auto !important; left: 100% !important; } .primary-nav ul li.mega-menu-e ul.sub-menu { display: none; } .primary-nav .submenu-label { background: linear-gradient(90deg, #f44e6b, #dc1a72); color: #ffffff; border-radius: 4px; font-family: var(--odefy-content-font-family); font-size: 14px; line-height: 18px; margin-left: 5px; min-width: 44px; display: inline-block; text-align: center; padding: 1px 6px 1px; } .admin-bar .wgl-sticky-header { top: 32px; } @media (max-width: 782px) { .admin-bar .wgl-sticky-header { top: 46px; } } .admin-bar .wgl-theme-header .woo_mini_cart { max-height: calc(100% - 32px - 30px); } .elementor-widget-wgl-menu.menu_vertical .primary-nav > ul { position: relative; left: 0; width: 100%; height: auto; box-sizing: border-box; margin: 0; padding: 0; text-align: left; display: block !important; background: transparent; border: unset; } .elementor-widget-wgl-menu.menu_vertical .primary-nav > ul > li { margin-bottom: 10px; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li { display: block; float: none; height: auto; padding: 0; margin: 0 0 2px; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li > a { transition: all 0s, text-decoration 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li > a .item_wrapper_text, .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li > a > i { position: relative; transition: 0.5s ease-in-out; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li > a .item_wrapper_text .menu-item_dots { display: none; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li:hover > a, .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li:hover > a > .menu-item__plus { color: var(--odefy-tertiary-color); } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li a { display: block; padding: 0; margin: 0; position: relative; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li.mega-menu-links > ul > li { width: 100%; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li ul { position: relative; top: 0 !important; left: 0; right: 0 !important; width: 100%; box-sizing: border-box; padding: 0 0 0 15px; opacity: 1; visibility: visible; transition: 0s; white-space: initial; overflow: hidden; transform: none !important; min-width: initial; background-color: inherit; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li ul li .menu-item_dots { transform: translate(-6px, 15px) scale(0); } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li ul li:hover .menu-item_dots { transform: translate(0, 15px) scale(1); } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li ul.sub-menu, .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul, .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul { box-shadow: none; margin-top: 2px; border: none; width: 100%; transition: 0s; display: none; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li ul.sub-menu::after, .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul::after, .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul::after { display: none; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li.mega-menu-links > ul.mega-menu .item_text > img { display: none; } .elementor-widget-wgl-menu.menu_vertical .primary-nav ul li > a > span { position: relative; display: inline-block; padding: 0 0 5px; } .primary-nav ul li.mega-menu-links > ul { padding: 0; box-sizing: border-box; width: 1170px; display: flex; flex-wrap: wrap; } .primary-nav ul li.mega-menu-links > ul > li { float: left; box-sizing: border-box; margin-top: 34px; margin-bottom: 30px; margin-left: 0; margin-right: 0; padding: 0; font-size: 16px !important; font-weight: 600 !important; text-transform: capitalize; } .primary-nav ul li.mega-menu-links > ul > li::after { content: unset; display: none; position: absolute; top: 30px; right: 0; width: 1px; height: calc(100% - 60px); background: unset; } .primary-nav ul li.mega-menu-links > ul > li:hover ~ li { z-index: 0; } .primary-nav ul li.mega-menu-links > ul > li.hide-mega-headings > a { display: none; } .primary-nav ul li.mega-menu-links > ul > li:hover > a .item_wrapper_text { background: none !important; } .primary-nav ul li.mega-menu-links > ul > li > a { position: relative; padding: 4px 15px 0; } .primary-nav ul li.mega-menu-links > ul > li > a .item_wrapper_text { padding-left: 0 !important; pointer-events: none; } .primary-nav ul li.mega-menu-links > ul > li > a .item_wrapper_text::before, .primary-nav ul li.mega-menu-links > ul > li > a::after { display: none; } .primary-nav ul li.mega-menu-links.mega-columns-1col > ul > li { width: 100%; } .primary-nav ul li.mega-menu-links.mega-columns-1col > ul > li::after { display: none; } .primary-nav ul li.mega-menu-links.mega-columns-2col > ul > li { width: 50%; } .primary-nav ul li.mega-menu-links.mega-columns-2col > ul > li:nth-child(2n)::after { display: none; } .primary-nav ul li.mega-menu-links.mega-columns-3col > ul > li { width: 33.333333%; } .primary-nav ul li.mega-menu-links.mega-columns-3col > ul > li:nth-child(3n)::after { display: none; } .primary-nav ul li.mega-menu-links.mega-columns-4col > ul > li { width: 25%; } .primary-nav ul li.mega-menu-links.mega-columns-4col > ul > li:nth-child(4n)::after { display: none; } .primary-nav ul li.mega-menu-links.mega-columns-5col > ul > li { width: 20%; } .primary-nav ul li.mega-menu-links.mega-columns-5col > ul > li:nth-child(5n)::after { display: none; } .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul { position: relative; left: 0 !important; right: auto !important; padding-top: 6px; padding-bottom: 25px; top: 0; opacity: 0; min-width: auto; visibility: hidden; margin-top: 0; background: transparent; border: 0; box-shadow: none; } .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li { padding-left: 0; padding-right: 0; text-transform: none; } .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul { left: 100% !important; right: auto !important; } .primary-nav ul li.mega-menu-links > ul.mega-menu .item_text { display: flex; flex-direction: column; text-align: center; } .primary-nav ul li.mega-menu-links > ul.mega-menu .item_text > img { box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.08); border-radius: 0; margin-bottom: 10px; transition: 0.4s; } .primary-nav ul li.mega-menu-links > ul.mega-menu > .menu-item > a { font-size: 18px; } .primary-nav ul li.mega-menu-links > ul.mega-menu > .menu-item > a:hover .item_text > img { transform: translateY(-10px); } .wgl-sticky-header { position: fixed; z-index: 99999; top: 0; left: 0; pointer-events: none; width: 100%; transform: translateY(-100%); opacity: 0; transition: 0.3s; } .wgl-sticky-header.sticky_active { pointer-events: auto; transform: translateY(0); opacity: 1; } .wgl-sticky-header.header_sticky_shadow { box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1); } .wgl-mobile-header .wgl-header-row { display: flex; align-items: center; } .wgl-mobile-header .wgl-logotype-container a, .wgl-mobile-header .wgl-logotype-container a:hover, .wgl-mobile-header .wgl-logotype-container h1 { color: var(--odefy-tertiary-color); } .wgl-mobile-header .wgl-header-row_wrapper { height: var(--odefy-header-mobile-height); } .wgl-mobile-header .header_search .wgl-search .header_search-close { transform: scale(0); } .wgl-mobile-header .header_search.header_search-open .wgl-search .header_search-close { transform: scale(1); } .wgl-mobile-header .primary-nav ul li.mega-menu > .sub-menu .item_text > img, .wgl-mobile-header .primary-nav ul li.mega-menu-links > ul.mega-menu .item_text > img { display: none; } .wgl-mobile-header .primary-nav ul li.mega-menu > .sub-menu > .menu-item > a, .wgl-mobile-header .primary-nav ul li.mega-menu-links > ul.mega-menu > .menu-item > a { font-size: inherit; font-weight: inherit; } main .elementor-widget-wrap, header .elementor-widget-wrap { align-items: center; } main nav.submenu-disable .menu-item__plus, main nav.submenu-disable .sub-menu, main nav.submenu-disable .wgl-mega-menu, header nav.submenu-disable .menu-item__plus, header nav.submenu-disable .sub-menu, header nav.submenu-disable .wgl-mega-menu { display: none; } body.single-header.elementor-editor-active .wgl-site-header, body.single-header.elementor-editor-active .wgl-site-header .primary-nav { display: block; } .menu-item.dnone > a > .menu-item__plus, .menu-item.dnone > a > .button_switcher, .menu-item.dnone > .wgl-mega-menu, .menu-item.dnone > ul { display: none !important; } .lavalamp .lavalamp-object { transition-property: transform, width, height, opacity; } .lavalamp .lavalamp-object.ease-in-out { transition-timing-function: ease-in-out; } .lavalamp .lavalamp-object.linear { transition-timing-function: linear; } .lavalamp .lavalamp-object.easeInQuad { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .lavalamp .lavalamp-object.easeInCubic { transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .lavalamp .lavalamp-object.easeInQuart { transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); } .lavalamp .lavalamp-object.easeInQuint { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .lavalamp .lavalamp-object.easeInSine { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .lavalamp .lavalamp-object.easeInExpo { transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } .lavalamp .lavalamp-object.easeInCirc { transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); } .lavalamp .lavalamp-object.easeInBack { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } .lavalamp .lavalamp-object.easeOutQuad { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lavalamp .lavalamp-object.easeOutCubic { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .lavalamp .lavalamp-object.easeOutQuart { transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .lavalamp .lavalamp-object.easeOutQuint { transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lavalamp .lavalamp-object.easeOutSine { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } .lavalamp .lavalamp-object.easeOutExpo { transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lavalamp .lavalamp-object.easeOutCirc { transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } .lavalamp .lavalamp-object.easeOutBack { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .lavalamp .lavalamp-object.easeInOutQuad { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } .lavalamp .lavalamp-object.easeInOutCubic { transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .lavalamp .lavalamp-object.easeInOutQuart { transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .lavalamp .lavalamp-object.easeInOutQuint { transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .lavalamp .lavalamp-object.easeInOutSine { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } .lavalamp .lavalamp-object.easeInOutExpo { transition-timing-function: cubic-bezier(1, 0, 0, 1); } .lavalamp .lavalamp-object.easeInOutCirc { transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .lavalamp .lavalamp-object.easeInOutBack { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } /* ==================== ##Header Search ==================== */ .header_search { height: 100%; } .header_search-button { display: inline-flex; align-items: center; justify-content: center; position: relative; font-size: 24px; transform-origin: center; cursor: pointer; transition: 0.3s; line-height: 0; color: var(--odefy-secondary-color); } .header_search-close { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; line-height: 0; cursor: pointer; opacity: 0; transform-origin: center; transition: 0.3s; transform: scale(0); font-size: 16px; color: var(--odefy-secondary-color); } .header_search .header_search-button-wrapper { display: flex; align-items: center; height: 100%; transition: 0.3s; justify-content: center; position: relative; } .header_search .search-field:active::placeholder, .header_search .search-field:focus::placeholder { opacity: 1 !important; } .header_search.search_alt .header_search-field .search-form, .header_search.search_standard .header_search-field .search-form, .header_search.search_mobile_menu .header_search-field .search-form { position: relative; z-index: 1; } .header_search.search_alt .header_search-field .search-form .search-button:hover ~ .search__icon, .header_search.search_standard .header_search-field .search-form .search-button:hover ~ .search__icon, .header_search.search_mobile_menu .header_search-field .search-form .search-button:hover ~ .search__icon { color: var(--odefy-tertiary-color); } .header_search.search_alt .header_search-field .search-button, .header_search.search_standard .header_search-field .search-button, .header_search.search_mobile_menu .header_search-field .search-button { position: absolute; z-index: 1; height: 48px; width: 24px; top: 0; left: 0; margin: 0; border: none; outline: none; padding: 0; font-size: 0; box-shadow: none; cursor: pointer; background: transparent; } .header_search.search_alt .header_search-field .search-button:focus, .header_search.search_alt .header_search-field .search-button:active, .header_search.search_standard .header_search-field .search-button:focus, .header_search.search_standard .header_search-field .search-button:active, .header_search.search_mobile_menu .header_search-field .search-button:focus, .header_search.search_mobile_menu .header_search-field .search-button:active { box-shadow: none; } .header_search.search_alt .header_search-field .search__icon, .header_search.search_alt .header_search-field .wc-block-product-search__button, .header_search.search_standard .header_search-field .search__icon, .header_search.search_standard .header_search-field .wc-block-product-search__button, .header_search.search_mobile_menu .header_search-field .search__icon, .header_search.search_mobile_menu .header_search-field .wc-block-product-search__button { position: absolute; z-index: 1; top: 0; left: 0; height: 48px; width: 18px; font-size: 22px; line-height: 52px; font-style: normal; text-align: center; opacity: 1; transition: 0.4s; pointer-events: none; border-radius: 0; color: var(--odefy-content-secondary-color); } .header_search.search_mobile_menu .header_search-field .search-form .search-button:hover ~ .search__icon { color: var(--odefy-tertiary-color); } .header_search.search_alt .header_search-field { opacity: 0; visibility: hidden; transform: scale3d(0.8, 0.8, 0.8); transition: 0.3s; display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; z-index: 100001; top: 0; left: 0; width: 100%; height: 100%; max-height: 100vh; background: rgba(var(--odefy-secondary-rgb), 0.8); } .header_search.search_alt .header_search-field .search-form { width: 80%; max-width: 1170px; } .header_search.search_alt .header_search-field .search__icon, .header_search.search_alt .header_search-field .search-button { right: 4px; left: auto; color: #fff; } .header_search.search_alt .header_search-field .search-field { width: 100%; height: 50px; font-weight: 400; font-size: 18px; padding: 0 50px 0 0; color: #fff; border-color: rgba(255, 255, 255, 0.85); } .header_search.search_alt .header_search-field .header_search-wrap { display: flex; justify-content: space-between; align-items: center; width: 80%; max-width: 1170px; margin-bottom: 40px; } .header_search.search_alt .header_search-field .header_search-wrap .header_search-heading_description { font-size: 40px; line-height: 1.3; font-weight: 700; color: #ffffff; letter-spacing: 0; font-family: var(--odefy-content-font-family); } @media (max-width: 480px) { .header_search.search_alt .header_search-field .header_search-wrap .header_search-heading_description { font-size: 30px; } } .header_search.search_alt .header_search-field .header_search-close { position: relative; color: #ffffff; margin: 0; margin-right: 4px; } .header_search.search_alt .header_search-field .header_search-close::before { transition: 0.4s; display: block; } .header_search.search_alt .header_search-field .header_search-close:hover::before { transform: rotate(90deg); } @media (max-width: 480px) { .header_search.search_alt .header_search-field .header_search-close { display: none; } } .header_search.search_standard { position: relative; } .header_search.search_standard .header_search-field { position: absolute; z-index: 2; top: calc(100% + 20px); right: -10px; padding: 28px 39px 40px; opacity: 0; visibility: hidden; transition: 0.5s ease-in-out; border-radius: 30px; } .header_search.search_standard .header_search-field .search-field { height: 48px; width: 270px; margin-bottom: 0; padding-left: 35px; border-bottom: 1px solid rgba(var(--odefy-tertiary-rgb), 0.15); color: var(--odefy-tertiary-color); } .header_search.search_standard .header_search-field .header_search-close { display: none; } @media (max-width: 499px) { .header_search.search_standard .header_search-field { padding: 20px; right: 0; } } .header_search.header_search-open.search_standard .header_search-button, .header_search.header_search-open.search_alt .header_search-button { opacity: 0; transform: scale(0); } .header_search.header_search-open.search_standard .header_search-close, .header_search.header_search-open.search_alt .header_search-close { opacity: 1; transform: scale(1); } .header_search.header_search-open.search_standard .header_search-field, .header_search.header_search-open.search_alt .header_search-field { opacity: 1; visibility: visible; transform: scale3d(1, 1, 1); } .header_search.header_search-open.search_standard .header_search-field { top: calc(100% + 6px); } .header_search.search_mobile_menu .header_search-field .search-form .search-field { height: 48px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.15); color: inherit; padding-left: 28px; } .header_search.search_mobile_menu .header_search-field .search-form .search__icon { color: var(--odefy-submenu-mobile-color); } .wgl-mobile-header .header_search-button, .wgl-mobile-header .header_search-close { font-size: 24px; height: 40px; width: 40px; margin: -10px 0; } .wgl-mobile-header .header_search-close { font-size: 18px; } .wgl-mobile-header .header_search.search_standard { position: static; } .wgl-mobile-header .header_search.search_standard .header_search-field { top: 100%; max-width: calc(100vw - 30px); } .elementor-widget.elementor-widget-wgl-header-search { height: 100%; position: initial; } .elementor-widget.elementor-widget-wgl-header-search.full-height-yes .header_search-close { transform: scale(0); } .elementor-widget.elementor-widget-wgl-header-search.full-height-yes .header_search-open .header_search-close { transform: scale(1); } .elementor-widget.elementor-widget-wgl-header-search .elementor-widget-container { height: 100%; } .v_align_middle .header_search-button-wrapper { align-items: center; } .v_align_bottom .header_search-button-wrapper { align-items: flex-end; } .elementor-widget-wgl-header-search.full-height-yes { height: 100%; } .elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container, .elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container > .header_search { height: inherit; } .elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container .header_search-button-wrapper, .elementor-widget-wgl-header-search.full-height-yes > .elementor-widget-container > .header_search .header_search-button-wrapper { align-items: center; } section.elementor-section-content-top .full-height-yes.elementor-widget-wgl-header-search .elementor-widget-container .header_search-button-wrapper { align-items: flex-start; } section.elementor-section-content-bottom .full-height-yes.elementor-widget-wgl-header-search .elementor-widget-container .header_search-button-wrapper { align-items: flex-end; } .wgl-search { align-items: center; } @media screen and (max-width: 479px) { .header_search-field { right: 0; } } @media only screen and (max-width: 440px) { .header_search.search_alt .header_search-wrap .header_search-heading_description { font-size: 30px; } } /* ==================== #Mobile Navigation ==================== */ .wgl-mobile-header { background-color: var(--mobile-header-bg-color, #ffffff); color: var(--mobile-header-color, #000000); } .hamburger-box { display: none; cursor: pointer; } .hamburger-box .hamburger-inner { width: 20px; line-height: 0; } .hamburger-box .hamburger-inner span { display: inline-block; position: relative; width: 20px; height: 2px; vertical-align: top; background: currentColor; } .hamburger-box .hamburger-inner span + span { margin-top: 5px; } .header_area_container .hamburger-box { padding: 15px !important; margin: -15px; } body.mobile_switch_on .hamburger-inner span:nth-child(1) { animation: ease 0.7s 0.4s burger_top-1-45 forwards; } body.mobile_switch_on .hamburger-inner span:nth-child(2) { animation: ease 0.7s 0.4s burger_scaled-1 forwards; } body.mobile_switch_on .hamburger-inner span:nth-child(3) { animation: ease 0.7s 0.4s burger_bottom-1-135 forwards; } body.mobile_switch_off .hamburger-inner span:nth-child(1) { animation: ease 0.7s 0.4s burger_top-2-45 backwards; } body.mobile_switch_off .hamburger-inner span:nth-child(2) { animation: ease 0.7s 0.4s burger_scaled-2 backwards; } body.mobile_switch_off .hamburger-inner span:nth-child(3) { animation: ease 0.7s 0.4s burger_bottom-2-135 backwards; } body.mobile_switch_on .mobile_nav_wrapper .wgl-menu_overlay { opacity: 1; visibility: visible; } .mobile_nav_wrapper { position: relative; z-index: 2; } .mobile_nav_wrapper .wgl-menu_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); visibility: hidden; opacity: 0; transition: 0.45s ease-in-out; z-index: 2; } .mobile_nav_wrapper .primary-nav { width: calc(100% + 13px); } .mobile_nav_wrapper .primary-nav ul li ul li > a .item_wrapper_text::before, .mobile_nav_wrapper .primary-nav ul li ul li.menu-item-has-children::after, .mobile_nav_wrapper .primary-nav ul li ul li.menu-item-has-children > a::after, .mobile_nav_wrapper .primary-nav > ul > li.menu-item-has-children > a::after, .mobile_nav_wrapper .primary-nav ul li ul li > a::before, .mobile_nav_wrapper .primary-nav > ul > li > a::after, .mobile_nav_wrapper .primary-nav > ul > li.menu-item-has-children > a::after, .mobile_nav_wrapper .primary-nav > ul > li.mega-menu.mega-cat > a::after { display: none; } .mobile_nav_wrapper .primary-nav > ul > li { margin-bottom: 10px; } .mobile_nav_wrapper .primary-nav > ul > li > a .item_wrapper_text { padding-right: 0 !important; margin-left: 0 !important; padding: 0; } .mobile_nav_wrapper .primary-nav > ul li { position: static; } .mobile_nav_wrapper .primary-nav > ul.mobile_switch_on li[class*=current] > a { color: var(--odefy-submenu-mobile-color-active, var(--odefy-tertiary-color)); } .mobile_nav_wrapper .primary-nav > ul.mobile_switch_on li[class*=current] > a .button_switcher::before { opacity: 1; } .mobile_nav_wrapper .primary-nav ul li a { position: relative; text-transform: capitalize; } .mobile_nav_wrapper .primary-nav ul li ul li.current-menu-ancestor.current-menu-parent > a .item_wrapper_text, .mobile_nav_wrapper .primary-nav ul li ul li.current-menu-item > a .item_wrapper_text, .mobile_nav_wrapper .primary-nav ul li ul li.current_page_item > a .item_wrapper_text, .mobile_nav_wrapper .primary-nav ul li ul li:hover > a .item_wrapper_text { color: inherit; } .mobile_nav_wrapper .primary-nav > ul > li.menu-item-has-children > a .item_text::before { display: none; } .mobile_nav_wrapper .primary-nav ul li ul.sub-menu, .mobile_nav_wrapper .primary-nav ul li div.wgl-e-container { position: relative; top: 0 !important; left: 0 !important; right: 0 !important; width: 100%; box-sizing: border-box; padding: 0 0 0 15px; margin: 0; min-width: auto; font-weight: inherit; font-size: inherit; color: inherit; opacity: 1; visibility: visible; transition: 0s; white-space: initial; overflow: hidden; transform: none !important; } .mobile_nav_wrapper .primary-nav ul li ul.sub-menu .elementor-container, .mobile_nav_wrapper .primary-nav ul li div.wgl-e-container .elementor-container { width: 100%; } .mobile_nav_wrapper .primary-nav ul li ul.sub-menu.mega-menu-container, .mobile_nav_wrapper .primary-nav ul li div.wgl-e-container.mega-menu-container { padding: 0; width: 100% !important; } body.admin-bar .wgl-menu_outer { top: 32px; height: calc(100vh - 32px); } @media (max-width: 782px) { body.admin-bar .wgl-menu_outer { top: 46px; height: calc(100vh - 46px); } } .wgl-menu_outer { position: fixed; z-index: 999; background-color: #113039; overflow: hidden; width: 400px; height: 100%; top: 0; transform: translateX(-100%); transition: transform 0.45s ease-in-out; -webkit-user-select: none; user-select: none; } .wgl-menu_outer.menu-position_right { right: 0; transform: translateX(100%); } .wgl-menu_outer.menu-position_right .wgl-menu-outer_header { right: auto; left: -35px; } .wgl-menu_outer .mobile-hamburger-close { position: relative; z-index: 999; border-radius: 5px; line-height: 0; color: var(--odefy-tertiary-color); } .wgl-menu_outer .wgl-menu-outer_header { position: absolute; top: 10px; right: -45px; } .wgl-menu_outer .wgl-menu-outer_header .hamburger-box { padding: 12px 10px; } .wgl-menu_outer .wgl-menu_content { position: relative; width: 100%; height: 100%; } .wgl-menu_outer .wgl-menu-outer_content { position: absolute; padding: 30px; width: 100%; bottom: 17px; top: 0; right: 0; left: 0; overflow-y: scroll; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .wgl-menu_outer .wgl-menu-outer_content::-webkit-scrollbar { display: none; } body.mobile_switch_on { position: fixed; overflow: hidden; width: 100%; height: 100%; } body.mobile_switch_on .wgl-menu_outer { transform: translateX(0%); overflow: visible; } .mobile_nav_wrapper .wgl-menu-outer_content > * { height: auto; margin-top: 20px; } .mobile_nav_wrapper .wgl-menu-outer_content > *:first-child { margin-top: 0; } .mobile_nav_wrapper .primary-nav > ul.mobile_switch_on { position: relative; left: 0; width: 100%; height: auto; box-sizing: border-box; margin: 30px 0 0; padding: 0; text-align: left; display: block !important; border: unset; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li { display: block; float: none; height: auto; padding: 0; margin: 0; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li div.mega-menu-container { display: none !important; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li::before { display: none; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu { min-height: inherit !important; padding-right: 0 !important; padding-left: 15px !important; max-width: none !important; background-image: none !important; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li { width: 100%; margin-top: 0; font-weight: inherit !important; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li.hide-mega-headings a { display: block; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li ul.show_sub_menu { visibility: visible; opacity: 1; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li ul li::after { display: none; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li.mega-menu-links > .mega-menu.sub-menu li::after { display: none; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a { padding: 8px 0; margin: 0; background: transparent; color: inherit; flex-direction: row !important; opacity: 1 !important; text-decoration: unset; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a::before { display: none; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a .item_wrapper_text { display: inline; border: unset; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a .item_wrapper_text::before, .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a .item_wrapper_text.menu-item_plus { display: none; } .mobile_nav_wrapper .primary-nav ul.mobile_switch_on li a .menu-item_dots { display: none; } .mobile_nav_wrapper .primary-nav ul li ul li { border-bottom: 0 !important; margin: 0; } .mobile_nav_wrapper .primary-nav ul li ul li:hover > a { background: transparent; color: inherit; } .mobile_nav_wrapper .primary-nav ul li ul li > a::after { display: none; } .mobile_nav_wrapper .primary-nav ul li ul li > a .item_wrapper_text { padding: 0; background: none !important; } .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul > li > a::before { display: none; } .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul > li:hover > a .item_wrapper_text { color: inherit; } .mobile_nav_wrapper .primary-nav ul li ul.sub-menu, .mobile_nav_wrapper .primary-nav ul li div.sub-menu, .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul, .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul { box-shadow: none; margin-top: 0; font-weight: inherit; border: none; width: 100%; transition: 0s; background-color: rgb(34, 35, 40); display: none; } .mobile_nav_wrapper .primary-nav ul li ul.sub-menu::after, .mobile_nav_wrapper .primary-nav ul li div.sub-menu::after, .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul > li ul::after, .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul::after { display: none; } .mobile_nav_wrapper .primary-nav ul li.mega-menu-links > ul.mega-menu > li > ul { padding-top: 0; padding-bottom: 0; } .mobile_nav_wrapper .primary-nav ul li ul.sub-menu li:hover, .mobile_nav_wrapper .primary-nav ul li ul.sub-menu li:focus { padding-left: 0; } .mobile_nav_wrapper .primary-nav .menu-item .button_switcher { width: 100%; height: 100%; z-index: 1; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 0; margin-right: 0; background: transparent; } .mobile_nav_wrapper .primary-nav .menu-item .button_switcher::before { content: "\f106"; font-family: "Font Awesome 5 Free"; display: inline-block; vertical-align: middle; font-size: 13px; opacity: 0.5; transition: 0.3s ease; background: none !important; position: absolute; top: 5px; right: 10px; left: unset; margin: auto; visibility: visible; margin-top: 0; border-radius: 0; color: inherit; margin-left: 0 !important; transform: rotate(90deg); } .mobile_nav_wrapper .primary-nav .menu-item .button_switcher::after { content: ""; display: block; position: absolute; top: 15%; left: 15%; width: 70%; height: 70%; opacity: 0.05; background-color: transparent; transition: 0.2s; } .mobile_nav_wrapper .primary-nav .menu-item .button_switcher:hover::after, .mobile_nav_wrapper .primary-nav .menu-item .button_switcher:focus::after { opacity: 0.02; } .mobile_nav_wrapper .primary-nav .menu-item .button_switcher.is-active::before { transform: rotate(180deg); } .menu_vertical.elementor-widget-wgl-menu.menu_expand .primary-nav .button_switcher_vertical { width: 100%; height: 100%; z-index: 1; cursor: pointer; position: absolute; top: calc(50% - 5px); transform: translateY(-50%); right: 0; margin-right: 0; background: transparent; } .menu_vertical.elementor-widget-wgl-menu.menu_expand .primary-nav .button_switcher_vertical::before { background: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; content: "\f106"; font-family: "Font Awesome 5 Free"; font-weight: 600; display: inline-block; vertical-align: middle; transform: rotate(90deg); z-index: 1; font-size: 13px; width: 1em; height: 1em; line-height: 1em; font-style: normal; color: rgba(var(--odefy-secondary-rgb), 0.2); transform-origin: center; perspective-origin: center; transition: 0.4s; } .menu_vertical.elementor-widget-wgl-menu.menu_expand .primary-nav .button_switcher_vertical::after { content: ""; display: block; position: absolute; top: 15%; left: 15%; width: 70%; height: 70%; opacity: 0.05; background-color: transparent; transition: 0.2s; } .menu_vertical.elementor-widget-wgl-menu.menu_expand .primary-nav .button_switcher_vertical:hover::after, .menu_vertical.elementor-widget-wgl-menu.menu_expand .primary-nav .button_switcher_vertical:focus::after { opacity: 0.02; } .menu_vertical.elementor-widget-wgl-menu.menu_expand .primary-nav .button_switcher_vertical.is-active::before { transform: rotate(180deg); color: var(--odefy-primary-color); } .menu_vertical.elementor-widget-wgl-menu.menu_expand .primary-nav li:hover > a .button_switcher_vertical::before { color: var(--odefy-primary-color); } .menu_vertical.elementor-widget-wgl-menu .primary-nav .button_switcher_vertical { width: 50px; height: 50px; z-index: 1; cursor: pointer; position: absolute; top: 50%; transform: translateY(-50%); right: 0; margin-right: 0; } .menu_vertical.elementor-widget-wgl-menu .primary-nav .button_switcher_vertical::before { background: none !important; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; content: "\f106"; font-family: "Font Awesome 5 Free"; font-weight: 600; display: inline-block; vertical-align: middle; transform: rotate(90deg); z-index: 1; font-size: 13px; width: 1em; height: 1em; line-height: 1em; font-style: normal; color: rgba(var(--odefy-secondary-rgb), 0.5); transform-origin: center; perspective-origin: center; transition: 0.4s; } .menu_vertical.elementor-widget-wgl-menu .primary-nav .button_switcher_vertical.is-active::before { transform: rotate(180deg); } .menu_vertical.elementor-widget-wgl-menu .primary-nav li:hover > a .button_switcher_vertical::before { color: var(--odefy-secondary-color); } .mobile_nav_wrapper .search_mobile_menu .header_search-field { background: unset; color: var(--odefy-tertiary-color); } .wgl-mobile-header .mini-cart { position: static; } .wgl-mobile-header .socials-wrapper { display: flex; } .wgl-mobile-header .socials-wrapper .wgl-social i { width: 1em; height: 1em; position: relative; display: block; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_right] .header_area_container > * { margin-left: 15px; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_right] .header_area_container > *:first-child { margin-left: 0; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_left] .header_area_container > * { margin-right: 15px; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_left] .header_area_container > *:last-child { margin-right: 0; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_center] .header_area_container > * { margin-left: 15px; margin-right: 15px; } .wgl-mobile-header .wgl-header-row .header_side[class^=position_center] .header_area_container > *:last-child, .wgl-mobile-header .wgl-header-row .header_side[class^=position_center] .header_area_container > *:first-child { margin-right: 0; margin-left: 0; } @media (max-width: 1200px) { .wgl-theme-header .wgl-sticky-header { display: none; } } @media (max-width: 782px) { body.admin-bar .wgl-menu_outer { top: 46px; height: calc(100vh - 46px); } } @media (max-width: 450px) { .wgl-menu_outer { width: calc(100% - 50px); } } @media (max-width: 360px) { .wgl-mobile-header .woo_mini_cart { width: calc(100vw - 40px); } } @keyframes burger_top-1-45 { 0% { top: 0; transform: rotate(0); } 50% { top: 7px; transform: rotate(0); } 100% { top: 7px; transform: rotate(45deg); } } @keyframes burger_top-2-45 { 0% { top: 7px; transform: rotate(45deg); } 50% { top: 7px; transform: rotate(0); } 100% { top: 0; transform: rotate(0); } } @keyframes burger_bottom-1-135 { 0% { bottom: 0; transform: rotate(0); } 50% { bottom: 7px; transform: rotate(0); } 100% { bottom: 7px; transform: rotate(135deg); } } @keyframes burger_bottom-2-135 { 0% { bottom: 7px; transform: rotate(135deg); } 50% { bottom: 7px; transform: rotate(0); } 100% { bottom: 0; transform: rotate(0); } } @keyframes burger_scaled-1 { 50% { transform: scale(0); } 100% { transform: scale(0); } } @keyframes burger_scaled-2 { 0% { transform: scale(0); } 50% { transform: scale(0); } 100% { transform: scale(1); } } /* ==================== ##Page Title ==================== */ .page-header { display: flex; align-items: center; position: relative; z-index: 1; padding: 10px 0; } .page-header.page-header_gradient { --header-gradient-width: 270px; --header-gradient-first: #FAA9A5; --header-gradient-second: #7040F2; } .page-header.page-header_gradient::before, .page-header.page-header_gradient::after { content: ""; position: absolute; z-index: -1; pointer-events: none; width: var(--header-gradient-width); height: var(--header-gradient-width); opacity: 0.8; filter: blur(80px); display: block; } .page-header.page-header_gradient::before { background: radial-gradient(circle, var(--header-gradient-first) 0%, transparent 100%); transform: translateX(calc(var(--header-gradient-width) / 3)); } .page-header.page-header_gradient::after { background: radial-gradient(circle, var(--header-gradient-second) 0%, transparent 100%); transform: translateX(calc(var(--header-gradient-width) / 3 * -1)); } .page-header_wrapper { height: inherit; } .page-header_wrapper .wgl-container { height: 100%; } .page-header .page-header_content { height: 100%; position: relative; z-index: 1; } .page-header_align_left { justify-content: flex-start; } .page-header_align_left .page-header_content { align-items: flex-start; text-align: left; } .page-header_align_center { justify-content: center; } .page-header_align_center .page-header_content { align-items: center; text-align: center; } .page-header_align_right { justify-content: flex-end; } .page-header_align_right .page-header_content { align-items: flex-end; text-align: right; } .page-header.breadcrumbs_align_left .page-header_breadcrumbs { align-self: flex-start; text-align: left; } .page-header.breadcrumbs_align_center .page-header_breadcrumbs { align-self: center; text-align: center; } .page-header.breadcrumbs_align_right .page-header_breadcrumbs { align-self: flex-end; text-align: right; } .page-header.breadcrumbs_inline .page-header_content { flex-direction: row; align-items: center; display: flex; } .page-header.breadcrumbs_inline .page-header_content .page-header_title { padding: 0; } @media (max-width: 767px) { .page-header.breadcrumbs_inline .page-header_content { flex-direction: column; } .page-header.breadcrumbs_inline .page-header_content .page-header_breadcrumbs { text-align: center; } .page-header.breadcrumbs_inline .page-header_content .page-header_title { text-align: center; padding-bottom: 15px; } } .page-header.breadcrumbs_inline .page-header_content .page-header_breadcrumbs { align-self: auto; } .page-header.breadcrumbs_inline.page-header_align_left .page-header_content { justify-content: space-between; } .page-header.breadcrumbs_inline.page-header_align_right .page-header_content { justify-content: space-between; flex-direction: row-reverse; } .page-header.breadcrumbs_inline.page-header_align_center .page-header_breadcrumbs { margin-left: 20px; } .page-header_title { font-family: var(--odefy-header-font-family); font-weight: 700; color: inherit; font-size: clamp(40px, 7.3vw, var(--pt-font-size)); line-height: clamp(50px, 8.35vw, var(--pt-line-height)); } .page-header_title + .page-header_breadcrumbs { padding-top: 40px; } @media (max-width: 1200px) { .page-header_title + .page-header_breadcrumbs { padding-top: 20px; } } .page-header_breadcrumbs .breadcrumbs { white-space: nowrap; font-weight: 600; font-family: var(--odefy-header-font-family); } .page-header_breadcrumbs .breadcrumbs .current { cursor: default; transition: 0.4s; } .page-header_breadcrumbs .breadcrumbs > a { color: inherit; opacity: 0.6; } .page-header_breadcrumbs .breadcrumbs > a:hover { color: inherit; opacity: 1; } .page-header_breadcrumbs .divider:not(:last-child) { color: inherit; margin: 0 10px; } .page-header_breadcrumbs .divider:not(:last-child)::before { content: "\f106"; font-family: "Font Awesome 5 Free"; font-weight: 600; display: inline-block; line-height: 1; font-size: 12px; vertical-align: middle; transform: rotate(90deg); } .page-header_wrapper_product .page-header_breadcrumbs { margin-top: 23px; } @keyframes pagetitle_dot { 0% { opacity: 1; } 100% { opacity: 0; } } body .title-wrapper ~ .select2-container, body .title-wrapper ~ form .select2-container { margin-top: -11px; } body .select2-container, body .ui-widget.ui-datepicker { z-index: 999 !important; } body .select2-container { font-family: var(--odefy-content-font-family); font-size: 16px; line-height: 1.5; font-weight: 400; text-transform: unset; color: var(--odefy-header-font-color); margin-top: 0; margin-bottom: 4px; } body .select2-container ul li { font-size: 16px; line-height: 1.5; font-weight: 400; margin: 0; } body .select2-container--default .select2-search--inline .select2-search__field { line-height: 30px; height: 30px; max-width: 100%; margin: 0; box-shadow: unset !important; text-transform: none; } body .select2-container--default .select2-search--dropdown { padding: 0 10px; } body .select2-container--default .select2-search--dropdown .select2-search__field { background-color: transparent; padding: 10px 0; height: 46px; border: unset; transition: all 0.3s; border-width: 0 0 1px 0 !important; border-style: solid; border-color: rgba(var(--odefy-header-rgb), 0.15); } body .select2-container--default .select2-selection--single { padding: 8px 12px 7px 12px; background-color: transparent; border-radius: unset; font-weight: 400; border-width: 0 0 1px 0 !important; border-style: solid; border-color: rgba(var(--odefy-header-rgb), 0.15); margin: 0; height: 46px; text-align: left; transition: all 0.3s; } body .select2-container--default .select2-selection--single .select2-selection__clear { float: left; font-weight: normal; font-size: 16px; } body .select2-container--default .select2-selection--single .select2-selection__placeholder { color: inherit; } body .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 30px; padding-left: 0; color: var(--odefy-header-font-color); } body .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; right: 0; height: 46px; width: 1em; background-image: var(--odefy-bg-caret); background-size: 10px; background-repeat: no-repeat; background-position: 100% center; } body .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } body .select2-container--default .select2-selection--multiple { font-size: 0; padding: 9px 12px 8px 12px; background-color: transparent; border-radius: unset; border-width: 0 0 1px 0 !important; border-style: solid !important; border-color: rgba(var(--odefy-header-rgb), 0.15); transition: 0.4s; } body .select2-container--default .select2-selection--multiple .select2-selection__rendered { max-width: 100%; padding: 0; } body .select2-container--default .select2-selection--multiple .select2-selection__rendered li { padding-left: 0; padding-right: 0; margin: 0 !important; max-width: 100%; font-size: 16px; line-height: 1.5; font-weight: 400; color: var(--odefy-header-font-color); } body .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice { background: unset; padding-left: 7px; border: unset; margin-right: 5px; } body .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice__remove { font-size: 16px; line-height: 16px; font-weight: normal; color: #b7b7b7; transition: color 0.4s; } body .select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice__remove:hover { color: var(--odefy-header-font-color); } body .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: rgba(var(--odefy-header-rgb), 1); } body .select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple { border-bottom: 1px solid var(--odefy-header-font-color); background-color: transparent; } body .select2-container--default.select2-container--below.select2-container--open .select2-selection--single { border-bottom: 1px solid var(--odefy-header-font-color); background-color: transparent; } body .select2-container--default.select2-container--above.select2-container--open .select2-selection--multiple { border-bottom: 1px solid var(--odefy-header-font-color); background-color: transparent; } body .select2-container--default.select2-container--above.select2-container--open .select2-selection--single { border-bottom: 1px solid var(--odefy-header-font-color); background-color: transparent; } body .select2-container--default .select2-results__option { padding-left: 10px; line-height: 24px; } body .select2-container--default .select2-results__option[aria-selected=true], body .select2-container--default .select2-results__option[data-selected=true] { background-color: rgba(var(--odefy-header-rgb), 0.2); color: inherit; } body .select2-container--default .select2-results__option--highlighted[aria-selected=true], body .select2-container--default .select2-results__option--highlighted[data-selected=true] { background: rgba(var(--odefy-header-rgb), 0.1); font-weight: 700; } body .select2-results { font-size: 16px; } body .select2-dropdown { color: var(--odefy-header-font-color); background-color: var(--odefy-body-background-color); border-bottom: 1px solid rgba(var(--odefy-header-rgb), 0.15); box-shadow: none; } body .select2-dropdown.select2-dropdown--below { border: 1px solid rgba(var(--odefy-header-rgb), 1); border-top: none; } body .select2-dropdown.select2-dropdown--above { border: 1px solid rgba(var(--odefy-header-rgb), 1); } body.admin-bar > .select2-container { margin-top: -32px; } @media screen and (max-width: 782px) { body.admin-bar > .select2-container { margin-top: -46px; } } .woocommerce form .form-row .select2-container { margin: 0; } /* ==================== ##Shop - Combobox ↓ ==================== */ div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input { border: unset; border-bottom: 1px solid rgba(var(--odefy-header-rgb), 0.15); box-shadow: unset; padding: 0 12px; border-radius: unset; font-family: var(--odefy-content-font-family); font-size: 16px; line-height: 1.7; font-weight: 400; text-transform: unset; color: var(--odefy-header-font-color); background: transparent; } div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true], .wc-block-components-form div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-form div.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true] { box-shadow: unset; background: transparent; border-bottom: 1px solid var(--odefy-header-font-color); color: var(--odefy-header-font-color); } div.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form div.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label { font-family: var(--odefy-content-font-family); font-size: 16px; line-height: 46px; font-weight: 400; color: var(--odefy-header-font-color); transform: unset !important; left: 0; } div.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, div.wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form div.wc-block-components-combobox.is-active .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form div.wc-block-components-combobox:focus-within .wc-block-components-combobox-control label.components-base-control__label { opacity: 0; } div.wc-block-components-radio-control .wc-block-components-radio-control__option { color: var(--odefy-header-font-color); padding-left: 29px; font-weight: 500; } div.wc-block-components-radio-control .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout { display: flex; justify-content: space-between; align-items: center; } div.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option::after, div.wc-block-components-radio-control--highlight-checked.wc-block-components-radio-control--highlight-checked--last-selected::after, div.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option::after, div.wc-block-components-radio-control--highlight-checked::after { display: none; } /* ==================== ##Shop - Combobox ↑ ==================== */ /* ==================== ##Typography ==================== */ span.highlighter { padding: 3px 0.2em; border-radius: 5px; } span.highlighter.primary { color: var(--odefy-tertiary-color); background: var(--odefy-primary-color); } span.highlighter.secondary { color: var(--odefy-tertiary-color); background: var(--odefy-secondary-color); } span.highlighter.header { color: var(--odefy-form-bg-color); background: var(--odefy-header-font-color); } blockquote { position: relative; z-index: 1; margin: 20px 0; font-size: 22px; line-height: 1.636; font-weight: 400; min-height: 70px; color: var(--odefy-header-font-color); letter-spacing: 0; } blockquote::before { content: "\f113"; font-family: flaticon; color: var(--odefy-primary-color); font-size: 40px; font-weight: normal; line-height: 1; display: block; transform: rotate(180deg); width: -moz-fit-content; width: fit-content; margin-bottom: 11px; } blockquote cite { display: block; position: relative; margin-top: 14px; font-size: 20px; line-height: 1.3; font-style: normal; color: var(--odefy-header-font-color); font-weight: 700; letter-spacing: -0.03em; } blockquote cite a { color: inherit; } blockquote p:last-of-type { margin-bottom: 0; } blockquote p[style*="text-align: left"] + footer { text-align: left; } blockquote p[style*="text-align: center"] + footer { text-align: center; } blockquote p[style*="text-align: right"] + footer { text-align: right; } .dropcap { position: relative; z-index: 1; float: left; width: 1.5em; height: 1.5em; margin-top: 0.3em; margin-right: 0.5em; font-size: 1.75em; line-height: 1.55em; color: var(--odefy-header-font-color); font-family: var(--odefy-header-font-family); font-weight: 700; text-align: center; overflow: hidden; border-radius: 5px; } .dropcap:not(.alt) { border: 1px solid; line-height: calc(1.55em - 2px); } .dropcap.simple { border: unset; background: unset; width: auto; height: auto; min-width: 1em; font-size: 2.5em; line-height: 1.2; margin-top: 0.1em; margin-right: 0.2em; } .dropcap.primary { color: var(--odefy-primary-color); border-color: var(--odefy-primary-color); } .dropcap.primary.alt { color: var(--odefy-tertiary-color); background: var(--odefy-primary-color); } .dropcap.secondary { border-color: var(--odefy-secondary-color); color: var(--odefy-secondary-color); } .dropcap.secondary.alt { color: var(--odefy-primary-color); background: var(--odefy-secondary-color); } .dropcap.rounded { border-radius: 50%; } .elementor-drop-cap { margin-top: 0.11em; font-weight: 700; } p.has-drop-cap:not(:focus):first-letter { font-size: 3em; line-height: 1.2; font-weight: 600; } small { font-size: 0.8em; } code, tt, kbd { font-size: 87.5%; word-break: break-word; } i, cite, em, var, address, dfn, q { font-style: italic; } kbd { font-family: monospace; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } /* ==================== ##Scroll Up ==================== */ #scroll_up { position: fixed; right: 0; bottom: 0; z-index: 20; text-align: center; cursor: pointer; opacity: 0; transition: 0.4s; display: flex; justify-content: center; align-items: center; line-height: 1; top: 100%; min-height: -moz-fit-content; min-height: fit-content; transform: translate(-30px, 5px); white-space: nowrap; padding: 0; color: var(--odefy-back-to-top-color); background-color: var(--odefy-back-to-top-color-bg); border: 1px solid var(--odefy-back-to-top-color-border); } #scroll_up.scroll_up-text { font-family: var(--odefy-header-font-family); font-weight: 700; font-size: 16px; letter-spacing: -0.02em; right: 0; bottom: 35px; writing-mode: vertical-rl; transform: rotate(180deg) translate3D(-205%, 50px, 0); transform-origin: 0 0; padding: 20px 11px; border: unset; border-radius: 0 15px 15px 0; } @media (max-width: 1200px) { #scroll_up.scroll_up-text { transform: rotate(180deg) translate3D(-205%, 30px, 0); } } #scroll_up.scroll_up-text::after { content: "\f112"; font-family: "flaticon"; z-index: 1; display: inline-block; transform: translateY(0) rotate(90deg); color: currentColor; transition: 0.4s; font-size: 18px; line-height: 0; font-weight: normal; margin-top: 9px; color: var(--odefy-back-to-top-color); } #scroll_up.scroll_up-text:hover { color: var(--odefy-back-to-top-color); } #scroll_up.scroll_up-text:hover::after { transform: translateY(5px) rotate(90deg); } #scroll_up.scroll_up-icon { width: 60px; height: 60px; font-size: 28px; font-weight: 400; border-radius: 50%; transition: 0.4s, clip-path 0s; transform: translate(-40px, 5px); } @media (max-width: 767px) { #scroll_up.scroll_up-icon { transform: translate(-20px, 5px); width: 40px; height: 40px; font-size: 18px; } } #scroll_up.scroll_up-icon .flaticon { transform: rotate(90deg); top: calc(50% - 4px); pointer-events: none; overflow: hidden; height: 1em; transition: 0.4s; } #scroll_up.scroll_up-icon:hover { background-color: var(--odefy-primary-color); border-color: var(--odefy-primary-color); } #scroll_up.active { opacity: 1; } #scroll_up.active.scroll_up-icon { transform: translate(-40px, -100px); } @media (max-width: 767px) { #scroll_up.active.scroll_up-icon { transform: translate(-20px, -60px); } } #scroll_up.active.scroll_up-text { transform: rotate(180deg) translate3D(-100%, 50px, 0); } @media (max-width: 1200px) { #scroll_up.active.scroll_up-text { transform: rotate(180deg) translate3D(-100%, 30px, 0); } } /* ==================== ##Blog ==================== */ .blog-post-single-item.blog-post.format-quote::before, .blog-post-single-item.blog-post.format-link::before { display: none !important; } .blog-style-standard.hover-animation .blog-post { padding-top: 25px; } .blog-style-standard.hover-animation .blog-post:hover .blog-post_wrapper { transform: translateY(-25px); } .blog-style-standard .blog-post_wrapper .blog-post_meta_info { position: absolute; z-index: 12; left: 0; bottom: -25px; width: 100%; padding-top: 0; padding-bottom: 0; transition: 0.45s; } .blog-style-standard .blog-post_wrapper .blog-post_meta_info .meta-data { margin: 0; font-size: 14px; font-weight: 600; } .blog-style-standard .blog-post_wrapper > .blog-post_meta_info { position: relative; bottom: unset; } .blog-style-standard .blog-post_wrapper > .blog-post_meta_info:not(:empty) { margin-bottom: 3px; } .blog-style-standard .wgl_col-12 .blog-post { margin-bottom: 69px; } .blog-style-standard .wgl_col-12:not(.swiper-slide):last-child .blog-post { margin-bottom: 45px; } .blog-style-standard .wgl_col-12 .format-video.blog-post .blog-post_media .blog-post_media_part { padding-bottom: 56%; } .blog-style-standard .wgl_col-12 .format-video.blog-post .blog-post_media .blog-post_media_part.video_image:not(.video_parallax) { padding-bottom: 0; } .blog-style-standard .wgl_col-6 .blog-post, .blog-style-standard .wgl_col-4 .blog-post, .blog-style-standard .wgl_col-3 .blog-post { margin-bottom: 48px; } .blog-style-standard .wgl_col-6 .blog-post.hide_media .blog-post_content, .blog-style-standard .wgl_col-4 .blog-post.hide_media .blog-post_content, .blog-style-standard .wgl_col-3 .blog-post.hide_media .blog-post_content { padding: 30px; } .blog-style-standard .wgl_col-6 .blog-post.hide_media .blog-post_content .post_categories + .post_meta-wrap, .blog-style-standard .wgl_col-4 .blog-post.hide_media .blog-post_content .post_categories + .post_meta-wrap, .blog-style-standard .wgl_col-3 .blog-post.hide_media .blog-post_content .post_categories + .post_meta-wrap { margin-top: 20px; } .blog-style-standard .wgl_col-6 .blog-post_media .post_categories, .blog-style-standard .wgl_col-4 .blog-post_media .post_categories, .blog-style-standard .wgl_col-3 .blog-post_media .post_categories { top: 20px; left: 20px; } .blog-style-standard .wgl_col-6 > :not(.format-no_featured) .blog-post .blog-post_content, .blog-style-standard .wgl_col-4 > :not(.format-no_featured) .blog-post .blog-post_content, .blog-style-standard .wgl_col-3 > :not(.format-no_featured) .blog-post .blog-post_content { padding-top: 21px; padding-bottom: 20px; } .blog-style-standard .wgl_col-6 .blog-post_content .blog-post_footer, .blog-style-standard .wgl_col-4 .blog-post_content .blog-post_footer, .blog-style-standard .wgl_col-3 .blog-post_content .blog-post_footer { margin-top: 13px; } .blog-style-standard .wgl_col-6 .blog-post_title, .blog-style-standard .wgl_col-4 .blog-post_title, .blog-style-standard .wgl_col-3 .blog-post_title { font-size: 26px; line-height: 1.46; margin-top: 6px; } @media (max-width: 767px) { .blog-style-standard .wgl_col-6 .blog-post_title, .blog-style-standard .wgl_col-4 .blog-post_title, .blog-style-standard .wgl_col-3 .blog-post_title { font-size: 20px; } } .blog-style-standard .wgl_col-6 .blog-post_title > a, .blog-style-standard .wgl_col-4 .blog-post_title > a, .blog-style-standard .wgl_col-3 .blog-post_title > a { display: block; font: inherit; line-height: inherit; } .blog-style-standard .wgl_col-6 .format-quote, .blog-style-standard .wgl_col-4 .format-quote, .blog-style-standard .wgl_col-3 .format-quote { --quote-offset: 40px; } .blog-style-standard .wgl_col-6 .format-quote .blog-post_media, .blog-style-standard .wgl_col-4 .format-quote .blog-post_media, .blog-style-standard .wgl_col-3 .format-quote .blog-post_media { margin-bottom: 30px; } .blog-style-standard .wgl_col-6 .format-quote .post_categories, .blog-style-standard .wgl_col-4 .format-quote .post_categories, .blog-style-standard .wgl_col-3 .format-quote .post_categories { margin-bottom: 0; } .blog-style-standard .wgl_col-6 .format-quote .blog-post_quote-text, .blog-style-standard .wgl_col-4 .format-quote .blog-post_quote-text, .blog-style-standard .wgl_col-3 .format-quote .blog-post_quote-text { margin-top: 0; } .blog-style-standard .wgl_col-6 .format-quote .blog-post_quote-text::before, .blog-style-standard .wgl_col-4 .format-quote .blog-post_quote-text::before, .blog-style-standard .wgl_col-3 .format-quote .blog-post_quote-text::before { font-size: 30px; } .blog-style-standard .wgl_col-6 .format-link .blog-post_media, .blog-style-standard .wgl_col-4 .format-link .blog-post_media, .blog-style-standard .wgl_col-3 .format-link .blog-post_media { margin-bottom: 29px; } .blog-style-standard .wgl_col-6 .format-link .post_categories, .blog-style-standard .wgl_col-4 .format-link .post_categories, .blog-style-standard .wgl_col-3 .format-link .post_categories { margin-bottom: 0; } .blog-style-standard .wgl_col-6 .format-link .blog-post_link .link_post, .blog-style-standard .wgl_col-4 .format-link .blog-post_link .link_post, .blog-style-standard .wgl_col-3 .format-link .blog-post_link .link_post { font-size: 22px; } .blog-style-standard .wgl_col-6 .format-link .blog-post_link::before, .blog-style-standard .wgl_col-4 .format-link .blog-post_link::before, .blog-style-standard .wgl_col-3 .format-link .blog-post_link::before { font-size: 34px; top: -3px; } .blog-style-standard .wgl_col-6 .format-video .blog-post_media_part .videobox_link_wrapper, .blog-style-standard .wgl_col-4 .format-video .blog-post_media_part .videobox_link_wrapper, .blog-style-standard .wgl_col-3 .format-video .blog-post_media_part .videobox_link_wrapper { margin: 30px; } .blog-style-standard .wgl_col-6 .format-gallery .blog-post_media .wgl-navigation_wrapper, .blog-style-standard .wgl_col-4 .format-gallery .blog-post_media .wgl-navigation_wrapper, .blog-style-standard .wgl_col-3 .format-gallery .blog-post_media .wgl-navigation_wrapper { margin: 22px 24px; } .blog-style-standard .wgl_col-6 .format-gallery .blog-post_media .wgl-navigation_wrapper .elementor-swiper-button-next, .blog-style-standard .wgl_col-6 .format-gallery .blog-post_media .wgl-navigation_wrapper .elementor-swiper-button-prev, .blog-style-standard .wgl_col-4 .format-gallery .blog-post_media .wgl-navigation_wrapper .elementor-swiper-button-next, .blog-style-standard .wgl_col-4 .format-gallery .blog-post_media .wgl-navigation_wrapper .elementor-swiper-button-prev, .blog-style-standard .wgl_col-3 .format-gallery .blog-post_media .wgl-navigation_wrapper .elementor-swiper-button-next, .blog-style-standard .wgl_col-3 .format-gallery .blog-post_media .wgl-navigation_wrapper .elementor-swiper-button-prev { --wgl-swiper-button-diameter: 40px; font-size: 18px; } .blog-style-standard .wgl_col-6 .format-audio .blog-post_media, .blog-style-standard .wgl_col-4 .format-audio .blog-post_media, .blog-style-standard .wgl_col-3 .format-audio .blog-post_media { margin-bottom: 30px; } .blog-style-standard .wgl_col-6 .elementor-swiper-button-prev, .blog-style-standard .wgl_col-6 .elementor-swiper-button-next, .blog-style-standard .wgl_col-4 .elementor-swiper-button-prev, .blog-style-standard .wgl_col-4 .elementor-swiper-button-next, .blog-style-standard .wgl_col-3 .elementor-swiper-button-prev, .blog-style-standard .wgl_col-3 .elementor-swiper-button-next { --wgl-swiper-button-diameter: 38px; } .blog-style-standard .blog-post { transition: 0.4s; border-radius: 30px; } .blog-style-standard .blog-post .blog-post_wrapper { position: relative; z-index: 1; } .blog-style-standard .blog-post .post_meta-wrap { margin-top: 28px; } .blog-style-standard .blog-post.hide_media { background: var(--odefy-form-bg-color); } .blog-style-standard .blog-post.hide_media .blog-post_media_part { overflow: visible; border-radius: unset; } .blog-style-standard .blog-post.hide_media .blog-post_content { padding: 40px 40px 39px; } @media (max-width: 767px) { .blog-style-standard .blog-post.hide_media .blog-post_content { padding: 20px; } } .blog-style-standard .blog-post.hide_media .blog-post_content .post_meta-wrap { margin-top: -7px; } .blog-style-standard .blog-post.hide_media .blog-post_content .post_categories + .post_meta-wrap { margin-top: 26px; } .blog-style-standard .blog-post blockquote cite { padding-left: 0; text-align: inherit; } .blog-style-standard .blog-post::after { content: ""; display: block; height: 0; clear: both; } .blog-style-standard.blog_carousel .swiper-slide { margin-bottom: 0; } .blog-style-standard.blog_carousel .swiper-slide.swiper-slide { margin-bottom: 0; } .blog-style-standard .blog-post_text { font-size: 16px; margin-top: 12px; } .blog-style-standard .blog-post_text blockquote { margin-bottom: 20px; } .blog-style-standard .blog-post_text .wp-block-pullquote:not(.has-background) { padding: 15px 0; } .blog-style-standard .blog-post_text .wp-block-pullquote:not(.has-background) blockquote { margin-bottom: 0; } .blog-style-standard .blog-post_text .wp-block-pullquote:not(.has-background).is-style-solid-color blockquote p:first-of-type { margin-top: -0.225em; } .blog-style-standard .blog-post_text .wp-block-archives-list, .blog-style-standard .blog-post_text .wp-block-latest-posts { list-style: none; } .blog-style-standard .blog-post_text .wp-block-categories-list .children li { padding-left: 0; } .blog-style-standard .blog-post_text .more-link { display: none; } .blog-style-standard .blog-post_text .wp-block-search { margin-bottom: 20px; } .blog-style-standard .blog-post_footer { display: flex; justify-content: space-between; align-items: center; margin-top: 17px; } @media (max-width: 767px) { .blog-style-standard .blog-post_footer { flex-direction: column-reverse; align-items: flex-start; margin-top: 16px; gap: 10px; } .blog-style-standard .blog-post_footer .read-more-wrap { width: 100%; flex: unset; } } .blog-style-standard .blog-post_footer .post_meta-wrap { margin-top: 0; } .blog-style-standard .blog-post_footer .post_meta-wrap:empty { display: none; } .blog-style-standard .blog-post_footer .meta-data { font-size: 15px; } .blog-style-standard .blog-post_footer .meta-data > *:not(:last-child) { margin-right: 18px; } .blog-style-standard.acenter .meta-data { justify-content: center; } .blog-style-standard.aright .meta-data { justify-content: flex-end; } .blog-post { position: relative; z-index: 1; margin-bottom: 60px; } .blog-post .blog-post_media { position: relative; z-index: 1; --wgl-blog-image-scale-size: 1; --wgl-blog-image-transition: 0.5s; } .blog-post .blog-post_media:hover .blog-post_media_part img { transform: scale(var(--wgl-blog-image-scale-size)); } .blog-post .blog-post_media .post_categories { position: absolute; z-index: 1; top: 40px; left: 40px; } .blog-post .blog-post_media .blog-post_media_part { position: relative; line-height: 0; border-radius: 30px; transition: 0.4s; overflow: hidden; } .blog-post .blog-post_media .blog-post_media_part img { transition: var(--wgl-blog-image-transition) ease-out; border-radius: inherit; } .blog-post.format-gallery .blog-post_media .blog-post_media_part { overflow: hidden; } .blog-post.format-gallery .blog-post_media .wgl-carousel .swiper-slide:not(:only-child) { cursor: e-resize; } .blog-post.format-gallery .blog-post_media .wgl-navigation_wrapper { align-items: center; justify-content: space-between; margin: 30px 40px; gap: 16px; } @media (max-width: 767px) { .blog-post.format-gallery .blog-post_media .wgl-navigation_wrapper { margin: 20px; } } .blog-post.format-gallery .blog-post_media .elementor-swiper-button-next, .blog-post.format-gallery .blog-post_media .elementor-swiper-button-prev { --wgl-swiper-button-diameter: 58px; color: var(--odefy-tertiary-color); border-color: var(--odefy-tertiary-color); font-size: 24px; } @media (max-width: 767px) { .blog-post.format-gallery .blog-post_media .elementor-swiper-button-next, .blog-post.format-gallery .blog-post_media .elementor-swiper-button-prev { --wgl-swiper-button-diameter: 40px; font-size: 18px; } } .blog-post.format-gallery .blog-post_media .elementor-swiper-button-next.swiper-button-disabled, .blog-post.format-gallery .blog-post_media .elementor-swiper-button-prev.swiper-button-disabled { pointer-events: none; } .blog-post.format-gallery .blog-post_media .elementor-swiper-button-next:hover, .blog-post.format-gallery .blog-post_media .elementor-swiper-button-prev:hover { color: var(--odefy-quaternary-color); background: var(--odefy-tertiary-color); } .blog-post.format-gallery .blog-post_media .elementor-swiper-button .title { display: block; } .blog-post.standard .blog-post_media, .blog-post.format-standard .blog-post_media { margin-bottom: 12px; } .blog-post.format-standard-image .blog-post_content > .share_post-container, .blog-post.format-image .blog-post_content > .share_post-container, .blog-post.format-gallery .blog-post_content > .share_post-container, .blog-post.format-video .blog-post_content > .share_post-container { top: -26px; } .blog-post.format-standard-image .blog-post_content > .share_post-container > a::after, .blog-post.format-image .blog-post_content > .share_post-container > a::after, .blog-post.format-gallery .blog-post_content > .share_post-container > a::after, .blog-post.format-video .blog-post_content > .share_post-container > a::after { border-top-color: transparent; border-left-color: transparent; transform: rotate(44deg); } .blog-post.format-standard-image .blog-post_content > .share_post-container:hover > a::after, .blog-post.format-image .blog-post_content > .share_post-container:hover > a::after, .blog-post.format-gallery .blog-post_content > .share_post-container:hover > a::after, .blog-post.format-video .blog-post_content > .share_post-container:hover > a::after { transform: rotate(44deg) scale(0.2); } .blog-post.format-standard-image .blog-post_media, .blog-post.format-image .blog-post_media { position: relative; z-index: 1; } .blog-post.format-standard-image .blog-post_media .image-overlay, .blog-post.format-image .blog-post_media .image-overlay { display: inline-block; position: relative; z-index: 1; border-radius: inherit; filter: grayscale(0%); } .blog-post.format-standard-image .blog-post_media .image-overlay::before, .blog-post.format-standard-image .blog-post_media .image-overlay::after, .blog-post.format-image .blog-post_media .image-overlay::before, .blog-post.format-image .blog-post_media .image-overlay::after { display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; transition: opacity 0.3s; } .blog-post.format-standard-image .blog-post_media .image-overlay::after, .blog-post.format-image .blog-post_media .image-overlay::after { opacity: 0; } .blog-post.format-standard-image .blog-post_media .image-overlay img, .blog-post.format-image .blog-post_media .image-overlay img { border-radius: inherit; } .blog-post.format-standard-image:hover .image-overlay::after, .blog-post.format-image:hover .image-overlay::after { opacity: 1; } .blog-post.format-quote { --quote-offset: 50px; } .blog-post.format-quote .blog-post_media { margin-bottom: 36px; } .blog-post.format-quote .blog-post_quote-text { position: relative; z-index: 1; margin-top: -7px; margin-bottom: 0; font-size: 22px; line-height: 1.636; font-weight: 400; min-height: 70px; color: var(--odefy-header-font-color); font-family: var(--odefy-content-font-family); letter-spacing: 0; } .blog-post.format-quote .blog-post_quote-text::before { content: "\f113"; font-family: flaticon; color: var(--odefy-primary-color); font-size: 40px; font-weight: normal; line-height: 1; display: block; transform: rotate(180deg); width: -moz-fit-content; width: fit-content; margin-bottom: 11px; } .blog-post.format-quote .blog-post_quote-author { display: block; position: relative; margin-top: 12px; font-size: 20px; line-height: 1.3; font-style: normal; color: var(--odefy-header-font-color); font-weight: 700; letter-spacing: -0.03em; } .blog-post.format-quote .blog-post_quote-author .blog-post_quote-image { display: inline-block; width: 30px; vertical-align: middle; margin-right: 10px; border-radius: 50%; } .blog-post.format-quote .blog-post_quote-author .blog-post_quote-author-name, .blog-post.format-quote .blog-post_quote-author .blog-post_quote-author-pos { vertical-align: middle; } .blog-post.format-link { overflow: hidden; } .blog-post.format-link .blog-post_media_part { overflow: visible; } .blog-post.format-link .blog-post_media { margin-bottom: 29px; } .blog-post.format-link .blog-post_link { margin-bottom: 0; position: relative; z-index: 1; line-height: inherit; font-size: inherit; } .blog-post.format-link .blog-post_link .link_post { position: relative; z-index: 1; margin: 20px 0; font-size: 22px; line-height: 1.636; font-weight: 400; min-height: 70px; color: var(--odefy-header-font-color); font-family: var(--odefy-content-font-family); letter-spacing: 0; } .blog-post.format-link .blog-post_link .link_post:hover { opacity: 0.6; } .blog-post.format-link .blog-post_link::before { content: "\f115"; font-family: flaticon; color: var(--odefy-primary-color); font-size: 40px; font-weight: normal; line-height: 1; display: block; width: -moz-fit-content; width: fit-content; margin-bottom: 11px; } .blog-post.format-audio .blog-post_media .blog-post_media_part { border-radius: 30px; } .blog-post.format-audio .blog-post_media { margin-bottom: 40px; } .related_posts .format-video .blog-post_media .blog-post_media_part { padding-bottom: 87.5%; } .related_posts .format-video .blog-post_media .blog-post_media_part.video_image:not(.video_parallax) { padding-bottom: 0; } #main-content > .blog-posts .elementor { margin-left: -15px; margin-right: -15px; } .format-video .blog-post_media .blog-post_media_part { width: 100%; overflow: hidden; } .format-video .blog-post_media .blog-post_media_part .videobox_content { justify-content: center; align-items: center; } .format-video .blog-post_media .blog-post_media_part .videobox_link_wrapper { top: auto; margin: 40px; } .format-video .blog-post_media .blog-post_media_part { padding-bottom: 73.5%; } .format-video .blog-post_media .blog-post_media_part.video_image:not(.video_parallax) { padding-bottom: 0; } .format-video .blog-post_media iframe { position: absolute; z-index: 1; height: 100%; } .format-audio iframe { border-radius: inherit; } .blog-post.sticky-post.format-no_featured { border: 3px solid #cccccc; } .blog-posts .blog-post_title { font-size: 36px; display: block; margin-bottom: 0; margin-top: 6px; word-wrap: break-word; clear: both; } @media (max-width: 767px) { .blog-posts .blog-post_title { font-size: 20px; line-height: 1.4; } } .blog-posts .blog-post_title:last-child { margin-bottom: 0; } .blog-posts .blog-post_title > a { font: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; transition: 0.5s ease-in-out; } .blog-posts .blog-post_title > a:hover { opacity: 0.6; } .blog-post_content .page-link { margin-top: 30px; } .blog-post_content::after { content: ""; display: block; clear: both; } .blog-post_content .read-more-wrap { padding-top: 0; padding-bottom: 0; } .blog-post_content .blog-post_title + .read-more-wrap { padding-top: 0; } .blog-post_content p, .blog-post_content p + address, #comments .comment_content > p, #comments .comment_content > p + address { margin-bottom: 16px; } .blog-post_content p:last-child, #comments .comment_content > p:last-child { margin-bottom: 0; } .blog-post_content p:empty, #comments .comment_content > p:empty { display: none; } .blog-post_content h1, .blog-post_content h2, .blog-post_content h3, .blog-post_content h4, .blog-post_content h5, .blog-post_content h6, .row > div > h1, .row > div > h2, .row > div > h3, .row > div > h4, .row > div > h5, .row > div > h6, #comments .comment_content h1, #comments .comment_content h2, #comments .comment_content h3, #comments .comment_content h4, #comments .comment_content h5, #comments .comment_content h6 { margin-bottom: 22px; } .blog-posts-list + .wgl-pagination { margin-bottom: 30px; } .blog-posts-list::after { content: ""; display: block; height: 0; clear: both; } .archive .blog-posts-list { margin-top: 0; } .home .sidebar_none > .wgl_col-12 > .blog-posts, .archive .sidebar_none > .wgl_col-12 > .blog-posts { margin-top: 50px; } .home .sidebar_right .blog-posts-list, .home .sidebar_left .blog-posts-list, .archive .sidebar_right .blog-posts-list, .archive .sidebar_left .blog-posts-list { margin-top: 0; } .elementor-widget-wgl-blog .elementor-widget-container { margin-bottom: 40px; } .elementor-widget-wgl-blog.nav-left .wgl-pagination { text-align: left; } .elementor-widget-wgl-blog.nav-center .wgl-pagination { text-align: center; } .elementor-widget-wgl-blog.nav-right .wgl-pagination { text-align: right; } .home .row.sidebar_right, .home .row.sidebar_left { margin-top: 50px; } .mega-ajax-content .item .blog-post_media { margin-bottom: 14px; } .mega-ajax-content .item .blog-post_title { margin-bottom: 5px; } .mega-ajax-content .item .blog-post_content { white-space: normal; } .mega-ajax-content .item .meta-data { background: none; padding-left: 0; padding-right: 0; } .mega-ajax-content .format-video .blog-post_media .blog-post_media_part { padding-bottom: 70.272%; } .blog_carousel .wgl-carousel .swiper-pagination { margin-top: 0; } .blog_carousel .wgl-carousel-wrapper { overflow: visible; } .blog_carousel_title-arrow .wgl-carousel .elementor-swiper-button-prev.elementor-swiper-button, .blog_carousel_title-arrow .wgl-carousel .elementor-swiper-button-next.elementor-swiper-button { display: none !important; } .slider-wrapper.wgl-carousel .blog-post_media-slider_swiper { height: 100%; } .slider-wrapper.wgl-carousel .blog-post_media-slider_swiper .swiper-slide { position: relative; z-index: 5; height: 100%; width: 100%; } .slider-wrapper.wgl-carousel .blog-post_media-slider_swiper .swiper-slide span { height: 100%; width: 100%; display: block; background-size: cover; background-position: center; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); overflow: hidden; } .slider-wrapper.wgl-carousel .blog-post_media-slider_swiper .swiper-slide span img { transform: scale(1.25, 1.25); transition: 500ms ease-in-out; } .slider-wrapper.wgl-carousel .blog-post_media-slider_swiper .swiper-slide.swiper-slide-active span img { transform: scale(1, 1); } .slider-wrapper.wgl-carousel .blog-post_media-slider_swiper .swiper-wrapper { height: 100%; } .slider-wrapper.wgl-carousel .swiper-container { z-index: auto; backface-visibility: hidden; } .slider-wrapper.wgl-carousel .swiper-container .elementor-swiper-button { z-index: 100; } .meta_wrapper, .post_meta-wrap { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: flex-start; } .meta_wrapper.post_meta-top:not(:first-child), .post_meta-wrap.post_meta-top:not(:first-child) { margin-top: 18px; margin-bottom: 20px; } .meta_wrapper .meta-data > span:not(:last-child)::after, .post_meta-wrap .meta-data > span:not(:last-child)::after { content: "\f114"; font-family: flaticon; color: var(--odefy-primary-color); font-size: 0.75em; margin: 0px 11px; transform: translateY(0); } .meta_wrapper .meta-data:not(:first-child), .post_meta-wrap .meta-data:not(:first-child) { margin-left: 15px; } .meta_wrapper .meta-data:not(:first-child)::before, .meta_wrapper .meta-data:not(:first-child)::after, .post_meta-wrap .meta-data:not(:first-child)::before, .post_meta-wrap .meta-data:not(:first-child)::after { display: none; } .meta_wrapper .meta-data + .meta-data, .post_meta-wrap .meta-data + .meta-data { flex-shrink: 0; font-style: normal; } .meta_wrapper .meta-data + .meta-data span, .post_meta-wrap .meta-data + .meta-data span { display: inline-block; vertical-align: baseline; } .meta_wrapper .meta-data + .meta-data i, .post_meta-wrap .meta-data + .meta-data i { font-size: 14px; } .meta_wrapper .meta-data + .meta-data .comments_post i, .post_meta-wrap .meta-data + .meta-data .comments_post i { margin-right: 5px; } .meta_wrapper .meta-data + .meta-data > *, .post_meta-wrap .meta-data + .meta-data > * { margin-right: 15px; display: inline-block; } .meta_wrapper .meta-data + .meta-data > *::after, .post_meta-wrap .meta-data + .meta-data > *::after { display: none; } .meta_wrapper .meta-data + .meta-data > *:last-child, .post_meta-wrap .meta-data + .meta-data > *:last-child { margin-right: 0; } .wgl-portfolio-single_item .meta-data, .blog-post_content .meta-data { position: relative; z-index: 1; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; font-weight: 600; color: var(--odefy-content-secondary-color); font-size: 14px; line-height: 28px; letter-spacing: 0; text-transform: uppercase; font-family: var(--odefy-header-font-family); } .wgl-portfolio-single_item .meta-data a, .blog-post_content .meta-data a { color: inherit; letter-spacing: inherit; } .wgl-portfolio-single_item .meta-data a:hover, .blog-post_content .meta-data a:hover { color: var(--odefy-secondary-color); } .wgl-portfolio-single_item .meta-data .post_author, .blog-post_content .meta-data .post_author { white-space: nowrap; } .wgl-portfolio-single_item .meta-data .post_author img, .blog-post_content .meta-data .post_author img { border-radius: 50%; margin-right: 6px; } .wgl-portfolio-single_item .meta-data:first-child > *, .blog-post_content .meta-data:first-child > * { display: inline-block; vertical-align: middle; color: inherit; padding: 0; margin: 0; line-height: inherit; } .wgl-portfolio-single_item .meta-data:first-child > *:last-child, .blog-post_content .meta-data:first-child > *:last-child { margin-right: 0; } .wgl-portfolio-single_item .meta-data:first-child > * a:not(:hover), .blog-post_content .meta-data:first-child > * a:not(:hover) { color: inherit; } .wgl-portfolio-single_item .meta-data:first-child > *.wgl-views:first-child::after, .blog-post_content .meta-data:first-child > *.wgl-views:first-child::after { content: unset; } @media (max-width: 479px) { .meta-data .views_text, .meta-data .sl-count-text { display: none !important; } } @media (min-width: 768px) and (max-width: 992px) { .blog_columns-2 .meta-data .views_text, .blog_columns-2 .meta-data .sl-count-text { display: none !important; } } @media (min-width: 768px) { .blog_columns-3 .meta-data .views_text, .blog_columns-3 .meta-data .sl-count-text, .blog_columns-4 .meta-data .views_text, .blog_columns-4 .meta-data .sl-count-text { display: none !important; } } .post_categories { --post-catigories-gap: 11px; display: inline-block; position: relative; font-size: 13px; font-weight: 700; font-family: var(--odefy-header-font-family); margin-bottom: calc(var(--post-catigories-gap) * -1); } .post_categories span { display: inline-block; position: relative; line-height: inherit; transition: 0.4s; margin-bottom: var(--post-catigories-gap); } .post_categories span:not(:last-child) { margin-right: var(--post-catigories-gap); } .post_categories a { display: inline-block; padding: 1px 10px; line-height: 30px; color: var(--odefy-tertiary-color); background-color: var(--odefy-primary-color); border-radius: 30px; transition: 0.5s ease-in-out; } .post_categories a:hover { background-color: var(--odefy-tertiary-color); color: var(--odefy-quaternary-color); } .blog-post_text + .page-link, .blog-post_text + .page-link + .clear + .button-read-more, .blog-post_text + .clear + .button-read-more { margin-bottom: 21px; } .blog-post_text .alignleft:last-child, .blog-post_text .alignright:last-child { margin-bottom: 10px; } .blog-post_text ins, .blog-post_text kbd, .blog-post_text tt, .blog-post_text code, .blog-post_text a { color: var(--odefy-tertiary-color); } .read-more-wrap { clear: both; line-height: 1; } .button-read-more { display: inline-flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; font-size: 16px; font-weight: 600; line-height: 1; font-family: var(--odefy-header-font-family); white-space: nowrap; letter-spacing: 0; margin-top: 6px; max-width: 100%; color: var(--odefy-header-font-color); transition: 0.4s; padding-left: 21px; } .button-read-more .read-more-icon { display: inline-flex; font-size: 1.4em; font-weight: normal; transition: 0.4s; color: var(--odefy-content-secondary-color); transform: translateY(var(--icon-translate-y, 0)) rotate(var(--icon-rotate, 0)); pointer-events: none; } .button-read-more::before { content: ""; position: absolute; z-index: 1; transition: 0.5s ease-in-out; padding: 5px; color: var(--odefy-content-secondary-color); background: currentColor; border-radius: 50%; left: 1px; top: 3px; } .button-read-more > span { white-space: normal; transition: transform 0.4s; display: inline-block; position: relative; } .button-read-more:hover::before { color: var(--odefy-primary-color); } .button-read-more.no_text { padding-left: 0 !important; margin-right: 0 !important; } .button-read-more.no_text .read-more-icon, .button-read-more.no_text::after { display: none; } .tagcloud-wrapper .title_tags { font-size: 15px; margin-right: 18px; } .meta-data + .post_info-divider { margin-top: 4px; } .blog-post_excerpt { margin: 0 0 38px; font-size: 20px; line-height: 1.8; font-weight: 400; } .blog-post_excerpt > p:last-child { margin-bottom: 0; } .blog-post_wrapper { position: relative; transition: inherit; } .blog-post_wrapper .blog-post_media .odefy_module_videobox img { box-shadow: none; } .blog-post_wrapper .blog-post_media .odefy_module_videobox .videobox_link { border-color: transparent; opacity: 0.9; } .blog-post_wrapper .blog-post_content .odefy_module_videobox .videobox_wrapper_link::before { display: none; } .blog-post_wrapper .blog-post_content > .post_meta-wrap .meta-data:first-child > * { display: contents; } .blog-post_wrapper .blog-post_content .odefy_module_videobox { margin-bottom: 50px; } .row.sidebar_left .content-container { float: right; } .container-grid.row > .wgl-carousel { margin-left: 0; margin-right: 0; } .container-grid.row > .wgl-carousel.navigation_offset_element { padding-left: 40px; padding-right: 40px; overflow: hidden; } .container-grid.row > .wgl-carousel.navigation_offset_element > .swiper-container { overflow: visible; } .container-grid.row > .wgl-carousel.navigation_offset_element .swiper-wrapper { overflow: hidden; } .blog_subtitle { font-size: 18px; line-height: 1.4; } .attachment_media .meta-data { margin-bottom: 10px; font-weight: 600; } .attachment_media .meta-data > span { position: relative; padding-left: 23px; } .attachment_media .meta-data > span:first-child { padding-left: 0; } .attachment_media .meta-data > span:first-child::before { display: none; } .parallax-video { position: absolute !important; z-index: 2 !important; top: 0; left: 0; width: 100%; height: 100%; } .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; } .archive__heading { margin-bottom: 45px; text-align: center; } .archive__heading .archive__tax_description { margin-top: 10px; } .archive__heading .archive__tax_title { max-width: 530px; display: inline-block; } .archive__heading .archive__tax_title, .archive__heading .archive__tax_title > span { font-size: 36px; line-height: 48px; } .archive .wgl_blog_list { margin-bottom: 30px; } .blog_columns-2:not(.masonry) .item:nth-child(2n+1), .blog_columns-3:not(.masonry) .wgl_col-4:nth-child(3n+1), .blog_columns-4:not(.masonry) .wgl_col-3:nth-child(4n+1) { clear: left; } @media (max-width: 1024px) { .blog_columns-3:not(.masonry) .wgl_col-4:nth-child(3n+1) { clear: none; } .blog_columns-3:not(.masonry) .wgl_col-4:nth-child(3n+1) { clear: left; } .blog_columns-4:not(.masonry) .wgl_col-3:nth-child(4n+1) { clear: none; } .odefy-post-navigation { margin-bottom: 0; } } /* ==================== ##Comments ==================== */ .single.related_posts + .row #comments { margin-top: 38px; margin-bottom: 80px; padding-top: 0; } #comments { padding-top: 50px; margin-bottom: 44px; clear: both; } #comments::before { content: ""; display: block; clear: both; } #comments ul ul.children, #comments ol ul.children { margin: 0; margin-top: 7px; padding: 0; list-style: none; } #comments #respond, #comments ~ #review_form_wrapper #respond { position: relative; z-index: 1; margin: 20px 0 50px; padding: 43px 50px 50px; background: var(--odefy-form-bg-color); overflow: hidden; border-radius: 30px; } @media (max-width: 600px) { #comments #respond, #comments ~ #review_form_wrapper #respond { padding: 30px 30px 35px; } } #comments > #respond { margin-bottom: 0; margin-top: 45px; } #comments > h4 { position: relative; z-index: 10; } #comments .comments-title { font-size: 34px; margin-bottom: 21px; } @media (max-width: 767px) { #comments .comments-title { font-size: 26px; } } #comments .comments-title .number-comments { margin-left: 0.25em; font-size: inherit; } #comments .pingback .edit-link .comment-edit-link, #comments .trackback .edit-link .comment-edit-link { font-size: 0.75em; color: #7e7676; margin-left: 0.3133em; } #comments .pingback .edit-link .comment-edit-link:hover, #comments .trackback .edit-link .comment-edit-link:hover { color: #b9a9cd; } #comments .pingback + .comment, #comments .trackback + .comment { margin-top: 30px; } #comments .comment-notes, #comments .logged-in-as { margin-bottom: 23px; } #comments .comment-notes, #comments .comment-form-cookies-consent { font-size: 14px; } #comments .form-submit { margin-bottom: 0; clear: both; } #comments .form-submit input.submit { min-width: 200px; } #comments .form-submit .submit { padding: 7px 35px; position: relative; z-index: 1; } #comments .commentlist { position: relative; margin: 0; padding: 0; line-height: inherit; list-style: none; } #comments .commentlist li.pingback, #comments .commentlist li.trackback { padding: 0; } #comments .commentlist li.pingback .comment-body, #comments .commentlist li.trackback .comment-body { display: inline; } #comments .commentlist li.pingback::before, #comments .commentlist li.trackback::before { display: none; } #comments .commentlist + * { margin-top: 46px; } #comments .commentlist .comment-respond { margin: 20px 0; } #comments .commentlist .comment { padding: 0; } #comments .commentlist .comment::before, #comments .commentlist .comment::after { display: none; } #comments .commentlist .comment .stand_comment { min-height: 100px; margin-bottom: 0; padding: 0 0 20px 110px; } #comments .commentlist .comment .stand_comment .thiscommentbody { position: relative; z-index: 1; min-height: 80px; } #comments .commentlist .comment .stand_comment .meta-data > span, #comments .commentlist .comment .stand_comment .meta-data > time { line-height: inherit; text-transform: unset; } #comments .commentlist .comment .commentava { position: absolute; z-index: 1; top: 5px; left: -110px; width: 80px; height: 80px; } #comments .commentlist .comment .commentava img { border-radius: 50%; } #comments .commentlist .comment.pingback .stand_comment { padding-left: 0; } #comments .commentlist .comment .children .comment { margin-left: 80px; } #comments .commentlist .comment .children .stand_comment { padding-left: 110px; } #comments .commentlist .comment .children .stand_comment .commentava { left: -110px; } #comments .commentlist > .comment > .children > .comment { margin-left: 110px; } #comments .commentlist > .comment:last-child { margin-bottom: -1px; } #comments .commentlist > .comment:last-child .stand_comment:last-child { border-bottom: 0; } #comments .commentlist .comment_info { display: block; font-size: 18px; line-height: 1; font-weight: 500; margin-bottom: 9px; color: var(--odefy-header-font-color); } #comments .commentlist .comment_info > * { display: inline-block; } #comments .commentlist .comment_info .meta-data { float: none; margin-bottom: 0; padding: 0; background: none; opacity: 1; color: var(--odefy-content-secondary-color); font-size: 12px; font-weight: 600; font-family: var(--odefy-header-font-family); text-transform: uppercase; } #comments .commentlist .comment_info .meta-data .comment-edit-link { padding-left: 5px; color: inherit; } #comments .commentlist .comment_info .meta-data .comment-edit-link:hover { color: var(--odefy-primary-color); } .woocommerce-Reviews #comments .commentlist .comment_info .meta-data, #comments .commentlist .comment_info .meta-data ~ .meta-data { float: right; transform: translateY(8px); } @media (max-width: 992px) { .woocommerce-Reviews #comments .commentlist .comment_info .meta-data, #comments .commentlist .comment_info .meta-data ~ .meta-data { float: none; width: 100%; transform: none; } } #comments .commentlist .comment_author_says { line-height: 1.5; font-size: 18px; font-family: var(--odefy-header-font-family); font-weight: 500; letter-spacing: 0; } #comments .commentlist .comment_author_says a, #comments .commentlist .comment_author_says span { color: var(--odefy-header-font-color); font: inherit; transition: all 0.4s; letter-spacing: inherit; } #comments .commentlist .comment_author_says a:hover { color: var(--odefy-primary-color); } #comments .commentlist .comment_content { margin-top: 0; line-height: 30px; font-size: 16px; } #comments .commentlist .comment_content:last-child { margin-bottom: 11px; } #comments .commentlist .comment_content > ul, #comments .commentlist .comment_content > ol { padding-bottom: 20px; } #comments .commentlist .comment_content p:last-child { margin-bottom: 0; } #comments .comment-reply-link { display: inline-flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; font-size: 15px; font-weight: 600; line-height: 1; font-family: var(--odefy-header-font-family); white-space: nowrap; letter-spacing: 0; margin-top: 13px; max-width: 100%; color: var(--odefy-secondary-color); transition: 0.4s; gap: 3px; text-decoration: underline; -webkit-text-decoration-color: transparent; text-decoration-color: transparent; text-underline-offset: 0.1em; text-decoration-thickness: 0.05em; } #comments .comment-reply-link > span { white-space: normal; transition: transform 0.4s; display: inline-block; position: relative; } #comments .comment-reply-link:hover { color: var(--odefy-secondary-color); -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } #comments #cancel-comment-reply-link { text-transform: capitalize; opacity: 0.8; } #comments small #cancel-comment-reply-link { font-size: 18px; margin-left: 10px; line-height: inherit; } #comments ol.commentlist > li.trackback:first-child, #comments ol.commentlist > li.pingback:first-child { margin-top: 26px; } body .comment-respond .comment-reply-title { font-size: 30px; line-height: 1.333em; margin-bottom: 5px; letter-spacing: var(--odefy-h4-letter-spacing); } @media (max-width: 767px) { body .comment-respond .comment-reply-title { font-size: 22px; } } body .comment-respond .comment-form { margin-left: -15px; margin-right: -15px; } body .comment-respond .comment-form [class*=wgl_col-], body .comment-respond .comment-form > p { position: relative; padding-left: 15px; padding-right: 15px; } body .comment-respond .comment-form [class*=wgl_col-] + .form-submit { padding-top: 3px; } body .comment-respond .comment-form .logged-in-as { margin-bottom: 13px; font-size: 14px; } body .comment-respond label { position: relative; margin: 0; font-size: 14px; } body .comment-respond .form_field { width: 100%; } body .comment-respond textarea.form_field { resize: none; } body .comment-respond#respond .form-submit .wgl-button { pointer-events: none; border-style: solid; } body .comment-respond#respond .form-submit .wgl-button input.submit, body .comment-respond#respond .form-submit .wgl-button input#submit { position: relative; pointer-events: auto; color: inherit; z-index: 4; } body .comment-respond#respond .form-submit .wgl-button:hover { color: #ffffff; } body .comment-form-cookies-consent { clear: both; padding-bottom: 8px; } body .comment-form-cookies-consent > input, body .comment-form-cookies-consent > label, body .comment-form-cookies-consent > span { display: inline-block; } body .comment-form-cookies-consent > input { margin-right: 7px; } body .comment-form-cookies-consent > input[type=checkbox] + label { display: inline; } .wp-block-latest-comments > li { padding-left: 0; } .blog-post_content ol.wp-block-latest-comments.has-avatars { margin-left: 0; padding-left: 0; list-style: none; } .blog-post_content ol.wp-block-latest-comments.has-avatars li::before { display: none; } .blog-post_content ol.wp-block-latest-comments:not(.has-excerpts):not(.has-avatars) li article { display: inline-block; } /* ==================== ##Contact Form ==================== */ .wpcf7-form-control-wrap { display: block; } .wpcf7 form .wpcf7-response-output { margin: 20px 0 5px 0; } .wpcf7 input[type=text], .wpcf7 input[type=url], .wpcf7 input[type=search], .wpcf7 input[type=email], .wpcf7 input[type=password], .wpcf7 input[type=tel], .wpcf7 input[type=time], .wpcf7 input[type=number], .wpcf7 input[type=date], .wpcf7 input[type=range], .wpcf7 select, .wpcf7 textarea { width: 100%; } .wpcf7 .ajax-loader { display: none !important; } .wpcf7-not-valid { border-color: #ff0000; } .wpcf7 input + .wpcf7-not-valid-tip, .wpcf7 textarea + .wpcf7-not-valid-tip, .wpcf7 select + .wpcf7-not-valid-tip { margin-top: 0; margin-bottom: -13px; font-size: 13px; } .wpcf7 .form-icon { position: absolute; z-index: 1; top: 9px; right: 35px; font-size: 14px; color: #bababa; } .wpcf7 .wpcf7-spinner { display: none; } .wpcf7 .wpcf7-submit { padding: 8px 40px; position: relative; z-index: 1; } .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item, .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item, .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item { display: flex; align-items: center; } .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item input, .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input, .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input { width: auto; height: auto; } .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item input + .wpcf7-list-item-label, .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input + .wpcf7-list-item-label, .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item input + .wpcf7-list-item-label { padding-left: 0.5em; display: inline-block; } .wpcf7-form-control-wrap .wpcf7-acceptance .wpcf7-list-item label, .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item label, .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item label { display: flex; align-items: center; } .wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item input[type=radio] { appearance: radio; } .wpcf7 .row { margin-left: -15px; margin-right: -15px; } .wpcf7 .row [class*=wgl_col-] { padding-right: 15px; padding-left: 15px; } .wpcf7 .row.coming-soon .wpcf7-form-control-wrap { display: inline-block; vertical-align: top; } @media (min-width: 600px) { .wpcf7 .row.coming-soon .wpcf7-form-control-wrap { margin-right: 20px; } } .wpcf7 .row.coming-soon .wpcf7-form-control-wrap + br { display: none; } .wpcf7 .row.coming-soon input[type=submit] { padding: 6px 32px; min-width: 135px; } .wpcf7 .row.coming-soon + .wpcf7-mail-sent-ok { margin-top: -15px; } .wpcf7 .row.home-4 input[type=submit], .wpcf7 .row.services input[type=submit] { min-width: 150px; } .wpcf7 .row.home-1 input[type=text], .wpcf7 .row.home-1 input[type=url], .wpcf7 .row.home-1 input[type=search], .wpcf7 .row.home-1 input[type=email], .wpcf7 .row.home-1 input[type=password], .wpcf7 .row.home-1 input[type=tel], .wpcf7 .row.home-1 input[type=time], .wpcf7 .row.home-1 select, .wpcf7 .row.home-4 input[type=text], .wpcf7 .row.home-4 input[type=url], .wpcf7 .row.home-4 input[type=search], .wpcf7 .row.home-4 input[type=email], .wpcf7 .row.home-4 input[type=password], .wpcf7 .row.home-4 input[type=tel], .wpcf7 .row.home-4 input[type=time], .wpcf7 .row.home-4 select, .wpcf7 .row.coming-soon input[type=text], .wpcf7 .row.coming-soon input[type=url], .wpcf7 .row.coming-soon input[type=search], .wpcf7 .row.coming-soon input[type=email], .wpcf7 .row.coming-soon input[type=password], .wpcf7 .row.coming-soon input[type=tel], .wpcf7 .row.coming-soon input[type=time], .wpcf7 .row.coming-soon select, .wpcf7 .row.services input[type=text], .wpcf7 .row.services input[type=url], .wpcf7 .row.services input[type=search], .wpcf7 .row.services input[type=email], .wpcf7 .row.services input[type=password], .wpcf7 .row.services input[type=tel], .wpcf7 .row.services input[type=time], .wpcf7 .row.services select, .wpcf7 .row.faq input[type=text], .wpcf7 .row.faq input[type=url], .wpcf7 .row.faq input[type=search], .wpcf7 .row.faq input[type=email], .wpcf7 .row.faq input[type=password], .wpcf7 .row.faq input[type=tel], .wpcf7 .row.faq input[type=time], .wpcf7 .row.faq select { border: unset; height: 56px; box-shadow: 0 15px 38px 0 rgba(46, 63, 38, 0.15); } .wpcf7 .row.home-1 textarea, .wpcf7 .row.home-4 textarea, .wpcf7 .row.coming-soon textarea, .wpcf7 .row.services textarea, .wpcf7 .row.faq textarea { border: unset; } .wpcf7 .row.home-1 .label-mail::before, .wpcf7 .row.home-1 .label-name::before, .wpcf7 .row.home-1 .label-url::before, .wpcf7 .row.home-1 .label-textarea::before, .wpcf7 .row.home-4 .label-mail::before, .wpcf7 .row.home-4 .label-name::before, .wpcf7 .row.home-4 .label-url::before, .wpcf7 .row.home-4 .label-textarea::before, .wpcf7 .row.coming-soon .label-mail::before, .wpcf7 .row.coming-soon .label-name::before, .wpcf7 .row.coming-soon .label-url::before, .wpcf7 .row.coming-soon .label-textarea::before, .wpcf7 .row.services .label-mail::before, .wpcf7 .row.services .label-name::before, .wpcf7 .row.services .label-url::before, .wpcf7 .row.services .label-textarea::before, .wpcf7 .row.faq .label-mail::before, .wpcf7 .row.faq .label-name::before, .wpcf7 .row.faq .label-url::before, .wpcf7 .row.faq .label-textarea::before { height: 56px; line-height: 56px; } .wpcf7 .row.home-1 input[type=submit], .wpcf7 .row.home-4 input[type=submit], .wpcf7 .row.coming-soon input[type=submit], .wpcf7 .row.services input[type=submit], .wpcf7 .row.faq input[type=submit] { height: 56px; } .wpcf7 .wpcf7-list-item { margin: 0; } .wpcf7 .wgl-button-cf7 { position: relative; z-index: 1; display: inline-block; } .wpcf7 .wgl-button-cf7 .wpcf7-submit { padding: 7px 52px 7px 25px; } .wpcf7 .wgl-button-cf7 .wpcf7-submit:hover, .wpcf7 .wgl-button-cf7 .wpcf7-submit:focus, .wpcf7 .wgl-button-cf7 .wpcf7-submit:active { color: var(--odefy-button-color-idle); background-color: var(--odefy-button-bg-hover); border-color: var(--odefy-button-border-hover); } .wpcf7 .wgl-button-cf7 .wpcf7-submit:hover ~ span:not(.wpcf7-spinner), .wpcf7 .wgl-button-cf7 .wpcf7-submit:focus ~ span:not(.wpcf7-spinner), .wpcf7 .wgl-button-cf7 .wpcf7-submit:active ~ span:not(.wpcf7-spinner) { transform: scale(1.5); } .wpcf7 .wgl-button-cf7 .wpcf7-submit ~ span:not(.wpcf7-spinner) { content: ""; position: absolute; z-index: 1; transition: 0.4s ease-in-out; padding: 4px; color: var(--odefy-button-color-idle); background: currentColor; border-radius: 50%; right: 27px; top: 24px; pointer-events: none; } .wpcf7 .wgl-button.has-animated-bg { background: transparent; padding: 0 30px; margin-top: 16px; } .wpcf7 .wgl-button.has-animated-bg::before { position: absolute; z-index: -1; content: ""; top: 0px; left: 0px; width: 60px; height: 60px; border-radius: 50% 50% 50% 50%; background-color: var(--odefy-button-bg-idle); transition: 0.4s; } .wpcf7 .wgl-button.has-animated-bg:hover::before { width: 100%; height: 100%; border-radius: 32px 32px 32px 32px; } .wpcf7 .wgl-button.has-animated-bg .wpcf7-submit { background: transparent !important; padding: 0; } .wpcf7 .wgl-button.has-animated-bg .wpcf7-submit:hover { background: transparent !important; } .wpcf7 .wgl-button.has-animated-bg .wpcf7-spinner { display: none; } .wpb_text_column .wpcf7 .wpcf7-form-control-wrap { display: block; margin-bottom: 20px; } .sign_up { display: flex; justify-content: center; margin-right: -20px; } .sign_up input[type=submit] { margin-left: 20px; height: 56px; } .sign_up input[type=email] { width: 350px; } .sign_up .ajax-loader { display: none; } .wgl-filter_wrapper { pointer-events: none; } .isotope-filter { --wgl-filtet-categories-gap: 6px; } .isotope-filter:not(.swiper-container-initialized) { display: flex; align-items: flex-end; max-width: 100%; overflow: hidden; margin-bottom: 10px; } .isotope-filter:not(.swiper-container-initialized).filter-left { margin-right: auto; text-align: left; } .isotope-filter:not(.swiper-container-initialized).filter-center { margin-left: auto; margin-right: auto; text-align: center; } .isotope-filter:not(.swiper-container-initialized).filter-right { margin-left: auto; text-align: right; } .isotope-filter.filter-left .swiper-wrapper { justify-content: flex-start; } .isotope-filter.filter-center .swiper-wrapper { justify-content: center; } .isotope-filter.filter-right .swiper-wrapper { justify-content: flex-end; } .isotope-filter.max_width_enabled { overflow: hidden; } @media (max-width: 767px) { .isotope-filter { --wgl-filtet-categories-gap: 6px; } } .isotope-filter .wgl-filter_swiper_wrapper { width: calc(100% + var(--wgl-filtet-categories-gap)); margin: 0 calc(-0.5 * var(--wgl-filtet-categories-gap)); } .isotope-filter .swiper-wrapper { min-width: max-content; width: auto; } .isotope-filter .swiper-slide { display: inline-block; width: -moz-fit-content; width: fit-content; pointer-events: all; } .isotope-filter.wgl-filter_wrapper a { display: inline-block; position: relative; margin: 0 calc(0.5 * var(--wgl-filtet-categories-gap)); padding: 7px 9px; border-radius: unset; font-size: 14px; line-height: 1; font-weight: 600; transition: 0.5s ease-in-out; border: 1px solid var(--odefy-header-font-color); color: var(--odefy-header-font-color); letter-spacing: 0; border-radius: 30px; font-family: var(--odefy-header-font-family); } .isotope-filter.wgl-filter_wrapper a .cat_title { position: relative; display: inline-block; } .isotope-filter.wgl-filter_wrapper a:hover, .isotope-filter.wgl-filter_wrapper a.active { color: var(--odefy-secondary-color); background: var(--odefy-form-bg-color); border-color: var(--odefy-form-bg-color); } .isotope-filter.wgl-filter_wrapper a .filter_counter, .isotope-filter.wgl-filter_wrapper a.empty { display: none; } .isotope-filter.has_filter_counter .filter_counter { display: inline-block !important; z-index: 1; text-align: center; line-height: 1; font-size: 11px; font-weight: 700; transition: 0.3s; letter-spacing: 0; vertical-align: text-top; margin-left: 2px; margin-top: -7px; transition: 0s; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { transition-duration: 0.8s; } .isotope { transition-property: height, width; } .isotope .isotope-item { transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { transition-duration: 0s; } /* ==================== ##Likes ==================== */ .wgl-likes { display: inline-block; flex-shrink: 0; } .wgl-likes .sl-button { color: inherit; cursor: pointer; transition: 0.4s; display: inline-block; font-family: var(--odefy-header-font-family); font-weight: 500; } .wgl-likes .sl-button .sl-icon { display: inline-block; position: relative; z-index: 1; text-align: center; font-size: 16px; font-weight: normal; line-height: 0; } .wgl-likes .sl-button .sl-icon::before { color: inherit; transition: 0s; display: inline-block; vertical-align: middle; line-height: 0; } .post_featured_bg .wgl-likes .sl-button { display: flex; font-size: 14px; letter-spacing: 0; text-decoration: unset; justify-content: center; align-items: center; } .post_featured_bg .wgl-likes .sl-button .sl-icon { font-size: 18px; } .post_featured_bg .wgl-likes .sl-button .sl-icon:before { line-height: initial; } .post_featured_bg .wgl-likes .sl-button .sl-count { line-height: 19px; margin-left: 9px; } .post_featured_bg .wgl-likes .sl-button .sl-count-text { font-size: 12px; font-weight: 700; } .wgl-likes .sl-count { display: inline-block; margin-left: 6px; } .wgl-likes .sl-count-text, .wgl-likes .sl-loader { display: none !important; } /* ==================== ##Lists Style ==================== */ body ul, body ol { margin-left: 0; padding-left: 1.1em; } body ul li, body ol li { position: relative; z-index: 1; margin-bottom: 0.7em; } body ul > li:last-child, body ol > li:last-child { padding-bottom: 0; margin-bottom: 0; } body ol { list-style: none; padding-left: 0.9em; } ol li, ul[class*=odefy_] li { --odefy-list-icon-color: currentColor; } ol li::before, ul[class*=odefy_] li::before { color: var(--odefy-list-icon-color); } ol.list_primary_color li, ul[class*=odefy_].list_primary_color li { --odefy-list-icon-color: var(--odefy-primary-color); } ol.list_secondary_color li, ul[class*=odefy_].list_secondary_color li { --odefy-list-icon-color: var(--odefy-secondary-color); } ol.list_tertiary_color li, ul[class*=odefy_].list_tertiary_color li { --odefy-list-icon-color: var(--odefy-content-secondary-color); } ol.list_heading_color li, ul[class*=odefy_].list_heading_color li { --odefy-list-icon-color: var(--odefy-header-font-color); } ol .odefy_disabled_item, ol .odefy_disabled_item::before, ol .odefy_disabled_item::after, ol .odefy_disabled_item span, ol .odefy_disabled_item div, ol .odefy_disabled_item b, ol .odefy_disabled_item strong, ol .odefy_disabled_item i, ul[class*=odefy_] .odefy_disabled_item, ul[class*=odefy_] .odefy_disabled_item::before, ul[class*=odefy_] .odefy_disabled_item::after, ul[class*=odefy_] .odefy_disabled_item span, ul[class*=odefy_] .odefy_disabled_item div, ul[class*=odefy_] .odefy_disabled_item b, ul[class*=odefy_] .odefy_disabled_item strong, ul[class*=odefy_] .odefy_disabled_item i { color: #858585; --odefy-list-icon-color: currentColor; } ol .odefy_disabled_item::before, ol .odefy_disabled_item::after, ul[class*=odefy_] .odefy_disabled_item::before, ul[class*=odefy_] .odefy_disabled_item::after { opacity: 0.7; } ul[class*=odefy_] { --icon-size: 1em; --icon-position: calc(0px); --odefy-list-padding: calc(1em + 6px); margin-left: 0; padding-left: 0; } ul[class*=odefy_] li { list-style: none; padding-left: var(--odefy-list-padding); } ul[class*=odefy_] li::before { content: ""; position: absolute; z-index: 1; border-radius: unset; font-family: "Font Awesome 5 Free"; font-weight: normal; box-sizing: border-box; transform: translateY(var(--icon-position)); } ul[class*=odefy_].icon_right li { padding-left: 0; padding-right: var(--odefy-list-padding); } ul[class*=odefy_].icon_right li::before { left: unset; right: 0; } ul.odefy_dot li { --icon-size: 8px; --odefy-list-padding: calc(1.25em + 8px); } ul.odefy_dot li::before { top: 0.7em; left: 0; width: var(--icon-size); height: var(--icon-size); border-radius: 50%; background-color: var(--odefy-list-icon-color); } ul.odefy_hyphen { --icon-size: 1em; --odefy-list-padding: calc(1em + 2px); } ul.odefy_hyphen li::before { content: "-"; top: -0.15em; left: 0.1em; font-size: var(--icon-size); } ul.odefy_plus { --icon-size: 0.65em; --odefy-list-padding: calc(1em + 13px); } ul.odefy_plus li::before { content: "\f11b"; top: 0.5em; left: 0.3em; font-size: var(--icon-size); font-family: flaticon; transform: rotate(45deg); } ul.odefy_line { --icon-size: calc(1em - 2px); --odefy-list-padding: calc(1em + 12px); } ul.odefy_line li::before { top: 0.9em; left: 0; width: var(--icon-size); height: 2px; background-color: var(--odefy-list-icon-color); } ul.odefy_circle { --icon-size: 12px; --odefy-list-padding: calc(1em + 14px); } ul.odefy_circle li::before { top: 0.6em; left: 0.3em; width: var(--icon-size); height: var(--icon-size); border-radius: 50%; border: 2px solid var(--odefy-list-icon-color); background-color: transparent; } ul.odefy_square { --icon-size: 7px; } ul.odefy_square li::before { top: 0.7em; left: 0; width: var(--icon-size); height: var(--icon-size); background-color: var(--odefy-list-icon-color); } ul.odefy_rhombus { --icon-size: 5px; --odefy-list-padding: calc(1em + 2px); } ul.odefy_rhombus li::before { top: 0.8em; left: 1px; width: var(--icon-size); height: var(--icon-size); transform: rotate(45deg); background: var(--odefy-list-icon-color); } ul.odefy_check { --icon-size: 1em; --odefy-list-padding: calc(1em + 13px); } ul.odefy_check li::before { content: "\f00c"; top: 0.5em; left: 0.05em; font-size: var(--icon-size); line-height: 1; font-weight: 600; background: transparent; } ul.odefy_arrow { --icon-size: 1.2em; --odefy-list-padding: calc(1em + 10px); } ul.odefy_arrow li::before { content: "\f112"; font-family: flaticon; top: 0.3em; left: 0; line-height: 1; font-size: var(--icon-size); background: transparent; font-weight: normal; } ul.odefy_star { --icon-size: 1.1em; --odefy-list-padding: calc(1em + 5px); } ul.odefy_star li::before { content: "*"; font-family: var(--odefy-header-font-family); top: 0.45em; left: 0; font-size: var(--icon-size); font-weight: 700; line-height: 1.25; background: transparent; } ul.no-list-style { padding: 0; } ul.no-list-style li { padding: 0; list-style: none; } ul.no-list-style li::before { display: none; } ul.icon_inline li { padding: 0; } ul.icon_inline li::before, ul.icon_inline li::after { margin-right: 10px; margin-bottom: 1px; display: inline-block; position: initial; } ul.icon_inline.odefy_star li::before { transform: translateY(6px); line-height: 0; } body ol { counter-reset: li; } body ol[start="1"] { counter-reset: li 0; } body ol[start="2"] { counter-reset: li 1; } body ol[start="3"] { counter-reset: li 2; } body ol[start="4"] { counter-reset: li 3; } body ol[start="5"] { counter-reset: li 4; } body ol[start="6"] { counter-reset: li 5; } body ol[start="7"] { counter-reset: li 6; } body ol[start="8"] { counter-reset: li 7; } body ol[start="9"] { counter-reset: li 8; } body ol[start="10"] { counter-reset: li 9; } body ol[start="11"] { counter-reset: li 10; } body ol[start="12"] { counter-reset: li 11; } body ol[start="13"] { counter-reset: li 12; } body ol[start="14"] { counter-reset: li 13; } body ol[start="15"] { counter-reset: li 14; } body ol[start="16"] { counter-reset: li 15; } body ol[start="17"] { counter-reset: li 16; } body ol[start="18"] { counter-reset: li 17; } body ol[start="19"] { counter-reset: li 18; } body ol[start="20"] { counter-reset: li 19; } body ol[start="21"] { counter-reset: li 20; } body ol[start="22"] { counter-reset: li 21; } body ol[start="23"] { counter-reset: li 22; } body ol[start="24"] { counter-reset: li 23; } body ol[start="25"] { counter-reset: li 24; } body ol[start="26"] { counter-reset: li 25; } body ol[start="27"] { counter-reset: li 26; } body ol[start="28"] { counter-reset: li 27; } body ol[start="29"] { counter-reset: li 28; } body ol[start="30"] { counter-reset: li 29; } body ol > li { position: relative; counter-increment: li; } body ol > li::before { content: "." counter(li); display: inline-block; position: static; width: auto; height: auto; margin-left: -0.9em; margin-right: calc(0.25em + 6px); line-height: inherit; font-weight: 500; direction: rtl; } body ul ol > li::before { top: 0; background-color: transparent !important; } body li ul { margin-top: 10px; margin-bottom: 10px; } body li ol { margin-top: 10px; margin-bottom: 10px; padding-bottom: 0; } /* ==================== ##Load More ==================== */ .load_more_wrapper { position: relative; z-index: 1; text-align: center; margin-top: 60px; } .load_more_wrapper .button_wrapper { display: inline-block; position: relative; } .load_more_wrapper .load_more_item { white-space: nowrap; color: var(--odefy-secondary-color); background-color: var(--odefy-form-bg-color); position: relative; z-index: 1; padding: 21px 45px; height: 60px; border: unset; } .load_more_wrapper .load_more_item .wgl_loading_icon { display: inline-block; position: absolute; z-index: 99; top: 50%; left: 50%; margin: -10px 0 0 -8px; font-family: "Font Awesome 5 Free"; font-weight: 700; line-height: 1; font-size: 19px; color: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; transition: all 0.4s, color 0s; animation: rotating 2s linear infinite; } .load_more_wrapper .load_more_item span { position: relative; z-index: 2; transition: opacity 0.3s 0.3s; letter-spacing: inherit; } .load_more_wrapper .load_more_item:hover, .load_more_wrapper .load_more_item:focus, .load_more_wrapper .load_more_item:active { color: var(--odefy-tertiary-color); background-color: var(--odefy-button-bg-hover); } .load_more_wrapper .load_more_item.loading .wgl_loading_icon { color: inherit; opacity: 1; transition: all 0.4s 0.2s, color 0s; } .load_more_wrapper .load_more_item.loading::before, .load_more_wrapper .load_more_item.loading span { opacity: 0; transition: opacity 0.3s 0s; } .load_more_wrapper .load_more_item.full_width_btn .load_more_item { width: 100%; } @keyframes rotating { 0% { transform: rotate(0turn); } 100% { transform: rotate(1turn); } } /* ==================== ##Pagination ==================== */ .wgl-pagination { margin: -5px; padding: 0 0 35px; list-style: none; clear: both; } .wgl-pagination .page, .wgl-pagination .post-page-numbers { display: inline-block; margin: 5px; line-height: 1; } .wgl-pagination .page .page-numbers, .wgl-pagination .page .post-page-link, .wgl-pagination .post-page-numbers .page-numbers, .wgl-pagination .post-page-numbers .post-page-link { display: inline-block; position: relative; z-index: 1; height: 44px; min-width: 44px; padding: 0 5px; font-size: 16px; line-height: 42px; font-weight: 700; text-align: center; vertical-align: middle; transition: 0.4s ease-in-out; color: var(--odefy-secondary-color); border: 1px solid var(--odefy-secondary-color); border-radius: 44px; } .wgl-pagination .page .page-numbers i, .wgl-pagination .page .post-page-link i, .wgl-pagination .post-page-numbers .page-numbers i, .wgl-pagination .post-page-numbers .post-page-link i { font-style: normal; display: inline-block; vertical-align: middle; transition: all 0.4s, color 0s; } .wgl-pagination .page .page-numbers i::before, .wgl-pagination .page .page-numbers i::after, .wgl-pagination .page .post-page-link i::before, .wgl-pagination .page .post-page-link i::after, .wgl-pagination .post-page-numbers .page-numbers i::before, .wgl-pagination .post-page-numbers .page-numbers i::after, .wgl-pagination .post-page-numbers .post-page-link i::before, .wgl-pagination .post-page-numbers .post-page-link i::after { display: inline-block; transition: all 0.4s ease-in-out, color 0s; } .wgl-pagination .page .page-numbers:hover, .wgl-pagination .page .page-numbers.current, .wgl-pagination .page .post-page-link:hover, .wgl-pagination .page .post-page-link.current, .wgl-pagination .post-page-numbers .page-numbers:hover, .wgl-pagination .post-page-numbers .page-numbers.current, .wgl-pagination .post-page-numbers .post-page-link:hover, .wgl-pagination .post-page-numbers .post-page-link.current { color: var(--odefy-tertiary-color); background-color: var(--odefy-primary-color); border-color: var(--odefy-primary-color); } .wgl-pagination .page .page-numbers.prev, .wgl-pagination .page .page-numbers.next, .wgl-pagination .page .post-page-link.prev, .wgl-pagination .page .post-page-link.next, .wgl-pagination .post-page-numbers .page-numbers.prev, .wgl-pagination .post-page-numbers .page-numbers.next, .wgl-pagination .post-page-numbers .post-page-link.prev, .wgl-pagination .post-page-numbers .post-page-link.next { padding: 0; font-size: 18px; font-weight: normal; } .wgl-pagination .page .page-numbers.prev::before, .wgl-pagination .page .page-numbers.next::before, .wgl-pagination .page .post-page-link.prev::before, .wgl-pagination .page .post-page-link.next::before, .wgl-pagination .post-page-numbers .page-numbers.prev::before, .wgl-pagination .post-page-numbers .page-numbers.next::before, .wgl-pagination .post-page-numbers .post-page-link.prev::before, .wgl-pagination .post-page-numbers .post-page-link.next::before { display: none; } .wgl-pagination .page .page-numbers.prev i, .wgl-pagination .page .post-page-link.prev i, .wgl-pagination .post-page-numbers .page-numbers.prev i, .wgl-pagination .post-page-numbers .post-page-link.prev i { transform: translateY(-5px) rotate(180deg); } .wgl-pagination .page .page-numbers.next i, .wgl-pagination .page .post-page-link.next i, .wgl-pagination .post-page-numbers .page-numbers.next i, .wgl-pagination .post-page-numbers .post-page-link.next i { transform: translateY(1px); } .wgl-pagination .page .page-numbers.current, .wgl-pagination .page .post-page-link.current, .wgl-pagination .post-page-numbers .page-numbers.current, .wgl-pagination .post-page-numbers .post-page-link.current { pointer-events: none; } .wgl-pagination .page .page-numbers.dots, .wgl-pagination .page .post-page-link.dots, .wgl-pagination .post-page-numbers .page-numbers.dots, .wgl-pagination .post-page-numbers .post-page-link.dots { pointer-events: none; min-width: unset; border: unset; background: unset; } .wgl-pagination .page.current span.page-link, .wgl-pagination .post-page-numbers.current span.page-link { color: var(--odefy-tertiary-color); background-color: var(--odefy-primary-color); border-color: var(--odefy-primary-color); } .wgl-pagination .page.current, .wgl-pagination .page span.current, .wgl-pagination .post-page-numbers.current, .wgl-pagination .post-page-numbers span.current { -webkit-user-select: none; user-select: none; cursor: default; } .wgl-pagination .page-numbers.dots, .wgl-pagination .post-page-numbers.dots { -webkit-user-select: none; user-select: none; cursor: default; } .wgl-pagination .page-numbers.dots::after, .wgl-pagination .page-numbers.next::after, .wgl-pagination .page-numbers.prev::after, .wgl-pagination .post-page-numbers.dots::after, .wgl-pagination .post-page-numbers.next::after, .wgl-pagination .post-page-numbers.prev::after { display: none; } .blog-post_content .wgl-pagination { padding-bottom: 0; margin-bottom: 10px; font-size: 0; } .blog-post_content .wgl-pagination .page:not(:last-child), .blog-post_content .wgl-pagination .post-page-numbers:not(:last-child) { margin-right: 7px; } .blog-post_content .wgl-pagination .post-page-link { min-width: 25px; height: 30px; min-width: 30px; font-size: 14px; line-height: 28px; padding: 0 5px; margin: 25px 0 0 0; } /* ==================== ##Revolution Slider ==================== */ .wgl-container rs-module [class*="fab fa-"], .wgl-container .rb-modal-wrapper [class*="fab fa-"], .wgl-container #rs_overview [class*="fab fa-"], .wgl-container #objectlibrary [class*="fab fa-"], .wgl-container #waitaminute [class*="fab fa-"], .wgl-container #rs_overview_menu [class*="fab fa-"], .wgl-container #builderView [class*="fab fa-"] { font-weight: 400; font-family: "Font Awesome 5 Brands"; } .wgl-container rs-module [class*="fab fa-"]::before, .wgl-container .rb-modal-wrapper [class*="fab fa-"]::before, .wgl-container #rs_overview [class*="fab fa-"]::before, .wgl-container #objectlibrary [class*="fab fa-"]::before, .wgl-container #waitaminute [class*="fab fa-"]::before, .wgl-container #rs_overview_menu [class*="fab fa-"]::before, .wgl-container #builderView [class*="fab fa-"]::before { font-family: "Font Awesome 5 Brands"; font-weight: inherit; } .wgl-container rs-module [class*="far fa-"], .wgl-container rs-module [class*="fal fa-"], .wgl-container rs-module [class*="fas fa-"], .wgl-container .rb-modal-wrapper [class*="far fa-"], .wgl-container .rb-modal-wrapper [class*="fal fa-"], .wgl-container .rb-modal-wrapper [class*="fas fa-"], .wgl-container #rs_overview [class*="far fa-"], .wgl-container #rs_overview [class*="fal fa-"], .wgl-container #rs_overview [class*="fas fa-"], .wgl-container #objectlibrary [class*="far fa-"], .wgl-container #objectlibrary [class*="fal fa-"], .wgl-container #objectlibrary [class*="fas fa-"], .wgl-container #waitaminute [class*="far fa-"], .wgl-container #waitaminute [class*="fal fa-"], .wgl-container #waitaminute [class*="fas fa-"], .wgl-container #rs_overview_menu [class*="far fa-"], .wgl-container #rs_overview_menu [class*="fal fa-"], .wgl-container #rs_overview_menu [class*="fas fa-"], .wgl-container #builderView [class*="far fa-"], .wgl-container #builderView [class*="fal fa-"], .wgl-container #builderView [class*="fas fa-"] { font-family: "Font Awesome 5 Free"; font-weight: 400; } .wgl-container rs-module [class*="far fa-"]::before, .wgl-container rs-module [class*="fal fa-"]::before, .wgl-container rs-module [class*="fas fa-"]::before, .wgl-container .rb-modal-wrapper [class*="far fa-"]::before, .wgl-container .rb-modal-wrapper [class*="fal fa-"]::before, .wgl-container .rb-modal-wrapper [class*="fas fa-"]::before, .wgl-container #rs_overview [class*="far fa-"]::before, .wgl-container #rs_overview [class*="fal fa-"]::before, .wgl-container #rs_overview [class*="fas fa-"]::before, .wgl-container #objectlibrary [class*="far fa-"]::before, .wgl-container #objectlibrary [class*="fal fa-"]::before, .wgl-container #objectlibrary [class*="fas fa-"]::before, .wgl-container #waitaminute [class*="far fa-"]::before, .wgl-container #waitaminute [class*="fal fa-"]::before, .wgl-container #waitaminute [class*="fas fa-"]::before, .wgl-container #rs_overview_menu [class*="far fa-"]::before, .wgl-container #rs_overview_menu [class*="fal fa-"]::before, .wgl-container #rs_overview_menu [class*="fas fa-"]::before, .wgl-container #builderView [class*="far fa-"]::before, .wgl-container #builderView [class*="fal fa-"]::before, .wgl-container #builderView [class*="fas fa-"]::before { font-family: "Font Awesome 5 Free"; font-weight: 900; } .wgl-container rs-module [class*="far fa-"], .wgl-container .rb-modal-wrapper [class*="far fa-"], .wgl-container #rs_overview [class*="far fa-"], .wgl-container #objectlibrary [class*="far fa-"], .wgl-container #waitaminute [class*="far fa-"], .wgl-container #rs_overview_menu [class*="far fa-"], .wgl-container #builderView [class*="far fa-"] { font-weight: 900; } .wgl-container rs-module [class*="far fa-"]::before, .wgl-container .rb-modal-wrapper [class*="far fa-"]::before, .wgl-container #rs_overview [class*="far fa-"]::before, .wgl-container #objectlibrary [class*="far fa-"]::before, .wgl-container #waitaminute [class*="far fa-"]::before, .wgl-container #rs_overview_menu [class*="far fa-"]::before, .wgl-container #builderView [class*="far fa-"]::before { font-weight: 900; } .wgl-container .rs-layer.wgl-button, .wgl-container .rev_slider_button { transition: all 0.4s; } /* ==================== ##Shares Style ==================== */ .elementor-social-icon-instagram.elementor-icon { background-color: #c52ea7; } .blog-post_wrapper .share_post-container { display: inline-block; position: relative; z-index: 1; -webkit-user-select: none; user-select: none; padding: 0; margin: 0; cursor: pointer; } .blog-post_wrapper .share_post-container:hover .share_social-wpapper, .blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li { opacity: 1; visibility: visible; } .blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(1) { transition-delay: 0s; } .blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(2) { transition-delay: 0.08s; } .blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(3) { transition-delay: 0.16s; } .blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(4) { transition-delay: 0.24s; } .blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(5) { transition-delay: 0.32s; } .blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(6) { transition-delay: 0.4s; } .blog-post_wrapper .share_post-container:hover .share_social-wpapper ul > li:nth-last-child(7) { transition-delay: 0.48s; } .blog-post_wrapper .share_post-container:hover > a::after { transform: scale(0.2); } .blog-post_wrapper .share_post-container::after { content: ""; z-index: 1; position: absolute; bottom: 0; left: 0; right: 0; height: calc(100% + 12px); } .blog-post_wrapper .share_post-container .share_post { display: block; } .blog-post_wrapper .share_post-container span { display: block; line-height: inherit; border-radius: 50%; transition: all 0.45s; } .blog-post_wrapper .share_post-container > i { display: inline-block; position: relative; z-index: 1; text-align: center; transition: color 0.3s; } .blog-post_wrapper .share_post-container .share_reddit .fab { background-color: #FF5700; } .blog-post_wrapper .share_post-container .share_twitter .fab { background-color: #1b82c4; } .blog-post_wrapper .share_post-container .share_facebook .fab { background-color: #354cd9; } .blog-post_wrapper .share_post-container .share_linkedin .fab { background-color: #007bb5; } .blog-post_wrapper .share_post-container .share_whatsapp .fab { background-color: #25d366; } .blog-post_wrapper .share_post-container .share_telegram .fab { background-color: #0088cc; } .blog-post_wrapper .share_post-container .share_pinterest .fab { background-color: #ff1226; } .blog-post_wrapper .share_post-container .share_social-wpapper { display: block; position: absolute; right: -8px; bottom: calc(100% + 8px); min-width: unset; z-index: 2; box-shadow: none; margin: 0; padding: 2px; font-size: 0; line-height: 0; white-space: nowrap; opacity: 0; visibility: hidden; transition: all 0.4s ease-in-out; background: var(--odefy-primary-color); } .blog-post_wrapper .share_post-container .share_social-wpapper::after { content: ""; position: absolute; pointer-events: none; width: 0; height: 0; border-style: solid; border-width: 5px 5.5px 0 5.5px; border-color: currentColor transparent transparent transparent; right: 10px; bottom: -5px; color: var(--odefy-primary-color); } .blog-post_wrapper .share_post-container .share_social-wpapper a.share_link { text-align: center; padding: 0; display: inline-block; vertical-align: top; transition: 0.4s; opacity: 1; background: unset !important; visibility: hidden; pointer-events: all; margin: 0; border-radius: unset; } .blog-post_wrapper .share_post-container .share_social-wpapper a.share_link:first-of-type { border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .blog-post_wrapper .share_post-container .share_social-wpapper a.share_link:last-of-type { border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .blog-post_wrapper .share_post-container .share_social-wpapper a.share_link::before { display: none; } .blog-post_wrapper .share_post-container .share_social-wpapper a.share_link span { width: 28px; height: 28px; line-height: 28px; font-size: 11px; border-radius: inherit; background-color: transparent; font-weight: normal; color: #ffffff; } .blog-post_wrapper .share_post-container .share_social-wpapper a.share_link:hover span { background-color: rgba(255, 255, 255, 0.13); } .blog-post_wrapper .share_post-container:hover .share_social-wpapper a.share_link { visibility: visible; } .share_social-wpapper { display: flex; justify-content: flex-end; } .share_social-wpapper:not(:last-child) { margin-right: 10px; } .share_social-wpapper .share_facebook > span { color: #354cd9; } .share_social-wpapper .share_twitter > span { color: #1b82c4; } .share_social-wpapper .share_pinterest > span { color: #ff1226; } .share_social-wpapper .share_linkedin > span { color: #007bb5; } .share_social-wpapper .share_whatsapp > span { color: #25d366; } .share_social-wpapper .share_reddit > span { color: #FF5700; } .share_social-wpapper .share_telegram > span { color: #0088cc; } .share_social-wpapper .share_link:hover[class*=share] > span { color: #ffffff; } .share_social-wpapper .share_link:hover.share_facebook > span { background-color: #354cd9; border-color: #354cd9; } .share_social-wpapper .share_link:hover.share_twitter > span { background-color: #1b82c4; border-color: #1b82c4; } .share_social-wpapper .share_link:hover.share_pinterest > span { background-color: #ff1226; border-color: #ff1226; } .share_social-wpapper .share_link:hover.share_linkedin > span { background-color: #007bb5; border-color: #007bb5; } .share_social-wpapper .share_link:hover.share_whatsapp > span { background-color: #25d366; border-color: #25d366; } .share_social-wpapper .share_link:hover.share_reddit > span { background-color: #FF5700; border-color: #FF5700; } .share_social-wpapper .share_link:hover.share_telegram > span { background-color: #0088cc; border-color: #0088cc; } .share_social-wpapper .share_link { border-radius: 30px; text-align: center; overflow: hidden; } .share_social-wpapper .share_link > span { display: flex; font-size: 12px; line-height: 30px; height: 30px; border-radius: inherit; white-space: nowrap; max-width: 30px; transition: 0.65s; } .share_social-wpapper .share_link > span::before { display: inline-block; width: 30px; text-align: center; font-family: "Font Awesome 5 Brands"; flex-shrink: 0; } .share_social-wpapper .share_link .share_name { display: none; } .share_social-wpapper .share_link:not(:last-of-type) { padding-right: 10px; } .author-info_social-wrapper .author-info_social-link { line-height: 30px; } .author-info_social-wrapper .author-info_social-link.fa { color: #969696; } .wgl-page-socials { position: absolute; z-index: 90; left: 50px; } .wgl-page-socials.fixed { position: fixed; z-index: 90; } .wgl-page-socials li { padding-bottom: 17px; line-height: 27px; } .wgl-page-socials .social__link { font-size: 13px; color: #ffffff; white-space: nowrap; transition: all 0.4s, width 0s 1s; } .wgl-page-socials .social__link .social__name { display: inline-block; width: 0; font-weight: 700; text-transform: uppercase; vertical-align: middle; overflow: hidden; opacity: 0; transform-origin: -25px 50%; transform: translateY(-1px) rotateY(0.25turn); transition: inherit; } .wgl-page-socials .social__link .social__icon { padding-right: 1.2em; } .wgl-page-socials .social__link:hover { transition: all 0.4s; } .wgl-page-socials .social__link:hover .social__name { width: auto; opacity: 1; transform: translateY(-1px) rotateY(0turn); } .wgl-page-socials .socials__list { margin: 0; padding: 0; list-style: none; } .wgl-page-socials.appearence-hovered { padding-top: 35px; height: 0; } .wgl-page-socials.appearence-hovered .socials__desc { position: absolute; top: 0; left: 0; margin: -5px -5px 0; padding: 5px 5px 0; cursor: pointer; } .wgl-page-socials.appearence-hovered .socials__desc .social__icon { color: #ffffff; } .wgl-page-socials.appearence-hovered .socials__desc .social__name { display: none; } .wgl-page-socials.appearence-hovered .socials__list { visibility: hidden; } .wgl-page-socials.appearence-hovered .socials__list li { transform: translateX(-150%); opacity: 0; visibility: hidden; transition: 0.45s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(1) { transition-delay: 0.05s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(2) { transition-delay: 0.1s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(3) { transition-delay: 0.15s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(4) { transition-delay: 0.2s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(5) { transition-delay: 0.25s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(6) { transition-delay: 0.3s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(7) { transition-delay: 0.35s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(8) { transition-delay: 0.4s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(9) { transition-delay: 0.45s; } .wgl-page-socials.appearence-hovered .socials__list li:nth-child(10) { transition-delay: 0.5s; } .wgl-page-socials.appearence-hovered .socials__desc:hover + .socials__list { visibility: visible; } .wgl-page-socials.appearence-hovered .socials__desc:hover + .socials__list li, .wgl-page-socials.appearence-hovered .socials__list:hover li { transform: translateX(0); opacity: 1; visibility: visible; } .wgl-page-socials:not(.appearence-hovered) .socials__list li { opacity: 0; transform: translateX(-150%); animation: soc_slide_right 0.5s forwards; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(1) { animation-delay: 5.1s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(2) { animation-delay: 5.2s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(3) { animation-delay: 5.3s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(4) { animation-delay: 5.4s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(5) { animation-delay: 5.5s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(6) { animation-delay: 5.6s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(7) { animation-delay: 5.7s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(8) { animation-delay: 5.8s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(9) { animation-delay: 5.9s; } .wgl-page-socials:not(.appearence-hovered) .socials__list li:nth-child(10) { animation-delay: 6s; } @keyframes soc_slide_right { 0% { transform: translateX(-150%); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } .wgl-social-icons .elementor-icon i, .wgl-social-icons .elementor-icon svg { transition: 0.3s; } .wgl-social-icons .elementor-icon.elementor-social-icon { font-size: var(--icon-size, 25px); line-height: var(--icon-size, 25px); width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, 0.5em)); height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, 0.5em)); } .wgl-social-icons .elementor-social-icon { --e-social-icon-icon-color: #fff; display: inline-flex; background-color: #69727d; align-items: center; justify-content: center; text-align: center; cursor: pointer; } .single_post_info > * { margin-bottom: 20px; } .single_post_info .share_post-container { position: relative; z-index: 1; display: flex; align-items: center; } .single_post_info .share_post-container::after { display: none; } .single_post_info .share_post-container:hover > a { color: var(--odefy-content-secondary-color); } .single_post_info .share_post-container:hover .share_social-wpapper { opacity: 1; visibility: visible; } .single_post_info .share_post-container .share_social-wpapper::after { display: none; } .single_post_info .share_post-container .share_post-title { font-size: 14px; font-weight: 700; margin-right: 26px; color: var(--odefy-header-font-color); } .single_post_info .share_post-container .share_link { line-height: 30px; padding: 0; width: 30px; height: 30px; overflow: visible; border-radius: 50%; text-align: center; } .single_post_info .share_post-container .share_link > span { font-size: 16px; transition: 0.4s; width: 100%; height: inherit; line-height: inherit; max-width: unset; color: var(--odefy-tertiary-color); background-color: transparent; border: unset; position: relative; z-index: 1; } .single_post_info .share_post-container .share_link > span::before { width: inherit; } .single_post_info .share_post-container .share_link:hover[class*=share] > span { color: var(--odefy-primary-color); background-color: transparent; } .single_post_info .share_post-container .share_link:not(:last-child) { margin-right: 12px; } @media (max-width: 767px) { .single_post_info .share_post-container > a { display: none; } .single_post_info .share_post-container .share_social-wpapper { position: relative; opacity: 1; visibility: visible; padding: 0; } } .woocommerce div.product .share_social-wpapper .share_link { margin-right: 20px; font-size: 12px; color: #c2c2c2; } .woocommerce div.product .share_social-wpapper .share_link span.fa { transition: 0.45s ease-in-out; } .woocommerce div.product .share_social-wpapper .share_link:last-child { margin-right: 0; } /*==================== ##Team ==================== */ .elementor-social-icon-instagram.elementor-icon { background-color: #c52ea7; } .wgl_module_team { position: relative; z-index: 1; } .wgl_module_team .team__member { transition: 0.3s; } .wgl_module_team .member__wrapper { position: relative; z-index: 1; transition: 0.3s; } .wgl_module_team .member__wrapper:hover .member__info { transform: translateY(0); } .wgl_module_team .member__wrapper:hover .member__socials { opacity: 1; } .wgl_module_team .member__wrapper:hover .member__thumbnail { --wgl-team-image-scale-size: 1.03; } .wgl_module_team .member__wrapper:hover .member__thumbnail::after { opacity: 1; } .wgl_module_team .member__wrapper:hover .member__thumbnail img { transform: scale(var(--wgl-team-image-scale-size)); } .wgl_module_team .member__wrapper:hover .member__highlighted { color: var(--odefy-primary-color); } .wgl_module_team .member__media { position: relative; z-index: 1; } .wgl_module_team .member__thumbnail { display: block; position: relative; border-radius: 30px; overflow: hidden; --wgl-team-image-scale-size: 1; --wgl-team-image-transition: 0.6s; } .wgl_module_team .member__thumbnail img { transition: var(--wgl-team-image-transition) ease-in-out; border-radius: inherit; } .wgl_module_team .member__thumbnail::before, .wgl_module_team .member__thumbnail::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; border-radius: inherit; transition: 0.3s; pointer-events: none; } .wgl_module_team .member__thumbnail::after { background: radial-gradient(circle, rgba(var(--odefy-primary-rgb), 0.8) 0%, rgba(var(--odefy-primary-rgb), 0) 70%); opacity: 0; } .wgl_module_team .member__info { margin-top: 30px; padding-bottom: 12px; position: relative; z-index: 1; } .wgl_module_team .member__name { font-size: 32px; line-height: 1.2; margin-bottom: 0; } .wgl_module_team .member__name a, .wgl_module_team .member__name span { font: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; transition: 0.5s ease-in-out; } .wgl_module_team .member__name span { cursor: default; } .wgl_module_team .member__name a:hover { color: var(--odefy-primary-color); } .wgl_module_team .member__highlighted { font-size: 14px; font-weight: 600; line-height: 1; transition: 0.4s; color: var(--odefy-content-secondary-color); font-family: var(--odefy-header-font-family); margin-bottom: 7px; } .wgl_module_team .member__excerpt { margin-top: 15px; line-height: 1.7; transition: 0.4s; scrollbar-width: none; -ms-overflow-style: none; } .wgl_module_team .member__excerpt::-webkit-scrollbar { display: none; } .team__member .member__socials { z-index: 1; line-height: 1; } .team__member > .member__wrapper { position: relative; z-index: 1; overflow: hidden; } .team__member > .member__wrapper .member__socials { position: absolute; z-index: 1; top: 20px; right: 20px; bottom: 20px; left: 20px; margin: auto; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; text-align: center; } .team__member > .member__wrapper .social__icon { display: inline-block; position: relative; z-index: 1; text-align: center; opacity: 0; transition: transform 0.3s ease-in, opacity 0.3s ease-in; transform: scale(0.2); } .team__member > .member__wrapper .social__icon:hover::before { color: rgba(var(--odefy-tertiary-rgb), 0.6); } .team__member > .member__wrapper:hover .social__icon { opacity: 1; transform: scale(1); transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; } .team__member > .member__wrapper:hover .social__icon:nth-child(1) { transition-delay: 0s; } .team__member > .member__wrapper:hover .social__icon:nth-child(2) { transition-delay: 0.15s; } .team__member > .member__wrapper:hover .social__icon:nth-child(3) { transition-delay: 0.3s; } .team__member > .member__wrapper:hover .social__icon:nth-child(4) { transition-delay: 0.45s; } .team__member > .member__wrapper:hover .social__icon:nth-child(5) { transition-delay: 0.6s; } .team__member > .member__wrapper:hover .social__icon:nth-child(6) { transition-delay: 0.75s; } .team__member > .member__wrapper:hover .social__icon:nth-child(7) { transition-delay: 0.9s; } .team__member > .member__wrapper:hover .social__icon:nth-child(8) { transition-delay: 1.05s; } .team__member > .member__wrapper:hover .social__icon:nth-child(9) { transition-delay: 1.2s; } .team__member > .member__wrapper:hover .social__icon:nth-child(10) { transition-delay: 1.35s; } @media (max-width: 767px) { .team__member > .member__wrapper .social__icon { opacity: 1; transform: scale(1); } } .team__member .social__icon { display: inline-block; position: relative; z-index: 1; border-radius: 50%; font-size: 16px; text-align: center; margin-right: 30px; width: 18px; height: 36px; line-height: 36px; transition: 0.5s ease-in-out; } .team__member .social__icon:last-child { margin-right: 0; } .team__member .social__icon::before { color: var(--odefy-tertiary-color); transition: 0.5s ease-in-out; } .team__member .social__icon:hover::before { color: var(--odefy-primary-color); } .wgl_module_team { --odefy-team-grid-gap: 30px; } .wgl_module_team .team__members:not(.carousel) { display: flex; flex-wrap: wrap; } .wgl_module_team .team__members:not(.carousel) .team__member { margin-bottom: var(--odefy-team-grid-gap); } @media (min-width: 768px) { .wgl_module_team .team__members:not(.carousel) { margin-right: calc(var(--odefy-team-grid-gap) / 2 * -1); margin-left: calc(var(--odefy-team-grid-gap) / 2 * -1); } .wgl_module_team .team__members:not(.carousel) .team__member { margin-right: calc(var(--odefy-team-grid-gap) / 2); margin-left: calc(var(--odefy-team-grid-gap) / 2); } } .wgl_module_team .team__members.carousel .wgl-carousel_wrapper { margin-right: calc(var(--odefy-team-grid-gap) / 2 * -1); margin-left: calc(var(--odefy-team-grid-gap) / 2 * -1); } .wgl_module_team .team__members.carousel .member__wrapper { margin-right: calc(var(--odefy-team-grid-gap) / 2); margin-left: calc(var(--odefy-team-grid-gap) / 2); } .wgl_module_team .grid-col--1 .team__member { width: 100%; } .wgl_module_team .grid-col--2 .team__member { width: calc(50% - var(--odefy-team-grid-gap)); } .wgl_module_team .grid-col--3 .team__member { width: calc(33.333333% - var(--odefy-team-grid-gap)); } .wgl_module_team .grid-col--4 .team__member { width: calc(25% - var(--odefy-team-grid-gap)); } .wgl_module_team .grid-col--5 .team__member { width: calc(20% - var(--odefy-team-grid-gap)); } .wgl_module_team .grid-col--6 .team__member { width: calc(16.6666% - var(--odefy-team-grid-gap)); } @media (max-width: 1500px) { .wgl_module_team .grid-col--5 .team__member, .wgl_module_team .grid-col--6 .team__member { width: calc(25% - var(--odefy-team-grid-gap)); } } @media (max-width: 1370px) { .wgl_module_team .grid-col--4 .team__member, .wgl_module_team .grid-col--5 .team__member, .wgl_module_team .grid-col--6 .team__member { width: calc(33.333333% - var(--odefy-team-grid-gap)); } } @media (max-width: 1025px) { .wgl_module_team .grid-col--3 .team__member, .wgl_module_team .grid-col--4 .team__member, .wgl_module_team .grid-col--5 .team__member, .wgl_module_team .grid-col--6 .team__member { width: calc(50% - var(--odefy-team-grid-gap)); } } @media (max-width: 767px) { .wgl_module_team .grid-col--2 .team__member, .wgl_module_team .grid-col--3 .team__member, .wgl_module_team .grid-col--4 .team__member, .wgl_module_team .grid-col--5 .team__member, .wgl_module_team .grid-col--6 .team__member { width: 100%; } } /* ==================== ##Views ==================== */ .wgl-views { display: inline-block; } .wgl-views .post_views_inner { color: inherit; transition: 0.45s; font-family: var(--odefy-header-font-family); } .wgl-views .sl-icon { display: inline-block; position: relative; z-index: 1; text-align: center; font-size: 16px; font-weight: normal; line-height: 0; transform: translateY(2px); } .wgl-views .sl-icon:before { line-height: 0; } .post_featured_bg .wgl-views .post_views_inner { display: flex !important; font-size: 14px; font-weight: 500; letter-spacing: 0; text-decoration: unset; justify-content: center; align-items: center; } .post_featured_bg .wgl-views .sl-icon { transform: translateY(0); font-size: 18px; } .post_featured_bg .wgl-views .sl-icon:before { line-height: initial; } .post_featured_bg .wgl-views .sl-count { line-height: 19px; margin-left: 7px; } .post_featured_bg .wgl-views .sl-count-text { font-size: 12px; font-weight: 700; } .wgl-views .sl-count { display: inline-block; margin-left: 8px; transition: inherit; } .wgl-views .sl-count-text { display: none !important; } /* ==================== ##Widgets Base ==================== */ .widget_block h2, .title-wrapper .title, .sidebar [class*=berocket_] h3 { position: relative; display: block; z-index: 1; font-size: 20px; line-height: 1.3; color: var(--odefy-header-font-color); font-family: var(--odefy-header-font-family); letter-spacing: var(--odefy-h4-letter-spacing); font-weight: 600; transition: 0.4s; } .widget { position: relative; /* ↓ Categories */ /* ↑ categories */ } .widget:not(:first-child) { padding-top: 40px; } .widget:last-child { margin-bottom: 40px; } .widget .wp-block-group h2, .widget .title-wrapper { margin: 0 0 20px; line-height: 1.3; } .widget .wp-block-group h2 .rsswidget img, .widget .title-wrapper .rsswidget img { margin-top: 7px; } .widget ul li { font-size: 16px; font-weight: 500; line-height: 30px; margin-bottom: 1px; transition: 0.3s; } .widget ul li a { line-height: 24px; color: inherit; } .widget > ul { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-bottom: 0; padding-left: 0; } .widget > ul > li ul, .widget > div > ul > li ul, .widget > div > div > ul > li ul { padding-left: 15px; } .widget ul li a { position: relative; line-height: 24px; z-index: 1; } .widget ul li a .post_count { z-index: 1; padding: 0 !important; letter-spacing: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; display: inline-block; text-align: center; margin-left: 8px; } .widget.widget_categories ul, .widget.widget_product_categories ul, .widget.widget_layered_nav ul, .widget.woocommerce-widget-layered-nav ul, .widget.widget_archive ul { position: relative; margin-bottom: -5px; } .widget.widget_categories ul li, .widget.widget_product_categories ul li, .widget.widget_layered_nav ul li, .widget.woocommerce-widget-layered-nav ul li, .widget.widget_archive ul li { margin: 0; } .widget.widget_categories ul li a, .widget.widget_categories ul li label, .widget.widget_product_categories ul li a, .widget.widget_product_categories ul li label, .widget.widget_layered_nav ul li a, .widget.widget_layered_nav ul li label, .widget.woocommerce-widget-layered-nav ul li a, .widget.woocommerce-widget-layered-nav ul li label, .widget.widget_archive ul li a, .widget.widget_archive ul li label { font-size: 18px; font-weight: 500; color: var(--odefy-content-secondary-color); display: inline-block; padding: 4px 0; letter-spacing: -0.05em; } .widget.widget_categories ul li.current-cat > a, .widget.widget_categories ul li.chosen > a, .widget.widget_categories ul li a:hover, .widget.widget_categories ul li.checked label, .widget.widget_categories ul li label:hover, .widget.widget_product_categories ul li.current-cat > a, .widget.widget_product_categories ul li.chosen > a, .widget.widget_product_categories ul li a:hover, .widget.widget_product_categories ul li.checked label, .widget.widget_product_categories ul li label:hover, .widget.widget_layered_nav ul li.current-cat > a, .widget.widget_layered_nav ul li.chosen > a, .widget.widget_layered_nav ul li a:hover, .widget.widget_layered_nav ul li.checked label, .widget.widget_layered_nav ul li label:hover, .widget.woocommerce-widget-layered-nav ul li.current-cat > a, .widget.woocommerce-widget-layered-nav ul li.chosen > a, .widget.woocommerce-widget-layered-nav ul li a:hover, .widget.woocommerce-widget-layered-nav ul li.checked label, .widget.woocommerce-widget-layered-nav ul li label:hover, .widget.widget_archive ul li.current-cat > a, .widget.widget_archive ul li.chosen > a, .widget.widget_archive ul li a:hover, .widget.widget_archive ul li.checked label, .widget.widget_archive ul li label:hover { color: var(--odefy-secondary-color); } .widget.widget_categories ul li ul, .widget.widget_product_categories ul li ul, .widget.widget_layered_nav ul li ul, .widget.woocommerce-widget-layered-nav ul li ul, .widget.widget_archive ul li ul { margin-bottom: 0; } .widget.widget_categories .title-wrapper + ul, .widget.widget_product_categories .title-wrapper + ul, .widget.widget_layered_nav .title-wrapper + ul, .widget.woocommerce-widget-layered-nav .title-wrapper + ul, .widget.widget_archive .title-wrapper + ul { margin-top: -3px; } .widget_product_categories ul li img { margin-right: 13px; } .widget_shopping_cart .widget_shopping_cart_content { margin-top: 22px; margin-bottom: 4px; } .widget_recent_entries > ul > li > a { position: relative; padding-left: 20px; } .widget_recent_entries > ul > li > a::before { content: "\f15b"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 600; position: absolute; line-height: 1; top: 4px; left: 0; transition: color 0.3s; } .widget_recent_entries ul li .post-date { display: block; font-size: 0.8em; } .widget_rss .title-wrapper > a { position: relative; margin-bottom: 12px; padding-bottom: 12px; font-size: 20px; line-height: 1.4; font-weight: 500; text-align: center; text-transform: capitalize; } .widget_rss .title-wrapper > a img { display: none; } .widget_rss ul { margin-left: 0; padding-left: 0; list-style: none; } .widget_rss li { padding: 18px 0 0 0; } .widget_rss li:first-child { padding-top: 0; } .widget_rss li .rsswidget { display: inline-block; font-size: 20px; line-height: 26px; font-weight: 500; margin-bottom: 10px; } .widget_rss li .rss-date { display: block; margin: 0 0 9px; font-size: 14px; font-weight: 500; line-height: 22px; color: var(--odefy-content-secondary-color); font-style: normal; } .widget_rss li .rssSummary { line-height: 26px; font-weight: 400; font-size: 14px; margin-bottom: 8px; } .widget_rss li cite { display: block; position: relative; margin-top: 0; font-size: 14px; line-height: 24px; font-style: normal; font-weight: 700; color: var(--odefy-primary-color); } .widget_rss li cite::before { content: "–"; margin-right: 5px; } .widget_text .textwidget { margin-top: -9px; } .widget ul.wp-block-latest-posts li { padding-left: 0; } ul[class*=wp-block-] li a { color: inherit; } .wp-block-rss { margin-left: 0; padding-left: 0; list-style-type: none; font-weight: 600; } .wp-block-rss a { color: inherit; } .wp-block-rss .wp-block-rss__item:not(:last-child) { margin-bottom: 20px; } .wp-block-rss .wp-block-rss__item-excerpt { color: var(--odefy-content-color); } .wp-block-categories-dropdown, .wp-block-archives-dropdown { display: inline-block; position: relative; margin-bottom: 10px; width: 100%; } .widget_comments > ul > li::before, .widget_meta > ul > li::before, .widget_archive > ul > li::before, .widget_recent_comments > ul > li::before, ul.wp-block-archives > li::before { font-family: flaticon; transition: inherit; } .widget_archive ul, .widget_recent_entries ul, .widget_categories ul, .widget_product_categories ul, .widget_layered_nav ul, .widget_meta ul, ul.wp-block-archives { list-style: none; } .widget_archive ul ul, .widget_recent_entries ul ul, .widget_categories ul ul, .widget_product_categories ul ul, .widget_layered_nav ul ul, .widget_meta ul ul, ul.wp-block-archives ul { margin: 0; padding: 0; } .widget_archive ul li ul li:last-child, .widget_recent_entries ul li ul li:last-child, .widget_categories ul li ul li:last-child, .widget_product_categories ul li ul li:last-child, .widget_layered_nav ul li ul li:last-child, .widget_meta ul li ul li:last-child, ul.wp-block-archives li ul li:last-child { border-bottom: 0; } .widget_categories ul li img, .widget_product_categories ul li img, .widget_layered_nav ul li img, .widget_meta ul li img, .widget_archive ul li img, ul.wp-block-archives li img { max-width: 40px; margin-top: -4px; margin-right: 5px; vertical-align: middle; } .widget_categories ul li ul li img, .widget_product_categories ul li ul li img, .widget_layered_nav ul li ul li img, .widget_meta ul li ul li img, .widget_archive ul li ul li img, ul.wp-block-archives li ul li img { display: none; } .widget_meta.widget > ul li a { position: relative; padding-left: 20px; } .widget_meta.widget > ul li a::before { content: "\f02b"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 700; position: absolute; line-height: 1; top: 4px; left: 0; transition: color 0.3s; } .widget_recent_comments > ul { margin-top: -10px; margin-bottom: -6px; list-style: none; } .widget_recent_comments > ul > li::before { content: "\f075"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 700; position: absolute; top: 10px; left: 0; line-height: 1; } .widget_recent_comments ul li { position: relative; padding: 3px 0 3px 20px; line-height: 1.5; } .widget_recent_comments a { display: inline !important; } .widget_recent_comments a[rel~=external] { text-decoration: underline; } .widget .wp-block-latest-comments { margin-top: 5px; padding-bottom: 0; } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments > li { padding-left: 0; line-height: 1.3em; } .wp-block-latest-comments > li article { display: inline; } .wp-block-latest-comments__comment { display: flex; align-items: flex-start; margin-bottom: 20px; } .wp-block-latest-comments__comment::before { display: none; } .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { font-weight: 700; color: var(--odefy-header-font-color); display: inline; margin-left: 0 !important; } .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a { color: inherit; } .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a:hover { color: var(--odefy-primary-color); } .wp-block-latest-comments__comment .avatar, .wp-block-latest-comments__comment .wp-block-latest-comments__comment-avatar { width: auto; height: auto; float: none; } .wp-block-latest-comments__comment .wp-block-latest-comments__comment-date { font-size: 14px; line-height: 22px; color: var(--odefy-content-secondary-color); margin-top: 9px; margin-bottom: 11px; } .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin-left: 0 !important; } .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { font-size: 14px; line-height: 22px; color: var(--odefy-content-secondary-color); margin-top: 5px; } ul.wp-block-latest-posts { margin-left: 0; padding: 0; list-style: none; } ul.wp-block-latest-posts li { position: relative; } ul.wp-block-latest-posts li:not(:first-child) { margin-top: 15px; } ul.wp-block-latest-posts li > a { display: block; font-size: 16px; line-height: 24px; font-weight: 500; color: inherit; padding-left: 20px; } ul.wp-block-latest-posts li > a::before { content: "\f15b"; font-family: "Font Awesome 5 Free"; font-size: 12px; font-weight: 600; position: absolute; line-height: 1; top: 6px; left: 0; transition: color 0.3s; } ul.wp-block-latest-posts .wp-block-latest-posts__featured-image { margin-bottom: 10px; } ul.wp-block-latest-posts .wp-block-latest-posts__post-excerpt { margin-bottom: 25px; } ul.wp-block-latest-posts.is-grid li { margin: 0 20px 20px 0; } ul.wp-block-archives.wp-block-archives-list li, ul.wp-block-categories.wp-block-categories-list li { margin: 0; } ul.wp-block-archives.wp-block-archives-list li a, ul.wp-block-archives.wp-block-archives-list li label, ul.wp-block-categories.wp-block-categories-list li a, ul.wp-block-categories.wp-block-categories-list li label { font-size: 18px; font-weight: 500; color: var(--odefy-content-secondary-color); display: inline-block; padding: 4px 0; letter-spacing: -0.05em; } ul.wp-block-archives.wp-block-archives-list li.current-cat > a, ul.wp-block-archives.wp-block-archives-list li.chosen > a, ul.wp-block-archives.wp-block-archives-list li a:hover, ul.wp-block-archives.wp-block-archives-list li.checked label, ul.wp-block-archives.wp-block-archives-list li label:hover, ul.wp-block-categories.wp-block-categories-list li.current-cat > a, ul.wp-block-categories.wp-block-categories-list li.chosen > a, ul.wp-block-categories.wp-block-categories-list li a:hover, ul.wp-block-categories.wp-block-categories-list li.checked label, ul.wp-block-categories.wp-block-categories-list li label:hover { color: var(--odefy-secondary-color); } ul.wp-block-archives.wp-block-archives-list li ul, ul.wp-block-categories.wp-block-categories-list li ul { margin-bottom: 0; } ul.wp-block-archives.wp-block-archives-list li a, ul.wp-block-categories.wp-block-categories-list li a { position: relative; line-height: 24px; z-index: 1; } ul.wp-block-archives.wp-block-archives-list li a .post_count, ul.wp-block-categories.wp-block-categories-list li a .post_count { z-index: 1; padding: 0 !important; letter-spacing: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; display: inline-block; text-align: center; margin-left: 8px; } .widget ul.wp-block-archives { padding: 0; } ul.wp-block-archives { padding: 0; padding-bottom: 20px; position: relative; } ul.wp-block-categories { position: relative; } ul.wp-block-categories, ul.wp-block-categories ul { list-style: none; margin: 0; padding: 0; } aside select, footer select { margin-bottom: 0; } aside .widget_calendar, footer .widget_calendar { margin-bottom: -13px; } /* ==================== #Author ==================== */ .widget_author { margin-bottom: 0; } .author-widget_wrapper { position: relative; z-index: 1; text-align: center; max-width: 270px; margin-left: auto; margin-right: auto; background-size: cover; overflow: hidden; border-radius: 30px; margin-bottom: 8px; } .author-widget_wrapper::after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .author-widget_wrapper > h4 + .author-widget_social, .author-widget_wrapper > p + .author-widget_social { margin-top: 19px; } .author-widget_content { position: absolute; z-index: 2; width: 100%; bottom: 0; left: 0; padding: 32px 30px; color: var(--odefy-tertiary-color); } .author-widget_img { width: 270px; border-radius: unset; margin: 0 auto; } .author-widget_title { font-size: 26px; line-height: 1.333em; color: inherit; } .author-widget_title span { font: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; } .author-widget_text { font-size: 14px; font-weight: 600; color: inherit; margin: 0; font-family: var(--odefy-header-font-family); margin-top: 8px; } .author-widget_social { position: relative; z-index: 1; margin-top: 8px; } .author-widget_social a { display: inline-block; position: relative; height: 30px; width: 20px; border-radius: 50%; font-size: 14px; line-height: 30px; font-weight: 400; color: rgba(var(--odefy-tertiary-rgb), 0.4); background: transparent; transition: 0.4s; text-align: center; } .author-widget_social a::before { display: inline-block; transition: unset; } .author-widget_social a:hover { color: var(--odefy-tertiary-color); } .author-widget_social-link:not(:last-child) { margin-right: 15px; } .author-widget_img_sign-wrapper { margin: 0; line-height: 0; font-size: 0; margin: -67px -20px -109px 0; z-index: -1; position: relative; } /* ==================== #Banner ==================== */ .banner-widget_wrapper { display: block; position: relative; padding-top: 27px; padding-bottom: 37px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: transparent; max-width: 270px; margin-top: 10px; margin-left: auto; margin-right: auto; text-align: center; overflow: hidden; border-radius: 30px; } .banner-widget_wrapper .banner-widget_img-wrapper { display: block; margin: 0 -10px; margin-bottom: 6px; line-height: 0; } .banner-widget_wrapper .banner-widget_text_sub { font-size: 20px; line-height: 1.5em; letter-spacing: 0.05em; color: var(--odefy-tertiary-color); font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); } .banner-widget_wrapper .banner-widget_text_sub + .banner-widget_text { margin-top: 22px; } .banner-widget_wrapper .banner-widget_text { font-size: 18px; line-height: 30px; color: var(--odefy-tertiary-color); font-weight: 600; padding: 0 20px; } .banner-widget_wrapper .banner-widget_button { display: inline-block; position: relative; z-index: 1; transition: 0.4s; text-align: center; white-space: nowrap; width: auto; font-size: 14px; margin-top: 22px; line-height: 1; } .banner-widget_wrapper .banner-widget_button.text { padding: 17px 30px; font-weight: 700; font-size: 14px; letter-spacing: var(--odefy-h2-letter-spacing); font-family: var(--odefy-header-font-family); color: var(--odefy-quaternary-color); background: var(--odefy-tertiary-color); border-radius: 50px; position: relative; z-index: 1; } .banner-widget_wrapper .banner-widget__link { position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; border-radius: inherit; } .banner-widget_wrapper:hover .banner-widget_button.icon { color: var(--odefy-primary-color); } .banner-widget_wrapper:hover .banner-widget_button.text { color: var(--odefy-tertiary-color); background: var(--odefy-primary-color); } .banner-widget_wrapper:hover .banner-widget_button.text::before { transform: scale(1.5); } .banner-widget_wrapper:empty { display: none; } /* ==================== #Calendar ==================== */ body .widget_calendar .calendar_wrap { width: 100%; } body .widget_calendar .calendar_wrap table td { position: relative; z-index: 1; padding: 4px 0; text-align: center; font-size: 14px; } body .widget_calendar .calendar_wrap table td > a { display: inline-block; width: 100%; height: 100%; color: #ffffff; } body .widget_calendar .calendar_wrap table td#today { color: #ffffff; } body .widget_calendar .calendar_wrap table tr { border: 0; } body .widget_calendar .calendar_wrap table th { padding: 5px 0; text-align: center; } body .widget_calendar .calendar_wrap table caption { padding: 7px; font-size: 16px; font-weight: 600; color: #ffffff; text-transform: unset; } body .widget_calendar .calendar_wrap table tfoot { display: none; } body .widget_calendar .calendar_wrap table td#today::before, body .widget_calendar .calendar_wrap tbody td > a::before { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; transition: 0.3s; } body .widget_calendar .calendar_wrap .wp-calendar-nav { margin-bottom: -7px; } .footer .calendar_wrap .wp-calendar-nav span a, .footer .calendar_wrap tbody, .footer .calendar_wrap td#today { color: #ffffff; } .wp-block-calendar tbody td, .wp-block-calendar table th { position: relative; z-index: 1; text-align: center; padding: 4px 0; font-size: 14px; border-color: #a5a5a5; } .wp-block-calendar tbody td#today, .wp-block-calendar tbody td a, .wp-block-calendar table th#today, .wp-block-calendar table th a { color: #ffffff; } .wp-block-calendar tbody td#today::before, .wp-block-calendar tbody td a::before, .wp-block-calendar table th#today::before, .wp-block-calendar table th a::before { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; transition: 0.3s; } .wp-block-calendar tfoot #next { text-align: right; } .wp-block-calendar table tbody, .wp-block-calendar table caption { color: inherit; } .wp-block-calendar table caption { padding: 7px; font-size: 16px; font-weight: 600; } .wp-block-calendar table caption, .wp-block-calendar table #today > a { color: #ffffff; } .wp-block-calendar table th { padding: 5px 0; text-align: center; background-color: transparent; } .wp-block-calendar a { text-decoration: none; } .widget_calendar table th, .wp-block-calendar table th { font-weight: 700; font-size: 16px; } .widget_calendar table:where(:not(.has-text-color)), .wp-block-calendar table:where(:not(.has-text-color)) { color: inherit; } .widget_calendar .wp-calendar-nav, .wp-block-calendar .wp-calendar-nav { display: flex; justify-content: space-between; font-size: 14px; line-height: 0; } .widget_calendar .wp-calendar-nav span a, .wp-block-calendar .wp-calendar-nav span a { display: inline-block; margin-top: -1em; margin-bottom: 21px; line-height: 1; } /* ==================== #Gallery ==================== */ .widget_media_gallery .title-wrapper { margin-bottom: 26px; } [class*=widget][class*=media_gallery] .gallery { display: flex; flex-wrap: wrap; align-items: flex-start; margin: -8px -5px -5px -5px; } [class*=widget][class*=media_gallery] .gallery-item { margin: 0; } [class*=widget][class*=media_gallery] .gallery-item .gallery-icon { position: relative; z-index: 1; margin: 5px; } [class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a { display: block; border-radius: 15px; } [class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a::before { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: 0.5s ease-in-out; background-color: rgba(var(--odefy-quaternary-rgb), 0.4); border-radius: inherit; } [class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a::after { content: "\f101"; font-family: flaticon; position: absolute; z-index: 2; opacity: 0; left: 50%; top: 50%; color: #fff; transform: translate(-50%, -50%); font-size: 16px; transition: 0.5s ease-in-out; } [class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a:hover::before { opacity: 1; } [class*=widget][class*=media_gallery] .gallery-item .gallery-icon > a:hover::after { opacity: 1; } [class*=widget][class*=media_gallery] .gallery-item img { border: 0; border-radius: inherit; } [class*=widget][class*=media_gallery] .gallery-columns-1 .gallery-item { width: calc(100% / 1); } [class*=widget][class*=media_gallery] .gallery-columns-2 .gallery-item { width: calc(100% / 2); } [class*=widget][class*=media_gallery] .gallery-columns-3 .gallery-item { width: calc(100% / 3); } [class*=widget][class*=media_gallery] .gallery-columns-4 .gallery-item { width: calc(100% / 4); } [class*=widget][class*=media_gallery] .gallery-columns-5 .gallery-item { width: calc(100% / 5); } [class*=widget][class*=media_gallery] .gallery-columns-6 .gallery-item { width: calc(100% / 6); } [class*=widget][class*=media_gallery] .gallery-columns-7 .gallery-item { width: calc(100% / 7); } [class*=widget][class*=media_gallery] .gallery-columns-8 .gallery-item { width: calc(100% / 8); } [class*=widget][class*=media_gallery] .gallery-columns-9 .gallery-item { width: calc(100% / 9); } [class*=widget][class*=media_gallery] .gallery .gallery-caption { display: none; } .blog-post_content .gallery { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 10px -5px 20px; } .blog-post_content .gallery-item { margin: 0; } .blog-post_content .gallery-item .gallery-icon { margin: 5px; text-align: center; } .blog-post_content .gallery-columns-1 .gallery-item { width: calc(100% / 1); } .blog-post_content .gallery-columns-2 .gallery-item { width: calc(100% / 2); } .blog-post_content .gallery-columns-3 .gallery-item { width: calc(100% / 3); } .blog-post_content .gallery-columns-4 .gallery-item { width: calc(100% / 4); } .blog-post_content .gallery-columns-5 .gallery-item { width: calc(100% / 5); } .blog-post_content .gallery-columns-6 .gallery-item { width: calc(100% / 6); } .blog-post_content .gallery-columns-7 .gallery-item { width: calc(100% / 7); } .blog-post_content .gallery-columns-8 .gallery-item { width: calc(100% / 8); } .blog-post_content .gallery-columns-9 .gallery-item { width: calc(100% / 9); } .blog-post_content .gallery-caption { margin-left: 0; } /* ==================== #Navigation Menu ==================== */ .widget_nav_menu .menu, .widget_nav_menu > ul, .widget_pages .menu, .widget_pages > ul { padding: 0; margin: 0; } .widget_nav_menu .menu li, .widget_nav_menu > ul li, .widget_pages .menu li, .widget_pages > ul li { padding-right: 0; margin-bottom: 10px; } .widget_nav_menu .menu, .widget_nav_menu .menu ul, .widget_nav_menu > ul, .widget_nav_menu > ul ul, .widget_pages .menu, .widget_pages .menu ul, .widget_pages > ul, .widget_pages > ul ul { list-style: none; } .widget_nav_menu .menu a, .widget_nav_menu > ul a, .widget_pages .menu a, .widget_pages > ul a { display: block; position: relative; padding-left: 17px; } .widget_nav_menu .menu a::before, .widget_nav_menu > ul a::before, .widget_pages .menu a::before, .widget_pages > ul a::before { content: ""; position: absolute; z-index: 1; display: block; top: 10px; left: 2px; width: 6px; height: 6px; border-radius: 0; background: currentColor; transition: background-color 0.3s; } .widget_nav_menu .menu a:hover::before, .widget_nav_menu > ul a:hover::before, .widget_pages .menu a:hover::before, .widget_pages > ul a:hover::before { background-color: var(--odefy-secondary-color); } .widget_nav_menu .current-menu-item > a::before, .widget_pages .current-menu-item > a::before { color: inherit; } ul.wp-block-page-list { padding: 0; margin: 0; } ul.wp-block-page-list li { padding-right: 0; margin-bottom: 10px; } ul.wp-block-page-list, ul.wp-block-page-list ul { list-style: none; } ul.wp-block-page-list a { display: block; position: relative; padding-left: 17px; } ul.wp-block-page-list a::before { content: ""; position: absolute; z-index: 1; display: block; top: 10px; left: 2px; width: 6px; height: 6px; border-radius: 0; background: currentColor; transition: background-color 0.3s; } ul.wp-block-page-list a:hover::before { background-color: var(--odefy-secondary-color); } /* ==================== #Recent Posts ==================== */ .wgl-posts .title-wrapper { margin-bottom: 24px; } .widget .recent-posts-widget { margin: 0 0 3px; padding: 0; list-style: none; } .widget .recent-posts-widget li { padding: 0; line-height: inherit; } .widget .recent-posts-widget li img { min-width: 70px; width: 70px; border-radius: 15px; } .widget .recent-posts-widget li:not(:first-child) { margin-top: 30px; } .widget .recent-posts-widget li a { margin: 0; display: flex; } .widget .recent-posts-widget li a:hover .post__title { opacity: 0.6; } .widget .recent-posts-widget .recent-posts-image_wrapper { margin: 0 26px 0 0; } .widget .recent-posts-widget .recent-posts-image_wrapper img { border-radius: 15px; } .widget .recent-posts-widget .meta-data { font-size: 14px; font-family: var(--odefy-header-font-family); font-weight: 600; line-height: 1; color: var(--odefy-content-secondary-color); margin-top: 0; text-transform: uppercase; } .widget .recent-posts-widget .meta-data span { line-height: inherit; font: inherit; letter-spacing: inherit; } .widget .recent-posts-widget .recent-posts-content_wrapper { width: calc(100% - 20px); align-self: center; } .widget .recent-posts-widget .recent-posts-content_wrapper:first-child { margin-top: -4px; } .widget .recent-posts-widget .recent-post-content { margin-top: 3px; font-size: 0.9rem; line-height: 1.8; } .widget .recent-posts-widget .post__title { font-size: 16px; line-height: 1.625; transition: 0.4s ease-in-out; margin-top: 10px; margin-bottom: -5px; font-weight: 600; color: var(--odefy-header-font-color); } .widget .recent-posts-widget .post__link { color: var(--odefy-header-font-color); } .widget_wgl_posts .recent-posts-widget { margin-top: 0; margin-bottom: -7px; } /* ==================== #Search ==================== */ .widget_search, .widget_product_search { margin-bottom: 5px; } .widget_search .search-form, .widget_product_search .search-form { margin-top: -7px; } body .widget_search .search-form, body .widget_product_search .woocommerce-product-search, body .wc-block-product-search__fields { position: relative; z-index: 1; } body .widget_search .search-form .search-field, body .widget_product_search .woocommerce-product-search .search-field, body .wc-block-product-search__fields .search-field { height: 48px; width: 100%; margin-bottom: 0; padding-left: 36px; outline: none; overflow: hidden; } body .widget_search .search-form .search-field::placeholder, body .widget_product_search .woocommerce-product-search .search-field::placeholder, body .wc-block-product-search__fields .search-field::placeholder { font: inherit; line-height: inherit; color: inherit; outline: none; -webkit-appearance: none; transition: 0.4s; transform: translateY(0) scale(1); transform-origin: left bottom; } body .widget_search .search-form .search-field:active, body .widget_search .search-form .search-field:focus, body .widget_product_search .woocommerce-product-search .search-field:active, body .widget_product_search .woocommerce-product-search .search-field:focus, body .wc-block-product-search__fields .search-field:active, body .wc-block-product-search__fields .search-field:focus { background-color: transparent !important; box-shadow: unset !important; border-color: var(--odefy-header-font-color); color: var(--odefy-header-font-color); } body .widget_search .search-form .search-field:active::placeholder, body .widget_search .search-form .search-field:focus::placeholder, body .widget_product_search .woocommerce-product-search .search-field:active::placeholder, body .widget_product_search .woocommerce-product-search .search-field:focus::placeholder, body .wc-block-product-search__fields .search-field:active::placeholder, body .wc-block-product-search__fields .search-field:focus::placeholder { opacity: 0; } body .widget_search .search-form .search__icon, body .widget_search .search-form .wc-block-product-search__button, body .widget_product_search .woocommerce-product-search .search__icon, body .widget_product_search .woocommerce-product-search .wc-block-product-search__button, body .wc-block-product-search__fields .search__icon, body .wc-block-product-search__fields .wc-block-product-search__button { color: var(--odefy-secondary-color); } body .widget_search .search-form .search-button:hover ~ .search__icon, body .widget_search .search-form .wc-block-product-search__button:hover, body .widget_product_search .woocommerce-product-search .search-button:hover ~ .search__icon, body .widget_product_search .woocommerce-product-search .wc-block-product-search__button:hover, body .wc-block-product-search__fields .search-button:hover ~ .search__icon, body .wc-block-product-search__fields .wc-block-product-search__button:hover { color: var(--odefy-primary-color); } body .widget_search .search-form .search-button, body .widget_product_search .woocommerce-product-search .search-button, body .wc-block-product-search__fields .search-button { position: absolute; z-index: 1; height: 48px; width: 24px; top: 0; left: 0; margin: 0; border: none; outline: none; padding: 0; font-size: 0; box-shadow: none; cursor: pointer; background: transparent; } body .widget_search .search-form .search-button:focus, body .widget_search .search-form .search-button:active, body .widget_product_search .woocommerce-product-search .search-button:focus, body .widget_product_search .woocommerce-product-search .search-button:active, body .wc-block-product-search__fields .search-button:focus, body .wc-block-product-search__fields .search-button:active { box-shadow: none; } body .widget_search .search-form .search__icon, body .widget_search .search-form .wc-block-product-search__button, body .widget_product_search .woocommerce-product-search .search__icon, body .widget_product_search .woocommerce-product-search .wc-block-product-search__button, body .wc-block-product-search__fields .search__icon, body .wc-block-product-search__fields .wc-block-product-search__button { position: absolute; z-index: 1; top: 0; left: 0; height: 48px; width: 18px; font-size: 22px; line-height: 52px; font-style: normal; text-align: center; opacity: 1; transition: 0.4s; pointer-events: none; border-radius: 0; color: var(--odefy-content-secondary-color); } body .wc-block-product-search__fields .wc-block-product-search__field { margin: 0; } body .wc-block-product-search__fields .wc-block-product-search__button { display: block; margin: 0; padding: 0; overflow: unset; border: unset; pointer-events: auto; background: unset; } body .wc-block-product-search__fields .wc-block-product-search__button::before { content: "\f101"; font-family: "Flaticon"; font-size: inherit; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } body .wc-block-product-search__fields .wc-block-product-search__button svg { display: none; } .wp-block-search .wp-block-search__inside-wrapper { border: 0; padding: 0; position: relative; } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button, .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input { margin: 0; } .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input { border: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input { border: 0; border-bottom: 1px solid rgba(var(--odefy-secondary-rgb), 0.15); padding: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input:focus, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input:focus { border-color: var(--odefy-header-font-color); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 0; padding: 0; position: relative; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding-left: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { margin: 0; position: absolute; right: 0; top: 0; } .wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button { position: absolute; z-index: 1; right: 0; top: 0; } .wp-block-search.wp-block-search__text-button.wp-block-search__button-outside .wp-block-search__button, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button { margin-left: 10px; } .wp-block-search.wp-block-search__text-button.wp-block-search__button-outside .wp-block-search__button, .wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__button { font-size: 14px; padding: 5px 20px; line-height: 1; } .wp-block-search.wp-block-search__text-button.wp-block-search__button-inside .wp-block-search__input { padding-right: 95px; } .wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button { padding: 0; } .wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button::before, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button::before { content: "\f101"; font-family: "flaticon"; display: block; top: 0; left: 12px; height: 40px; width: 40px; font-size: 20px; font-weight: 400; line-height: 40px; font-style: normal; text-align: center; transform: translate(0, 0); opacity: 1; pointer-events: none; } .wp-block-search.wp-block-search__icon-button.wp-block-search__button-outside .wp-block-search__button .search-icon, .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__button .search-icon { display: none; } .wp-block-search.wp-block-search__icon-button.wp-block-search__button-inside .wp-block-search__input { padding-right: 50px; } /* ==================== #Tagcloud ==================== */ .tagcloud, .wp-block-tag-cloud { --tag-cloud-gap: 10px; font-size: 0; margin-bottom: var(--tag-cloud-gap); } .tagcloud a, .wp-block-tag-cloud a { display: inline-block; margin-bottom: var(--tag-cloud-gap); padding: 6px 11px; font-size: 14px !important; line-height: 1.143; font-weight: 500; font-family: var(--odefy-content-font-family); color: var(--odefy-secondary-color); background-color: transparent; transition: 0.4s; border-radius: 30px; border: 1px solid var(--odefy-secondary-color); } .tagcloud a:not(:last-child), .wp-block-tag-cloud a:not(:last-child) { margin-right: var(--tag-cloud-gap); } .tagcloud a:hover, .format-no_featured .tagcloud a:hover, .wp-block-tag-cloud a:hover, .format-no_featured .wp-block-tag-cloud a:hover { color: var(--odefy-tertiary-color); border-color: var(--odefy-primary-color); background-color: var(--odefy-primary-color); } .widget_tag_cloud, .widget_product_tag_cloud { margin-bottom: 14px; } .widget_tag_cloud .tagcloud, .widget_product_tag_cloud .tagcloud { margin-bottom: -20px; } .widget_tag_cloud .title-wrapper, .widget_product_tag_cloud .title-wrapper { margin-bottom: 24px; } /* ==================== #Text Widget ==================== */ .textwidget p:last-child { margin-bottom: 0; } /* ==================== ##Header Date ==================== */ .wgl-header-date { font-size: 11px; line-height: 1.3em; font-weight: 400; text-transform: uppercase; display: flex; } .wgl-header-date.wgl-default-format { align-items: center; } .wgl-header-date.wgl-default-format > span:first-child { font-size: 28px; margin-right: 8px; } .wgl-header-date.wgl-default-format > span:last-child { font-weight: 400; } .wgl-header-date.wgl-default-format > span:last-child span { display: block; } .wgl-header-date > span:first-child { color: var(--odefy-primary-color); } .wgl-header-date > span:last-child { color: var(--odefy-header-font-color); } /* ==================== ##Header List Info ==================== */ .elementor-widget.elementor-align-center .wgl-header-list-info .elementor-icon-list-item::after { margin: 0; } .elementor-widget-wgl-header-list-info .elementor-icon-list-item { list-style-type: none; margin: 0; padding: 0; } .elementor-widget-wgl-header-list-info .elementor-icon-list-item, .elementor-widget-wgl-header-list-info .elementor-icon-list-item a { display: flex; align-items: flex-start; } .elementor-widget-wgl-header-list-info .elementor-icon-list-item::before { display: none; } .elementor-widget-wgl-header-list-info .elementor-icon-list-item span, .elementor-widget-wgl-header-list-info .elementor-icon-list-item i { transition: 0.4s; } .elementor-widget-wgl-header-list-info .elementor-icon-list-item i, .elementor-widget-wgl-header-list-info .elementor-icon-list-item svg { color: var(--odefy-primary-color); fill: var(--odefy-primary-color); } .elementor-widget-wgl-header-list-info .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-widget-wgl-header-list-info .elementor-icon-list-item:hover .elementor-icon-list-icon svg { color: var(--odefy-primary-color); fill: var(--odefy-primary-color); } .elementor-widget-wgl-header-list-info .elementor-icon-list-items.elementor-inline-items { display: flex; flex-wrap: wrap; } .elementor-widget-wgl-header-list-info .wgl-header-list-icon i { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .elementor-widget-wgl-header-list-info a { color: inherit; } .elementor-widget-wgl-header-list-info svg { transition: inherit; } .elementor-widget-wgl-header-list-info .elementor-icon-list-items.elementor-inline-items { margin-right: -8px; margin-left: -8px; } .elementor-widget-wgl-header-list-info .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { margin-right: 8px; margin-left: 8px; } .elementor-widget-wgl-header-list-info .elementor-icon-list-icon + .elementor-icon-list-text { align-self: center; padding-left: 5px; } /*! elementor default */ .elementor-widget.elementor-icon-list--layout-inline .elementor-widget-container { overflow: hidden; } .elementor-widget .elementor-icon-list-items.elementor-inline-items { margin-right: -8px; margin-left: -8px; } .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { margin-right: 8px; margin-left: 8px; } .elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after { width: auto; left: auto; position: relative; height: 100%; border-top: 0; border-bottom: 0; border-right: 0; border-left-width: 1px; border-style: solid; right: -8px; } .elementor-widget .elementor-icon-list-items { list-style-type: none; margin: 0; padding: 0; } .elementor-widget .elementor-icon-list-item { margin: 0; padding: 0; position: relative; } .elementor-widget .elementor-icon-list-item:after { position: absolute; bottom: 0; width: 100%; } .elementor-widget .elementor-icon-list-item, .elementor-widget .elementor-icon-list-item a { display: flex; font-size: inherit; align-items: var(--icon-vertical-align, center); } .elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text { align-self: center; padding-inline-start: 5px; } .elementor-widget .elementor-icon-list-icon { display: flex; position: relative; top: var(--icon-vertical-offset, initial); } .elementor-widget .elementor-icon-list-icon svg { width: var(--e-icon-list-icon-size, 1em); height: var(--e-icon-list-icon-size, 1em); } .elementor-widget .elementor-icon-list-icon i { width: 1.25em; font-size: var(--e-icon-list-icon-size); } .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon { text-align: var(--e-icon-list-icon-align); } .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg { margin: var(--e-icon-list-icon-margin, 0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0); } .elementor-widget.elementor-list-item-link-full_width a { width: 100%; } .elementor-widget.elementor-align-center .elementor-icon-list-item, .elementor-widget.elementor-align-center .elementor-icon-list-item a { justify-content: center; } .elementor-widget.elementor-align-center .elementor-icon-list-item:after { margin: auto; } .elementor-widget.elementor-align-center .elementor-inline-items { justify-content: center; } .elementor-widget.elementor-align-left .elementor-icon-list-item, .elementor-widget.elementor-align-left .elementor-icon-list-item a { justify-content: flex-start; text-align: left; } .elementor-widget.elementor-align-left .elementor-inline-items { justify-content: flex-start; } .elementor-widget.elementor-align-right .elementor-icon-list-item, .elementor-widget.elementor-align-right .elementor-icon-list-item a { justify-content: flex-end; text-align: right; } .elementor-widget.elementor-align-right .elementor-icon-list-items { justify-content: flex-end; } .elementor-widget:not(.elementor-align-right) .elementor-icon-list-item:after { left: 0; } .elementor-widget:not(.elementor-align-left) .elementor-icon-list-item:after { right: 0; } @media (min-width: -1) { .elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item, .elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item a { justify-content: center; } .elementor-widget.elementor-widescreen-align-center .elementor-icon-list-item:after { margin: auto; } .elementor-widget.elementor-widescreen-align-center .elementor-inline-items { justify-content: center; } .elementor-widget.elementor-widescreen-align-left .elementor-icon-list-item, .elementor-widget.elementor-widescreen-align-left .elementor-icon-list-item a { justify-content: flex-start; text-align: left; } .elementor-widget.elementor-widescreen-align-left .elementor-inline-items { justify-content: flex-start; } .elementor-widget.elementor-widescreen-align-right .elementor-icon-list-item, .elementor-widget.elementor-widescreen-align-right .elementor-icon-list-item a { justify-content: flex-end; text-align: right; } .elementor-widget.elementor-widescreen-align-right .elementor-icon-list-items { justify-content: flex-end; } .elementor-widget:not(.elementor-widescreen-align-right) .elementor-icon-list-item:after { left: 0; } .elementor-widget:not(.elementor-widescreen-align-left) .elementor-icon-list-item:after { right: 0; } } @media (max-width: -1) { .elementor-widget.elementor-laptop-align-center .elementor-icon-list-item, .elementor-widget.elementor-laptop-align-center .elementor-icon-list-item a { justify-content: center; } .elementor-widget.elementor-laptop-align-center .elementor-icon-list-item:after { margin: auto; } .elementor-widget.elementor-laptop-align-center .elementor-inline-items { justify-content: center; } .elementor-widget.elementor-laptop-align-left .elementor-icon-list-item, .elementor-widget.elementor-laptop-align-left .elementor-icon-list-item a { justify-content: flex-start; text-align: left; } .elementor-widget.elementor-laptop-align-left .elementor-inline-items { justify-content: flex-start; } .elementor-widget.elementor-laptop-align-right .elementor-icon-list-item, .elementor-widget.elementor-laptop-align-right .elementor-icon-list-item a { justify-content: flex-end; text-align: right; } .elementor-widget.elementor-laptop-align-right .elementor-icon-list-items { justify-content: flex-end; } .elementor-widget:not(.elementor-laptop-align-right) .elementor-icon-list-item:after { left: 0; } .elementor-widget:not(.elementor-laptop-align-left) .elementor-icon-list-item:after { right: 0; } } @media (max-width: -1) { .elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item, .elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item a { justify-content: center; } .elementor-widget.elementor-tablet_extra-align-center .elementor-icon-list-item:after { margin: auto; } .elementor-widget.elementor-tablet_extra-align-center .elementor-inline-items { justify-content: center; } .elementor-widget.elementor-tablet_extra-align-left .elementor-icon-list-item, .elementor-widget.elementor-tablet_extra-align-left .elementor-icon-list-item a { justify-content: flex-start; text-align: left; } .elementor-widget.elementor-tablet_extra-align-left .elementor-inline-items { justify-content: flex-start; } .elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-item, .elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-item a { justify-content: flex-end; text-align: right; } .elementor-widget.elementor-tablet_extra-align-right .elementor-icon-list-items { justify-content: flex-end; } .elementor-widget:not(.elementor-tablet_extra-align-right) .elementor-icon-list-item:after { left: 0; } .elementor-widget:not(.elementor-tablet_extra-align-left) .elementor-icon-list-item:after { right: 0; } } @media (max-width: 1024px) { .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item a { justify-content: center; } .elementor-widget.elementor-tablet-align-center .elementor-icon-list-item:after { margin: auto; } .elementor-widget.elementor-tablet-align-center .elementor-inline-items { justify-content: center; } .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-left .elementor-icon-list-item a { justify-content: flex-start; text-align: left; } .elementor-widget.elementor-tablet-align-left .elementor-inline-items { justify-content: flex-start; } .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item, .elementor-widget.elementor-tablet-align-right .elementor-icon-list-item a { justify-content: flex-end; text-align: right; } .elementor-widget.elementor-tablet-align-right .elementor-icon-list-items { justify-content: flex-end; } .elementor-widget:not(.elementor-tablet-align-right) .elementor-icon-list-item:after { left: 0; } .elementor-widget:not(.elementor-tablet-align-left) .elementor-icon-list-item:after { right: 0; } } @media (max-width: -1) { .elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item, .elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item a { justify-content: center; } .elementor-widget.elementor-mobile_extra-align-center .elementor-icon-list-item:after { margin: auto; } .elementor-widget.elementor-mobile_extra-align-center .elementor-inline-items { justify-content: center; } .elementor-widget.elementor-mobile_extra-align-left .elementor-icon-list-item, .elementor-widget.elementor-mobile_extra-align-left .elementor-icon-list-item a { justify-content: flex-start; text-align: left; } .elementor-widget.elementor-mobile_extra-align-left .elementor-inline-items { justify-content: flex-start; } .elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-item, .elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-item a { justify-content: flex-end; text-align: right; } .elementor-widget.elementor-mobile_extra-align-right .elementor-icon-list-items { justify-content: flex-end; } .elementor-widget:not(.elementor-mobile_extra-align-right) .elementor-icon-list-item:after { left: 0; } .elementor-widget:not(.elementor-mobile_extra-align-left) .elementor-icon-list-item:after { right: 0; } } @media (max-width: 767px) { .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item a { justify-content: center; } .elementor-widget.elementor-mobile-align-center .elementor-icon-list-item:after { margin: auto; } .elementor-widget.elementor-mobile-align-center .elementor-inline-items { justify-content: center; } .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-left .elementor-icon-list-item a { justify-content: flex-start; text-align: left; } .elementor-widget.elementor-mobile-align-left .elementor-inline-items { justify-content: flex-start; } .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item, .elementor-widget.elementor-mobile-align-right .elementor-icon-list-item a { justify-content: flex-end; text-align: right; } .elementor-widget.elementor-mobile-align-right .elementor-icon-list-items { justify-content: flex-end; } .elementor-widget:not(.elementor-mobile-align-right) .elementor-icon-list-item:after { left: 0; } .elementor-widget:not(.elementor-mobile-align-left) .elementor-icon-list-item:after { right: 0; } } /* ==================== ##Header Modules ==================== */ .elementor-element.elementor-widget.elementor-widget-wgl-header-logo, .elementor-element.elementor-widget.elementor-widget-wgl-header-search, .elementor-element.elementor-widget.elementor-widget-wgl-header-delimiter, .elementor-element.elementor-widget.elementor-widget-wgl-header-list-info, .elementor-element.elementor-widget.elementor-widget-wgl-header-cart, .elementor-element.elementor-widget.elementor-widget-wgl-header-wishlist, .elementor-element.elementor-widget.elementor-widget-wgl-header-login, .elementor-element.elementor-widget.elementor-widget-wgl-date, .elementor-element.elementor-widget.elementor-widget-wgl-menu { margin-bottom: 0; } .elementor-element.elementor-widget.elementor-widget-wgl-header-logo, .elementor-element.elementor-widget.elementor-widget-wgl-header-date, .elementor-element.elementor-widget.elementor-widget-wgl-header-search, .elementor-element.elementor-widget.elementor-widget-wgl-header-delimiter, .elementor-element.elementor-widget.elementor-widget-wgl-header-list-info, .elementor-element.elementor-widget.elementor-widget-wgl-header-side_panel, .elementor-element.elementor-widget.elementor-widget-wgl-header-cart, .elementor-element.elementor-widget.elementor-widget-wgl-header-wishlist, .elementor-element.elementor-widget.elementor-widget-wgl-header-login { width: auto; } .elementor-element.elementor-widget.elementor-widget-wgl-date { width: auto; } .elementor-element.elementor-widget.elementor-widget-wgl-header-delimiter .delimiter { background: #e5e5e5; } /* ==================== ##Accordion Services ==================== */ .wgl-accordion-services { display: flex; flex-wrap: wrap; flex-direction: row; margin: 0 -10px; } .wgl-accordion-services .service__item { display: flex; position: relative; z-index: 1; margin-bottom: 15px; transition: 0.5s; } .wgl-accordion-services .service__item.active .service__content { opacity: 1; visibility: visible; transition: 0.5s; transition-delay: 0.3s; } .wgl-accordion-services .service__item:not(.active) .service__thumbnail { border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .wgl-accordion-services .service__thumbnail { position: absolute; z-index: 1; left: 10px; top: 0; width: calc(100% - 15px); height: 100%; border-top-left-radius: inherit; border-bottom-left-radius: inherit; transition: 0.3s; background-color: var(--odefy-header-font-color); } .wgl-accordion-services .content__title { color: var(--odefy-header-font-color); } .wgl-accordion-services .service__content { display: flex; flex-direction: column; justify-content: flex-end; position: relative; z-index: 1; left: -5px; width: 100%; border-top-right-radius: inherit; border-bottom-right-radius: inherit; opacity: 0; visibility: hidden; transform: translateX(100%); transition: 0.2s; } .wgl-accordion-services .content__media { line-height: 1; color: var(--odefy-primary-color); } .wgl-accordion-services .content__media svg { width: 1em; height: 1em; display: block; } .wgl-accordion-services .content__button { align-self: baseline; color: #fff; background-color: var(--odefy-tertiary-color); } .wgl-accordion-services .content__button:hover { color: #fff; background-color: var(--odefy-primary-color); } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item { width: 33.333333%; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item.active { margin-right: 33.333333%; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active), .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) { margin-right: 33.333333%; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content { opacity: 1; visibility: visible; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item { width: 25%; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item.active { margin-right: 25%; } @media only screen and (min-width: 1201px) { .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) { margin-right: 25%; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) .service__content { opacity: 1; visibility: visible; } } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item { width: 20%; } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item.active { margin-right: 20%; } @media only screen and (min-width: 1301px) { .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) + .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(9):not(.active) + .service__item:nth-child(10):not(.active) + .service__item:nth-child(11):not(.active) + .service__item:nth-child(12):not(.active) { margin-right: 20%; } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) + .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(9):not(.active) + .service__item:nth-child(10):not(.active) + .service__item:nth-child(11):not(.active) + .service__item:nth-child(12):not(.active) .service__content { opacity: 1; visibility: visible; } } @media only screen and (min-width: 1201px) and (max-width: 1300px) { .elementor-widget-wgl-accordion-service.grid-col-4 .service__item { width: 25%; } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item.active { margin-right: 25%; } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) { margin-right: 25%; } .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) + .service__item:nth-child(3):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(4):not(.active) + .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) + .service__item:nth-child(9):not(.active) .service__content { opacity: 1; visibility: visible; } } @media only screen and (min-width: 993px) and (max-width: 1200px) { .elementor-widget-wgl-accordion-service.grid-col-3 .service__item, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item { width: 33.333333%; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item.active, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item.active { margin-right: 33.333333%; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active), .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) { margin-right: 33.333333%; } .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(1):not(.active) + .service__item:nth-child(2):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(3):not(.active) + .service__item:nth-child(4):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(5):not(.active) + .service__item:nth-child(6):not(.active) .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item:nth-child(7):not(.active) + .service__item:nth-child(8):not(.active) .service__content { opacity: 1; visibility: visible; } } @media only screen and (max-width: 992px) { .elementor-widget-wgl-accordion-service.grid-col-2 .service__item, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item { width: 100%; margin-right: 0 !important; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__content { opacity: 1; visibility: visible; transform: translateX(0); } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__thumbnail { position: relative; min-height: inherit; height: auto; } } @media only screen and (max-width: 767px) { .elementor-widget-wgl-accordion-service.grid-col-2 .service__item, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item { flex-direction: column; } .elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-2 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-3 .service__item .service__content, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__thumbnail, .elementor-widget-wgl-accordion-service.grid-col-4 .service__item .service__content { position: static; width: 100%; } } /* ==================== ##Button ==================== */ .wgl-button { display: inline-flex; justify-content: center; align-items: center; position: relative; z-index: 1; --button-padding: 21px 40px 21px 40px; padding: var(--button-padding, 0); --border-color: var(--odefy-button-border-idle, "unset"); border: 1px solid var(--border-color); border-radius: var(--button-border-radius, 60px); font-family: var(--odefy-header-font-family); font-weight: 700; font-size: 16px; line-height: 1em; letter-spacing: -0.03em; color: var(--odefy-button-color-idle); background-color: var(--odefy-button-bg-idle); transition: 0.4s ease-in-out; } .wgl-button::after { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; transition: inherit; } .wgl-button:focus, .wgl-button:hover, .wgl-button:active { color: var(--odefy-button-color-hover); background-color: var(--odefy-button-bg-hover); --border-color: var(--odefy-button-border-hover); } .wgl-button:focus .elementor-icon, .wgl-button:focus .read-more-icon, .wgl-button:hover .elementor-icon, .wgl-button:hover .read-more-icon, .wgl-button:active .elementor-icon, .wgl-button:active .read-more-icon { color: var(--odefy-button-color-hover); } .wgl-button .wgl-icon { line-height: 0; } .wgl-button .elementor-icon, .wgl-button .read-more-icon { --icon-size: 20px; font-size: var(--icon-size); display: inline-flex; align-items: center; line-height: 0; margin: 0; padding: 0; transition: 0.4s ease-in-out; border-radius: 50%; transform: translateY(var(--icon-translate-y, 0)) rotate(var(--icon-rotate, 0)); } .wgl-button .elementor-icon:not([class*=fa-]), .wgl-button .read-more-icon:not([class*=fa-]) { font-weight: normal; } .wgl-button .button__content { display: flex; justify-content: center; align-items: center; gap: var(--wgl-gap, 13px); position: relative; z-index: 2; -webkit-user-select: none; user-select: none; } .wgl-button.btn-size-xl { --button-padding: 21px 40px 21px 40px; } .has-bg_animation.wgl-icon-box .wgl-button.btn-size-xl { --button-padding: 21px 22px 20px 17px; --bg-size: 56px; } .wgl-button.btn-size-lg { --button-padding: 19px 36px 19px 36px; } .has-bg_animation.wgl-icon-box .wgl-button.btn-size-lg { --button-padding: 19px 22px 18px 14px; --bg-size: 52px; } .wgl-button.btn-size-md { font-size: 14px; --button-padding: 18px 40px 18px 40px; } .has-bg_animation.wgl-icon-box .wgl-button.btn-size-md { --button-padding: 17px 26px 17px 13px; --bg-size: 48px; } .wgl-button.btn-size-sm { font-size: 14px; --button-padding: 16px 36px 16px 36px; } .has-bg_animation.wgl-icon-box .wgl-button.btn-size-sm { --button-padding: 15px 24px 15px 12px; --bg-size: 44px; } .wgl-button.btn-size-sm .elementor-icon, .wgl-button.btn-size-sm .read-more-icon { --icon-size: 17px; } .wgl-button .align-icon-left .elementor-icon, .wgl-button .align-icon-left .read-more-icon { text-align: left; } .wgl-button .align-icon-left .button__text { text-align: right; } .wgl-button .align-icon-right { flex-direction: row-reverse; } .wgl-button .align-icon-right .elementor-icon, .wgl-button .align-icon-right .read-more-icon { text-align: right; } .wgl-button .align-icon-right .button__text { text-align: left; } .wgl-button .icon-wrapper { display: inline-flex; align-items: center; line-height: 0; font-weight: normal; margin: -1em 0; } .wgl-button .icon-wrapper:empty { display: none; } .wgl-block-button > a { display: inline-flex; justify-content: center; align-items: center; position: relative; z-index: 1; padding: 12px 40px; border: 1px solid var(--odefy-secondary-color); border-radius: var(--button-border-radius, 120px); font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 16px; line-height: 30px; letter-spacing: var(--odefy-h6-letter-spacing); transition: 0.4s ease-in-out; color: var(--odefy-button-color-idle); border-color: var(--odefy-button-border-idle); background-color: var(--odefy-button-bg-idle); } .wgl-block-button > a:focus, .wgl-block-button > a:hover, .wgl-block-button > a:active { color: var(--odefy-button-color-hover); border-color: var(--odefy-button-border-hover); background-color: var(--odefy-button-bg-hover); } .wgl-block-button.wgl-circle > a { --wgl-circle-size: 122px; width: var(--wgl-circle-size); height: var(--wgl-circle-size); } .wgl-block-button.wgl-circle.has-small-font-size > a { --wgl-circle-size: 122px; } .wgl-block-button.wgl-circle.has-medium-font-size > a { --wgl-circle-size: 150px; } .wgl-block-button.wgl-circle.has-large-font-size > a { --wgl-circle-size: 180px; } .wgl-block-button.wgl-circle.has-x-large-font-size > a { --wgl-circle-size: 210px; } .elementor-widget-wgl-button .elementor-widget-container { font-size: 0; } .elementor-widget-wgl-button.button-animation-enabled .wgl-button { background-repeat: no-repeat; background-size: 0 100%; background-position: 0 100%; transition: 0.8s, background-size 0.8s cubic-bezier(0.65, 0.05, 0.36, 1); } .elementor-widget-wgl-button.button-animation-enabled .wgl-button:hover { background-size: 100% 100%; } .has-highlight_animation .highlight_svg { position: absolute; top: -55px; left: -20px; width: calc(100% + 50px); height: calc(100% + 110px); overflow: visible; } .has-highlight_animation .highlight_svg path { stroke: white; stroke-width: 2; fill: none; opacity: 0; stroke-dasharray: 0 1500; transition: 0.3s; } .has-highlight_animation .highlight_svg.active path { animation: wgl-headline-dash forwards; animation-duration: var(--animation-duration, 1.2s); animation-iteration-count: 1; } .has-highlight_animation .highlight_svg.active path + path { animation-delay: 350ms; } .has-highlight_animation .highlight_svg.hide-highlight path { opacity: 1; stroke-dasharray: 1500 1500; animation: wgl-hide-highlight 0.4s forwards; animation-iteration-count: 1; } @media (max-width: 1024px) { .has-highlight_animation .highlight_svg:not(.active) path { animation: wgl-headline-dash forwards; animation-duration: var(--animation-duration, 1.2s); animation-iteration-count: 1; } .has-highlight_animation .highlight_svg.active path { opacity: 1; stroke-dasharray: 1500 1500; animation: wgl-hide-highlight 0.4s forwards; animation-iteration-count: 1; } } .has-bg_animation .wgl-button { background-color: transparent; border: unset !important; --button-padding: 23px 21px 23px; color: var(--odefy-header-font-color); } .has-bg_animation .wgl-button::after { content: ""; background-color: var(--odefy-button-bg-idle); width: var(--bg-size, 56px); height: var(--bg-size, 56px); border: 1px solid var(--border-color); } .has-bg_animation .wgl-button:focus, .has-bg_animation .wgl-button:hover, .has-bg_animation .wgl-button:active { color: var(--odefy-button-color-idle); } .has-bg_animation .wgl-button:focus .elementor-icon, .has-bg_animation .wgl-button:focus .read-more-icon, .has-bg_animation .wgl-button:hover .elementor-icon, .has-bg_animation .wgl-button:hover .read-more-icon, .has-bg_animation .wgl-button:active .elementor-icon, .has-bg_animation .wgl-button:active .read-more-icon { color: var(--odefy-button-color-idle); } .has-border_animation .wgl-button { --ab-width: 1; --ab-offset: 6; --ab-extend: 4; --ab-color: var(--odefy-button-border-hover); color: var(--odefy-button-color-hover); background-color: var(--odefy-button-bg-hover); border-color: var(--odefy-button-border-hover); } .has-border_animation .wgl-button::before, .has-border_animation .wgl-button::after { content: ""; color: var(--ab-color); position: absolute; pointer-events: none; opacity: 1; transition: 0.7s cubic-bezier(0.65, 0, 0.6, 1.55); } .has-border_animation .wgl-button::before { top: 0; left: 100%; width: calc(1px * var(--ab-width)); height: calc(100% + 1px * var(--ab-extend)); border-right: calc(1px * var(--ab-width)) solid currentColor; transform: translate(calc(1px * var(--ab-offset)), calc(1px * var(--ab-offset) + 4px)); } .has-border_animation .wgl-button::after { top: 100%; left: 0; width: calc(100% + 1px * var(--ab-extend)); height: calc(1px * var(--ab-width)); border-bottom: calc(1px * var(--ab-width)) solid currentColor; transform: translate(calc(1px * var(--ab-offset) + 4px), calc(1px * var(--ab-offset))); } .has-border_animation .wgl-button:focus::before, .has-border_animation .wgl-button:hover::before, .has-border_animation .wgl-button:active::before { height: 0; transform: translate(calc(1px * var(--ab-offset)), -16px); } .has-border_animation .wgl-button:focus::after, .has-border_animation .wgl-button:hover::after, .has-border_animation .wgl-button:active::after { width: 0; transform: translate(-16px, calc(1px * var(--ab-offset))); } .has-border_animation .wgl-button:focus::before, .has-border_animation .wgl-button:focus::after, .has-border_animation .wgl-button:hover::before, .has-border_animation .wgl-button:hover::after, .has-border_animation .wgl-button:active::before, .has-border_animation .wgl-button:active::after { opacity: 0; transition: 0.5s, opacity 0.3s 0.2s; } .has-border_animation.revers .wgl-button::before { height: 0; transform: translate(calc(1px * var(--ab-offset)), -16px); } .has-border_animation.revers .wgl-button::after { width: 0; transform: translate(-16px, calc(1px * var(--ab-offset))); } .has-border_animation.revers .wgl-button::before, .has-border_animation.revers .wgl-button::after { opacity: 0; transition: 0.7s 0.2s, opacity 0.5s 0.4s; } .has-border_animation.revers .wgl-button:focus::before, .has-border_animation.revers .wgl-button:hover::before, .has-border_animation.revers .wgl-button:active::before { height: calc(100% + 4px); transform: translate(calc(1px * var(--ab-offset)), calc(1px * var(--ab-offset) + 4px)); } .has-border_animation.revers .wgl-button:focus::after, .has-border_animation.revers .wgl-button:hover::after, .has-border_animation.revers .wgl-button:active::after { width: calc(100% + 4px); transform: translate(calc(1px * var(--ab-offset) + 4px), calc(1px * var(--ab-offset))); } .has-border_animation.revers .wgl-button:focus::before, .has-border_animation.revers .wgl-button:focus::after, .has-border_animation.revers .wgl-button:hover::before, .has-border_animation.revers .wgl-button:hover::after, .has-border_animation.revers .wgl-button:active::before, .has-border_animation.revers .wgl-button:active::after { opacity: 1; transition: 0.7s cubic-bezier(0.65, 0, 0.6, 1.55); } .has-magnetic .wgl-button { transition: all 0.4s, transform 0.2s; } .has-icon_visibility.icon-visibility-default .wgl-button .button__content, .has-icon_visibility.icon-visibility-revert .wgl-button .button__content { transition: gap 0.4s; } .has-icon_visibility.icon-visibility-default .wgl-button .elementor-icon, .has-icon_visibility.icon-visibility-default .wgl-button .read-more-icon, .has-icon_visibility.icon-visibility-revert .wgl-button .elementor-icon, .has-icon_visibility.icon-visibility-revert .wgl-button .read-more-icon { width: var(--icon-wr-size, var(--icon-size)); height: var(--icon-size); box-sizing: content-box; } .has-icon_visibility.icon-visibility-default .wgl-button .icon-wrapper, .has-icon_visibility.icon-visibility-revert .wgl-button .icon-wrapper { margin: -1em 0 !important; } .has-icon_visibility.icon-visibility-default .wgl-infobox__link:not(:hover) ~ .wgl-infobox_wrapper .wgl-button .button__content, .has-icon_visibility.icon-visibility-default .wgl-infobox_wrapper:first-child .wgl-button:not(:hover) .button__content, .has-icon_visibility.icon-visibility-default .wgl-cases__link:not(:hover) ~ .case_button__wrapper .wgl-button .button__content, .has-icon_visibility.icon-visibility-default .wgl-cases__link:first-child .wgl-button:not(:hover) .button__content, .has-icon_visibility.icon-visibility-default .wgl-striped__link:not(:hover) ~ .service-item_wrapper .wgl-button .button__content, .has-icon_visibility.icon-visibility-default .wgl-striped__link:first-child .wgl-button:not(:hover) .button__content, .has-icon_visibility.icon-visibility-default.elementor-widget-wgl-button .wgl-button:not(:hover) .button__content { --wgl-gap: 0 !important; } .has-icon_visibility.icon-visibility-default .wgl-infobox__link:not(:hover) ~ .wgl-infobox_wrapper .wgl-button .elementor-icon, .has-icon_visibility.icon-visibility-default .wgl-infobox__link:not(:hover) ~ .wgl-infobox_wrapper .wgl-button .read-more-icon, .has-icon_visibility.icon-visibility-default .wgl-infobox_wrapper:first-child .wgl-button:not(:hover) .elementor-icon, .has-icon_visibility.icon-visibility-default .wgl-infobox_wrapper:first-child .wgl-button:not(:hover) .read-more-icon, .has-icon_visibility.icon-visibility-default .wgl-cases__link:not(:hover) ~ .case_button__wrapper .wgl-button .elementor-icon, .has-icon_visibility.icon-visibility-default .wgl-cases__link:not(:hover) ~ .case_button__wrapper .wgl-button .read-more-icon, .has-icon_visibility.icon-visibility-default .wgl-cases__link:first-child .wgl-button:not(:hover) .elementor-icon, .has-icon_visibility.icon-visibility-default .wgl-cases__link:first-child .wgl-button:not(:hover) .read-more-icon, .has-icon_visibility.icon-visibility-default .wgl-striped__link:not(:hover) ~ .service-item_wrapper .wgl-button .elementor-icon, .has-icon_visibility.icon-visibility-default .wgl-striped__link:not(:hover) ~ .service-item_wrapper .wgl-button .read-more-icon, .has-icon_visibility.icon-visibility-default .wgl-striped__link:first-child .wgl-button:not(:hover) .elementor-icon, .has-icon_visibility.icon-visibility-default .wgl-striped__link:first-child .wgl-button:not(:hover) .read-more-icon, .has-icon_visibility.icon-visibility-default.elementor-widget-wgl-button .wgl-button:not(:hover) .elementor-icon, .has-icon_visibility.icon-visibility-default.elementor-widget-wgl-button .wgl-button:not(:hover) .read-more-icon { transform: translateY(var(--icon-translate-y, 0)) rotate(var(--icon-rotate, 0)) scale(0); --icon-wr-size: 0; opacity: 0; padding-right: 0; padding-left: 0; } .has-icon_visibility.icon-visibility-revert .wgl-infobox__link:hover ~ .wgl-infobox_wrapper .wgl-button .button__content, .has-icon_visibility.icon-visibility-revert .wgl-cases__link:hover ~ .case_button__wrapper .wgl-button .button__content, .has-icon_visibility.icon-visibility-revert .wgl-striped__link:hover ~ .service-item_wrapper .wgl-button .button__content, .has-icon_visibility.icon-visibility-revert .wgl-button:hover .button__content { --wgl-gap: 0 !important; } .has-icon_visibility.icon-visibility-revert .wgl-infobox__link:hover ~ .wgl-infobox_wrapper .wgl-button .elementor-icon, .has-icon_visibility.icon-visibility-revert .wgl-infobox__link:hover ~ .wgl-infobox_wrapper .wgl-button .read-more-icon, .has-icon_visibility.icon-visibility-revert .wgl-cases__link:hover ~ .case_button__wrapper .wgl-button .elementor-icon, .has-icon_visibility.icon-visibility-revert .wgl-cases__link:hover ~ .case_button__wrapper .wgl-button .read-more-icon, .has-icon_visibility.icon-visibility-revert .wgl-striped__link:hover ~ .service-item_wrapper .wgl-button .elementor-icon, .has-icon_visibility.icon-visibility-revert .wgl-striped__link:hover ~ .service-item_wrapper .wgl-button .read-more-icon, .has-icon_visibility.icon-visibility-revert .wgl-button:hover .elementor-icon, .has-icon_visibility.icon-visibility-revert .wgl-button:hover .read-more-icon { transform: translateY(var(--icon-translate-y, 0)) rotate(var(--icon-rotate, 0)) scale(0); --icon-wr-size: 0; opacity: 0; padding-right: 0; padding-left: 0; } body .elementor-widget-wgl-button.aleft .wgl-button, body .elementor-widget-wgl-button.acenter .wgl-button, body .elementor-widget-wgl-button.aright .wgl-button { width: auto; } body .elementor-widget-wgl-button.aleft .button__content, body .elementor-widget-wgl-button.acenter .button__content, body .elementor-widget-wgl-button.aright .button__content { justify-content: center; width: auto; } body .elementor-widget-wgl-button.ajustify .wgl-button { width: 100%; } body .elementor-widget-wgl-button.ajustify .button__content { justify-content: center; width: auto; } body .elementor-widget-wgl-button.aspace-between .wgl-button { width: 100%; } body .elementor-widget-wgl-button.aspace-between .button__content { justify-content: space-between; width: 100%; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-tabletleft .wgl-button, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-tabletcenter .wgl-button, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-tabletright .wgl-button { width: auto; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-tabletleft .button__content, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-tabletcenter .button__content, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-tabletright .button__content { justify-content: center; width: auto; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-tabletjustify .wgl-button { width: 100%; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-tabletjustify .button__content { justify-content: center; width: auto; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-tabletspace-between .wgl-button { width: 100%; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-tabletspace-between .button__content { justify-content: space-between; width: 100%; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-mobileleft .wgl-button, body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-mobilecenter .wgl-button, body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-mobileright .wgl-button { width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-mobileleft .button__content, body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-mobilecenter .button__content, body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-mobileright .button__content { justify-content: center; width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-mobilejustify .wgl-button { width: 100%; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-mobilejustify .button__content { justify-content: center; width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-mobilespace-between .wgl-button { width: 100%; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-button.a-mobilespace-between .button__content { justify-content: space-between; width: 100%; } @keyframes wgl-headline-dash { from { stroke-dasharray: 0 1500; opacity: 1; } to { stroke-dasharray: 1500 1500; opacity: 1; } } @keyframes wgl-hide-highlight { from { opacity: 1; stroke-dasharray: 1500 1500; } to { opacity: 0; filter: blur(10px); } } /* WIDGETS READ MORE*/ .wgl-infobox .button-read-more, .wgl-cases .button-read-more, .wgl-timeline-vertical .button-read-more, .wgl-striped-services .button-read-more, .wgl-flipbox .button-read-more { gap: 11px; margin: 0; padding: 0; } .wgl-infobox .button-read-more::before, .wgl-infobox .button-read-more::after, .wgl-cases .button-read-more::before, .wgl-cases .button-read-more::after, .wgl-timeline-vertical .button-read-more::before, .wgl-timeline-vertical .button-read-more::after, .wgl-striped-services .button-read-more::before, .wgl-striped-services .button-read-more::after, .wgl-flipbox .button-read-more::before, .wgl-flipbox .button-read-more::after { display: none; } .button-read-more .wgl-icon { line-height: 0; } .button-read-more .read-more-icon { --icon-size: 16px; font-size: var(--icon-size); display: inline-block; line-height: 0; margin: 0; padding: 0; transition: 0.4s ease-in-out; color: var(--odefy-tertiary-color); background-color: var(--odefy-primary-color); border-radius: 50%; transform: translateY(var(--icon-translate-y, 0)) rotate(var(--icon-rotate, 0)) scale(1); } .button-read-more .read-more-icon:not([class*=fa-]) { font-weight: normal; } /* ==================== ##Background Clip Text ==================== */ .elementor-widget-wgl-background-clip-text .clip-text__title { font-size: 250px; font-weight: 700; line-height: 0.9; letter-spacing: 0.03em; } /* ==================== ##Carousel Navigation ==================== */ .wgl-carousel_wrapper { position: relative; } .wgl-carousel_wrapper .elementor-swiper-button, .wgl-carousel_wrapper .motion-arrow { --wgl-swiper-button-diameter: 58px; display: block; position: relative; right: unset; left: unset; top: unset; margin: unset; width: var(--wgl-swiper-button-diameter); height: var(--wgl-swiper-button-diameter); padding: 0; line-height: 0.5em; font-size: 24px; font-weight: normal; letter-spacing: unset; border: 1px solid var(--odefy-tertiary-color); text-align: center; text-indent: unset; background-color: unset; box-shadow: unset; cursor: pointer; transition: all 0.4s, transform 0.15s; transform: unset; border-radius: 50%; color: var(--odefy-tertiary-color); box-sizing: content-box; } @media (max-width: 767px) { .wgl-carousel_wrapper .elementor-swiper-button, .wgl-carousel_wrapper .motion-arrow { --wgl-swiper-button-diameter: 36px; font-size: 30px; } } .wgl-carousel_wrapper .elementor-swiper-button.swiper-button-disabled, .wgl-carousel_wrapper .motion-arrow.swiper-button-disabled { opacity: 0.5; } .wgl-carousel_wrapper .elementor-swiper-button:not(.swiper-button-disabled):hover, .wgl-carousel_wrapper .motion-arrow:not(.swiper-button-disabled):hover { background-color: var(--odefy-tertiary-color); color: var(--odefy-body-background-color); } .wgl-carousel_wrapper .elementor-swiper-button svg, .wgl-carousel_wrapper .motion-arrow svg { fill: currentColor; } .wgl-carousel_wrapper .elementor-swiper-button span, .wgl-carousel_wrapper .motion-arrow span { display: none; position: absolute; bottom: 100%; color: inherit; font-family: var(--odefy-content-font-family); font-size: 13px; font-weight: var(--odefy-header-font-weight); line-height: 1.85em; letter-spacing: 0.2em; text-align: center; left: -100px; right: -100px; pointer-events: none; } .wgl-carousel_wrapper .elementor-swiper-button span::before, .wgl-carousel_wrapper .motion-arrow span::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: var(--wgl-swiper-button-diameter); pointer-events: auto; margin: auto; } .wgl-carousel_wrapper .elementor-swiper-button-next i, .wgl-carousel_wrapper .motion-next i { display: inline-block; } .wgl-carousel_wrapper .elementor-swiper-button-prev i, .wgl-carousel_wrapper .motion-prev i { display: inline-block; transform: scale(-1); } .wgl-carousel_wrapper .swiper-pagination.swiper-pagination-fraction { font-size: 16px; line-height: 1.35; color: var(--odefy-header-font-color); font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); } .wgl-carousel_wrapper .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current { margin-right: -1px; } .wgl-carousel_wrapper .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total { margin-left: -2px; } .wgl-carousel_wrapper .swiper-slide { font-size: initial; transition: 0.4s; } .wgl-carousel_wrapper .odefy_carousel_list { overflow: hidden; } .wgl-carousel_wrapper .wgl-navigation_wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; display: flex; align-items: flex-start; justify-content: flex-end; gap: 8px; z-index: 1; } .wgl-carousel_wrapper .wgl-navigation_wrapper .elementor-swiper-button, .wgl-carousel_wrapper .wgl-navigation_wrapper .motion-arrow { pointer-events: auto; } .wgl-carousel_wrapper .wgl-carousel_inner_wrapper { overflow: hidden; } div.swiper-pagination .swiper-pagination-bullet button { display: none; } body .wgl-carousel_wrapper { --wgl-gap: 0; font-size: 0; } body .wgl-carousel_wrapper .swiper-container:not(.swiper-container-initialized) .swiper-wrapper, body .wgl-carousel_wrapper .swiper:not(.swiper-initialized) .swiper-wrapper { gap: unset; overflow: unset; } body .wgl-carousel_wrapper .swiper-pagination-bullet { width: auto; height: auto; border-radius: 0; background: initial; opacity: 1; } body .wgl-carousel_wrapper .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; width: max-content; } body .wgl-carousel_wrapper .wgl-swiper-pagination-wrapper { display: inline-block; width: 100%; padding: 0 15px; } body .wgl-carousel_wrapper .swiper-pagination { position: relative; z-index: 2; margin: 30px 0 0; padding: 0; display: block; width: auto; bottom: unset !important; left: unset; } body .wgl-carousel_wrapper .swiper-pagination:not(.swiper-pagination-fraction) { line-height: 0; font-size: 0; } body .wgl-carousel_wrapper .swiper-pagination .swiper-pagination-bullet { display: inline-block; vertical-align: middle; margin: 0; padding: 6px; font-size: 0; line-height: 0; list-style: none; opacity: 1; cursor: pointer; transition: 0.4s; } body .wgl-carousel_wrapper .swiper-pagination .swiper-pagination-bullet button { display: inline-block; position: relative; z-index: 1; font-size: 0; line-height: 0; padding: 0; margin: 0; border: 0; vertical-align: bottom; transition: inherit; background-color: var(--odefy-content-secondary-color); } body .wgl-carousel_wrapper .swiper-pagination .swiper-pagination-bullet button:focus { outline: none; } body .wgl-carousel_wrapper .swiper-pagination .swiper-pagination-bullet button::before { transition: 0.4s; } body .wgl-carousel_wrapper .swiper-pagination .swiper-pagination-bullet-active button { background-color: var(--odefy-tertiary-color); } body .wgl-carousel_wrapper .swiper-pagination .swiper-pagination-bullet:first-child { margin-left: 0; } body .wgl-carousel_wrapper .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } body .wgl-carousel_wrapper .swiper-pagination .swiper-pagination-bullet:only-child { display: none; } body .wgl-carousel_wrapper .swiper-pagination-fraction { font-size: 16px; font-weight: var(--odefy-header-font-weight); font-family: var(--odefy-header-font-family); min-height: 1em; line-height: 1; color: #9e9eca; } body .wgl-carousel_wrapper .swiper-pagination-fraction .swiper-pagination-current { margin-right: -0.25em; } body .wgl-carousel_wrapper .swiper-pagination-fraction .swiper-pagination-total { margin-left: -0.25em; } body .wgl-carousel_wrapper .swiper-pagination.swiper-pagination-bullets-dynamic { left: unset !important; transform: unset !important; } body .wgl-carousel_wrapper .swiper-pagination.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 0.4s !important; } body .wgl-carousel_wrapper .swiper-pagination.swiper-pagination-progressbar { height: 1px; padding: 0; background-color: rgba(var(--odefy-secondary-rgb), 0.15); } body .wgl-carousel_wrapper .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: var(--odefy-secondary-color); } body .wgl-carousel_wrapper .pagination_circle .swiper-pagination li { padding: 0 4px; } body .wgl-carousel_wrapper .pagination_circle .swiper-pagination li button { border-radius: 50%; width: 12px; height: 12px; background: rgba(var(--odefy-secondary-rgb), 0.4); opacity: 1; transform: scale(0.5); } body .wgl-carousel_wrapper .pagination_circle .swiper-pagination li:hover button, body .wgl-carousel_wrapper .pagination_circle .swiper-pagination li.swiper-pagination-bullet-active button { transform: scale(1); background: rgba(var(--odefy-secondary-rgb), 1); } body .wgl-carousel_wrapper .pagination_circle_border .swiper-pagination li { margin: 0; padding: 0 4px; } body .wgl-carousel_wrapper .pagination_circle_border .swiper-pagination li button { border-radius: 50%; width: 14px; height: 14px; border-width: 1px; border-style: solid; border-color: var(--odefy-secondary-color); background: transparent; opacity: 1; } body .wgl-carousel_wrapper .pagination_circle_border .swiper-pagination li button::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; border-radius: 50%; background-color: var(--odefy-secondary-color); opacity: 0; transform: scale(1.5); } body .wgl-carousel_wrapper .pagination_circle_border .swiper-pagination li:hover, body .wgl-carousel_wrapper .pagination_circle_border .swiper-pagination li.swiper-pagination-bullet-active { border-color: transparent; } body .wgl-carousel_wrapper .pagination_circle_border .swiper-pagination li:hover button, body .wgl-carousel_wrapper .pagination_circle_border .swiper-pagination li.swiper-pagination-bullet-active button { border-color: var(--odefy-secondary-color); } body .wgl-carousel_wrapper .pagination_circle_border .swiper-pagination li:hover button::before, body .wgl-carousel_wrapper .pagination_circle_border .swiper-pagination li.swiper-pagination-bullet-active button::before { opacity: 1; transform: scale(1); } body .wgl-carousel_wrapper .pagination_square_border .swiper-pagination li { margin: 0; padding: 0; } body .wgl-carousel_wrapper .pagination_square_border .swiper-pagination li button { width: 31px; height: 31px; border-width: 2px; border-style: solid; border-color: transparent; border-radius: unset; background-color: transparent; } body .wgl-carousel_wrapper .pagination_square_border .swiper-pagination li button::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; border-radius: unset; background-color: #CECECE; } body .wgl-carousel_wrapper .pagination_square_border .swiper-pagination li:hover button::before, body .wgl-carousel_wrapper .pagination_square_border .swiper-pagination li.swiper-pagination-bullet-active button::before { background-color: var(--odefy-primary-color); } body .wgl-carousel_wrapper .pagination_square_border .swiper-pagination li.swiper-pagination-bullet-active button { border-color: var(--odefy-primary-color); } body .wgl-carousel_wrapper .pagination_line .swiper-pagination { min-height: unset; padding: 0 calc(0.5 * var(--wgl-gap)); max-width: 100%; margin-left: auto; margin-right: auto; zoom: 1.01; } body .wgl-carousel_wrapper .pagination_line .swiper-pagination li { margin: 0; padding: 5px; } body .wgl-carousel_wrapper .pagination_line .swiper-pagination li:first-child { margin-left: -5px; } body .wgl-carousel_wrapper .pagination_line .swiper-pagination li:last-child { margin-right: -5px; } body .wgl-carousel_wrapper .pagination_line .swiper-pagination li button { width: 30px; height: 1px; opacity: 1; background-color: var(--odefy-content-secondary-color); } body .wgl-carousel_wrapper .pagination_line .swiper-pagination li.swiper-pagination-bullet-active button { width: 45px; } body .wgl-carousel_wrapper .pagination_square .swiper-pagination li button { width: 8px; height: 8px; border-radius: unset; } body .wgl-carousel_wrapper .pagination_line_circle .swiper-pagination li { margin: 0; padding: 10px 5px; zoom: 1.01; } body .wgl-carousel_wrapper .pagination_line_circle .swiper-pagination li button { width: 6px; height: 6px; border-radius: 6px; } body .wgl-carousel_wrapper .pagination_line_circle .swiper-pagination li.swiper-pagination-bullet-active button { width: 25px; } body .wgl-carousel_wrapper .variable-width .swiper-slide { width: auto !important; } body .wgl-carousel_wrapper .wgl-swiper-vertical { margin: 0; padding: 0; } body .wgl-carousel_wrapper .wgl-swiper-vertical > .swiper-wrapper { flex-direction: column; } body .wgl-carousel_wrapper .wgl-swiper-vertical .swiper-slide { padding: calc(0.5 * var(--wgl-gap)); display: flex; align-items: center; width: 100% !important; } .row.blog_carousel body .wgl-carousel_wrapper .wgl-swiper-vertical { padding: 0 15px; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical { height: 600px; perspective: 1000px; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap { height: 100%; transform: translateZ(-288px); transform-style: preserve-3d; transition: transform 1s; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item > * { pointer-events: auto; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper { display: flex; flex-direction: column; justify-content: center; position: absolute; height: 100%; width: 100%; margin: auto 0; left: 0; top: 0; bottom: 0; opacity: 0; transition: transform 0.7s, opacity 1s; pointer-events: none; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item .testimonial__item, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item .author__thumbnail, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper .testimonial__item, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper .author__thumbnail { pointer-events: auto; cursor: pointer; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item.active, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper.active { opacity: 0.6; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item.current, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper.current { opacity: 1; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item.current .testimonial__item, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item.current .author__thumbnail, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper.current .testimonial__item, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper.current .author__thumbnail { cursor: default; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item:nth-child(1), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(1) { transform: rotateX(0deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item:nth-child(2), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(2) { transform: rotateX(40deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item:nth-child(3), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(3) { transform: rotateX(80deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item:nth-child(4), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(4) { transform: rotateX(120deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item:nth-child(5), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(5) { transform: rotateX(160deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item:nth-child(6), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(6) { transform: rotateX(200deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item:nth-child(7), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(7) { transform: rotateX(240deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item:nth-child(8), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(8) { transform: rotateX(280deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item:nth-child(9), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper:nth-child(9) { transform: rotateX(320deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .wgl-item > div, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .wgl-carousel_wrap .testimonials__wrapper > div { background-color: var(--odefy-content-secondary-color); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .motion-prev { transform: rotate(-90deg); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-vertical .motion-next { transform: rotate(-90deg); order: -1; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal { height: 600px; perspective: 1000px; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap { height: 100%; transform: translateZ(-288px); transform-style: preserve-3d; transition: transform 1s; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item > * { pointer-events: auto; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper { display: flex; flex-direction: column; justify-content: center; position: absolute; height: -moz-fit-content; height: fit-content; width: 700px; max-width: 100%; margin: auto !important; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: transform 0.7s, opacity 1s; pointer-events: none; } @media (min-width: 600px) { body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper { max-width: 75%; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item.active, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper.active { opacity: 0.6; } } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item.current, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper.current { opacity: 1; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item.current .testimonial__item, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper.current .testimonial__item { cursor: default; } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item:nth-child(1), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(1) { transform: rotateY(0deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item:nth-child(2), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(2) { transform: rotateY(40deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item:nth-child(3), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(3) { transform: rotateY(80deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item:nth-child(4), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(4) { transform: rotateY(120deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item:nth-child(5), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(5) { transform: rotateY(160deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item:nth-child(6), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(6) { transform: rotateY(200deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item:nth-child(7), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(7) { transform: rotateY(240deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item:nth-child(8), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(8) { transform: rotateY(280deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item:nth-child(9), body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper:nth-child(9) { transform: rotateY(320deg) translateZ(288px); } body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .wgl-item > div, body .wgl-carousel_wrapper .animation-style-3d.animation-direction-horizontal .wgl-carousel_wrap .testimonials__wrapper > div { background-color: var(--odefy-content-secondary-color); } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-carousel.animation-style-3d.animation-direction-vertical .motion-arrow { display: none; } .elementor-widget-wgl-carousel .wgl-carousel_wrapper { margin: 0 calc(-0.5 * var(--wgl-gap, 0px)); } .elementor-widget-wgl-carousel .swiper-slide { padding: 0 calc(0.5 * var(--wgl-gap, 0px)); } /* ==================== ##Clients ==================== */ .wgl-cases { display: flex; flex-wrap: wrap; } .wgl-cases:not([data-carousel=yes]) { display: grid; grid-template-columns: repeat(3, 1fr); } .wgl-cases__link { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } .wgl-cases__button_wrapper { width: 100%; } .wgl-cases .button-read-more::before, .wgl-cases .button-read-more::after { display: none; } .wgl-cases .read-more-icon { font-weight: normal; letter-spacing: 0; } .wgl-cases .image_wrapper { display: inline-block; position: relative; overflow: hidden; max-width: 100%; } .wgl-cases .image_wrapper .icon-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; } .wgl-cases .image_wrapper .icon-wrapper .wgl-icon { position: relative; display: flex; align-items: center; justify-content: center; gap: 15px; background: transparent; } .wgl-cases .image_wrapper .icon-wrapper .wgl-icon .elementor-icon { color: inherit; fill: currentColor; font-size: inherit; transition: unset; } .wgl-cases .image_wrapper .icon-wrapper .wgl-text_over_image { font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 15px; color: transparent; transition: inherit; } .wgl-cases .image_wrapper .wgl-image-box_img { transition: box-shadow 0.5s; } .wgl-cases .icon_wrapper .elementor-icon { position: relative; } .wgl-cases .icon_wrapper .elementor-icon::after { --bubble-top: 0; --bubble-left: 0; display: none; content: ""; position: absolute; top: -1000px; left: -1000px; right: -1000px; bottom: -1000px; margin: auto; z-index: -1; border-radius: 50%; transition: 0.4s; background-color: #ffffff; transform: translate(var(--bubble-left), var(--bubble-top)); } .wgl-cases div.case_bg_text { font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 200px; letter-spacing: 0; line-height: 1em; transition: 0.4s; height: -moz-fit-content; height: fit-content; margin: auto; pointer-events: none; } .wgl-cases .case_title { font-size: 30px; line-height: 1.25em; font-weight: var(--odefy-header-font-weight); color: var(--odefy-header-font-color); transition: 0.4s; } .wgl-cases .case_title span { font: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; text-decoration: inherit; text-transform: inherit; transition: -webkit-text-decoration-color 0.3s; transition: text-decoration-color 0.3s; transition: text-decoration-color 0.3s, -webkit-text-decoration-color 0.3s; } .wgl-cases .wgl-carousel_wrapper { width: 100%; overflow: visible; } .wgl-cases .case_items { float: left; pointer-events: none; overflow: hidden; } .wgl-cases .case_items:hover .image_wrapper .wgl-icon { background: var(--odefy-primary-color); } .wgl-cases .case_items:hover .image_wrapper .wgl-icon .wgl-text_over_image { color: var(--odefy-tertiary-color); } .wgl-cases .case_items__inner_wrapper { display: flex; flex-direction: column; justify-content: flex-end; position: relative; pointer-events: auto; overflow: hidden; } .wgl-cases .case_items__inner_wrapper::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; transition: inherit; } .wgl-cases .case_items__inner_wrapper > div { position: relative; z-index: 1; } .wgl-cases .hover_image { display: none; position: absolute; z-index: 1; top: 0; left: 0; visibility: hidden; } .wgl-cases img { transition: inherit; } .elementor-widget-wgl-cases.button_left .case_button__wrapper { text-align: left; } .elementor-widget-wgl-cases.button_center .case_button__wrapper { text-align: center; } .elementor-widget-wgl-cases.button_right .case_button__wrapper { text-align: right; } .elementor-widget-wgl-cases.button_justify .case_button__wrapper { text-align: justify; } .elementor-widget-wgl-cases.button_justify .wgl-cases__button { width: 100%; } .elementor-section-full_width .elementor-column-gap-no .elementor-widget-wgl-cases .wgl-carousel .swiper-container { overflow: visible; } /* ==================== ##Circuit Services ==================== */ .wgl-circuit-service { position: relative; z-index: 1; height: 0; padding-top: 100%; } .wgl-circuit-service::before { content: ""; position: absolute; z-index: -1; left: 10%; top: 10%; width: 80%; height: 80%; border-radius: 50%; border: 1px solid #dee1ed; } .wgl-circuit-service .wgl-services_icon-wrap { position: absolute; z-index: 1; left: 41%; top: 41%; width: 18%; height: 18%; font-size: 40px; border-radius: 50%; box-shadow: 0px 6px 13px rgba(145, 145, 145, 0.2); cursor: pointer; transition: 0.4s; display: flex; justify-content: center; align-items: center; background-color: #fff; } .wgl-circuit-service .wgl-services_icon-wrap .services_icon { transform: translate(-50%, -50%); left: 50%; top: 50%; position: absolute; z-index: 1; transition: 0.6s; line-height: 1; } .wgl-circuit-service .wgl-services_content-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 25% 29%; display: flex; flex-direction: column; text-align: center; justify-content: center; opacity: 0; visibility: hidden; transition: 0.6s; } .wgl-circuit-service .wgl-services_icon { color: var(--odefy-primary-color); } .wgl-circuit-service .wgl-services_item.active .wgl-services_icon { color: #fff; } .wgl-circuit-service .wgl-services_item.active .wgl-services_icon-wrap { background-color: var(--odefy-primary-color); } .wgl-circuit-service .wgl-services_item.active .wgl-services_icon-wrap + .wgl-services_content-wrap { opacity: 1; visibility: visible; } .wgl-circuit-service .wgl-services_title { margin-bottom: 10px; font-size: 24px; line-height: 1.4; font-weight: 600; color: var(--odefy-header-font-color); } .wgl-circuit-service .wgl-services_text { font-size: 14px; color: var(--odefy-content-color); } .wgl-circuit-service.tablet_resp .services_descr { display: none; } .wgl-circuit-service.tablet_resp .services_title { margin-bottom: 0; font-size: 22px; } .wgl-circuit-service.tablet_resp .services_icon { font-size: 75%; } .wgl-circuit-service.mobile_resp .services_title { margin-bottom: 0; font-size: 18px; line-height: 26px; } .wgl-circuit-service.mobile_resp .services_subtitle { font-size: 13px; } .wgl-circuit-service.mobile_resp .services_icon { font-size: 55%; } .wgl-circuit-service.mobile_resp .services_descr { display: none; } /* ==================== ##Clients ==================== */ .wgl-clients { --wgl-gap: 30px; display: flex; flex-wrap: wrap; } .wgl-clients .wgl-carousel_wrapper { width: 100%; overflow: visible; } .wgl-clients .clients_item { height: auto; padding: calc(0.5 * var(--wgl-gap)); } .wgl-clients .clients_image { display: flex; height: 100%; transition: 0.4s; } .wgl-clients .clients_image .image_wrapper { display: flex; position: relative; z-index: 1; align-items: center; height: max-content; width: auto; justify-content: center; } .wgl-clients .clients_image .image_wrapper, .wgl-clients .clients_image .image_wrapper > img { border-radius: inherit; } .link_on-wrapper .wgl-clients .clients_image .image_wrapper { height: auto; width: 100%; } .link_on-wrapper .wgl-clients .clients_image { align-items: stretch; } .wgl-clients .clients_image.swiper-slide { display: flex; height: auto; } .link_on-image .wgl-clients .clients_image { align-items: stretch; align-content: stretch; } .wgl-clients .hover_image { display: none; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; margin: auto; visibility: hidden; } .wgl-clients.items-1 > .clients_item { width: 100%; } .wgl-clients.items-1 > .clients_item:nth-child(2), .wgl-clients.items-1 > .clients_item:nth-child(n+3) { clear: left; } .wgl-clients.items-2 > .clients_item { width: 50%; } .wgl-clients.items-2 > .clients_item:nth-child(3), .wgl-clients.items-2 > .clients_item:nth-child(2n+5) { clear: left; } .wgl-clients.items-3 > .clients_item { width: 33.333333%; } .wgl-clients.items-3 > .clients_item:nth-child(4), .wgl-clients.items-3 > .clients_item:nth-child(3n+7) { clear: left; } .wgl-clients.items-4 > .clients_item { width: 25%; } .wgl-clients.items-4 > .clients_item:nth-child(5), .wgl-clients.items-4 > .clients_item:nth-child(4n+9) { clear: left; } .wgl-clients.items-5 > .clients_item { width: 20%; } .wgl-clients.items-5 > .clients_item:nth-child(6), .wgl-clients.items-5 > .clients_item:nth-child(5n+11) { clear: left; } .wgl-clients.items-6 > .clients_item { width: 16.666666%; } .wgl-clients.items-6 > .clients_item:nth-child(7), .wgl-clients.items-6 > .clients_item:nth-child(6n+13) { clear: left; } .wgl-clients.items-7 > .clients_item { width: 14.2857%; } .wgl-clients.items-7 > .clients_item:nth-child(8), .wgl-clients.items-7 > .clients_item:nth-child(7n+15) { clear: left; } .wgl-clients img { transition: 0.3s; } .link_on-wrapper .wgl-clients.anim-zoom .clients_image img, .link_on-image .wgl-clients.anim-zoom .image_wrapper img { transform: scale(0.95); } .link_on-wrapper .wgl-clients.anim-zoom .clients_image:hover img, .link_on-image .wgl-clients.anim-zoom .image_wrapper:hover img { transform: scale(1); } .link_on-wrapper .wgl-clients.anim-opacity .clients_image img, .link_on-image .wgl-clients.anim-opacity .image_wrapper img { opacity: 0.5; } .link_on-wrapper .wgl-clients.anim-opacity .clients_image:hover img, .link_on-image .wgl-clients.anim-opacity .image_wrapper:hover img { opacity: 1; } .link_on-wrapper .wgl-clients.anim-grayscale .clients_image img, .link_on-image .wgl-clients.anim-grayscale .image_wrapper img { filter: grayscale(100%); opacity: 0.6; } .link_on-wrapper .wgl-clients.anim-grayscale .clients_image:hover img, .link_on-image .wgl-clients.anim-grayscale .image_wrapper:hover img { filter: grayscale(0); opacity: 1; } .link_on-wrapper .wgl-clients.anim-contrast .clients_image:hover img, .link_on-image .wgl-clients.anim-contrast .image_wrapper:hover img { filter: contrast(300%); } .link_on-wrapper .wgl-clients.anim-blur-1 .clients_image:hover img, .link_on-image .wgl-clients.anim-blur-1 .image_wrapper:hover img { filter: blur(1px); } .link_on-wrapper .wgl-clients.anim-blur-2 .clients_image img, .link_on-image .wgl-clients.anim-blur-2 .image_wrapper img { filter: blur(1px); } .link_on-wrapper .wgl-clients.anim-blur-2 .clients_image:hover img, .link_on-image .wgl-clients.anim-blur-2 .image_wrapper:hover img { filter: blur(0); } .link_on-wrapper .wgl-clients.anim-invert .clients_image img, .link_on-image .wgl-clients.anim-invert .image_wrapper img { filter: invert(100%); } .link_on-wrapper .wgl-clients.anim-ex_images .clients_image .hover_image, .link_on-image .wgl-clients.anim-ex_images .image_wrapper .hover_image { display: block; opacity: 0; } .link_on-wrapper .wgl-clients.anim-ex_images .clients_image:hover .hover_image, .link_on-image .wgl-clients.anim-ex_images .image_wrapper:hover .hover_image { opacity: 1; visibility: visible; } .link_on-wrapper .wgl-clients.anim-ex_images .clients_image:hover .hover_image + .main_image, .link_on-image .wgl-clients.anim-ex_images .image_wrapper:hover .hover_image + .main_image { opacity: 0; } .link_on-wrapper .wgl-clients.anim-ex_images_ver .clients_image, .link_on-image .wgl-clients.anim-ex_images_ver .image_wrapper { overflow: hidden; } .link_on-wrapper .wgl-clients.anim-ex_images_ver .clients_image .hover_image, .link_on-image .wgl-clients.anim-ex_images_ver .image_wrapper .hover_image { opacity: 0; display: block; transform: translateY(-100%); } .link_on-wrapper .wgl-clients.anim-ex_images_ver .clients_image:hover .hover_image, .link_on-image .wgl-clients.anim-ex_images_ver .image_wrapper:hover .hover_image { opacity: 1; visibility: visible; transform: translateY(0%); } .link_on-wrapper .wgl-clients.anim-ex_images_ver .clients_image:hover .hover_image + .main_image, .link_on-image .wgl-clients.anim-ex_images_ver .image_wrapper:hover .hover_image + .main_image { opacity: 0; transform: translateY(100%); } .wgl-clients.anim-mask_image .clients_image { justify-content: center; } .wgl-clients.anim-mask_image .image_wrapper { height: auto !important; -webkit-mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; overflow: hidden; transition: 0.4s; } .elementor-section-full_width .elementor-column-gap-no .elementor-widget-wgl-clients .wgl-carousel .swiper-container { overflow: visible; } /* ==================== ##Combo Menu ==================== */ .wgl-combo-menu .menu-item { display: flex; align-items: center; } .wgl-combo-menu .menu-item:first-child { margin-top: 0 !important; } .wgl-combo-menu .menu-item:last-child { margin-bottom: 0 !important; } .wgl-combo-menu .menu-item:hover .menu-item_title { color: var(--odefy-header-font-color); } .wgl-combo-menu .menu-item_title { font-family: var(--odefy-header-font-family); margin-right: 20px; font-size: 20px; font-weight: 500; line-height: 1.333; transition: 0.4s; color: var(--odefy-header-font-color); letter-spacing: 0; order: 1; } .wgl-combo-menu .menu-item_price { order: 3; margin-left: 20px; font-family: var(--odefy-header-font-family); font-weight: 500; font-size: 20px; line-height: 1.333; color: var(--odefy-tertiary-color); } .wgl-combo-menu .menu-item_desc { font-size: 13px; font-weight: 500; color: #949494; line-height: 1.4em; } .wgl-combo-menu .menu-item_content { display: flex; align-items: baseline; } .wgl-combo-menu .menu-item_content::after { content: ""; width: 100%; min-width: 20px; height: 1px; flex: 1; order: 2; border-bottom: 1px solid; border-color: var(--odefy-primary-color); } .wgl-combo-menu .menu-item_content-wrap { flex: 1; } .wgl-combo-menu .menu-item_image-wrap { align-self: flex-start; } /* ==================== ##Countdown ==================== */ .wgl-countdown .countdown-row { display: flex; align-items: center; } .wgl-countdown .countdown-section { position: relative; color: inherit; } .wgl-countdown .countdown-section .countdown-amount { --dots-size: 10px; --dots-interval: 20px; --dots-v-pos: 20%; --dots-h-pos: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; z-index: 1; margin: 0 auto; font-size: 1em; line-height: 1; font-family: var(--odefy-content-font-family); font-weight: 700; letter-spacing: -0.04em; box-sizing: border-box; color: var(--odefy-header-font-color); } .wgl-countdown .countdown-section .countdown-amount span { display: inline-block; } .wgl-countdown .countdown-section .countdown-period { display: block; letter-spacing: 0.05em; font-family: var(--odefy-header-font-family); font-weight: 600; font-size: 14px; line-height: 1; color: var(--odefy-content-secondary-color); text-transform: uppercase; min-width: 100%; margin: auto; padding-top: 7px; } .elementor-widget-wgl-countdown.aleft .countdown-row { justify-content: flex-start; } .elementor-widget-wgl-countdown.acenter .countdown-row { justify-content: center; } .elementor-widget-wgl-countdown.aright .countdown-row { justify-content: flex-end; } .elementor-widget-wgl-countdown.ajustify .countdown-section { flex: 1; } .elementor-widget-wgl-countdown:not(.show_title_yes) .countdown-period { display: none !important; } .elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount::before, .elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount::after, .elementor-widget-wgl-countdown.dots_style-rhombus .countdown-section:not(:last-child) .countdown-amount::before, .elementor-widget-wgl-countdown.dots_style-rhombus .countdown-section:not(:last-child) .countdown-amount::after, .elementor-widget-wgl-countdown.dots_style-square .countdown-section:not(:last-child) .countdown-amount::before, .elementor-widget-wgl-countdown.dots_style-square .countdown-section:not(:last-child) .countdown-amount::after { content: ""; visibility: hidden; position: absolute; z-index: 1; top: var(--dots-v-pos); right: var(--dots-h-pos); width: var(--dots-size); height: var(--dots-size); background: currentColor; color: var(--odefy-header-font-color); } .elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount::before, .elementor-widget-wgl-countdown.dots_style-rhombus .countdown-section:not(:last-child) .countdown-amount::before, .elementor-widget-wgl-countdown.dots_style-square .countdown-section:not(:last-child) .countdown-amount::before { margin-top: 0; transform: translateX(50%) translateY(-50%) rotate(45deg); } .elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount::after, .elementor-widget-wgl-countdown.dots_style-rhombus .countdown-section:not(:last-child) .countdown-amount::after, .elementor-widget-wgl-countdown.dots_style-square .countdown-section:not(:last-child) .countdown-amount::after { margin-top: calc(var(--dots-interval) + var(--dots-size)); transform: translateX(50%) translateY(50%) rotate(45deg); } .elementor-widget-wgl-countdown.dots_style-square .countdown-section:not(:last-child) .countdown-amount::before, .elementor-widget-wgl-countdown.dots_style-square .countdown-section:not(:last-child) .countdown-amount::after { border-radius: 0; transform: translateX(50%) translateY(-50%) rotate(0deg); } .elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount::before, .elementor-widget-wgl-countdown.dots_style-circle .countdown-section:not(:last-child) .countdown-amount::after { border-radius: 50%; } .elementor-widget-wgl-countdown.dots_style-font .countdown-section:not(:last-child) .countdown-amount::after { content: ":"; position: absolute; z-index: 1; top: 0; right: 0; margin-top: 0; transform: translateX(50%); } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-countdown.a-tabletleft .countdown-row { justify-content: flex-start; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-countdown.a-tabletcenter .countdown-row { justify-content: center; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-countdown.a-tabletright .countdown-row { justify-content: flex-end; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-countdown.a-tabletjustify .countdown-section { flex: 1; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-countdown .countdown-section .countdown-period { font-size: 14px; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-countdown.a-mobileleft .countdown-row { justify-content: flex-start; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-countdown.a-mobilecenter .countdown-row { justify-content: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-countdown.a-mobileright .countdown-row { justify-content: flex-end; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-countdown.a-mobilejustify .countdown-section { flex: 1; } /* ==================== ##Counter ==================== */ .wgl-counter { font-size: 0; position: relative; z-index: 1; } .wgl-counter .media-wrap { display: inline-block; } .wgl-counter__value-wrap { display: inline-block; font-size: 110px; line-height: 1; font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); color: var(--odefy-header-font-color); letter-spacing: -0.02em; } .wgl-counter__value-inner { display: flex; width: 100%; } .wgl-counter__placeholder-wrap { font-weight: inherit; position: relative; white-space: nowrap; } .wgl-counter__value { position: absolute; z-index: 2; top: 0; right: 0; } .wgl-counter__placeholder { display: block; visibility: hidden; } .wgl-counter__prefix { text-align: right; } .wgl-counter__suffix { text-align: left; } .wgl-counter_title { position: relative; font-size: 20px; font-family: var(--odefy-header-font-family); font-weight: 600; color: var(--odefy-content-secondary-color); line-height: 1.4em; letter-spacing: -0.03em; margin-top: 3px; z-index: 2; } .wgl-counter_content { font-size: 16px; margin-top: 6px; } .wgl-counter_divider { width: 100%; height: 1px; background: var(--odefy-secondary-color); flex-shrink: 0; margin: 0 0 21px; } .wgl-counter.title-inline .wgl-counter__value-inner { margin: 0; } .wgl-counter.title-inline .content-wrap { display: flex; align-items: center; justify-content: center; } .wgl-counter.title-inline .wgl-counter_title { margin-top: 0; margin-left: 18px; } .wgl-counter.title-inline .wgl-counter_divider { width: 1px; height: auto; margin: 0 -2px 0 18px; align-self: stretch; } .wgl-counter.title-top .content-wrap { display: flex; flex-direction: column-reverse; } .wgl-counter .elementor-icon { color: var(--odefy-primary-color); } .wgl-counter .elementor-icon:hover { color: var(--odefy-primary-color); } body .elementor-widget-wgl-counter.aleft .wgl-counter_title { text-align: left; } body .elementor-widget-wgl-counter.aleft .title-inline .content-wrap { justify-content: flex-start; } body .elementor-widget-wgl-counter.aright .wgl-counter_title { text-align: right; } body .elementor-widget-wgl-counter.aright .title-inline .content-wrap { justify-content: flex-end; } body .elementor-widget-wgl-counter.acenter .wgl-counter_title { text-align: center; } body .elementor-widget-wgl-counter.acenter .title-inline .content-wrap { justify-content: center; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-counter.a-tabletleft .wgl-counter_title { text-align: left; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-counter.a-tabletleft .title-inline .content-wrap { justify-content: flex-start; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-counter.a-tabletright .wgl-counter_title { text-align: right; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-counter.a-tabletright .title-inline .content-wrap { justify-content: flex-end; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-counter.a-tabletcenter .wgl-counter_title { text-align: center; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-counter.a-tabletcenter .title-inline .content-wrap { justify-content: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-counter.a-mobileleft .wgl-counter_title { text-align: left; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-counter.a-mobileleft .title-inline .content-wrap { justify-content: flex-start; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-counter.a-mobileright .wgl-counter_title { text-align: right; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-counter.a-mobileright .title-inline .content-wrap { justify-content: flex-end; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-counter.a-mobilecenter .wgl-counter_title { text-align: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-counter.a-mobilecenter .title-inline .content-wrap { justify-content: center; } /* ==================== ##Demo Item ==================== */ .wgl-demo-item { text-align: center; } .wgl-demo-item .demo-item { transition: 0.4s; display: block; } .wgl-demo-item .demo-item_title { display: flex; font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 20px; line-height: 1.5em; color: var(--odefy-header-font-color); transition: 0.4s; position: relative; z-index: 1; } .wgl-demo-item .demo-item_title > * { font: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } .wgl-demo-item .demo-item_image-wrap { position: relative; z-index: 1; } .wgl-demo-item .demo-item_image-wrap::before { content: ""; position: absolute; z-index: -1; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-bottom: 100%; background: radial-gradient(circle, rgba(var(--odefy-primary-rgb), 0.5) 0%, transparent 100%); filter: blur(80px); opacity: 0; transition: 0.4s; } .wgl-demo-item:hover .demo-item_title { color: var(--odefy-header-font-color); } .wgl-demo-item:hover .demo-item_image-wrap::before { opacity: 1; } .wgl-demo-item.lift_on_hover:hover .demo-item { transform: translateY(-15px); } /* ==================== ##Double Heading ==================== */ .elementor-widget-wgl-double-heading .wgl-double-heading { position: relative; z-index: 0; } .elementor-widget-wgl-double-heading .wgl-double-heading .dblh__subtitle { display: block; color: var(--odefy-content-secondary-color); font-size: 16px; font-weight: 600; line-height: 1.25em; letter-spacing: 0; } .elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title-wrapper { position: relative; z-index: 1; line-height: 1.139em; } .elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title { font: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; text-decoration: inherit; text-transform: inherit; transition: 0.4s ease-in-out, font 0s, letter-spacing 0s; text-decoration-thickness: 0.03em !important; text-underline-offset: 0.1em; } .elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title-1 { color: var(--odefy-header-font-color); } .elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title-2 { color: var(--odefy-primary-color); } .elementor-widget-wgl-double-heading .wgl-double-heading .dblh__title-3 { color: var(--odefy-header-font-color); } .elementor-widget-wgl-double-heading.divider-yes { position: relative; } .elementor-widget-wgl-double-heading.divider-yes .wgl-double-heading::before { content: "\f114"; font-family: "Flaticon"; position: relative; font-size: 25px; text-indent: -0.5em; line-height: 3px; display: block; color: var(--odefy-primary-color); margin: 0 0 1.2em 0.5em; width: auto; height: 3px; background-image: linear-gradient(90deg, CurrentColor, transparent); background-repeat: no-repeat; background-size: 100% 100%; --wgl-delimiter-x: 200px; transform: translateX(var(--wgl-delimiter-x, 200px)); opacity: 0; transition: all 0.8s 0.5s, color 0.4s; } .elementor-widget-wgl-double-heading.divider-yes.show_divider .wgl-double-heading::before { background-size: 60px 100%; transform: translateX(0); opacity: 1; } body .elementor-widget-wgl-double-heading.aleft .wgl-double-heading::before, body .elementor-widget-wgl-double-heading.acenter .wgl-double-heading::before { background-position: 0 50%; margin: 0 0 1.2em 0.5em; text-indent: -0.5em; background-image: linear-gradient(90deg, CurrentColor, transparent); --wgl-delimiter-x: 200px; } body .elementor-widget-wgl-double-heading.acenter .wgl-double-heading::before { left: calc(50% - 30px); text-align: left; --wgl-delimiter-x: 200px; } body .elementor-widget-wgl-double-heading.aright .wgl-double-heading::before { background-position: 100% 50%; margin: 0 0.5em 1.2em 0; text-indent: calc(100% - 0.5em); background-image: linear-gradient(-90deg, CurrentColor, transparent); --wgl-delimiter-x: -200px; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-tabletleft .wgl-double-heading::before, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-tabletcenter .wgl-double-heading::before { background-position: 0 50%; margin: 0 0 1.2em 0.5em; text-indent: -0.5em; background-image: linear-gradient(90deg, CurrentColor, transparent); --wgl-delimiter-x: 200px; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-tabletcenter .wgl-double-heading::before { left: calc(50% - 30px); text-align: left; --wgl-delimiter-x: 200px; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-tabletright .wgl-double-heading::before { background-position: 100% 50%; margin: 0 0.5em 1.2em 0; text-indent: calc(100% - 0.5em); background-image: linear-gradient(-90deg, CurrentColor, transparent); --wgl-delimiter-x: -200px; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-mobileleft .wgl-double-heading::before, body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-mobilecenter .wgl-double-heading::before { background-position: 0 50%; margin: 0 0 1.2em 0.5em; text-indent: -0.5em; background-image: linear-gradient(90deg, CurrentColor, transparent); --wgl-delimiter-x: 200px; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-mobilecenter .wgl-double-heading::before { left: calc(50% - 30px); text-align: left; --wgl-delimiter-x: 200px; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-double-heading.a-mobileright .wgl-double-heading::before { background-position: 100% 50%; margin: 0 0.5em 1.2em 0; text-indent: calc(100% - 0.5em); background-image: linear-gradient(-90deg, CurrentColor, transparent); --wgl-delimiter-x: -200px; } /* ==================== ##Image Layers ==================== */ .wgl-image-animate { position: relative; line-height: 0; max-width: 100%; } .wgl-image-animate .img-layer_image-wrapper { position: relative; line-height: 0; display: block; width: inherit; max-width: 100%; height: inherit; max-height: 100%; } .wgl-image-animate .img-layer_image-wrapper img { pointer-events: none; } .wgl-image-animate .img-layer_image-wrapper:not(:first-child) { position: absolute; left: 0; top: 0; } .wgl-image-animate .img-layer_image-wrapper .img-layer_image { transition: all 0.5s; } .wgl-image-animate .img-layer_image-wrapper.up_down1 .img-layer_image { animation: image_upDown1 2s infinite alternate; } .wgl-image-animate .img-layer_image-wrapper.up_down2 .img-layer_image { animation: image_upDown2 2s infinite alternate; } .wgl-image-animate .img-layer_image-wrapper.up_down3 .img-layer_image { animation: image_upDown3 2s infinite alternate; } .wgl-image-animate .img-layer_image-wrapper.left_right1 .img-layer_image { animation: image_leftRight1 2s infinite alternate; } .wgl-image-animate .img-layer_image-wrapper.left_right2 .img-layer_image { animation: image_leftRight2 2s infinite alternate; } .wgl-image-animate .img-layer_image-wrapper.left_right3 .img-layer_image { animation: image_leftRight3 2s infinite alternate; } .wgl-image-animate .img-layer_image-wrapper.scale1 .img-layer_image { animation: image_scale1 2s infinite alternate; } .wgl-image-animate .img-layer_image-wrapper.scale2 .img-layer_image { animation: image_scale2 2s infinite linear; } .wgl-image-animate .img-layer_image-wrapper.scale3 .img-layer_image { animation: image_scale3 2s infinite linear; } .wgl-image-animate .img-layer_image-wrapper.move1 .img-layer_image { animation: image_move1 4s infinite linear; } .wgl-image-animate .img-layer_image-wrapper.move2 .img-layer_image { animation: image_move2 4s infinite linear; } .wgl-image-animate .img-layer_image-wrapper.move3 .img-layer_image { animation: image_move3 4s infinite linear; } .wgl-image-animate .img-layer_image-wrapper.move4 .img-layer_image { animation: image_move4 4s infinite linear; } .wgl-image-animate .img-layer_image-wrapper.move-rotate1 .img-layer_image { animation: image_move_rotate1 4s infinite linear; } .wgl-image-animate .img-layer_image-wrapper.move-rotate2 .img-layer_image { animation: image_move_rotate2 4s infinite linear; } .wgl-image-animate .img-layer_image-wrapper.move-rotate3 .img-layer_image { animation: image_move_rotate3 4s infinite linear; } .wgl-image-animate .img-layer_image-wrapper.move-rotate4 .img-layer_image { animation: image_move_rotate4 4s infinite linear; } @keyframes image_upDown1 { 0% { transform: translateY(-5px); } 100% { transform: translateY(5px); } } @keyframes image_upDown2 { 0% { transform: translateY(-10px); } 100% { transform: translateY(10px); } } @keyframes image_upDown3 { 0% { transform: translateY(-15px); } 100% { transform: translateY(15px); } } @keyframes image_leftRight1 { 0% { transform: translateX(-5px); } 100% { transform: translateX(5px); } } @keyframes image_leftRight2 { 0% { transform: translateX(-10px); } 100% { transform: translateX(10px); } } @keyframes image_leftRight3 { 0% { transform: translateX(-15px); } 100% { transform: translateX(15px); } } @keyframes image_scale1 { 0% { transform: scale(0.8); } 100% { transform: scale(1.1); } } @keyframes image_scale2 { 0% { transform: scale(0.9); } 50% { transform: scale(1.1); } 100% { transform: scale(0.9); } } @keyframes image_scale3 { 0% { transform: scale(1); } 50% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes image_move1 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(10px, 20px); } 50% { transform: translate(30px, 30px); } 75% { transform: translate(20px, 10px); } 100% { transform: translate(0px, 0px); } } @keyframes image_move2 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(20px, -20px); } 50% { transform: translate(0px, -40px); } 75% { transform: translate(20px, -20px); } 100% { transform: translate(0px, 0px); } } @keyframes image_move3 { 0% { transform: translate(0px, 0px); } 25% { transform: translate(20px, 0px); } 50% { transform: translate(30px, -20px); } 75% { transform: translate(20px, 0px); } 100% { transform: translate(0px, 0px); } } @keyframes image_move4 { 0% { transform: translate(0px, 0px); } 15% { transform: translate(0px, 20px); } 30% { transform: translate(-20px, 20px); } 45% { transform: translate(-20px, 40px); } 60% { transform: translate(-25px, 30px); } 75% { transform: translate(-20px, 20px); } 90% { transform: translate(0px, 20px); } 100% { transform: translate(0px, 0px); } } @keyframes image_move_rotate1 { 0% { transform: translate(0px, 0px) rotate(0); } 25% { transform: translate(-10px, -10px) rotate(5deg); } 50% { transform: translate(-20px, 0px) rotate(0); } 75% { transform: translate(-10px, -10px) rotate(-2deg); } 100% { transform: translate(0, 0) rotate(0); } } @keyframes image_move_rotate2 { 0% { transform: translate(0px, 0px) rotate(0); } 25% { transform: translate(10px, 10px) rotate(-5deg); } 50% { transform: translate(-5px, 15px) rotate(-10deg); } 75% { transform: translate(-10px, 5px) rotate(-5deg); } 100% { transform: translate(0, 0) rotate(0); } } @keyframes image_move_rotate3 { 0% { transform: translate(0px, 0px) rotate(0); } 20% { transform: translate(0px, -10px) rotate(-5deg); } 40% { transform: translate(15px, -15px) rotate(0deg); } 60% { transform: translate(25px, 0px) rotate(7deg); } 80% { transform: translate(10px, 10px) rotate(-2deg); } 100% { transform: translate(0, 0) rotate(0); } } @keyframes image_move_rotate4 { 0% { transform: translate(0px, 0px) rotate(0); } 15% { transform: translate(-10px, 10px) rotate(5deg); } 30% { transform: translate(-25px, 15px) rotate(10deg); } 45% { transform: translate(-25px, 25px) rotate(13deg); } 60% { transform: translate(-5px, 20px) rotate(16deg); } 75% { transform: translate(5px, 5px) rotate(13deg); } 90% { transform: translate(15px, -10px) rotate(8deg); } 100% { transform: translate(0, 0) rotate(0); } } /* ==================== ##Image Comparison ==================== */ .wgl-image_comparison.cocoen { cursor: pointer; line-height: 0; margin: 0; overflow: hidden; padding: 0; position: relative; -webkit-user-select: none; user-select: none; border-radius: 0; } .wgl-image_comparison.cocoen img.comp-image { max-width: none; display: block; width: 100%; } .wgl-image_comparison.cocoen > div { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 50%; } .wgl-image_comparison.cocoen .cocoen-drag { position: absolute; z-index: 1; top: 0; bottom: 0; left: 50%; width: 2px; margin-left: -1px; background: var(--odefy-tertiary-color); cursor: ew-resize; } .wgl-image_comparison.cocoen .cocoen-drag::before, .wgl-image_comparison.cocoen .cocoen-drag::after { content: ""; position: absolute; top: 50%; width: 80px; height: 80px; cursor: pointer; margin-top: -40px; border-radius: 0; transform: rotate(90deg); background-image: var(--odefy-bg-caret); background-size: 16px; background-repeat: no-repeat; background-position: 50% 78%; } .wgl-image_comparison.cocoen .cocoen-drag::before { z-index: 1; left: 50%; margin-left: -40px; background-color: var(--odefy-tertiary-color); border-radius: 40px; transform: scaleX(-1) rotate(90deg); box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.1); } .wgl-image_comparison.cocoen .cocoen-drag::after { z-index: 2; right: 50%; margin-right: -40px; background-color: transparent !important; } /* ==================== ##Image Hotspots ==================== */ .wgl-image-hotspots { display: inline-block; position: relative; z-index: 1; } .wgl-image-hotspots .hotspots_image-wrap { display: inline-block; } .wgl-image-hotspots .hotspots__container { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; } .wgl-image-hotspots .hotspots__container.appear_animation .hotspots__item { opacity: 0; visibility: hidden; transition: 1.4s; } .wgl-image-hotspots .hotspots__container.appear_animation .hotspots__item.appeared { opacity: 1; visibility: visible; } .wgl-image-hotspots .hotspots__container.loop_animation-pulse .hotspots__item { animation: 5s both running infinite hotspots_pulse; } .wgl-image-hotspots .hotspots__container.loop_animation-flash .hotspots__item { animation: 5s both running infinite hotspots_flash; } .wgl-image-hotspots .hotspots__container.loop_animation-zoom .hotspots__item { animation: 5s both running infinite hotspots_zoom; } .wgl-image-hotspots .hotspots__container.loop_animation-shake .hotspots__item { animation: 5s both running infinite hotspots_shake; } .wgl-image-hotspots .hotspots__container.loop_animation-swing .hotspots__item { animation: 5s both running infinite hotspots_swing; } .wgl-image-hotspots .hotspots__container.loop_animation-rubber .hotspots__item { animation: 5s both running infinite hotspots_rubber; } .wgl-image-hotspots .hotspots__container.loop_animation .hotspots__item:hover { animation-play-state: paused; } .wgl-image-hotspots .hotspots__item { line-height: 1em; position: absolute; cursor: pointer; } .wgl-image-hotspots .hotspots__item:hover .desktop-tooltips-hover { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspots__item:hover .desktop-tooltips-hover .tooltip__wrapper { opacity: inherit; visibility: inherit; transition: inherit; } @media (max-width: 1024px) { .wgl-image-hotspots .hotspots__item:hover .tablet-tooltips-hover { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspots__item:hover .tablet-tooltips-hover .tooltip__wrapper { opacity: inherit; visibility: inherit; transition: inherit; } } @media (max-width: 767px) { .wgl-image-hotspots .hotspots__item:hover .mobile-tooltips-hover { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspots__item:hover .mobile-tooltips-hover .tooltip__wrapper { opacity: inherit; visibility: inherit; transition: inherit; } } .wgl-image-hotspots .hotspots__item:hover .animation-zoom .tooltip__wrapper { transform: scale3d(1, 1, 1); } .wgl-image-hotspots .hotspots__item:hover .animation-to_left .tooltip__wrapper, .wgl-image-hotspots .hotspots__item:hover .animation-to_top .tooltip__wrapper, .wgl-image-hotspots .hotspots__item:hover .animation-to_right .tooltip__wrapper, .wgl-image-hotspots .hotspots__item:hover .animation-to_bottom .tooltip__wrapper { transform: translate(0); } .wgl-image-hotspots .hotspots__item:hover .animation-shake .tooltip__wrapper { animation: tooltips_shake 0.4s ease-in-out forwards; } .wgl-image-hotspots .hotspots__item:hover .hotspots_point-icon.default { transform: translate(-50%, -50%) scale(1.553); } .wgl-image-hotspots .hotspots_media-wrap { transition: 0.4s; } .wgl-image-hotspots .hotspots_point-wrap { display: flex; align-items: center; transition: 0.4s; } .wgl-image-hotspots .hotspots_point-icon { line-height: 0; width: 1em; display: block; text-align: center; } .wgl-image-hotspots .hotspots_point-icon.default { content: ""; position: absolute; top: 50%; left: 50%; width: clamp(1px, 16.08%, 20px); height: clamp(1px, 16.08%, 20px); border-radius: 50%; background-color: #ffffff; transform: translate(-50%, -50%); transition: inherit; } .wgl-image-hotspots .hotspots_point-icon svg { width: 1em; height: 1em; display: block; } .wgl-image-hotspots .hotspots_point-text { margin: 0; line-height: 1; transition: 0.4s; } .wgl-image-hotspots .hotspots__item.tt-desktop-top_l .hotspot__tooltip { top: initial; right: 100%; bottom: 100%; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-desktop-top_l .tooltip__wrapper { margin: 0 10px 10px 0; } .wgl-image-hotspots .hotspots__item.tt-desktop-top_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-desktop-top .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-desktop-top .tooltip__wrapper { margin-bottom: 20px; } .wgl-image-hotspots .hotspots__item.tt-desktop-top .tooltip__wrapper::after { left: 50%; bottom: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-desktop-top_r .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-desktop-top_r .tooltip__wrapper { margin: 0 0 10px 10px; } .wgl-image-hotspots .hotspots__item.tt-desktop-top_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-desktop-right .hotspot__tooltip { top: 50%; right: initial; bottom: initial; left: 100%; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-desktop-right .tooltip__wrapper { margin-left: 20px; } .wgl-image-hotspots .hotspots__item.tt-desktop-right .tooltip__wrapper::after { top: 50%; left: 14px; transform: translateY(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-desktop-bottom_r .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-desktop-bottom_r .tooltip__wrapper { margin: 10px 0 0 10px; } .wgl-image-hotspots .hotspots__item.tt-desktop-bottom_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-desktop-bottom .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-desktop-bottom .tooltip__wrapper { margin-top: 20px; } .wgl-image-hotspots .hotspots__item.tt-desktop-bottom .tooltip__wrapper::after { left: 50%; top: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-desktop-bottom_l .hotspot__tooltip { top: 100%; right: 100%; bottom: initial; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-desktop-bottom_l .tooltip__wrapper { margin: 10px 10px 0 0; } .wgl-image-hotspots .hotspots__item.tt-desktop-bottom_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-desktop-left .hotspot__tooltip { top: 50%; right: 100%; bottom: initial; left: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-desktop-left .tooltip__wrapper { margin-right: 20px; } .wgl-image-hotspots .hotspots__item.tt-desktop-left .tooltip__wrapper::after { top: 50%; right: 14px; transform: translateY(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.m-desktop-left .hotspots_point-wrap { flex-direction: row; } .wgl-image-hotspots .hotspots__item.m-desktop-top .hotspots_point-wrap { flex-direction: column; } .wgl-image-hotspots .hotspots__item.m-desktop-right .hotspots_point-wrap { flex-direction: row-reverse; } .wgl-image-hotspots .hotspots__item.m-desktop-bottom .hotspots_point-wrap { flex-direction: column-reverse; } @media (max-width: 1024px) { .wgl-image-hotspots .hotspots__item.tt-tablet-top_l .hotspot__tooltip { top: initial; right: 100%; bottom: 100%; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-tablet-top_l .tooltip__wrapper { margin: 0 10px 10px 0; } .wgl-image-hotspots .hotspots__item.tt-tablet-top_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-tablet-top .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-tablet-top .tooltip__wrapper { margin-bottom: 20px; } .wgl-image-hotspots .hotspots__item.tt-tablet-top .tooltip__wrapper::after { left: 50%; bottom: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-tablet-top_r .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-tablet-top_r .tooltip__wrapper { margin: 0 0 10px 10px; } .wgl-image-hotspots .hotspots__item.tt-tablet-top_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-tablet-right .hotspot__tooltip { top: 50%; right: initial; bottom: initial; left: 100%; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-tablet-right .tooltip__wrapper { margin-left: 20px; } .wgl-image-hotspots .hotspots__item.tt-tablet-right .tooltip__wrapper::after { top: 50%; left: 14px; transform: translateY(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-tablet-bottom_r .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-tablet-bottom_r .tooltip__wrapper { margin: 10px 0 0 10px; } .wgl-image-hotspots .hotspots__item.tt-tablet-bottom_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-tablet-bottom .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-tablet-bottom .tooltip__wrapper { margin-top: 20px; } .wgl-image-hotspots .hotspots__item.tt-tablet-bottom .tooltip__wrapper::after { left: 50%; top: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-tablet-bottom_l .hotspot__tooltip { top: 100%; right: 100%; bottom: initial; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-tablet-bottom_l .tooltip__wrapper { margin: 10px 10px 0 0; } .wgl-image-hotspots .hotspots__item.tt-tablet-bottom_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-tablet-left .hotspot__tooltip { top: 50%; right: 100%; bottom: initial; left: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-tablet-left .tooltip__wrapper { margin-right: 20px; } .wgl-image-hotspots .hotspots__item.tt-tablet-left .tooltip__wrapper::after { top: 50%; right: 14px; transform: translateY(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.m-tablet-left .hotspots_point-wrap { flex-direction: row; } .wgl-image-hotspots .hotspots__item.m-tablet-top .hotspots_point-wrap { flex-direction: column; } .wgl-image-hotspots .hotspots__item.m-tablet-right .hotspots_point-wrap { flex-direction: row-reverse; } .wgl-image-hotspots .hotspots__item.m-tablet-bottom .hotspots_point-wrap { flex-direction: column-reverse; } } @media (max-width: 767px) { .wgl-image-hotspots .hotspots__item.tt-mobile-top_l .hotspot__tooltip { top: initial; right: 100%; bottom: 100%; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-mobile-top_l .tooltip__wrapper { margin: 0 10px 10px 0; } .wgl-image-hotspots .hotspots__item.tt-mobile-top_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-mobile-top .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-mobile-top .tooltip__wrapper { margin-bottom: 20px; } .wgl-image-hotspots .hotspots__item.tt-mobile-top .tooltip__wrapper::after { left: 50%; bottom: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-mobile-top_r .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-mobile-top_r .tooltip__wrapper { margin: 0 0 10px 10px; } .wgl-image-hotspots .hotspots__item.tt-mobile-top_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-mobile-right .hotspot__tooltip { top: 50%; right: initial; bottom: initial; left: 100%; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-mobile-right .tooltip__wrapper { margin-left: 20px; } .wgl-image-hotspots .hotspots__item.tt-mobile-right .tooltip__wrapper::after { top: 50%; left: 14px; transform: translateY(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-mobile-bottom_r .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-mobile-bottom_r .tooltip__wrapper { margin: 10px 0 0 10px; } .wgl-image-hotspots .hotspots__item.tt-mobile-bottom_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-mobile-bottom .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-mobile-bottom .tooltip__wrapper { margin-top: 20px; } .wgl-image-hotspots .hotspots__item.tt-mobile-bottom .tooltip__wrapper::after { left: 50%; top: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-mobile-bottom_l .hotspot__tooltip { top: 100%; right: 100%; bottom: initial; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-mobile-bottom_l .tooltip__wrapper { margin: 10px 10px 0 0; } .wgl-image-hotspots .hotspots__item.tt-mobile-bottom_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-mobile-left .hotspot__tooltip { top: 50%; right: 100%; bottom: initial; left: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-mobile-left .tooltip__wrapper { margin-right: 20px; } .wgl-image-hotspots .hotspots__item.tt-mobile-left .tooltip__wrapper::after { top: 50%; right: 14px; transform: translateY(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.m-mobile-left .hotspots_point-wrap { flex-direction: row; } .wgl-image-hotspots .hotspots__item.m-mobile-top .hotspots_point-wrap { flex-direction: column; } .wgl-image-hotspots .hotspots__item.m-mobile-right .hotspots_point-wrap { flex-direction: row-reverse; } .wgl-image-hotspots .hotspots__item.m-mobile-bottom .hotspots_point-wrap { flex-direction: column-reverse; } } .wgl-image-hotspots .hotspots__item.tt-c-desktop-top_l .hotspot__tooltip { top: initial; right: 100%; bottom: 100%; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-top_l .tooltip__wrapper { margin: 0 10px 10px 0; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-top_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-top .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-desktop-top .tooltip__wrapper { margin-bottom: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-top .tooltip__wrapper::after { left: 50%; bottom: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-c-desktop-top_r .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-top_r .tooltip__wrapper { margin: 0 0 10px 10px; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-top_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-right .hotspot__tooltip { top: 50%; right: initial; bottom: initial; left: 100%; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-desktop-right .tooltip__wrapper { margin-left: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-right .tooltip__wrapper::after { top: 50%; left: 14px; transform: translateY(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom_r .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom_r .tooltip__wrapper { margin: 10px 0 0 10px; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom .tooltip__wrapper { margin-top: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom .tooltip__wrapper::after { left: 50%; top: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom_l .hotspot__tooltip { top: 100%; right: 100%; bottom: initial; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom_l .tooltip__wrapper { margin: 10px 10px 0 0; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-bottom_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-left .hotspot__tooltip { top: 50%; right: 100%; bottom: initial; left: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-desktop-left .tooltip__wrapper { margin-right: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-desktop-left .tooltip__wrapper::after { top: 50%; right: 14px; transform: translateY(-50%) rotate(45deg); } @media (max-width: 1024px) { .wgl-image-hotspots .hotspots__item.tt-c-tablet-top_l .hotspot__tooltip { top: initial; right: 100%; bottom: 100%; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-top_l .tooltip__wrapper { margin: 0 10px 10px 0; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-top_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-top .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-tablet-top .tooltip__wrapper { margin-bottom: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-top .tooltip__wrapper::after { left: 50%; bottom: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-c-tablet-top_r .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-top_r .tooltip__wrapper { margin: 0 0 10px 10px; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-top_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-right .hotspot__tooltip { top: 50%; right: initial; bottom: initial; left: 100%; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-tablet-right .tooltip__wrapper { margin-left: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-right .tooltip__wrapper::after { top: 50%; left: 14px; transform: translateY(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom_r .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom_r .tooltip__wrapper { margin: 10px 0 0 10px; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom .tooltip__wrapper { margin-top: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom .tooltip__wrapper::after { left: 50%; top: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom_l .hotspot__tooltip { top: 100%; right: 100%; bottom: initial; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom_l .tooltip__wrapper { margin: 10px 10px 0 0; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-bottom_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-left .hotspot__tooltip { top: 50%; right: 100%; bottom: initial; left: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-tablet-left .tooltip__wrapper { margin-right: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-tablet-left .tooltip__wrapper::after { top: 50%; right: 14px; transform: translateY(-50%) rotate(45deg); } } @media (max-width: 767px) { .wgl-image-hotspots .hotspots__item.tt-c-mobile-top_l .hotspot__tooltip { top: initial; right: 100%; bottom: 100%; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-top_l .tooltip__wrapper { margin: 0 10px 10px 0; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-top_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-top .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-mobile-top .tooltip__wrapper { margin-bottom: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-top .tooltip__wrapper::after { left: 50%; bottom: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-c-mobile-top_r .hotspot__tooltip { top: initial; right: initial; bottom: 100%; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-top_r .tooltip__wrapper { margin: 0 0 10px 10px; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-top_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-right .hotspot__tooltip { top: 50%; right: initial; bottom: initial; left: 100%; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-mobile-right .tooltip__wrapper { margin-left: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-right .tooltip__wrapper::after { top: 50%; left: 14px; transform: translateY(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom_r .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 100%; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom_r .tooltip__wrapper { margin: 10px 0 0 10px; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom_r .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom .hotspot__tooltip { top: 100%; right: initial; bottom: initial; left: 50%; transform: translateX(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom .tooltip__wrapper { margin-top: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom .tooltip__wrapper::after { left: 50%; top: 14px; transform: translateX(-50%) rotate(45deg); } .wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom_l .hotspot__tooltip { top: 100%; right: 100%; bottom: initial; left: initial; transform: unset; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom_l .tooltip__wrapper { margin: 10px 10px 0 0; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-bottom_l .tooltip__wrapper::after { display: none; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-left .hotspot__tooltip { top: 50%; right: 100%; bottom: initial; left: initial; transform: translateY(-50%); } .wgl-image-hotspots .hotspots__item.tt-c-mobile-left .tooltip__wrapper { margin-right: 20px; } .wgl-image-hotspots .hotspots__item.tt-c-mobile-left .tooltip__wrapper::after { top: 50%; right: 14px; transform: translateY(-50%) rotate(45deg); } } .wgl-image-hotspots .hotspot__tooltip { position: absolute; z-index: 1; pointer-events: none; transition: 0.2s; } .wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper { font-size: 14px; font-weight: 500; transition: 0.2s; } .wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper p:last-child { margin-bottom: 0; } .wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper p:last-of-type { display: inline; } .wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper .tooltip__icon { display: inline-block; margin-left: 12px; } .wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper .tooltip__icon.flaticon-long-next { width: 23px; margin-bottom: 5px; vertical-align: middle; } .wgl-image-hotspots .hotspot__tooltip .tooltip__wrapper::after { width: 20px; height: 20px; background: inherit; position: absolute; z-index: -1; pointer-events: none; } .wgl-image-hotspots .hotspot__tooltip.desktop-tooltips-hover { visibility: hidden; } .wgl-image-hotspots .hotspot__tooltip.desktop-tooltips-hover .tooltip__wrapper { opacity: 0; visibility: inherit; } .wgl-image-hotspots .hotspot__tooltip.desktop-tooltips-show { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspot__tooltip.desktop-tooltips-show .tooltip__wrapper { opacity: inherit; visibility: inherit; transition: inherit; } @media (max-width: 1024px) { .wgl-image-hotspots .hotspot__tooltip.tablet-tooltips-hover { visibility: hidden; } .wgl-image-hotspots .hotspot__tooltip.tablet-tooltips-hover .tooltip__wrapper { opacity: 0; visibility: inherit; } .wgl-image-hotspots .hotspot__tooltip.tablet-tooltips-show { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspot__tooltip.tablet-tooltips-show .tooltip__wrapper { opacity: inherit; visibility: inherit; transition: inherit; } } @media (max-width: 767px) { .wgl-image-hotspots .hotspot__tooltip.mobile-tooltips-hover { visibility: hidden; } .wgl-image-hotspots .hotspot__tooltip.mobile-tooltips-hover .tooltip__wrapper { opacity: 0; visibility: inherit; } .wgl-image-hotspots .hotspot__tooltip.mobile-tooltips-show { opacity: 1; visibility: visible; transition: 0.4s; } .wgl-image-hotspots .hotspot__tooltip.mobile-tooltips-show .tooltip__wrapper { opacity: inherit; visibility: inherit; transition: inherit; } } .wgl-image-hotspots .hotspot__tooltip.animation-zoom .tooltip__wrapper { transform: scale3d(0.1, 0.1, 0.1); } .wgl-image-hotspots .hotspot__tooltip.animation-to_left .tooltip__wrapper { transform: translateX(20px); } .wgl-image-hotspots .hotspot__tooltip.animation-to_top .tooltip__wrapper { transform: translateY(20px); } .wgl-image-hotspots .hotspot__tooltip.animation-to_right .tooltip__wrapper { transform: translateX(-20px); } .wgl-image-hotspots .hotspot__tooltip.animation-to_bottom .tooltip__wrapper { transform: translateY(-20px); } .wgl-image-hotspots .hotspots_link:hover .hotspot__tooltip { pointer-events: all; } @keyframes tooltips_shake { 0% { transform: rotate(2deg) translateY(9px); } 50% { transform: rotate(-3deg) translateY(6px); } 70% { transform: rotate(3deg) translateY(3px); } 100% { transform: rotate(0deg) translateY(0); } } @keyframes hotspots_pulse { 0%, 89%, to { transform: scale3d(1, 1, 1); } 90%, 94%, 98% { transform: scale3d(1.1, 1.1, 1.1); } 92%, 96% { transform: scale3d(0.9, 0.9, 0.9); } } @keyframes hotspots_flash { 0%, 89%, to { opacity: 1; } 90%, 94%, 98% { opacity: 0; } 92%, 96% { opacity: 1; } } @keyframes hotspots_shake { 0%, 89%, to { transform: translate3d(0, 0, 0); } 90%, 94%, 98% { transform: translate3d(-5px, 0, 0); } 92%, 96% { transform: translate3d(5px, 0, 0); } } @keyframes hotspots_zoom { 0%, 86%, to { transform: scale3d(1, 1, 1); } 87% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 90%, 94%, 98% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 92%, 96% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } } @keyframes hotspots_rubber { 64% { transform: scale3d(1, 1, 1); } 73% { transform: scale3d(1.25, 0.75, 1); } 77% { transform: scale3d(0.75, 1.25, 1); } 81% { transform: scale3d(1.15, 0.85, 1); } 86% { transform: scale3d(0.95, 1.05, 1); } 90% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } @keyframes hotspots_swing { 0%, 75%, to { transform: rotate3d(0, 0, 1, 0deg); } 80% { transform: rotate3d(0, 0, 1, 15deg); } 85% { transform: rotate3d(0, 0, 1, -10deg); } 90% { transform: rotate3d(0, 0, 1, 5deg); } 95% { transform: rotate3d(0, 0, 1, -5deg); } } /* ==================== ##Image Layers ==================== */ .wgl-image-layers { display: inline-block; position: relative; line-height: 0; max-width: 100%; } .wgl-image-layers .img-layer_item { transform: translate(var(--pos-x, 0%), var(--pos-y, 0%)); } .wgl-image-layers .img-layer_image-wrapper { position: relative; line-height: 0; width: inherit; max-width: 100%; height: inherit; max-height: 100%; display: flex; } .wgl-image-layers .img-layer_image-wrapper:not(:first-child) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wgl-image-layers .img-layer_image-wrapper .img-layer_image { opacity: var(--wgl-opacity, 1); filter: blur(var(--wgl-blur, 0)); transform: scale(var(--wgl-scale, 1)) rotate(var(--wgl-rotate, 0deg)) translate(var(--wgl-h-pos, 0), var(--wgl-v-pos, 0)); transform-origin: center; transition: all 0.5s; } .wgl-image-layers .img-layer_image-wrapper .img-layer_image img { border-radius: inherit; } .elementor-widget-wgl-image-layers { font-size: 0; } /* ==================== ##Info Box ==================== */ @property --ib-icon-clr-first { syntax: "
"; initial-value: #fff; inherits: false; } @property --ib-icon-clr-sec { syntax: "
"; initial-value: #000; inherits: false; } .elementor-widget-wgl-info-box.wgl-view-bubble .wgl-infobox .elementor-icon { color: var(--odefy-form-bg-color); } .elementor-widget-wgl-info-box.wgl-view-bubble .wgl-infobox .wgl-icon .icon, .elementor-widget-wgl-info-box.wgl-view-bubble .wgl-infobox .wgl-number .number, .elementor-widget-wgl-info-box.wgl-view-bubble .wgl-infobox .wgl-image-box_img { z-index: 1; } .elementor-widget-wgl-info-box.wgl-view-bubble .wgl-infobox .wgl-icon .icon::after, .elementor-widget-wgl-info-box.wgl-view-bubble .wgl-infobox .wgl-number .number::after, .elementor-widget-wgl-info-box.wgl-view-bubble .wgl-infobox .wgl-image-box_img::after { content: ""; position: absolute; top: 0; left: 0; z-index: -1; border-radius: 50%; transition: 0.4s; background-color: var(--odefy-tertiary-color); } .elementor-widget-wgl-info-box.wgl-view-bubble:hover .elementor-icon { fill: var(--odefy-primary-color); color: var(--odefy-primary-color); border-color: var(--odefy-primary-color); } .elementor-widget-wgl-info-box .elementor-icon { width: 1em; height: 1em; box-sizing: content-box; fill: var(--odefy-form-bg-color); color: var(--odefy-form-bg-color); } .elementor-widget-wgl-info-box .elementor-icon::before { transition: --ib-icon-clr-first 0.4s, --ib-icon-clr-sec 0.4s; } .elementor-widget-wgl-info-box .elementor-widget-container { position: relative; } .elementor-widget-wgl-info-box .elementor-widget-container .wgl-infobox__link { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } .elementor-widget-wgl-info-box .elementor-widget-container::before, .elementor-widget-wgl-info-box .elementor-widget-container::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; transition: inherit; } .elementor-widget-wgl-info-box .elementor-widget-container::before { opacity: 0; } .elementor-widget-wgl-info-box .elementor-widget-container .wgl-infobox__link + .wgl-infobox_wrapper .button-read-more { transition: all 0.4s; } .elementor-widget-wgl-info-box .elementor-widget-container:hover::before { opacity: 1; } .elementor-widget-wgl-info-box .elementor-widget-container:hover .wgl-infobox_bg_text { color: rgba(var(--odefy-header-rgb), 0.4); } .elementor-widget-wgl-info-box .elementor-widget-container:hover .number-wrapper::after { background-color: rgba(var(--odefy-header-rgb), 1); } .elementor-widget-wgl-info-box .elementor-widget-container:hover .elementor-icon { color: var(--odefy-primary-color); } .elementor-widget-wgl-info-box .wgl-infobox { transition: 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button span { transition: -webkit-text-decoration-color 0.4s; transition: text-decoration-color 0.4s; transition: text-decoration-color 0.4s, -webkit-text-decoration-color 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button.image { padding-left: 0; margin-right: 0; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button.no_media { --wgl-gap: 0; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button .read-more-svg { width: 1em; height: 1em; display: inline-block; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button .read-more-svg svg { width: 1em; height: 1em; position: relative; display: block; transition: all 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button .wgl-infobox_button__media { transition: all 0.4s; display: inline-block; order: -1; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_button:hover .wgl-infobox_button__media { opacity: 1; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_wrapper { display: flex; position: relative; z-index: 1; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title { position: relative; z-index: 1; font-size: 24px; line-height: 1.25; word-break: break-word; transition: 0.4s; color: var(--odefy-header-font-color); } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title a { font: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title .wgl-infobox_title-idle { display: block; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title .wgl-infobox_title-idle, .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title .wgl-infobox_bg_text { font: inherit; color: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title .wgl-infobox_bg_text { transition: 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title i { display: inline-block; vertical-align: middle; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_title i:not(:only-child) { margin: 0 0.7em; } .elementor-widget-wgl-info-box .wgl-infobox .media-wrapper { max-width: 100%; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-image-box_img { display: inline-block; max-width: 100%; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-image-box_img > span { display: block; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-title_wrapper { position: relative; display: block; font-size: 0; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-title_wrapper::after { content: ""; display: none; width: 100%; margin: 21px 0 12px 0; background-color: var(--odefy-header-font-color); transition: background-color 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .content_wrapper { display: flex; flex-direction: column; width: 100%; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_content { font-size: 18px; line-height: 1.778em; transition: 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_content p:last-child { margin-bottom: 0; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_subtitle { font-family: var(--odefy-header-font-family); font-size: 32px; font-weight: var(--odefy-header-font-weight); line-height: 1.3em; color: var(--odefy-header-font-color); text-transform: uppercase; letter-spacing: var(--odefy-h3-letter-spacing); transition: 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox_bg_text { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; font-family: var(--odefy-content-font-family); font-weight: 700; font-size: 150px; letter-spacing: var(--odefy-h3-letter-spacing); color: rgba(var(--odefy-header-rgb), 0.15); line-height: 1px; transition: 0.4s; max-width: 100%; height: -moz-fit-content; height: fit-content; margin: auto; pointer-events: none; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-button_wrapper { width: 100%; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-button_wrapper .wgl-infobox_button.corner-attached { position: absolute; left: 0; bottom: 0; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-infobox-button_wrapper .wgl-infobox_button.corner-attached.corner-position_right { left: auto; right: 0; } .elementor-widget-wgl-info-box .wgl-infobox .number-wrapper::after { content: ""; display: none; margin: -8px 0 30px 0; background-color: rgba(var(--odefy-header-rgb), 0.15); width: auto; height: 1px; transition: 0.4s; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-left .number-wrapper, .elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-right .number-wrapper { display: flex; flex-direction: row; height: -moz-fit-content; height: fit-content; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-left .number-wrapper::after, .elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-right .number-wrapper::after { height: auto; width: 1px; margin: 0 10px 0 10px; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-right .number-wrapper::after { order: -1; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-layout-top .media-wrapper { width: 100%; } .elementor-widget-wgl-info-box .wgl-infobox .wgl-number { font-family: var(--odefy-content-font-family); font-weight: 700; font-size: 96px; width: unset; } .elementor-widget-wgl-info-box .wgl-infobox .elementor-icon { position: relative; color: var(--odefy-form-bg-color); } .elementor-widget-wgl-info-box .wgl-infobox .wgl-image-box_img { position: relative; } .elementor-widget-wgl-info-box .wgl-infobox_bg_wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; pointer-events: none; z-index: -1; } .elementor-widget-wgl-info-box .wgl-infobox_bg_wrapper::before, .elementor-widget-wgl-info-box .wgl-infobox_bg_wrapper::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; transition: inherit; z-index: -1; pointer-events: none; } .elementor-widget-wgl-info-box.animation_lifting { padding-top: 20px; transition: 0.5s; } .elementor-widget-wgl-info-box.animation_lifting > .elementor-widget-container { position: relative; transform: translateY(0); will-change: transform; transition: 0.5s; } .elementor-widget-wgl-info-box.animation_lifting:hover > .elementor-widget-container { transform: translateY(-10px); } .elementor-widget-wgl-info-box.animation_toggling .wgl-infobox_wrapper, .elementor-widget-wgl-info-box.animation_toggling .media-wrapper { transition: 0.6s; } .elementor-widget-wgl-info-box.animation_toggling .wgl-infobox_content, .elementor-widget-wgl-info-box.animation_toggling .wgl-infobox-button_wrapper { opacity: 0; } .elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container { overflow: hidden; } .elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container:hover .media-wrapper { opacity: 0; } .elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container:hover .wgl-infobox_content, .elementor-widget-wgl-info-box.animation_toggling .elementor-widget-container:hover .wgl-infobox-button_wrapper { opacity: 1; } .elementor-widget-wgl-info-box.animation_toggling_icon .content_wrapper { transition: 0.4s; } .elementor-widget-wgl-info-box.animation_toggling_icon .media-wrapper { position: absolute; z-index: 1; left: 0; transition: 0.4s; opacity: 0; transform: translateX(-10px) scale(0.5); } .elementor-widget-wgl-info-box.animation_toggling_icon .elementor-widget-container:hover .wgl-infobox .media-wrapper { opacity: 1; transform: translateX(0) scale(1); } .elementor-widget-wgl-info-box.icon_on_image_yes .wgl-image-box_img { position: relative; } .elementor-widget-wgl-info-box.icon_on_image_yes .wgl-image-box_img::after { content: "\f112"; font-family: "Flaticon"; line-height: 1; font-size: 50px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; font-weight: 400; transform: rotate(90deg); display: flex; justify-content: center; align-items: center; background-color: rgba(34, 35, 40, 0.3); opacity: 0; transition: opacity 0.4s; } .elementor-widget-wgl-info-box.bg_animation-borders .wgl-infobox::before, .elementor-widget-wgl-info-box.bg_animation-borders .wgl-infobox::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; border-radius: inherit; transition: all 0.6s ease-in-out, opacity 0.4s 0.2s ease-in-out; transform: scale(1, 1); color: var(--odefy-primary-color); z-index: 3; pointer-events: none; } .elementor-widget-wgl-info-box.bg_animation-borders .wgl-infobox::before { border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: scale(1.15, 0.85); } .elementor-widget-wgl-info-box.bg_animation-borders .wgl-infobox::after { border-right: 1px solid currentColor; border-left: 1px solid currentColor; transform: scale(0.85, 1.15); } .elementor-widget-wgl-info-box.bg_animation-borders .elementor-widget-container:hover .wgl-infobox::before, .elementor-widget-wgl-info-box.bg_animation-borders .elementor-widget-container:hover .wgl-infobox::after { opacity: 1; transform: scale(1, 1); transition: all 0.7s ease-in-out; } .elementor-widget-wgl-info-box.bg_animation-gradient .wgl-infobox::before { content: ""; position: absolute; top: -2560px; right: -2560px; bottom: -2560px; left: -2560px; margin: auto; z-index: 0; opacity: 0; pointer-events: none; transition: all 0.4s; } .elementor-widget-wgl-info-box.bg_animation-gradient .elementor-widget-container:hover .wgl-infobox::before { opacity: 1; } .elementor-widget-wgl-info-box.button_left .wgl-infobox-button_wrapper { text-align: left; } .elementor-widget-wgl-info-box.button_center .wgl-infobox-button_wrapper { text-align: center; } .elementor-widget-wgl-info-box.button_right .wgl-infobox-button_wrapper { text-align: right; } .elementor-widget-wgl-info-box.button_justify .wgl-infobox-button_wrapper { text-align: justify; } .elementor-widget-wgl-info-box.button_justify .wgl-infobox_button { width: 100%; } /* ==================== ##Flip Box ==================== */ .wgl-flipbox { position: relative; perspective: 1000px; width: 100%; height: 300px; } .wgl-flipbox_wrap { position: relative; z-index: 1; transition: 0.7s; width: 100%; height: 100%; transform-style: preserve-3d; perspective: inherit; } .wgl-flipbox_wrap .media-wrapper.number-wrapper .wgl-number { font-size: 18px; font-weight: 500; padding: 19px; width: 1em; height: 1em; background-color: #FF7425; box-sizing: content-box; border-radius: 50%; } .wgl-flipbox_title { display: inline-block; font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 36px; line-height: 1.25; word-break: break-word; color: var(--odefy-header-font-color); margin-top: 15px; transition: 0.4s; } .wgl-flipbox_title span { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; } .wgl-flipbox_subtitle { display: inline-block; color: var(--odefy-header-font-color); font-family: var(--odefy-header-font-family); font-size: 14px; line-height: 1.25; font-weight: var(--odefy-header-font-weight); letter-spacing: 0.05em; text-transform: uppercase; } .wgl-flipbox_subtitle span { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; text-transform: inherit; letter-spacing: inherit; color: inherit; } .wgl-flipbox_content p:last-child { margin-bottom: 0; } .wgl-flipbox_button-wrap { line-height: 0; font-size: 0; } .wgl-flipbox_button-wrap .wgl-flipbox_button::before, .wgl-flipbox_button-wrap .wgl-flipbox_button::after { display: none; } .wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more { line-height: inherit; font-size: inherit; display: inline-block; transition: 0.4s; } .wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more i, .wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more span { z-index: 1; right: 0; bottom: 0; text-align: center; display: inline-block; transition: background-color 0.4s, color 0.4s, transform 0.4s; color: var(--odefy-header-font-color); width: 1em; height: 1em; line-height: 1em; font-size: 30px; background: unset; border-radius: 0; transform: translateY(var(--icon-translate-y, -1px)) rotate(var(--icon-rotate, 0)); } .wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more i::before, .wgl-flipbox_button-wrap .wgl-flipbox_button.icon-read-more span::before { display: block; transition: transform 0.4s; line-height: inherit; } .wgl-flipbox_item-link { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } .wgl-flipbox_front, .wgl-flipbox_back { display: flex; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(var(--odefy-header-rgb), 0.15); backface-visibility: hidden; transform: rotate(0); transition: 0.7s; perspective: inherit; transform-style: preserve-3d; border-radius: 0; padding: 50px 35px 50px; } .wgl-flipbox_front { z-index: 2; } .wgl-flipbox_front .elementor-icon { color: var(--odefy-header-font-color); fill: var(--odefy-header-font-color); } .wgl-flipbox_back .elementor-icon { color: var(--odefy-header-font-color); fill: var(--odefy-header-font-color); } .wgl-flipbox_back .wgl-flipbox_content { font-size: 16px; margin-bottom: 13px; } .wgl-flipbox.type_flip_right .wgl-flipbox_back { transform: rotateY(-180deg); } .elementor-editor-active .dev_view-active .wgl-flipbox.type_flip_right .wgl-flipbox_wrap, .wgl-flipbox.type_flip_right:hover .wgl-flipbox_wrap { transform: rotateY(180deg); } .wgl-flipbox.type_flip_left .wgl-flipbox_back { transform: rotateY(180deg); } .elementor-editor-active .dev_view-active .wgl-flipbox.type_flip_left .wgl-flipbox_wrap, .wgl-flipbox.type_flip_left:hover .wgl-flipbox_wrap { transform: rotateY(-180deg); } .wgl-flipbox.type_flip_top .wgl-flipbox_back { transform: rotateX(-180deg); } .elementor-editor-active .dev_view-active .wgl-flipbox.type_flip_top .wgl-flipbox_wrap, .wgl-flipbox.type_flip_top:hover .wgl-flipbox_wrap { transform: rotateX(180deg); } .wgl-flipbox.type_flip_bottom .wgl-flipbox_back { transform: rotateX(180deg); } .elementor-editor-active .dev_view-active .wgl-flipbox.type_flip_bottom .wgl-flipbox_wrap, .wgl-flipbox.type_flip_bottom:hover .wgl-flipbox_wrap { transform: rotateX(-180deg); } .elementor-widget-wgl-flipbox.aleft .wgl-flipbox .wgl-image-box_img { margin-right: auto; } .elementor-widget-wgl-flipbox.acenter .wgl-flipbox .wgl-image-box_img { margin-left: auto; margin-right: auto; } .elementor-widget-wgl-flipbox.aright .wgl-flipbox .wgl-image-box_img { margin-left: auto; } /* ==================== ##Gallery ==================== */ .elementor-widget-wgl-gallery .wgl-gallery_items:not(.gallery-carousel) { display: flex; flex-wrap: wrap; } .elementor-widget-wgl-gallery .wgl-gallery_items.gallery-justified .wgl-gallery_item { position: absolute; box-sizing: content-box; width: 100%; height: 100%; } .elementor-widget-wgl-gallery .wgl-gallery_item-wrapper > a { display: flex; width: -moz-fit-content; width: fit-content; margin-left: auto; margin-right: auto; flex-direction: column; } .elementor-widget-wgl-gallery .wgl-gallery_item { position: relative; z-index: 1; overflow: hidden; } .elementor-widget-wgl-gallery .wgl-gallery_item::before, .elementor-widget-wgl-gallery .wgl-gallery_item::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.4s; } .elementor-widget-wgl-gallery .wgl-gallery_item::after { opacity: 0; } .elementor-widget-wgl-gallery .wgl-gallery_image-info { position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; transition: 0.4s; opacity: 0; visibility: hidden; } .elementor-widget-wgl-gallery .wgl-gallery_image-info.show_until_hover, .elementor-widget-wgl-gallery .wgl-gallery_image-info.show_always { opacity: 1; visibility: visible; } .elementor-widget-wgl-gallery .wgl-gallery_image-info.show_disable { opacity: 0 !important; visibility: hidden !important; } .elementor-widget-wgl-gallery .wgl-gallery_image-title { line-height: 1.1; font-size: 1.1em; font-weight: 600; color: var(--odefy-header-font-color); transition: 0.4s; } .elementor-widget-wgl-gallery .wgl-gallery_image-title + .wgl-gallery_image-descr { margin-top: 5px; } .elementor-widget-wgl-gallery .wgl-gallery_image-descr { line-height: 1; color: var(--odefy-header-font-color); transition: 0.4s; } .elementor-widget-wgl-gallery .wgl-gallery_item:hover::before { opacity: 0; } .elementor-widget-wgl-gallery .wgl-gallery_item:hover::after { opacity: 1; } .elementor-widget-wgl-gallery .wgl-gallery_item:hover .wgl-gallery_image-info { opacity: 1; visibility: visible; } .elementor-widget-wgl-gallery .wgl-gallery_item:hover .wgl-gallery_image-info.show_until_hover { opacity: 0; visibility: hidden; } .elementor-widget-wgl-gallery .wgl-gallery_items.appear-animation .wgl-gallery_item-wrapper { opacity: 0; } .elementor-widget-wgl-gallery .wgl-gallery_items.appear-animation.fade-in .wgl-gallery_item-wrapper.animate { animation: fade_in 0.9s ease forwards; } .elementor-widget-wgl-gallery .wgl-gallery_items.appear-animation.slide-top .wgl-gallery_item-wrapper.animate { animation: slide_top 0.5s ease forwards; transform: translateY(50px); } .elementor-widget-wgl-gallery .wgl-gallery_items.appear-animation.slide-bottom .wgl-gallery_item-wrapper.animate { animation: slide_bottom 0.5s ease forwards; transform: translateY(-50px); } .elementor-widget-wgl-gallery .wgl-gallery_items.appear-animation.slide-left .wgl-gallery_item-wrapper.animate { animation: slide_left 0.5s ease forwards; transform: translateX(50px); } .elementor-widget-wgl-gallery .wgl-gallery_items.appear-animation.slide-right .wgl-gallery_item-wrapper.animate { animation: slide_right 0.5s ease forwards; transform: translateX(-50px); } .elementor-widget-wgl-gallery .wgl-gallery_items.appear-animation.zoom .wgl-gallery_item-wrapper.animate { animation: zoom_in 0.5s ease forwards; transform: scale(0.5); } .elementor-widget-wgl-gallery .wgl-gallery_item { transition-duration: var(--wgl-gallery-duration, 300ms) !important; } .elementor-widget-wgl-gallery .swiper-slide { --wgl-gallery-scale-size: 0.7; } .elementor-widget-wgl-gallery.layout-scale_even .swiper-slide:nth-child(even) .wgl-gallery_item { transform: scale(var(--wgl-gallery-scale-size)); } .elementor-widget-wgl-gallery.layout-scale_odd .swiper-slide:nth-child(odd) .wgl-gallery_item { transform: scale(var(--wgl-gallery-scale-size)); } .elementor-widget-wgl-gallery.layout-scale_active .swiper-slide:not(.swiper-slide-active) .wgl-gallery_item { transform: scale(var(--wgl-gallery-scale-size)); } .elementor-widget-wgl-gallery.col-1 .wgl-gallery_item-wrapper { width: 100%; } .elementor-widget-wgl-gallery.col-2 .wgl-gallery_item-wrapper { width: 50%; } .elementor-widget-wgl-gallery.col-3 .wgl-gallery_item-wrapper { width: 33.333333%; } .elementor-widget-wgl-gallery.col-4 .wgl-gallery_item-wrapper { width: 25%; } .elementor-widget-wgl-gallery.col-5 .wgl-gallery_item-wrapper { width: 20%; } @media (max-width: 1024px) { .elementor-widget-wgl-gallery.col-tablet-1 .wgl-gallery_item-wrapper { width: 100%; } .elementor-widget-wgl-gallery.col-tablet-2 .wgl-gallery_item-wrapper { width: 50%; } .elementor-widget-wgl-gallery.col-tablet-3 .wgl-gallery_item-wrapper { width: 33.333333%; } .elementor-widget-wgl-gallery.col-tablet-4 .wgl-gallery_item-wrapper { width: 25%; } .elementor-widget-wgl-gallery.col-tablet-5 .wgl-gallery_item-wrapper { width: 20%; } } @media (max-width: 767px) { .elementor-widget-wgl-gallery.col-mobile-1 .wgl-gallery_item-wrapper { width: 100%; } .elementor-widget-wgl-gallery.col-mobile-2 .wgl-gallery_item-wrapper { width: 50%; } .elementor-widget-wgl-gallery.col-mobile-3 .wgl-gallery_item-wrapper { width: 33.333333%; } .elementor-widget-wgl-gallery.col-mobile-4 .wgl-gallery_item-wrapper { width: 25%; } .elementor-widget-wgl-gallery.col-mobile-5 .wgl-gallery_item-wrapper { width: 20%; } } /* justifiedGallery */ .justified-gallery { width: 100%; position: relative; overflow: hidden; } .justified-gallery > a, .justified-gallery > div, .justified-gallery > figure { position: absolute; display: inline-block; filter: "alpha(opacity=10)"; opacity: 0.1; margin: 0; padding: 0; } .justified-gallery > a > img, .justified-gallery > div > img, .justified-gallery > figure > img, .justified-gallery > a > a > img, .justified-gallery > div > a > img, .justified-gallery > figure > a > img, .justified-gallery > a > svg, .justified-gallery > div > svg, .justified-gallery > figure > svg, .justified-gallery > a > a > svg, .justified-gallery > div > a > svg, .justified-gallery > figure > a > svg { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: none; filter: "alpha(opacity=0)"; opacity: 0; } .justified-gallery > .jg-entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: none; } .justified-gallery > .jg-entry-visible > img, .justified-gallery > .jg-entry-visible > a > img, .justified-gallery > .jg-entry-visible > svg, .justified-gallery > .jg-entry-visible > a > svg { filter: "alpha(opacity=100)"; opacity: 1; transition: opacity 500ms ease-in; } .justified-gallery > .jg-spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial; } .justified-gallery > .jg-spinner > span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px 0 4px; background-color: #000; border-radius: 6px; } /* ==================== ##Link Overlay ==================== */ .wgl-link-overlay { position: absolute; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; } /* ==================== ##Physics Button ==================== */ @property --bph-button-first { syntax: "
"; initial-value: rgb(250, 169, 165); inherits: false; } @property --bph-button-sec { syntax: "
"; initial-value: rgb(121, 24, 238); inherits: false; } .wgl-physics_matter { background-color: transparent; border-radius: var(--wgl-border-radius, 20px); border: 1px solid rgba(var(--odefy-secondary-rgb), 0.3); position: relative; width: 100%; height: 800px; clip-path: inset(0 0 0 0 round var(--wgl-border-radius, 20px)); } .wgl-physics_canvas { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .wgl-physics_elements { pointer-events: none; } .wgl-physics_elements .wgl-physics_item { position: absolute; width: var(--size-circle); height: var(--size-circle); border-radius: 100%; transform-origin: center; opacity: 0; visibility: hidden; margin-top: calc(-0.5px * var(--size-circle) - 250px); transition: margin 0.6s ease-in-out, background 0.4s ease-in-out, color 0.4s ease-in-out, width 0.15s ease-in-out, opacity 0.15s ease-in-out, visibility 0.15s ease-in-out, height 0.15s ease-in-out; } .wgl-physics_elements .wgl-physics_item__inner { --bph-button-first: transparent; --bph-button-sec: transparent; background-color: transparent; background-repeat: no-repeat; background-origin: border-box !important; position: absolute; top: var(--wgl-items-gap, 0px); right: var(--wgl-items-gap, 0px); bottom: var(--wgl-items-gap, 0px); left: var(--wgl-items-gap, 0px); overflow: hidden; padding: 20px; font-family: var(--odefy-header-font-family); font-size: 18px; font-weight: 600; line-height: 1.333em; border-radius: 100%; letter-spacing: var(--odefy-h3-letter-spacing); text-align: center; color: var(--odefy-content-color); display: flex; align-items: center; justify-content: center; border: 1px solid rgba(var(--odefy-secondary-rgb), 0.3); transition: color 0.4s, background-color 0.4s, --bph-button-first 0.7s, --bph-button-sec 0.7s; } .wgl-physics_elements .wgl-physics_item.visible { margin-top: 0; opacity: 1; visibility: visible; } .wgl-physics_elements .wgl-physics_item.active .wgl-physics_item__inner { --bph-button-first: rgba(250, 169, 165, 1); --bph-button-sec: var(--odefy-primary-color); } .wgl-physics_title__wrapper { display: flex; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto; pointer-events: none; } /* ==================== ##Pie Chart ==================== */ .wgl-pie_chart .chart__wrapper { position: relative; line-height: 0; } .wgl-pie_chart .chart { --value-margin: 18px; --track-offset: 1px; --track-width: 1px; position: relative; display: inline-block; box-sizing: content-box; } .wgl-pie_chart .chart::before { content: ""; display: block; position: absolute; top: var(--track-offset); right: var(--track-offset); bottom: var(--track-offset); left: var(--track-offset); border-radius: 50%; border: var(--track-width) solid transparent; } .wgl-pie_chart .chart canvas { display: block; position: relative; z-index: 1; } .wgl-pie_chart .chart__percent { --value-margin: 1px; font-family: var(--odefy-content-font-family); font-size: 56px; line-height: 1; font-weight: 700; letter-spacing: -0.04em; padding-left: 0; z-index: 1; text-align: center; position: absolute; top: var(--value-margin); left: var(--value-margin); width: calc(100% - var(--value-margin) * 2); height: calc(100% - var(--value-margin) * 2); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--odefy-header-font-color); } .wgl-pie_chart .chart__sub_title { display: block; font-size: 16px; font-weight: 400; line-height: 1.5em; margin-top: 15px; color: var(--odefy-primary-color); font-family: var(--odefy-content-font-family); } .wgl-pie_chart .chart__sub_title + .chart__title { margin-top: 0; } .wgl-pie_chart .chart__sub_title + .chart__description { margin-top: 3px; } .wgl-pie_chart .chart__title { display: block; font-size: 20px; font-weight: 600; z-index: 2; transition: inherit; line-height: 1.35em; color: var(--odefy-content-secondary-color); margin-top: 19px; } .wgl-pie_chart .chart__title + .chart__description { margin-top: 3px; } .wgl-pie_chart .chart__description { display: block; font-size: 16px; line-height: 1.875em; color: var(--odefy-content-color); margin-top: 15px; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-pie_chart .wgl-layout-left, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-pie_chart .wgl-layout-right { display: block; } /* ==================== ##Portfolio ==================== */ .row .portfolio__item.swiper-slide { display: inline-block; } body[data-elementor-device-mode=desktop] .item__wrapper.wgl-cursor-text .item__image::before, body[data-elementor-device-mode=desktop] .item__wrapper.wgl-cursor-text .item__image::after, body[data-elementor-device-mode=desktop] .item__wrapper.wgl-cursor-text .portfolio_link::before, body[data-elementor-device-mode=desktop] .item__wrapper.wgl-cursor-text .item__description, body[data-elementor-device-mode=laptop] .item__wrapper.wgl-cursor-text .item__image::before, body[data-elementor-device-mode=laptop] .item__wrapper.wgl-cursor-text .item__image::after, body[data-elementor-device-mode=laptop] .item__wrapper.wgl-cursor-text .portfolio_link::before, body[data-elementor-device-mode=laptop] .item__wrapper.wgl-cursor-text .item__description, body[data-elementor-device-mode=widescreen] .item__wrapper.wgl-cursor-text .item__image::before, body[data-elementor-device-mode=widescreen] .item__wrapper.wgl-cursor-text .item__image::after, body[data-elementor-device-mode=widescreen] .item__wrapper.wgl-cursor-text .portfolio_link::before, body[data-elementor-device-mode=widescreen] .item__wrapper.wgl-cursor-text .item__description { display: none; } .portfolio__item { --pf-transition: 0.5s ease-in-out; } .portfolio__item .description__wrapper { text-align: left; width: 100%; transition: var(--pf-transition); } .portfolio__item .item__title .title { font-size: 30px; line-height: 1.333; transition: var(--pf-transition); } .portfolio__item .item__title .title:hover { color: var(--odefy-primary-color); } .portfolio__item .item__title .title a { letter-spacing: inherit; } .portfolio__item .item__title span, .portfolio__item .item__title a { color: inherit; font: inherit; line-height: inherit; transition: unset; } .portfolio__item .portfolio_link { display: block; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; font-size: 24px; opacity: 0; } .portfolio__item .portfolio_link, .portfolio__item .portfolio_link-icon { transition: var(--pf-transition); } .portfolio__item .gallery_mode { position: relative; overflow: hidden; } .portfolio__item .gallery_mode > a { display: flex; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: var(--pf-transition); } .portfolio__item .gallery_mode i { color: var(--odefy-tertiary-color); font-size: 24px; height: 70px; width: 70px; border: 1px solid currentColor; text-align: center; line-height: 74px; border-radius: 50%; margin: auto; } .portfolio__item .gallery_mode i.flaticon-left-arrow::before { display: inline-block; transform: rotate(180deg); } .portfolio__item .gallery_mode.item__wrapper .item__image::after { width: 100%; height: 100%; top: 0; left: 0; background: rgba(var(--odefy-quaternary-rgb), 0.5); } .portfolio__item .gallery_mode .portfolio_link { justify-content: center; align-items: center; } .portfolio__item .gallery_mode:hover > a { opacity: 1; } .portfolio__item .gallery_mode .item__image img { display: block; } .portfolio__item .wgl-portfolio-item_icon { display: inline-block; position: relative; z-index: 2; border-radius: 50%; font-size: 20px; line-height: 0; background: #ffffff; transition: var(--pf-transition); } .portfolio__item .wgl-portfolio-item_icon:hover a, .portfolio__item .wgl-portfolio-item_icon:hover i { color: #ffffff; } .portfolio__item .wgl-portfolio-item_icon:hover .icon_plus { background: #ffffff; } .portfolio__item .wgl-portfolio-item_icon .icon_plus::before, .portfolio__item .wgl-portfolio-item_icon .icon_plus::after { content: ""; position: absolute; z-index: 1; width: 16px; height: 2px; left: 50%; top: 50%; margin-left: -8px; margin-top: -1px; background: currentColor; transition: 0s, background-color 0.4s; } .portfolio__item .wgl-portfolio-item_icon .icon_plus::after { transform: rotate(90deg); } .portfolio__item .wgl-portfolio-item_icon a { display: inline-block; transition: 0s; } .portfolio__item .wgl-portfolio-item_icon > a, .portfolio__item .wgl-portfolio-item_icon > i { display: inline-flex; justify-content: center; align-items: center; width: 1em; height: 1em; padding: 20px; } .portfolio__item .wgl-portfolio-item_icon:empty { display: none; } .portfolio__item .item__image img { border-radius: inherit; } .portfolio__item .item__wrapper { position: relative; z-index: 1; } .portfolio__item .item__wrapper .item__image { position: relative; overflow: hidden; border-radius: 30px; --wgl-portfolio-image-scale-size: 1; --wgl-portfolio-image-transition: 0.5s; } .portfolio__item .item__wrapper .item__image img { transition: var(--wgl-portfolio-image-transition) ease-in-out; } .portfolio__item .item__wrapper .item__image::before, .portfolio__item .item__wrapper .item__image::after { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; transition: var(--pf-transition); pointer-events: none; } .portfolio__item .item__wrapper .item__image::after { opacity: 0; } .portfolio__item .item__wrapper:hover .item__image img { transform: scale(var(--wgl-portfolio-image-scale-size)); } .portfolio__item .item__wrapper:hover .item__image::after { opacity: 1; } .portfolio__item .item__wrapper:hover .item__image::before { opacity: 0; } .portfolio__item .item__wrapper.description_under_image .item__image { position: relative; } .portfolio__item .item__wrapper.description_under_image .item__image::after { width: 100%; height: 100%; top: 0; left: 0; } .portfolio__item .item__wrapper.description_under_image.description_cursor_tooltip .item__image { position: relative; } .portfolio__item .item__wrapper.description_under_image:hover .portfolio_link { opacity: 1; } .portfolio__item .item__description:empty { display: none; } .portfolio__item.additional-post .item__wrapper { display: flex; height: 100%; } .portfolio__item.additional-post .item__button { position: absolute; z-index: 1; border: solid 2px var(--odefy-primary-color); border-radius: 0; padding: 13px 40px; font-size: 14px; font-weight: bold; } .portfolio__item.additional-post .item__button:hover { color: #ffffff; background-color: var(--odefy-primary-color); } .post_cats { font-size: 14px; font-weight: 600; line-height: 1; margin-top: 5px; margin-bottom: -5px; font-family: var(--odefy-header-font-family); text-transform: uppercase; } .post_cats .portfolio-category { color: var(--odefy-content-secondary-color); letter-spacing: inherit; margin-bottom: 5px; display: inline-block; transition: var(--pf-transition); } .post_cats .portfolio-category::after { content: "\f114"; font-family: flaticon; display: inline-block; color: var(--odefy-primary-color); font-size: 0.75em; margin: 0px 11px; } .post_cats .portfolio-category:last-child::after { display: none; } .post_cats .portfolio-category:hover { color: var(--odefy-primary-color); } .post_cats + .item__title { margin-top: 10px; } .description_under_image { position: relative; z-index: 1; } .description_under_image .item__image { position: relative; overflow: hidden; transition: 0.6s ease-in-out; } .description_under_image .item__image img { transform: translateY(0); transition: 0.5s; } .description_under_image .portfolio_link { display: flex; justify-content: center; align-items: center; z-index: 2; } .description_under_image .item__description { z-index: 3; padding-top: 23px; padding-bottom: 10px; transition: var(--pf-transition); } .description_inside_image { position: relative; } .description_inside_image .item__image:empty { height: 320px; background: currentColor; } .description_inside_image .item__title .title, .description_inside_image .item__title .title::after, .description_inside_image .portfolio-category, .description_inside_image .portfolio-category::after { color: var(--odefy-tertiary-color); } .description_inside_image .item__title .title:hover, .description_inside_image .portfolio-category:hover { color: rgba(var(--odefy-tertiary-rgb), 0.6); } .description_inside_image .item__description { display: flex; position: absolute; z-index: 3; bottom: 0; left: 0; right: 0; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 29px 39px 19px; opacity: 0; overflow: hidden; transition: var(--pf-transition); } .description_inside_image .description__wrapper a { position: relative; z-index: 2; } .description_inside_image.animation_simple { overflow: hidden; } .description_inside_image.animation_simple .item__description { background-color: rgba(var(--odefy-quaternary-rgb), 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 0 0 30px 30px; } .description_inside_image.animation_simple .description__wrapper { pointer-events: none; } .description_inside_image.animation_simple .description__wrapper a { pointer-events: auto; } .description_inside_image.animation_simple .description__wrapper > div, .description_inside_image.animation_simple .description__wrapper > span, .description_inside_image.animation_simple .description__wrapper > a { transition: 0.5s; opacity: 0; } .description_inside_image.animation_simple .description__wrapper > div:nth-child(2), .description_inside_image.animation_simple .description__wrapper > span:nth-child(2), .description_inside_image.animation_simple .description__wrapper > a:nth-child(2) { transition: 0.7s; } .description_inside_image.animation_simple .description__wrapper > div:nth-child(3), .description_inside_image.animation_simple .description__wrapper > span:nth-child(3), .description_inside_image.animation_simple .description__wrapper > a:nth-child(3) { transition: 0.9s; } .description_inside_image.animation_simple .description__wrapper > div:nth-child(4), .description_inside_image.animation_simple .description__wrapper > span:nth-child(4), .description_inside_image.animation_simple .description__wrapper > a:nth-child(4) { transition: 1.1s; } .description_inside_image.animation_simple > .portfolio_link { z-index: 1; } .description_inside_image.animation_simple:hover .description__wrapper > div, .description_inside_image.animation_simple:hover .description__wrapper > span, .description_inside_image.animation_simple:hover .description__wrapper > a { opacity: 1; } .description_inside_image.animation_sub_layer { overflow: hidden; border-radius: 0; perspective: 300px; } .description_inside_image.animation_sub_layer .item__description { top: initial; right: 0; left: 40px; bottom: 40px; height: auto; align-items: flex-start; width: calc(100% - 40px); word-break: break-word; transform: translateX(20px); border-top-left-radius: inherit; border-bottom-left-radius: inherit; transition: var(--pf-transition); transform-origin: left center; background-color: var(--odefy-secondary-color); } .description_inside_image.animation_sub_layer .wgl-portfolio-item_icon { margin-top: 28px; } .description_inside_image.animation_sub_layer .portfolio_link { z-index: 1; } .description_inside_image.animation_sub_layer .item__image::after { background: transparent; } .description_inside_image.animation_sub_layer:hover .item__description { transform: rotateY(0); } .description_inside_image.animation_until_hover .item__description { background-color: rgba(var(--odefy-secondary-rgb), 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .description_inside_image.animation_until_hover > .portfolio_link { z-index: 1; } .description_inside_image.animation_until_hover .description__wrapper > div, .description_inside_image.animation_until_hover .description__wrapper > span, .description_inside_image.animation_until_hover .description__wrapper > a { transition: 0.5s; opacity: 1; } .description_inside_image.animation_until_hover .description__wrapper > div:nth-child(2), .description_inside_image.animation_until_hover .description__wrapper > span:nth-child(2), .description_inside_image.animation_until_hover .description__wrapper > a:nth-child(2) { transition: opacity 0.7s, transform 0.7s; } .description_inside_image.animation_until_hover .description__wrapper > div:nth-child(3), .description_inside_image.animation_until_hover .description__wrapper > span:nth-child(3), .description_inside_image.animation_until_hover .description__wrapper > a:nth-child(3) { transition: opacity 0.9s, transform 0.9s; } .description_inside_image.animation_until_hover .description__wrapper > div:nth-child(4), .description_inside_image.animation_until_hover .description__wrapper > span:nth-child(4), .description_inside_image.animation_until_hover .description__wrapper > a:nth-child(4) { transition: opacity 1.1s, transform 1.1s; } .description_inside_image.animation_until_hover:hover .description__wrapper > div, .description_inside_image.animation_until_hover:hover .description__wrapper > span, .description_inside_image.animation_until_hover:hover .description__wrapper > a { opacity: 0; } .description_inside_image.animation_always_visible .item__image::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.79%, var(--odefy-secondary-color) 100%); } .description_inside_image.animation_always_visible .item__description { opacity: 1; width: max-content; } .description_inside_image.animation_always_visible .description__wrapper > div, .description_inside_image.animation_always_visible .description__wrapper > span, .description_inside_image.animation_always_visible .description__wrapper > a { opacity: 1; } .description_inside_image:hover .item__description, .description_inside_image:hover .item__description::before, .description_inside_image:hover .portfolio_link, .description_inside_image.animation_until_hover .item__description, .description_inside_image.animation_until_hover .item__description::before, .description_inside_image.animation_until_hover .portfolio_link { opacity: 1; } .description_inside_image.animation_until_hover:hover .item__description, .description_inside_image.animation_until_hover:hover .item__description::before, .description_inside_image.animation_until_hover:hover .description__wrapper, .description_inside_image.animation_until_hover:hover .description_content { opacity: 0; visibility: hidden; } .description_cursor_tooltip .portfolio_link { z-index: 2; } .elementor-widget-wgl-portfolio.layout-scale .portfolio__item:nth-child(even) { --wgl-portfolio-scale-size: 0.7357; } .elementor-widget-wgl-portfolio.layout-scale .portfolio__item:nth-child(even) .item__wrapper { transform: scale(var(--wgl-portfolio-scale-size)); } .elementor-widget-wgl-portfolio.descr-align-center .flex-list .item__description { margin-left: auto; margin-right: auto; } .elementor-widget-wgl-portfolio.descr-align-left .flex-list .item__description { margin-right: auto; } .elementor-widget-wgl-portfolio.descr-align-right .flex-list .item__description { margin-left: auto; } .wgl-portfolio .load_more_wrapper { margin-top: 50px; } .wgl-portfolio_container .wgl-carousel_wrapper .wgl-carousel { margin-left: 0; margin-right: 0; } .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .item__description, .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .item__description::before, .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .portfolio_link { opacity: 1; } .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .description__wrapper > div, .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .description__wrapper > span, .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_simple .description__wrapper > a { opacity: 1; transform: translateY(0); } .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_sub_layer .item__description, .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_sub_layer .item__description::before, .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_sub_layer .portfolio_link { opacity: 1; } .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_sub_layer .item__description { transform: translateY(0); } .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_until_hover .item__description, .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_until_hover .item__description::before, .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_until_hover .description__wrapper, .wgl-portfolio_container .wgl-carousel.center-mode .swiper-slide-active .animation_until_hover .description_content { opacity: 0; visibility: hidden; } .wgl-portfolio_container .wgl-carousel .wgl-carousel_swiper { padding-bottom: 5px; margin-bottom: 30px; } .wgl-portfolio_container .wgl-carousel .portfolio__item { width: 1000px; } @media (max-width: 992px) { .wgl-portfolio_container .wgl-carousel .portfolio__item { width: 750px; } } @media (max-width: 767px) { .wgl-portfolio_container .wgl-carousel .portfolio__item { width: 600px; } } @media (max-width: 600px) { .wgl-portfolio_container .wgl-carousel .portfolio__item { width: 550px; } } .wgl-portfolio_container.appear-animation .portfolio__item .item__wrapper { opacity: 0; transition-delay: 0.2s; } .wgl-portfolio_container.appear-animation.anim-fade-in .animate .item__wrapper { animation: fade_in 0.9s ease forwards; } .wgl-portfolio_container.appear-animation.anim-flip-x .portfolio__item { perspective: 1000px; } .wgl-portfolio_container.appear-animation.anim-flip-x .item__wrapper { transform-style: flat; transform: rotateX(45deg); } .wgl-portfolio_container.appear-animation.anim-flip-x .animate .item__wrapper { animation: flip_x 1.5s ease forwards; } .wgl-portfolio_container.appear-animation.anim-flip-x-r .portfolio__item { perspective: 1000px; } .wgl-portfolio_container.appear-animation.anim-flip-x-r .item__wrapper { transform-style: flat; transform: rotateX(-45deg); } .wgl-portfolio_container.appear-animation.anim-flip-x-r .animate .item__wrapper { animation: flip_x 1.5s ease forwards; } .wgl-portfolio_container.appear-animation.anim-flip-y .portfolio__item { perspective: 1000px; } .wgl-portfolio_container.appear-animation.anim-flip-y .item__wrapper { transform-style: flat; transform: rotateY(45deg); } .wgl-portfolio_container.appear-animation.anim-flip-y .animate .item__wrapper { animation: flip_y 1.5s ease forwards; } .wgl-portfolio_container.appear-animation.anim-flip-y-r .portfolio__item { perspective: 1000px; } .wgl-portfolio_container.appear-animation.anim-flip-y-r .item__wrapper { transform-style: flat; transform: rotateY(-45deg); } .wgl-portfolio_container.appear-animation.anim-flip-y-r .animate .item__wrapper { animation: flip_y 1.5s ease forwards; } .wgl-portfolio_container.appear-animation.anim-slide-top .animate .item__wrapper { animation: slide_top 1.5s ease forwards; transform: translateY(70px); } .wgl-portfolio_container.appear-animation.anim-slide-bottom .animate .item__wrapper { animation: slide_bottom 1.5s ease forwards; transform: translateY(-70px); } .wgl-portfolio_container.appear-animation.anim-slide-left .animate .item__wrapper { animation: slide_left 1.5s ease forwards; transform: translateX(70px); } .wgl-portfolio_container.appear-animation.anim-slide-right .animate .item__wrapper { animation: slide_right 1.5s ease forwards; transform: translateX(-70px); } .wgl-portfolio_container.appear-animation.anim-zoom .animate .item__wrapper { animation: zoom_in 1.5s ease forwards; transform: scale(0.5); } .wgl-portfolio_header, .wgl-products_header { display: flex; margin-bottom: 37px; gap: 20px; } .wgl-portfolio { --portfolio-columns-gap: 30px; } .wgl-portfolio_header .item_title { min-width: 33.333333%; } .wgl-portfolio_header .portfolio_subtitle { display: block; color: var(--odefy-content-secondary-color); font-family: var(--odefy-header-font-family); font-size: 16px; line-height: 1.25; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; } .wgl-portfolio_header .portfolio_subtitle::before, .wgl-portfolio_header .portfolio_subtitle::after { content: ""; display: inline-block; vertical-align: middle; background-color: var(--odefy-primary-color); margin-bottom: 2px; width: 12px; height: 8px; display: none; } .wgl-portfolio_header .portfolio_subtitle::before { margin-right: calc(0.12em + 5px); border-radius: 0 4px 4px 0; } .wgl-portfolio_header .portfolio_subtitle::after { margin-left: calc(0.12em + 5px); border-radius: 4px 0 0 4px; } .wgl-portfolio_header .portfolio_title { font-size: 48px; line-height: 1.1666em; margin-top: 15px; } .wgl-portfolio_header .isotope-filter:not(.swiper-container-initialized) { margin-bottom: 3px; } .wgl-portfolio_header.filter-left { flex-direction: row-reverse; } .wgl-portfolio_header.filter-left .portfolio_subtitle::before { display: none; } .wgl-portfolio_header.filter-left .portfolio_subtitle::after { display: inline-block; } .wgl-portfolio_header.filter-left .item_title { text-align: right; } .wgl-portfolio_header.filter-left .swiper-wrapper { justify-content: flex-start; } .wgl-portfolio_header.filter-left .isotope-filter:not(.swiper-container-initialized) { margin-right: auto; text-align: left; } .wgl-portfolio_header.filter-center { flex-direction: column; text-align: center; } .wgl-portfolio_header.filter-center .portfolio_subtitle::before, .wgl-portfolio_header.filter-center .portfolio_subtitle::after { display: inline-block; } .wgl-portfolio_header.filter-center .item_title { margin-bottom: 30px; } .wgl-portfolio_header.filter-center .swiper-wrapper { justify-content: center; } .wgl-portfolio_header.filter-center .isotope-filter:not(.swiper-container-initialized) { margin-left: auto; margin-right: auto; text-align: center; } .wgl-portfolio_header.filter-right .portfolio_subtitle::after { display: none; } .wgl-portfolio_header.filter-right .portfolio_subtitle::before { display: inline-block; } .wgl-portfolio_header.filter-right .swiper-wrapper { justify-content: flex-end; } .wgl-portfolio_header.filter-right .isotope-filter:not(.swiper-container-initialized) { margin-left: auto; text-align: right; } @media (max-width: 1200px) { .wgl-portfolio_header[class*=filter] { flex-direction: column; text-align: center; } .wgl-portfolio_header[class*=filter] .swiper-wrapper { justify-content: center; } .wgl-portfolio_header[class*=filter] .isotope-filter:not(.swiper-container-initialized) { margin: 0 auto; text-align: center; } } .wgl-portfolio_container { margin-right: calc(var(--portfolio-columns-gap) * -0.5); margin-left: calc(var(--portfolio-columns-gap) * -0.5); } .wgl-portfolio_container:not(.carousel, .flex-list) { margin-bottom: calc(var(--portfolio-columns-gap) * -1); } .wgl-portfolio_container .portfolio__item { padding: 0 calc(var(--portfolio-columns-gap) / 2) var(--portfolio-columns-gap); } .wgl-portfolio_container[style*="height: 0px;"] { margin-bottom: 0; } .wgl-portfolio_container.grid { display: flex; flex-wrap: wrap; } .wgl-portfolio_container[class*=masonry] .portfolio__item { float: left; min-height: 1px; } .wgl-portfolio_container.masonry-2 .portfolio__item { width: 100%; } .wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+2) img, .wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+6) img { max-width: unset; width: calc(100% + var(--portfolio-columns-gap) / 2 + var(--portfolio-masonry-2-equalizer, 0px)); } @media (min-width: 993px) { .wgl-portfolio_container.masonry-2 .portfolio__item { width: 25%; } .wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+1), .wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+7) { width: 50%; } } @media (min-width: 601px) and (max-width: 992px) { .wgl-portfolio_container.masonry-2 .portfolio__item { width: 50%; } .wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+1), .wgl-portfolio_container.masonry-2 .portfolio__item:nth-of-type(8n+7) { width: 50%; } } .wgl-portfolio_container.masonry-3 .portfolio__item { width: 100%; } @media (min-width: 993px) { .wgl-portfolio_container.masonry-3 .portfolio__item { width: 25%; } .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+1), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+2), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+5), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+6) { width: 50%; } } @media (min-width: 769px) and (max-width: 992px) { .wgl-portfolio_container.masonry-3 .portfolio__item { width: 50%; } } @media (min-width: 601px) and (max-width: 768px) { .wgl-portfolio_container.masonry-3 .portfolio__item { width: 50%; } .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+1), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+2), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+5), .wgl-portfolio_container.masonry-3 .portfolio__item:nth-of-type(8n+6) { width: 100%; } } .wgl-portfolio_container.masonry-4 .portfolio__item { width: 100%; } @media (min-width: 993px) { .wgl-portfolio_container.masonry-4 .portfolio__item { width: 25%; } .wgl-portfolio_container.masonry-4 .portfolio__item:nth-of-type(6n+1), .wgl-portfolio_container.masonry-4 .portfolio__item:nth-of-type(6n+6) { width: 50%; } } @media (min-width: 601px) and (max-width: 992px) { .wgl-portfolio_container.masonry-4 .portfolio__item { width: 50%; } .wgl-portfolio_container.masonry-4 .portfolio__item:nth-of-type(6n+1), .wgl-portfolio_container.masonry-4 .portfolio__item:nth-of-type(6n+6) { width: 100%; } } .wgl-portfolio_container.col-5 .portfolio__item { width: 20%; } .wgl-portfolio_container.col-4 .portfolio__item { width: 25%; } .wgl-portfolio_container.col-3 .portfolio__item { width: 33.333333%; } .wgl-portfolio_container.col-2 .portfolio__item { width: 50%; } .wgl-portfolio_container.col-1 .portfolio__item { width: 100%; } @media (max-width: 1545px) { .wgl-portfolio_container.col-5 .portfolio__item { width: 25%; } } @media (max-width: 1370px) { .wgl-portfolio_container:is(.col-4, .col-5) .portfolio__item { width: 33.333333%; } } @media (max-width: 1024px) { .wgl-portfolio_container:is(.col-3, .col-4, .col-5) .portfolio__item { width: 50%; } } @media (max-width: 767px) { .wgl-portfolio_container:is(.col-2, .col-3, .col-4, .col-5) .portfolio__item { width: 100%; } } .wgl-portfolio_container.flex-list { display: flex; } .wgl-portfolio_container.flex-list .portfolio__item { width: 30%; padding: 0; margin: 0 calc(var(--portfolio-columns-gap) / 2); transition: width 0.6s ease-in-out; position: relative; z-index: 1; } .wgl-portfolio_container.flex-list .portfolio__item:hover { width: 80%; } .wgl-portfolio_container.flex-list .description_inside_image .item__description { white-space: nowrap; } .wgl-portfolio_container.flex-list .item__wrapper { width: 100%; height: 100%; } .wgl-portfolio_container.flex-list .item__image { width: 100%; height: 100%; } .wgl-portfolio_container.flex-list .item__image .item__image-wrap { height: 100%; } .wgl-portfolio_container.flex-list .item__image img { height: 100%; width: 100%; object-position: center; object-fit: cover; } @media (max-width: 1024px) { .wgl-portfolio_container.flex-list { flex-wrap: wrap; } .wgl-portfolio_container.flex-list .description_inside_image .item__description { white-space: unset; } .wgl-portfolio_container.flex-list .portfolio__item { width: calc(50% - var(--portfolio-columns-gap)); margin-bottom: var(--portfolio-columns-gap); } .wgl-portfolio_container.flex-list .portfolio__item:hover { width: calc(50% - var(--portfolio-columns-gap)); } } @media (max-width: 520px) { .wgl-portfolio_container.flex-list { flex-wrap: wrap; } .wgl-portfolio_container.flex-list .portfolio__item { width: 100%; } .wgl-portfolio_container.flex-list .portfolio__item:hover { width: 100%; } } .wgl-portfolio_container.grid-2 { margin: 0; } .wgl-portfolio_container.grid-2 .item__wrapper { display: flex; border: 1px solid var(--odefy-secondary-color); margin-bottom: -1px; } .wgl-portfolio_container.grid-2 .item__wrapper .item__image, .wgl-portfolio_container.grid-2 .item__wrapper .item__description { width: calc(50% + 1px); margin-left: -1px; } .wgl-portfolio_container.grid-2 .item__wrapper .item__image { align-self: center; } .wgl-portfolio_container.grid-2 .item__wrapper .item__image .item__image-wrap { transform: scale(0.816); transition: 1s ease-in-out; } .wgl-portfolio_container.grid-2 .item__wrapper .post_cats { margin-top: 0; margin-bottom: 8px; } .wgl-portfolio_container.grid-2 .item__wrapper .item__title .title { font-size: 48px; letter-spacing: -0.04em; } .wgl-portfolio_container.grid-2 .item__wrapper .description_content { font-size: 22px; font-family: var(--odefy-header-font-family); font-weight: 500; line-height: 1.63; color: var(--odefy-header-font-color); letter-spacing: -0.02em; margin-top: 15px; } .wgl-portfolio_container.grid-2 .item__wrapper .item__date { transition: 0.5s ease-in-out; opacity: 0; font-family: var(--odefy-header-font-family); color: var(--odefy-header-font-color); font-size: 20px; font-weight: 500; } .wgl-portfolio_container.grid-2 .item__wrapper .item__date .item__date-title { font-weight: 600; display: block; color: var(--odefy-primary-color); letter-spacing: 0.05em; line-height: 1.5; } .wgl-portfolio_container.grid-2 .item__wrapper .item__description { padding: 58px 60px 46px; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; } .wgl-portfolio_container.grid-2 .item__wrapper .item__description::before { content: ""; position: absolute; z-index: 1; height: 100%; } .wgl-portfolio_container.grid-2 .item__wrapper .item__button { margin-top: 41px; } .wgl-portfolio_container.grid-2 .item__wrapper .item__button a { color: #ababab; transition: color 0.5s ease-in-out; } .wgl-portfolio_container.grid-2 .item__wrapper .item__button a::before { content: "\f10a"; font-family: flaticon; display: inline-block; font-size: 36px; transform: rotate(-135deg); line-height: 1; transition: transform 0.5s ease-in-out; } .wgl-portfolio_container.grid-2 .item__wrapper .item__button a:hover::before { transform: rotate(-90deg); } .wgl-portfolio_container.grid-2 .item__wrapper:hover .item__image-wrap { transform: scale(1); } .wgl-portfolio_container.grid-2 .item__wrapper:hover .item__image-wrap img { transform: scale(1.1); } .wgl-portfolio_container.grid-2 .item__wrapper:hover .item__date { opacity: 1; } .wgl-portfolio_container.grid-2 .item__wrapper:hover .item__button a { color: var(--odefy-primary-color); } .wgl-portfolio_container.grid-2 .portfolio__item { padding: 0; } .wgl-portfolio_container.grid-2 .portfolio__item:nth-child(odd) .item__wrapper { flex-direction: row-reverse; } .wgl-portfolio_container.grid-2 .portfolio__item:nth-child(odd) .item__description { border-right: 1px solid var(--odefy-secondary-color); } .wgl-portfolio_container.grid-2 .portfolio__item:nth-child(even) .item__description { border-left: 1px solid var(--odefy-secondary-color); } .wgl-portfolio_container.grid-2 .portfolio__item:last-child .item__wrapper { margin-bottom: 0; } @media (max-width: 1500px) { .wgl-portfolio_container.grid-2 .item__wrapper .item__image .item__image-wrap { transform: scale(0.85); } .wgl-portfolio_container.grid-2 .item__wrapper .item__description { padding: 40px; gap: 30px; } .wgl-portfolio_container.grid-2 .item__wrapper:hover .item__image-wrap { transform: scale(1); } } @media (max-width: 1200px) { .wgl-portfolio_container.grid-2 .item__wrapper .item__image .item__image-wrap { transform: scale(1); } .wgl-portfolio_container.grid-2 .item__wrapper .item__title .title { font-size: 32px; } .wgl-portfolio_container.grid-2 .item__wrapper .description_content { font-size: 16px; line-height: 1.875; } .wgl-portfolio_container.grid-2 .item__wrapper .item__date { opacity: 1; } } @media (max-width: 768px) { .wgl-portfolio_container.grid-2 .item__wrapper .item__description { padding: 30px; gap: 20px; } .wgl-portfolio_container.grid-2 .item__wrapper .item__button { margin-top: 20px; } .wgl-portfolio_container.grid-2 .item__wrapper .item__button a::before { font-size: 30px; } .wgl-portfolio_container.grid-2 .item__wrapper .item__date { font-size: 16px; } } @media (max-width: 600px) { .wgl-portfolio_container.grid-2 .portfolio__item .item__wrapper { border: unset; margin-bottom: 0; } .wgl-portfolio_container.grid-2 .portfolio__item .item__wrapper .item__image, .wgl-portfolio_container.grid-2 .portfolio__item .item__wrapper .item__description { width: 100%; margin-left: 0; } .wgl-portfolio_container.grid-2 .portfolio__item .item__wrapper:nth-child(odd), .wgl-portfolio_container.grid-2 .portfolio__item .item__wrapper:nth-child(even) { flex-direction: column; } .wgl-portfolio_container.grid-2 .portfolio__item .item__description { padding-bottom: 40px; } .wgl-portfolio_container.grid-2 .portfolio__item .description_content { display: none; } .wgl-portfolio_container.grid-2 .portfolio__item .item__date { opacity: 1; } .wgl-portfolio_container.grid-2 .portfolio__item .item__date .item__date-title { display: inline-block; margin-right: 10px; } } .wgl-portfolio.portfolio_header-inline { display: flex; } .wgl-portfolio.portfolio_header-inline .wgl-portfolio_header { display: block; width: calc(33% + 1px); margin-right: -1px; border: 1px solid var(--odefy-secondary-color); padding: 58px 60px 46px; margin-bottom: 0; } .wgl-portfolio.portfolio_header-inline .wgl-portfolio_header .item_title { width: 100%; } .wgl-portfolio.portfolio_header-inline .wgl-portfolio_header .portfolio_title { font-size: 80px; margin-top: 8px; } .wgl-portfolio.portfolio_header-inline .wgl-portfolio_header .portfolio_header-button { margin-top: 33px; } .wgl-portfolio.portfolio_header-inline .wgl-portfolio_wrapper { width: 67%; } .wgl-portfolio.portfolio_header-inline .wgl-button { padding-right: 50px; } .wgl-portfolio.portfolio_header-inline .wgl-button::before { content: ""; position: absolute; z-index: 1; transition: 0.4s ease-in-out, color 0s; padding: 4px; background: currentColor; border-radius: 50%; right: 25px; top: 25px; } .wgl-portfolio.portfolio_header-inline .wgl-button:hover::before { transform: scale(1.5); } @media (max-width: 1500px) { .wgl-portfolio.portfolio_header-inline .wgl-portfolio_header { width: calc(25% + 1px); padding: 40px; } .wgl-portfolio.portfolio_header-inline .wgl-portfolio_wrapper { width: 75%; } } @media (max-width: 1200px) { .wgl-portfolio.portfolio_header-inline { display: block; } .wgl-portfolio.portfolio_header-inline .wgl-portfolio_header { width: 100%; border: unset; margin-right: 0; padding: 0 40px 60px; } .wgl-portfolio.portfolio_header-inline .wgl-portfolio_wrapper { width: 100%; } } @media (max-width: 768px) { .wgl-portfolio.portfolio_header-inline .wgl-portfolio_header { padding: 0 30px 50px; } } @keyframes fade_in { 100% { opacity: 1; } } @keyframes flip_x { 100% { opacity: 1; transform: rotateX(0deg); } } @keyframes flip_y { 100% { opacity: 1; transform: rotateY(0deg); } } @keyframes slide_top { 100% { opacity: 1; transform: translateY(0); } } @keyframes slide_bottom { 100% { opacity: 1; transform: translateY(0); } } @keyframes slide_left { 100% { opacity: 1; transform: translateX(0); } } @keyframes slide_right { 100% { opacity: 1; transform: translateX(0); } } @keyframes zoom_in { 100% { opacity: 1; transform: scale(1); } } .wgl-portfolio .wgl-pagination { margin-top: 33px; } .wgl-portfolio-single_wrapper .portfolio-item__meta-wrap { margin-bottom: 22px; } .wgl-portfolio-single_wrapper .portfolio-item__meta-wrap:empty { display: none; } .wgl-portfolio-single_wrapper .post_categories { margin-bottom: 0; } .wgl-portfolio-single_item .item__image { border-radius: 30px; overflow: hidden; } .wgl-portfolio-single_item .item__image.item__image-wide { position: relative; z-index: 1; display: flex; width: var(--pf-width); padding: 0 15px; } .wgl-portfolio-single_item .item__image.item__image-wide img { width: 100%; max-width: var(--pf-content-width); margin-left: auto; margin-right: auto; } .wgl-portfolio-single_item .item__image img { display: block; border-radius: inherit; } .wgl-portfolio-single_item .item__image:first-child { margin-top: 0; margin-bottom: 69px; } @media (max-width: 600px) { .wgl-portfolio-single_item .item__image:first-child { margin-bottom: 40px; } } .wgl-portfolio-single_item .item__image:last-child { margin-top: 40px; margin-bottom: 10px; } .wgl-portfolio-single_item .item__image + .meta_wrapper { margin-top: -16px; } .wgl-portfolio-single_item .item__image + .post_categories { padding: 0; } .wgl-portfolio-single_item .post_categories + .item__title { margin-top: 13px; } .wgl-portfolio-single_item .item__title { font-size: 56px; line-height: 1.2; } @media (max-width: 600px) { .wgl-portfolio-single_item .item__title { font-size: var(--odefy-h4-font-size); line-height: var(--odefy-h4-line-height); } } .wgl-portfolio-single_item .item__title + .meta_wrapper { margin-bottom: 25px; margin-top: 12px; } .wgl-portfolio-single_item .description_content { margin-bottom: 34px; } .wgl-portfolio-single_item + .odefy-post-navigation { margin-top: -8px; } .wgl-portfolio-single_item .single_post_info { margin-top: 43px; } .single_portfolio { margin-top: -4px; } .single_portfolio .related_portfolio { margin-top: 78px; } .single_portfolio .related_portfolio .wgl-carousel { margin: 0; } .single_portfolio .related_portfolio .odefy_module_title { margin-bottom: 30px; } .single_portfolio .related_portfolio .odefy_module_title h3, .single_portfolio .related_portfolio .odefy_module_title h4 { font-size: 34px; } @media (max-width: 767px) { .single_portfolio .related_portfolio .odefy_module_title h3, .single_portfolio .related_portfolio .odefy_module_title h4 { font-size: 24px; } } .single_portfolio .related_portfolio .wgl-portfolio_container .wgl-carousel .portfolio__item.wgl_col-6 { width: 600px; } .single_portfolio .related_portfolio .wgl-portfolio_container .wgl-carousel .portfolio__item.wgl_col-4 { width: 400px; } .single_portfolio .related_portfolio .wgl-portfolio_container .wgl-carousel .portfolio__item.wgl_col-3 { width: 300px; } .single_portfolio #comments { margin-top: 38px; margin-bottom: 80px; padding-top: 0; } .single_portfolio #comments .comment-respond { margin-bottom: 70px; } .wgl-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .wgl-ellipsis span { position: absolute; top: 27px; width: 11px; height: 11px; background: #ffffff; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .wgl-ellipsis span:nth-child(1) { left: 6px; animation: wgl-ellipsis1 0.6s infinite; } .wgl-ellipsis span:nth-child(2) { left: 6px; animation: wgl-ellipsis2 0.6s infinite; } .wgl-ellipsis span:nth-child(3) { left: 26px; animation: wgl-ellipsis2 0.6s infinite; } .wgl-ellipsis span:nth-child(4) { left: 45px; animation: wgl-ellipsis3 0.6s infinite; } @keyframes wgl-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes wgl-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } @keyframes wgl-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } /* ==================== ##Pricing Table ==================== */ .wgl-pricing_plan { position: relative; z-index: 1; margin-left: auto; margin-right: auto; } .wgl-pricing_plan.hover-animation { padding-top: 20px; } .wgl-pricing_plan.hover-animation .pricing__wrapper { transform: translateY(0); } .wgl-pricing_plan.hover-animation:hover .pricing__wrapper { transform: translateY(-20px); } .wgl-pricing_plan .pricing__wrapper { position: relative; background-size: cover; background-position: center; transition: 0.5s; } .wgl-pricing_plan .pricing__wrapper::before, .wgl-pricing_plan .pricing__wrapper::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; transition: inherit; z-index: -1; pointer-events: none; } .wgl-pricing_plan .pricing__header { position: relative; z-index: 1; line-height: 0; } .wgl-pricing_plan .pricing__pretitle { position: relative; } .wgl-pricing_plan .pricing__pretitle .pretitle { position: relative; display: inline-block; font-family: var(--odefy-header-font-family); font-weight: 600; font-size: 14px; line-height: 1.5em; letter-spacing: 0; color: var(--odefy-header-font-color); transition: 0.4s; } .wgl-pricing_plan .pricing__title { position: relative; font-family: var(--odefy-header-font-family); font-weight: 500; font-size: 24px; line-height: 1.25; letter-spacing: 0; transition: 0.4s; } .wgl-pricing_plan .pricing__title .title__suffix { font: inherit; transition: inherit; } .wgl-pricing_plan .pricing__title .title { position: relative; display: inline-block; font: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; text-transform: inherit; transition: none; z-index: 1; } .wgl-pricing_plan .pricing__price { display: flex; align-items: flex-end; font-family: var(--odefy-content-font-family); font-weight: 700; font-size: 72px; line-height: 1.25em; letter-spacing: var(--odefy-h3-letter-spacing); color: var(--odefy-header-font-color); } .wgl-pricing_plan .pricing__price .price__value { position: relative; z-index: 1; font: inherit; line-height: inherit; color: inherit; vertical-align: baseline; text-decoration: inherit; } .wgl-pricing_plan .pricing__price .price__period { font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 22px; line-height: 1.091em; display: inline-block; position: relative; color: var(--odefy-header-font-color); letter-spacing: -0.02em; max-width: 100%; } .wgl-pricing_plan .pricing__price .price__currency { font-size: 36px; font-weight: 500; } .wgl-pricing_plan .pricing__price .price__currency_right { font-weight: inherit; } .wgl-pricing_plan .pricing__content { position: relative; color: var(--odefy-header-font-color); border-color: rgba(var(--odefy-secondary-rgb), 0.2); } .wgl-pricing_plan .pricing__content ul { font-weight: 500; word-break: break-word; } .wgl-pricing_plan .pricing__content ul:last-child { padding-bottom: 0; } .wgl-pricing_plan .pricing__content ul[class*=odefy_] { display: flex; flex-direction: column; } .wgl-pricing_plan .pricing__content ul[class*=odefy_] li:not(:last-child) { margin-bottom: 1em; } .wgl-pricing_plan .pricing__content ul li[style*=color]::before { color: inherit; } .wgl-pricing_plan .pricing__content ul li i { margin-right: 10px; } .wgl-pricing_plan .pricing__content ul li b { color: var(--odefy-header-font-color); } .wgl-pricing_plan .pricing__content p { margin-bottom: 20px; } .wgl-pricing_plan .pricing__description { font-size: 13px; font-weight: 500; line-height: 1.4; } .wgl-pricing_plan .pricing__bg_text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 150px; line-height: 1em; transition: 0.4s; max-width: 100%; max-height: 100%; pointer-events: none; } .wgl-pricing_plan .mask_image { height: auto !important; width: -moz-fit-content !important; width: fit-content !important; -webkit-mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; overflow: hidden; margin: auto !important; transition: 0.4s; } .wgl-pricing_plan .mask_image img { visibility: hidden; } .wgl-pricing_plan .pricing__creeping_line { position: absolute; top: 0; right: 0; bottom: 0; display: flex; font-size: 16px; font-family: var(--odefy-header-font-family); font-weight: 600; line-height: 1.5em; letter-spacing: 0.05em; color: var(--odefy-header-font-color); padding: 0 9px 0 7px; background-color: var(--odefy-primary-color); text-transform: uppercase; overflow: hidden; writing-mode: vertical-rl; transform: rotate(180deg); } .wgl-pricing_plan .pricing__creeping_line .pricing__creeping_line__inner { animation: wgl_creeping_line 60s linear infinite; white-space: nowrap; display: flex; width: -moz-fit-content; width: fit-content; } .wgl-pricing_plan .pricing__creeping_line .pricing__creeping_line__inner span { padding-bottom: 15px; } .wgl-pricing_plan .wgl-button { display: inline-flex; justify-content: center; } @keyframes wgl_creeping_line { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } body .elementor-widget-wgl-pricing-table.aleft .pricing__content ul { align-items: flex-start; } body .elementor-widget-wgl-pricing-table.acenter .pricing__content ul { align-items: center; } body .elementor-widget-wgl-pricing-table.aright .pricing__content ul { align-items: flex-end; } body .elementor-widget-wgl-pricing-table.button-align-left .pricing__button { text-align: left; } body .elementor-widget-wgl-pricing-table.button-align-left .wgl-button { width: auto; } body .elementor-widget-wgl-pricing-table.button-align-left .button__content { justify-content: center; width: auto; } body .elementor-widget-wgl-pricing-table.button-align-center .pricing__button { text-align: center; } body .elementor-widget-wgl-pricing-table.button-align-center .wgl-button { width: auto; } body .elementor-widget-wgl-pricing-table.button-align-center .button__content { justify-content: center; width: auto; } body .elementor-widget-wgl-pricing-table.button-align-right .pricing__button { text-align: right; } body .elementor-widget-wgl-pricing-table.button-align-right .wgl-button { width: auto; } body .elementor-widget-wgl-pricing-table.button-align-right .button__content { justify-content: center; width: auto; } body .elementor-widget-wgl-pricing-table.button-align-justify .pricing__button { text-align: center; } body .elementor-widget-wgl-pricing-table.button-align-justify .wgl-button { width: 100%; } body .elementor-widget-wgl-pricing-table.button-align-justify .button__content { justify-content: center; width: auto; } body .elementor-widget-wgl-pricing-table.button-align-space-between .pricing__button { text-align: center; } body .elementor-widget-wgl-pricing-table.button-align-space-between .wgl-button { width: 100%; } body .elementor-widget-wgl-pricing-table.button-align-space-between .button__content { justify-content: space-between; width: 100%; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.a-tabletleft .pricing__content ul { align-items: flex-start; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.a-tabletcenter .pricing__content ul { align-items: center; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.a-tabletright .pricing__content ul { align-items: flex-end; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-left .pricing__button { text-align: left; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-left .wgl-button { width: auto; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-left .button__content { justify-content: center; width: auto; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-center .pricing__button { text-align: center; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-center .wgl-button { width: auto; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-center .button__content { justify-content: center; width: auto; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-right .pricing__button { text-align: right; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-right .wgl-button { width: auto; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-right .button__content { justify-content: center; width: auto; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-justify .pricing__button { text-align: center; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-justify .wgl-button { width: 100%; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-justify .button__content { justify-content: center; width: auto; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-space-between .pricing__button { text-align: center; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-space-between .wgl-button { width: 100%; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .elementor-widget-wgl-pricing-table.button-align-tablet-space-between .button__content { justify-content: space-between; width: 100%; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.a-mobileleft .pricing__content ul { align-items: flex-start; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.a-mobilecenter .pricing__content ul { align-items: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.a-mobileright .pricing__content ul { align-items: flex-end; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-left .pricing__button { text-align: left; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-left .wgl-button { width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-left .button__content { justify-content: center; width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-center .pricing__button { text-align: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-center .wgl-button { width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-center .button__content { justify-content: center; width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-right .pricing__button { text-align: right; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-right .wgl-button { width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-right .button__content { justify-content: center; width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-justify .pricing__button { text-align: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-justify .wgl-button { width: 100%; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-justify .button__content { justify-content: center; width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-space-between .pricing__button { text-align: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-space-between .wgl-button { width: 100%; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-pricing-table.button-align-mobile-space-between .button__content { justify-content: space-between; width: 100%; } /* ==================== ##Progress Bar ==================== */ .wgl-progress-bar { display: block; border-radius: unset; transition: 1.5s; } .wgl-progress-bar .progress__content, .wgl-progress-bar .progress__value { display: flex; justify-content: space-between; align-items: center; position: relative; font-family: var(--odefy-header-font-family); font-weight: 600; font-size: 14px; line-height: 1; letter-spacing: 0; text-transform: uppercase; z-index: 2; transition: inherit; } .wgl-progress-bar .progress__value { justify-content: flex-end; } .wgl-progress-bar .content__value { position: relative; margin-left: 8px; display: flex; font-family: var(--odefy-header-font-family); font-weight: 600; font-size: 14px; color: var(--odefy-header-font-color); letter-spacing: 0; } .wgl-progress-bar .progress__bar { position: relative; z-index: 0; width: auto; box-sizing: content-box; transition: inherit; } .wgl-progress-bar .bar__empty { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wgl-progress-bar .bar__filled { position: relative; z-index: 1; top: 50%; width: 0; height: inherit; border-radius: inherit; transform: translateY(-50%); transition: inherit; max-width: 100%; } .wgl-progress-bar.layout-dynamic .progress__content { width: 0; white-space: nowrap; } .wgl-progress-bar.layout-dynamic_middle { max-width: calc(100% - 35px); } .wgl-progress-bar.layout-dynamic_middle .progress__value { height: 0; position: absolute; left: 100%; top: 0; bottom: 0; margin: auto 0; } .wgl-progress-bar.layout-dynamic_middle .content__value { justify-content: flex-end; margin: 0; min-width: 0; transition: 1.2s; } .wgl-progress-bar.layout-dynamic_middle .bar__empty { background: unset !important; } .wgl-progress-bar.layout-aside { display: flex; align-items: flex-end; margin-top: 7px; font-size: 15px; line-height: 1; font-weight: 700; } .wgl-progress-bar.layout-aside .progress__bar { margin-top: 0; } .wgl-progress-bar.layout-aside .aside__wrapper { flex-grow: 1; transition: inherit; } .wgl-progress-bar.layout-aside .content__value { position: relative; margin-left: 15px; } .wgl-progress-bar.layout-aside .content__value, .wgl-progress-bar.layout-aside .content__value .value__wrapper { text-align: right; } .wgl-progress-bar.layout-aside .content__value .value__wrapper { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; display: flex; } .wgl-progress-bar.layout-aside .content__value .placeholder__digit, .wgl-progress-bar.layout-aside .content__value .placeholder__unit { visibility: hidden; } /* ==================== ##Rotated Text ==================== */ .elementor-widget-wgl-rotated-text .elementor-widget-container { transform: rotate(180deg); writing-mode: vertical-rl; } .elementor-widget-wgl-rotated-text.hover_links .rt__link + .rt__title-wrapper .rt__title { -webkit-text-decoration: underline transparent; text-decoration: underline transparent; transition: color 0.3s, -webkit-text-decoration-color 0.3s; transition: color 0.3s, text-decoration-color 0.3s; transition: color 0.3s, text-decoration-color 0.3s, -webkit-text-decoration-color 0.3s; text-decoration-thickness: 0.05em; } .elementor-widget-wgl-rotated-text.hover_links .wgl-rotated_text:hover .rt__link + .rt__title-wrapper .rt__title { -webkit-text-decoration-color: currentColor; text-decoration-color: currentColor; } .wgl-rotated_text { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .wgl-rotated_text .rt__title-wrapper { font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); } .wgl-rotated_text .rt__title-wrapper .rt__title { font: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; transition: color 0.3s; } .wgl-rotated_text .rt-title { color: var(--odefy-header-font-color); } .wgl-rotated_text .rt__subtitle { font-size: 16px; line-height: 1.3em; transition: color 0.3s; color: var(--odefy-tertiary-color); height: 100%; } .wgl-rotated_text .rt-title span, .wgl-rotated_text .rt__subtitle span { font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; text-transform: inherit; letter-spacing: inherit; } .wgl-rotated_text .rt__link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1; } .wgl-rotated_text .media-wrapper { line-height: 0; transition: 0.4s; } body:is([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .disable-rotation-yes.elementor-widget-wgl-rotated-text .elementor-widget-container, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet]) .disable-rotation-tablet-yes.elementor-widget-wgl-rotated-text .elementor-widget-container, body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .disable-rotation-mobile-yes.elementor-widget-wgl-rotated-text .elementor-widget-container { transform: unset; writing-mode: unset; height: auto; } /* ==================== ##Satellite Service ==================== */ .elementor-widget-wgl-satellite-service:hover .wgl-services_title { color: var(--odefy-header-font-color); } .elementor-widget-wgl-satellite-service:hover .wgl-services_title a { color: var(--odefy-header-font-color); } .wgl-service-sat .wgl-services_wrap { transition: 0.4s; } .wgl-service-sat .wgl-services_media-wrap { position: relative; z-index: 1; width: 110px; height: 110px; line-height: 110px; font-size: 45px; display: inline-block; border: 1px dashed CurrentColor; box-sizing: content-box; border-radius: 50%; text-align: center; transition: 0.4s; border-color: var(--odefy-tertiary-color); } .wgl-service-sat .wgl-services_title { font-size: 24px; line-height: 1.4; transition: 0.4s; color: var(--odefy-header-font-color); } .wgl-service-sat .wgl-services_circle-wrapper { position: absolute; z-index: -1; width: 78px; height: 78px; left: 16px; top: 16px; } .wgl-service-sat .wgl-services_circle-wrapper:nth-child(1) { transform: rotate(0deg); animation: service_hexagon_1 2s infinite linear; animation-play-state: paused; } .wgl-service-sat .wgl-services_circle-wrapper:nth-child(1) .wgl-services_circle { background-color: var(--odefy-tertiary-color); } .wgl-service-sat .wgl-services_circle-wrapper:nth-child(2) { transform: rotate(180deg); animation: service_hexagon_2 2s infinite linear; animation-play-state: paused; } .wgl-service-sat .wgl-services_circle-wrapper:nth-child(2) .wgl-services_circle { background-color: var(--odefy-tertiary-color); } .wgl-service-sat .wgl-services_circle { width: 8px; height: 8px; border-radius: 50%; background: red; transform: translate3d(-50%, -50%, 0); } .wgl-service-sat .wgl-services_readmore { display: inline-block; color: var(--odefy-primary-color); } .wgl-service-sat .wgl-services_readmore:hover { color: var(--odefy-tertiary-color); } .wgl-service-sat .wgl-services_item-link { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } .wgl-service-sat .wgl-icon { color: var(--odefy-tertiary-color); } .wgl-service-sat .elementor-icon { display: block; line-height: inherit; font-size: inherit; } .wgl-service-sat .elementor-icon i { display: inline; } .wgl-service-sat .wgl-widget_wrapper.elementor-image-box-img { height: 100%; line-height: 1; display: flex; align-items: center; justify-content: center; } .wgl-service-sat .wgl-image-box_img > span { display: flex; } .wgl-service-sat:hover .wgl-services_circle-wrapper:nth-child(1), .wgl-service-sat:hover .wgl-services_circle-wrapper:nth-child(2) { animation-play-state: running; } @keyframes service_hexagon_1 { 0% { transform: rotate(90deg); } 100% { transform: rotate(450deg); } } @keyframes service_hexagon_2 { 0% { transform: rotate(-90deg); } 100% { transform: rotate(270deg); } } /* ==================== ##Services 1 ==================== */ .elementor-widget-wgl-service-1 .wgl-service_link { position: absolute; z-index: 4; width: 100%; height: 100%; left: 0; top: 0; } .elementor-widget-wgl-service-1 .wgl-service_link:hover ~ .wgl-service-1 { pointer-events: none; } .elementor-widget-wgl-service-1 .wgl-service_link:hover ~ .wgl-service-1 .read-more-icon::before { transform: translateX(5px); } .elementor-widget-wgl-service-1 .wgl-service-1 { position: relative; z-index: 1; overflow: hidden; border-radius: 0; background-color: var(--odefy-form-bg-color); } .elementor-widget-wgl-service-1 .wgl-service-1::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; display: flex; opacity: 1; z-index: -1; background-color: rgba(255, 255, 255, 0.01) !important; pointer-events: none; transition: inherit; } .elementor-widget-wgl-service-1 .wgl-service_button-wrapper { z-index: 3; } .elementor-widget-wgl-service-1 .wgl-service_button-wrapper .wgl-service_button .read-more-icon { text-align: center; display: inline-block; line-height: 0; transition: background-color 0.4s, color 0.4s, transform 0.4s; will-change: transform; border-radius: 0; box-sizing: content-box; } .elementor-widget-wgl-service-1 .wgl-service_button-wrapper .wgl-service_button .read-more-icon::before { color: unset; transition: transform 0.4s; } .elementor-widget-wgl-service-1.height_full { height: 100%; } .elementor-widget-wgl-service-1.height_full .elementor-widget-container, .elementor-widget-wgl-service-1.height_full .wgl-service-1 { height: 100%; } .elementor-widget-wgl-service-1.animation_stroke .wgl-service_subtitle { -webkit-text-stroke: 1px transparent; } .wgl-service-1 { display: flex; flex-direction: column; justify-content: flex-end; } .wgl-service-1 .wgl-service_subtitle { font-size: 16px; line-height: 1.25em; color: var(--odefy-header-font-color); backface-visibility: hidden; transition: all 0.45s; } .wgl-service-1 .wgl-service_title { font-size: 36px; line-height: 1.333em; word-break: break-word; transition: 0.4s; color: var(--odefy-header-font-color); } .wgl-service-1 .wgl-service_title .service_title { font: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; text-decoration: inherit; text-transform: inherit; position: relative; display: inline-block; } .wgl-service-1 .wgl-service_bg_text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 100px; letter-spacing: 0; line-height: 1em; max-width: 100%; max-height: 100%; pointer-events: none; color: inherit; text-transform: inherit; transition: 0.4s; } .wgl-service-1 .wgl-service_wrapper_description { --dur: 0.6s; --dur_half: calc(var(--dur) * 0.5); --max-height: 250px; overflow: hidden; } .toggling_content .wgl-service-1 .wgl-service_wrapper_description { opacity: 0; max-height: 0; transition: all var(--dur), opacity var(--dur_half); } .toggling_content .elementor-widget-container:hover .wgl-service-1 .wgl-service_wrapper_description { opacity: 1; max-height: var(--max-height); transition: all var(--dur), opacity var(--dur_half) var(--dur_half); } .wgl-service-1 .wgl-service_media { --dur: 0.6s; --dur_half: calc(var(--dur) * 0.5); } .wgl-service-1 .wgl-service_media .wgl-image-box_img { display: inline-block; } .toggling_image .wgl-service-1 .wgl-service_media { opacity: 0; max-height: 0; overflow: hidden; transition: all var(--dur), opacity var(--dur_half); } .toggling_image .elementor-widget-container:hover .wgl-service-1 .wgl-service_media { opacity: 1; max-height: var(--max-height); transition: all var(--dur), opacity var(--dur_half) var(--dur_half); } .wgl-service-1 .wgl-service_button { display: inline-flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; font-size: 15px; font-weight: 500; line-height: 1; font-family: var(--odefy-content-font-family); white-space: nowrap; letter-spacing: 0.01em; } body[data-elementor-device-mode=widescreen] .wgl-service-1.breakpoint_on-widescreen::before { opacity: 0; } body[data-elementor-device-mode=widescreen] .wgl-service-1.breakpoint_on-widescreen::after { opacity: 1; } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-service-1.toggling_content .breakpoint_on-widescreen .wgl-service_wrapper_description { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-service-1.toggling_image .breakpoint_on-widescreen .wgl-service_media { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=desktop] .wgl-service-1.breakpoint_on-desktop::before { opacity: 0; } body[data-elementor-device-mode=desktop] .wgl-service-1.breakpoint_on-desktop::after { opacity: 1; } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-service-1.toggling_content .breakpoint_on-desktop .wgl-service_wrapper_description { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-service-1.toggling_image .breakpoint_on-desktop .wgl-service_media { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=tablet_extra] .wgl-service-1.breakpoint_on-tablet_extra::before { opacity: 0; } body[data-elementor-device-mode=tablet_extra] .wgl-service-1.breakpoint_on-tablet_extra::after { opacity: 1; } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-service-1.toggling_content .breakpoint_on-tablet_extra .wgl-service_wrapper_description { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-service-1.toggling_image .breakpoint_on-tablet_extra .wgl-service_media { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=tablet] .wgl-service-1.breakpoint_on-tablet::before { opacity: 0; } body[data-elementor-device-mode=tablet] .wgl-service-1.breakpoint_on-tablet::after { opacity: 1; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-service-1.toggling_content .breakpoint_on-tablet .wgl-service_wrapper_description { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-service-1.toggling_image .breakpoint_on-tablet .wgl-service_media { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=mobile_extra] .wgl-service-1.breakpoint_on-mobile_extra::before { opacity: 0; } body[data-elementor-device-mode=mobile_extra] .wgl-service-1.breakpoint_on-mobile_extra::after { opacity: 1; } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-service-1.toggling_content .breakpoint_on-mobile_extra .wgl-service_wrapper_description { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-service-1.toggling_image .breakpoint_on-mobile_extra .wgl-service_media { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=mobile] .wgl-service-1.breakpoint_on-mobile::before { opacity: 0; } body[data-elementor-device-mode=mobile] .wgl-service-1.breakpoint_on-mobile::after { opacity: 1; } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-service-1.toggling_content .breakpoint_on-mobile .wgl-service_wrapper_description { opacity: 1; max-height: var(--max-height); } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-service-1.toggling_image .breakpoint_on-mobile .wgl-service_media { opacity: 1; max-height: var(--max-height); } /* ==================== ##Showcase ==================== */ .admin-bar .wgl-showcase-height-full .wgl-showcase.slide-showcase .showcase__wrapper { height: calc(100vh - 32px); } .wgl-showcase { position: relative; } .wgl-showcase.slide-showcase .showcase__wrapper { position: relative; width: 100%; display: inline-block; visibility: hidden; vertical-align: top; } .wgl-showcase-height-full .wgl-showcase.slide-showcase .showcase__wrapper { height: 100vh; } .wgl-showcase.slide-showcase.showcase__init .showcase__wrapper { visibility: visible; } .wgl-showcase.slide-showcase .showcase__item-inner { white-space: nowrap; transition: inherit; } .wgl-showcase.slide-showcase .showcase__items { position: absolute; z-index: 2; top: 0; left: 0; width: 39%; height: 100%; display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; } @media (max-width: 992px) { .wgl-showcase.slide-showcase .showcase__items { width: 100% !important; } } .wgl-showcase.slide-showcase .showcase__items::-webkit-scrollbar { display: none; } .wgl-showcase.slide-showcase .showcase__items .showcase__item { display: inline-block; position: relative; padding: 15px 40px 15px 12px; margin: 14px 0; transition: all 0.45s; max-width: max-content; } .wgl-showcase.slide-showcase .showcase__items .showcase__item:first-child { margin-top: auto !important; } .wgl-showcase.slide-showcase .showcase__items .showcase__item:last-child { margin-bottom: auto !important; } .wgl-showcase.slide-showcase .showcase__items .showcase__item .showcase__subtitle { font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 14px; line-height: 1.25em; display: inline-block; position: relative; letter-spacing: 0; color: var(--odefy-primary-color); transition: all 0.4s; } .wgl-showcase.slide-showcase .showcase__images { position: relative; width: 61%; height: 100%; overflow: hidden; margin-left: auto; } .wgl-showcase.slide-showcase .showcase__images .showcase__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0; animation: wgl-split-to-left 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards; transition: opacity 0s 0.7s; } .wgl-showcase.slide-showcase .showcase__images .showcase__image:hover::before { opacity: 0; } .wgl-showcase.slide-showcase .showcase__images .showcase__image:hover::after { opacity: 1; } .wgl-showcase.slide-showcase .showcase__images .showcase__image::before, .wgl-showcase.slide-showcase .showcase__images .showcase__image::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.4s; } .wgl-showcase.slide-showcase .showcase__images .showcase__image img { display: none; } .wgl-showcase.slide-showcase .showcase__images .showcase__image.active { opacity: 1; z-index: 1; transition: opacity 0s; animation: wgl-split-from-left 0.7s cubic-bezier(0.81, 0.065, 0.21, 1) forwards; } .wgl-showcase.slide-showcase .showcase__button { display: inline-block; } .wgl-showcase.interactive-showcase { display: flex; flex-direction: column; pointer-events: none; } .wgl-showcase.interactive-showcase .showcase__wrapper { position: relative; } .wgl-showcase.interactive-showcase .showcase__title, .wgl-showcase.interactive-showcase .showcase__button { position: relative; z-index: 2; transition: z-index 0s 0.1s; } .wgl-showcase.interactive-showcase .showcase__image-inner { overflow: hidden; } .wgl-showcase.interactive-showcase .showcase__image { --wgl-image-position: 20%; position: absolute; top: 50%; height: auto; left: var(--wgl-image-position); z-index: 4; opacity: 0; transform: translateY(-50%) rotate(var(--wgl-image-rotate, 0deg)); transform-origin: top center; pointer-events: none; background: unset !important; transition: all 0.45s, opacity 0.2s 0.25s; } .wgl-showcase.interactive-showcase .showcase__image img { border-radius: inherit; max-width: unset; transform: translateX(-100%); transition: transform 0.45s; } .wgl-showcase.interactive-showcase .showcase__image::after { content: ""; position: absolute; top: -1000px; right: -1000px; bottom: -1000px; left: -1000px; margin: auto; --wgl-hl-size: 565px; width: var(--wgl-hl-size); height: var(--wgl-hl-size); z-index: -2; background-image: radial-gradient(circle closest-side, var(--wgl-hl-color, rgba(var(--odefy-primary-rgb), 0.4)) 0, transparent 100%); transform: translate(var(--wgl-hl-hor-pos, 200px), var(--wgl-hl-vert-pos, 50px)) scale(var(--wgl-hl-scale, 0.5)); opacity: 0; transition: all 0.4s; } .wgl-showcase.interactive-showcase .showcase__item { display: flex; align-items: baseline; } .wgl-showcase.interactive-showcase .showcase__subtitle { font-family: var(--odefy-header-font-family); font-weight: 600; font-size: 14px; line-height: 1.5em; display: inline-block; position: relative; letter-spacing: 0; color: var(--odefy-content-secondary-color); transition: all 0.4s; margin-right: 0.4em; white-space: normal; } .wgl-showcase.interactive-showcase .showcase__title { display: inline-flex; align-items: center; white-space: normal; text-transform: inherit; transition: all 0.4s, z-index 0s 0s; } .wgl-showcase.interactive-showcase .showcase__title .title { font-size: 96px; color: rgba(var(--odefy-header-rgb), 0.2); white-space: normal; letter-spacing: -0.05em; transition: inherit; } .wgl-showcase.interactive-showcase .showcase__item { position: relative; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; margin: 0; width: 100%; pointer-events: auto; } .wgl-showcase.interactive-showcase:not(:hover) .active .showcase__title, .wgl-showcase.interactive-showcase .showcase__item:hover .showcase__title { color: rgba(var(--odefy-header-rgb), 1); } .wgl-showcase.interactive-showcase:not(:hover) .active .showcase__title, .wgl-showcase.interactive-showcase:not(:hover) .active .showcase__button, .wgl-showcase.interactive-showcase .showcase__item:hover .showcase__title, .wgl-showcase.interactive-showcase .showcase__item:hover .showcase__button { position: relative; z-index: 5; transition: z-index 0s 0s; } .wgl-showcase.interactive-showcase:not(:hover) .active .showcase__subtitle, .wgl-showcase.interactive-showcase .showcase__item:hover .showcase__subtitle { color: var(--odefy-primary-color); } .wgl-showcase.interactive-showcase:not(:hover) .active .showcase__image, .wgl-showcase.interactive-showcase .showcase__item:hover .showcase__image { opacity: 1; transition: all 0.45s, opacity 0.25s 0.2s; } .wgl-showcase.interactive-showcase:not(:hover) .active .showcase__image img, .wgl-showcase.interactive-showcase .showcase__item:hover .showcase__image img { transform: translateX(0); } .wgl-showcase.interactive-showcase:not(:hover) .active .showcase__image::after, .wgl-showcase.interactive-showcase .showcase__item:hover .showcase__image::after { opacity: 1; transition: all 0.4s, transform 0.4s 0.2s; } .wgl-showcase .showcase__link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 6; } .wgl-showcase .showcase__subtitle { flex-shrink: 0; } .wgl-showcase .showcase__title { padding-right: calc(var(--title-p-r, 0px) + var(--title-a-o, 0px)) !important; } .wgl-showcase .showcase__content { font-weight: 500; padding-right: calc(var(--content-p-r, 0px) + var(--content-a-o, 0px)) !important; } .wgl-showcase .showcase__button { position: relative; } .wgl-showcase .showcase__button .wgl-showcase_button.icon-read-more { line-height: 0; font-size: 0; display: flex; align-items: center; justify-content: center; transition: all 0.4s; will-change: transform; background-color: transparent; color: var(--odefy-tertiary-color); border-radius: 50%; } .wgl-showcase .showcase__button .wgl-showcase_button.icon-read-more i, .wgl-showcase .showcase__button .wgl-showcase_button.icon-read-more span { text-align: center; display: inline-block; box-sizing: content-box; transition: 0s; } .wgl-showcase .showcase__button .wgl-showcase_button.icon-read-more i::before, .wgl-showcase .showcase__button .wgl-showcase_button.icon-read-more span::before { display: block; transition: transform 0.4s; will-change: transform; line-height: inherit; } .wgl-showcase .showcase__button .wgl-showcase_button.icon-read-more i.flaticon-long-next, .wgl-showcase .showcase__button .wgl-showcase_button.icon-read-more i.flaticon-long-prev { height: 1em; width: 1em; min-width: 1em; line-height: 1em; } @keyframes wgl-split-to-left { from { clip-path: inset(0 0 0 0); } to { clip-path: inset(0 100% 0 0); } } @keyframes wgl-split-from-left { from { clip-path: inset(0 0 0 100%); } to { clip-path: inset(0 0 0 0); } } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-widescreen.interactive-showcase .showcase__item { flex-direction: column; width: 100%; } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-widescreen.interactive-showcase .showcase__image { position: static; order: -1; opacity: 1; transform: unset; } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-widescreen.interactive-showcase .showcase__title { color: rgba(var(--odefy-header-rgb), 1); } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-widescreen.interactive-showcase .showcase__title, body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-widescreen.interactive-showcase .showcase__button { position: relative; z-index: 5; transition: z-index 0s 0s; } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-widescreen.interactive-showcase .showcase__subtitle { color: var(--odefy-primary-color); } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-widescreen.interactive-showcase .showcase__image { opacity: 1; transition: all 0.45s, opacity 0.25s 0.2s; } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-widescreen.interactive-showcase .showcase__image img { transform: translateX(0); } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-widescreen.interactive-showcase .showcase__image::after { opacity: 1; transition: all 0.4s, transform 0.4s 0.2s; } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-desktop.interactive-showcase .showcase__item { flex-direction: column; width: 100%; } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-desktop.interactive-showcase .showcase__image { position: static; order: -1; opacity: 1; transform: unset; } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-desktop.interactive-showcase .showcase__title { color: rgba(var(--odefy-header-rgb), 1); } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-desktop.interactive-showcase .showcase__title, body[data-elementor-device-mode=desktop] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-desktop.interactive-showcase .showcase__button { position: relative; z-index: 5; transition: z-index 0s 0s; } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-desktop.interactive-showcase .showcase__subtitle { color: var(--odefy-primary-color); } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-desktop.interactive-showcase .showcase__image { opacity: 1; transition: all 0.45s, opacity 0.25s 0.2s; } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-desktop.interactive-showcase .showcase__image img { transform: translateX(0); } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-desktop.interactive-showcase .showcase__image::after { opacity: 1; transition: all 0.4s, transform 0.4s 0.2s; } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet_extra.interactive-showcase .showcase__item { flex-direction: column; width: 100%; } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet_extra.interactive-showcase .showcase__image { position: static; order: -1; opacity: 1; transform: unset; } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet_extra.interactive-showcase .showcase__title { color: rgba(var(--odefy-header-rgb), 1); } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet_extra.interactive-showcase .showcase__title, body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet_extra.interactive-showcase .showcase__button { position: relative; z-index: 5; transition: z-index 0s 0s; } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet_extra.interactive-showcase .showcase__subtitle { color: var(--odefy-primary-color); } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet_extra.interactive-showcase .showcase__image { opacity: 1; transition: all 0.45s, opacity 0.25s 0.2s; } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet_extra.interactive-showcase .showcase__image img { transform: translateX(0); } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet_extra.interactive-showcase .showcase__image::after { opacity: 1; transition: all 0.4s, transform 0.4s 0.2s; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet.interactive-showcase .showcase__item { flex-direction: column; width: 100%; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet.interactive-showcase .showcase__image { position: static; order: -1; opacity: 1; transform: unset; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet.interactive-showcase .showcase__title { color: rgba(var(--odefy-header-rgb), 1); } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet.interactive-showcase .showcase__title, body[data-elementor-device-mode=tablet] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet.interactive-showcase .showcase__button { position: relative; z-index: 5; transition: z-index 0s 0s; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet.interactive-showcase .showcase__subtitle { color: var(--odefy-primary-color); } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet.interactive-showcase .showcase__image { opacity: 1; transition: all 0.45s, opacity 0.25s 0.2s; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet.interactive-showcase .showcase__image img { transform: translateX(0); } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-tablet.interactive-showcase .showcase__image::after { opacity: 1; transition: all 0.4s, transform 0.4s 0.2s; } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile_extra.interactive-showcase .showcase__item { flex-direction: column; width: 100%; } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile_extra.interactive-showcase .showcase__image { position: static; order: -1; opacity: 1; transform: unset; } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile_extra.interactive-showcase .showcase__title { color: rgba(var(--odefy-header-rgb), 1); } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile_extra.interactive-showcase .showcase__title, body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile_extra.interactive-showcase .showcase__button { position: relative; z-index: 5; transition: z-index 0s 0s; } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile_extra.interactive-showcase .showcase__subtitle { color: var(--odefy-primary-color); } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile_extra.interactive-showcase .showcase__image { opacity: 1; transition: all 0.45s, opacity 0.25s 0.2s; } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile_extra.interactive-showcase .showcase__image img { transform: translateX(0); } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile_extra.interactive-showcase .showcase__image::after { opacity: 1; transition: all 0.4s, transform 0.4s 0.2s; } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile.interactive-showcase .showcase__item { flex-direction: column; width: 100%; } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile.interactive-showcase .showcase__image { position: static; order: -1; opacity: 1; transform: unset; } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile.interactive-showcase .showcase__title { color: rgba(var(--odefy-header-rgb), 1); } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile.interactive-showcase .showcase__title, body[data-elementor-device-mode=mobile] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile.interactive-showcase .showcase__button { position: relative; z-index: 5; transition: z-index 0s 0s; } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile.interactive-showcase .showcase__subtitle { color: var(--odefy-primary-color); } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile.interactive-showcase .showcase__image { opacity: 1; transition: all 0.45s, opacity 0.25s 0.2s; } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile.interactive-showcase .showcase__image img { transform: translateX(0); } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-showcase .wgl-showcase.breakpoint_on-mobile.interactive-showcase .showcase__image::after { opacity: 1; transition: all 0.4s, transform 0.4s 0.2s; } /* ==================== ##Showcase ==================== */ .wgl-showcase-2 { position: relative; display: flex; flex-direction: column; pointer-events: none; --separator-color: rgba(var(--odefy-header-rgb), 0.5); } .wgl-showcase-2 .showcase-2__wrapper { position: relative; } .wgl-showcase-2 .showcase-2__title, .wgl-showcase-2 .showcase-2__button_wrapper { position: relative; z-index: 2; transition: z-index 0s 0.1s; } .wgl-showcase-2 .showcase-2__item { display: flex; position: relative; padding: 20px 3.125% 20px 3.125%; min-height: 150px; justify-content: space-between; align-items: center; margin: -1px 0 0 0; width: 100%; pointer-events: auto; flex-wrap: nowrap; } .wgl-showcase-2 .showcase-2__item::after { opacity: var(--separator-opacity, 0); content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-bottom: var(--separator-width, 1px) solid var(--separator-color); z-index: -2; } .wgl-showcase-2 .showcase-2__item:first-child::after { border-top: var(--separator-width, 1px) solid var(--separator-color); } .wgl-showcase-2 .showcase-2__item_inner { display: flex; justify-content: center; align-items: center; width: 100%; flex-wrap: nowrap; } .wgl-showcase-2 .showcase-2__subtitle { font-family: var(--odefy-header-font-family); font-weight: 400; font-size: 24px; line-height: 1.5em; display: inline-block; position: relative; letter-spacing: 0; color: var(--odefy-header-font-color); transition: all 0.4s; white-space: normal; } .wgl-showcase-2 .showcase-2__title { display: inline-flex; flex-shrink: 0; align-items: center; white-space: normal; max-width: 100%; transition: all 0.4s; } .wgl-showcase-2 .showcase-2__title .title { font-size: clamp(64px, 8vw, 110px); line-height: 1em; color: var(--odefy-header-font-color); letter-spacing: -0.05em; text-transform: inherit; white-space: normal; } .wgl-showcase-2 .showcase-2__content_wrapper { font-size: 18px; line-height: 1.778em; color: var(--odefy-header-font-color); width: min(var(--sc2-content-width, 490px), var(--sc2-inner-width, 100%) - var(--sc2-title-width, 700px)); } .wgl-showcase-2 .showcase-2__content { width: min(var(--sc2-content-width, 490px), var(--sc2-inner-width, 100%) - var(--sc2-title-width, 700px)); min-width: 100%; display: inline-block; } .wgl-showcase-2 .showcase-2__content p:last-child { margin: 0; } .wgl-showcase-2 .showcase-2__image { position: absolute; top: 50%; height: auto; left: var(--wgl-image-position, 20%); z-index: 4; opacity: 0; transform: translateY(-50%) rotate(var(--wgl-image-rotate, 0deg)); transform-origin: top center; pointer-events: none; overflow: hidden; transition: all 0.45s, opacity 0.3s 0.15s; } .wgl-showcase-2 .showcase-2__image img { border-radius: inherit; max-width: unset; transform: translateX(-100%); transition: transform 0.45s; } .wgl-showcase-2 .showcase-2__background, .wgl-showcase-2 .showcase-2__background::before, .wgl-showcase-2 .showcase-2__background::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1; transition: 0.4s; } .wgl-showcase-2 .showcase-2__background::before { content: ""; opacity: 1; } .wgl-showcase-2 .showcase-2__background::after { content: ""; opacity: 0; } .wgl-showcase-2 .showcase-2__item.active .showcase-2__background::after, .wgl-showcase-2 .showcase-2__item:hover .showcase-2__background::after { opacity: 1; } .wgl-showcase-2 .showcase-2__item.active .showcase-2__image, .wgl-showcase-2 .showcase-2__item:hover .showcase-2__image { opacity: 1; transition: all 0.45s, opacity 0.3s 0.15s; } .wgl-showcase-2 .showcase-2__item.active .showcase-2__image img, .wgl-showcase-2 .showcase-2__item:hover .showcase-2__image img { transform: translateX(0); } .wgl-showcase-2:not(:hover) .active .showcase-2__title, .wgl-showcase-2:not(:hover) .active .showcase-2__button_wrapper, .wgl-showcase-2 .showcase-2__item:hover .showcase-2__title, .wgl-showcase-2 .showcase-2__item:hover .showcase-2__button_wrapper { position: relative; z-index: 5; transition: z-index 0s 0s; } .wgl-showcase-2 .showcase-2__link { position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: 6; transition: 0s 0.5s; } .wgl-showcase-2 .showcase-2__item.active .showcase-2__link { height: 100%; } .wgl-showcase-2 .showcase-2__button_wrapper { position: relative; } .wgl-showcase-2 .showcase-2__button_wrapper .showcase-2__button.icon-read-more { display: flex; align-items: center; justify-content: center; transition: all 0.4s; will-change: transform; background-color: transparent; color: var(--odefy-tertiary-color); border-radius: 50%; } .wgl-showcase-2 .showcase-2__button_wrapper .showcase-2__button.icon-read-more i, .wgl-showcase-2 .showcase-2__button_wrapper .showcase-2__button.icon-read-more span { height: 1em; width: 1em; min-width: 1em; line-height: 1em; text-align: center; display: inline-block; box-sizing: content-box; transition: transform 0.4s; } .wgl-showcase-2 .showcase-2__button_wrapper .showcase-2__button.icon-read-more i::before, .wgl-showcase-2 .showcase-2__button_wrapper .showcase-2__button.icon-read-more span::before { display: block; transition: transform 0.4s; will-change: transform; line-height: inherit; } .wgl-showcase-2:not(.mobile_view_disable, .mobile_view_enable) .showcase-2__content_wrapper { opacity: 0 !important; width: 0 !important; height: 0 !important; } .wgl-showcase-2.content_animation-yes.mobile_view_disable .showcase-2__item:not(.active) .showcase-2__content_wrapper { width: 0 !important; opacity: 0 !important; } .wgl-showcase-2.content_animation-yes.mobile_view_disable .showcase-2__item:not(.active) .showcase-2__image img { transform: unset; } .wgl-showcase-2.content_animation-yes.mobile_view_enable .showcase-2__item_inner { align-content: flex-start; flex-wrap: wrap; } .wgl-showcase-2.content_animation-yes.mobile_view_enable .showcase-2__item .showcase-2__content_wrapper { display: none; opacity: 0; width: 100% !important; max-width: 100%; order: 1; transition-property: opacity !important; } .wgl-showcase-2.content_animation-yes.mobile_view_enable .showcase-2__item .showcase-2__content { width: min(var(--sc2-content-width, 100%), 100%); min-width: unset; } .wgl-showcase-2.content_animation-yes.mobile_view_enable .showcase-2__item.active .showcase-2__content_wrapper { opacity: 1; } .wgl-showcase-2:not(.content_animation-yes).mobile_view_enable .showcase-2__item_inner { align-content: flex-start; flex-wrap: wrap; } .wgl-showcase-2:not(.content_animation-yes).mobile_view_enable .showcase-2__item .showcase-2__content_wrapper { width: 100% !important; max-width: 100%; order: 1; display: block !important; } .wgl-showcase-2:not(.content_animation-yes).mobile_view_enable .showcase-2__item .showcase-2__content { width: min(var(--sc2-content-width, 100%), 100%); min-width: unset; } body[data-elementor-device-mode=widescreen] .wgl-showcase-2.breakpoint_on-widescreen:not(.content_animation-yes) .showcase-2__background::after { opacity: 1; } body[data-elementor-device-mode=desktop] .wgl-showcase-2.breakpoint_on-desktop:not(.content_animation-yes) .showcase-2__background::after { opacity: 1; } body[data-elementor-device-mode=tablet_extra] .wgl-showcase-2.breakpoint_on-tablet_extra:not(.content_animation-yes) .showcase-2__background::after { opacity: 1; } body[data-elementor-device-mode=tablet] .wgl-showcase-2.breakpoint_on-tablet:not(.content_animation-yes) .showcase-2__background::after { opacity: 1; } body[data-elementor-device-mode=mobile_extra] .wgl-showcase-2.breakpoint_on-mobile_extra:not(.content_animation-yes) .showcase-2__background::after { opacity: 1; } body[data-elementor-device-mode=mobile] .wgl-showcase-2.breakpoint_on-mobile:not(.content_animation-yes) .showcase-2__background::after { opacity: 1; } /* ==================== ## Social Icons ==================== */ .elementor-shape-rounded .elementor-icon.elementor-social-icon { border-radius: 10%; } .elementor-shape-circle .elementor-icon.elementor-social-icon { border-radius: 50%; } div.elementor-widget-wgl-social-icons.elementor-grid-0 .elementor-widget-container, div.elementor-widget-wgl-social-icons.elementor-grid-mobile-0 .elementor-widget-container, div.elementor-widget-wgl-social-icons.elementor-grid-tablet-0 .elementor-widget-container { line-height: 1; font-size: 0; } div.elementor-widget-wgl-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid { display: inline-grid; } div.elementor-widget-wgl-social-icons .elementor-grid { grid-column-gap: var(--grid-column-gap, 5px); grid-row-gap: var(--grid-row-gap, 5px); grid-template-columns: var(--grid-template-columns); justify-content: var(--justify-content, center); justify-items: var(--justify-content, center); } div.elementor-widget-wgl-social-icons .elementor-social-icon { --e-social-icon-icon-color: var(--odefy-content-secondary-color); display: inline-flex; background-color: #818a91; align-items: center; justify-content: center; text-align: center; cursor: pointer; } div.elementor-widget-wgl-social-icons .elementor-social-icon i { color: var(--e-social-icon-icon-color); } div.elementor-widget-wgl-social-icons .elementor-social-icon svg { fill: var(--e-social-icon-icon-color); } div.elementor-widget-wgl-social-icons .elementor-social-icon:last-child { margin: 0; } div.elementor-widget-wgl-social-icons .elementor-social-icon:hover { opacity: 0.9; color: var(--odefy-content-secondary-color); } div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-social-icon { font-size: var(--icon-size, 25px); line-height: var(--icon-size, 25px); width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, 0.5em)); height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, 0.5em)); } div.elementor-widget-wgl-social-icons .wgl-social-icons .icon__wrapper { display: inline-block; } div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:active, div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:focus, div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:hover { transform: none; } div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:active .elementor-icon, div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:focus .elementor-icon, div.elementor-widget-wgl-social-icons .wgl-social-icons .elementor-animation-float:hover .elementor-icon { transform: translateY(-8px); } div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-twitter, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-twitter-square, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-flaticon-twitter, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-twitter, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-twitter-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-flaticon-twitter, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-twitter, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-twitter-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-flaticon-twitter { background-color: #1b82c4; } div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-instagram, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-flaticon-instagram, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-instagram, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-flaticon-instagram, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-instagram, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-flaticon-instagram { background-color: #c52ea7; } div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-telegram, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-telegram-plane, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-telegram, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-telegram-plane, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-telegram, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-telegram-plane { background-color: #0088cc; } div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-pinterest-p, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-pinterest-square, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-flaticon-pinterest-round-logo, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-pinterest-p, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-pinterest-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-flaticon-pinterest-round-logo, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-pinterest-p, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-pinterest-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-flaticon-pinterest-round-logo { background-color: #ff1226; } div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-facebook, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-facebook-f, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-facebook-square, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-facebook-messenger, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-flaticon-facebook-circular-logo, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-facebook, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-facebook-f, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-facebook-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-facebook-messenger, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-flaticon-facebook-circular-logo, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-facebook, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-facebook-f, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-facebook-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-facebook-messenger, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-flaticon-facebook-circular-logo { background-color: #354cd9; } div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-reddit, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-reddit-alien, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-reddit-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-reddit, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-reddit-alien, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-reddit-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-reddit, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-reddit-alien, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-reddit-square { background-color: #FF5700; } div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-whatsapp-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-whatsapp-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-whatsapp-square { background-color: #25d366; } div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-youtube, div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-youtube-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-youtube, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-youtube-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-youtube, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-youtube-square { background-color: #ff0000; } div.elementor-widget-wgl-social-icons.elementor-shape-circle .elementor-social-icon-dribbble-square, div.elementor-widget-wgl-social-icons.elementor-shape-rounded .elementor-social-icon-dribbble-square, div.elementor-widget-wgl-social-icons.elementor-shape-square .elementor-social-icon-dribbble-square { background-color: #ea4c89; } div.elementor-widget-wgl-social-icons.elementor-shape-fill .icon__wrapper:hover i { color: var(--odefy-tertiary-color); } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon { background-color: transparent; } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon i { color: var(--odefy-primary-color); } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-twitter i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-twitter-square i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-flaticon-twitter i { color: #1b82c4; } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-instagram i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-flaticon-instagram i { color: #c52ea7; } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-telegram i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-telegram-plane i { color: #0088cc; } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-pinterest-p i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-pinterest-square i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-flaticon-pinterest-round-logo i { color: #ff1226; } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-facebook i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-facebook-f i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-facebook-square i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-facebook-messenger i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-flaticon-facebook-circular-logo i { color: #354cd9; } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-reddit i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-reddit-alien i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-reddit-square i { color: #FF5700; } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-whatsapp i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-whatsapp-square i { color: #25d366; } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-youtube i, div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-youtube-square i { color: #ff0000; } div.elementor-widget-wgl-social-icons.elementor-shape-fill .elementor-social-icon-dribbble-square i { color: #ea4c89; } .socials-official-idle .social__icon:not(:hover)[class*=skype] { background-color: #00aff0; } .socials-official-idle .social__icon:not(:hover)[class*=tumblr] { background-color: #35465d; } .socials-official-idle .social__icon:not(:hover)[class*=twitter] { background-color: #1b82c4; } .socials-official-idle .social__icon:not(:hover)[class*=x-twitter] { background-color: #1b82c4; } .socials-official-idle .social__icon:not(:hover)[class*=youtube] { background-color: #ff0000; } .socials-official-idle .social__icon:not(:hover)[class*=facebook] { background-color: #354cd9; } .socials-official-idle .social__icon:not(:hover)[class*=linkedin] { background-color: #007bb5; } .socials-official-idle .social__icon:not(:hover)[class*=telegram] { background-color: #0088cc; } .socials-official-idle .social__icon:not(:hover)[class*=whatsapp] { background-color: #25d366; } .socials-official-idle .social__icon:not(:hover)[class*=dribbble] { background-color: #ea4c89; } .socials-official-idle .social__icon:not(:hover)[class*=pinterest] { background-color: #ff1226; } .socials-official-idle .social__icon:not(:hover)[class*=instagram] { background-color: #c52ea7; } .socials-official-hover .social__icon:hover[class*=skype] { background-color: #00aff0; } .socials-official-hover .social__icon:hover[class*=tumblr] { background-color: #35465d; } .socials-official-hover .social__icon:hover[class*=twitter] { background-color: #1b82c4; } .socials-official-hover .social__icon:hover[class*=x-twitter] { background-color: #1b82c4; } .socials-official-hover .social__icon:hover[class*=youtube] { background-color: #ff0000; } .socials-official-hover .social__icon:hover[class*=facebook] { background-color: #354cd9; } .socials-official-hover .social__icon:hover[class*=linkedin] { background-color: #007bb5; } .socials-official-hover .social__icon:hover[class*=telegram] { background-color: #0088cc; } .socials-official-hover .social__icon:hover[class*=whatsapp] { background-color: #25d366; } .socials-official-hover .social__icon:hover[class*=dribbble] { background-color: #ea4c89; } .socials-official-hover .social__icon:hover[class*=pinterest] { background-color: #ff1226; } .socials-official-hover .social__icon:hover[class*=instagram] { background-color: #c52ea7; } /* ==================== ##Steps ==================== */ .wgl-steps-wrap .steps-single-wrap { display: grid; width: 100%; height: auto; position: relative; justify-items: center; grid-template-rows: 1fr 1fr; grid-gap: 30px; } .wgl-steps-wrap .steps-single-wrap .steps-content_wrap { font-size: initial; } .wgl-steps-wrap .steps-single-wrap .steps-content_wrap .steps-date { font-size: 40px; line-height: 1.25; letter-spacing: -0.04em; transition: 0.4s; } .wgl-steps-wrap .steps-single-wrap .steps-content_wrap .steps-title { font-family: var(--odefy-header-font-family); font-size: 22px; line-height: 1.5em; font-weight: var(--odefy-header-font-weight); transition: 0.4s; } .wgl-steps-wrap .steps-single-wrap .steps-content_wrap .steps-text p:last-child { margin-bottom: 0; } .wgl-steps-wrap .steps-single-wrap .steps-icon i { line-height: 1em; } .wgl-steps-wrap .steps-single-wrap .steps-image img { box-sizing: content-box; transition: 0.4s; } .wgl-steps-wrap .steps-single-wrap .steps-same_height { display: flex; flex-direction: column; } .wgl-steps-wrap .steps-single-wrap.steps-single-invert .steps-image { margin-bottom: auto; } .wgl-steps-wrap .steps-single-wrap:not(.steps-single-invert) .steps-image { margin-top: auto; } .wgl-steps-wrap .steps-single-wrap.steps-single-invert .steps-same_height.steps-media { order: 1; } .wgl-steps-wrap .steps-single-wrap.steps-single-invert .steps-same_height.steps-content_wrap { justify-content: flex-end; } .wgl-steps-wrap .steps-single-wrap.steps-single-invert .steps-dot .dot::after { top: 100%; bottom: auto; margin: 10px auto 0; } .wgl-steps-wrap .steps-single-wrap .steps-dot { position: absolute; z-index: 2; width: 100%; left: 0; bottom: 0; top: 0; right: 0; height: -moz-fit-content; height: fit-content; margin: auto !important; } .wgl-steps-wrap .steps-single-wrap .steps-dot .steps-dot-line { --color-1: var(--odefy-primary-color); position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .wgl-steps-wrap .steps-single-wrap .steps-dot .steps-dot-line::before, .wgl-steps-wrap .steps-single-wrap .steps-dot .steps-dot-line::after { content: ""; width: 50%; height: 1px; display: block; position: absolute; top: 0; bottom: 0; margin: auto; background-repeat: no-repeat; background-color: var(--color-1); } .wgl-steps-wrap .steps-single-wrap .steps-dot .steps-dot-line::before { right: 50%; } .wgl-steps-wrap .steps-single-wrap .steps-dot .steps-dot-line::after { left: 50%; } .wgl-steps-wrap .steps-single-wrap .steps-dot .dot { --dot-size: 9px; display: block; line-height: var(--dot-size); padding-top: 1px; font-size: 14px; margin: auto; background-size: var(--dot-size); background-repeat: no-repeat; width: var(--dot-size); height: var(--dot-size); border-radius: var(--dot-size); z-index: 2; position: relative; } .wgl-steps-wrap .steps-single-wrap .steps-dot .dot::after { content: ""; position: absolute; left: 0; right: 0; bottom: 100%; width: 2px; height: 19px; margin: 0 auto 10px; } .wgl-steps-wrap .steps-single-wrap:first-child .steps-dot-line::before { width: 100vw; } .wgl-steps-wrap .steps-single-wrap:last-child .steps-dot-line::after { width: 100vw; } .wgl-steps.wgl-steps-col-1 .steps-single-wrap.steps-single-invert { flex-direction: column; } .wgl-steps.wgl-steps-col-1 .steps-single-wrap.steps-single-invert .steps-same_height.steps-content_wrap { justify-content: flex-start; } .wgl-steps.wgl-steps-col-1 .steps-single-wrap.steps-single-invert .steps-same_height.steps-media { order: 0; } .wgl-steps.appear_anim .steps-dot, .wgl-steps.appear_anim .steps-content_wrap, .wgl-steps.appear_anim .steps-media { opacity: 0; } .wgl-steps.appear_anim .steps-dot { transition: all 0.4s, opacity 0.4s 0.3s, transform 0.4s 0.3s; } .wgl-steps.appear_anim .steps-single-wrap:not(.steps-single-invert) .steps-content_wrap { transition: all 0.4s, opacity 0.4s 0.5s, transform 0.4s 0.5s; transform: translateY(-20px); } .wgl-steps.appear_anim .steps-single-wrap:not(.steps-single-invert) .steps-media { transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s; transform: translateY(20px); } .wgl-steps.appear_anim .steps-single-wrap.steps-single-invert .steps-content_wrap { transition: all 0.4s, opacity 0.4s 0.5s, transform 0.4s 0.5s; transform: translateY(20px); } .wgl-steps.appear_anim .steps-single-wrap.steps-single-invert .steps-media { transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s; transform: translateY(-20px); } .wgl-steps.appear_anim .show .steps-dot, .wgl-steps.appear_anim .show .steps-media, .wgl-steps.appear_anim .show .steps-content_wrap { opacity: 1; transform: translateY(0) !important; } .svg_to_clip { width: 50px; } /* ==================== ##Striped Services ==================== */ .wgl-striped-services { display: flex; flex-direction: row; } .wgl-striped-services .service-item { flex: 1; height: 100%; transition: 0.5s; position: relative; } .wgl-striped-services .service-item.active { flex: 3; } .wgl-striped-services .service-item .wgl-striped__link { position: absolute; z-index: 2; width: 100%; height: 100%; left: 0; top: 0; } .wgl-striped-services .service-item .service-image { height: 100%; width: 100%; background-repeat: no-repeat; transition: 0.5s; z-index: 0; position: relative; } .wgl-striped-services .service-item .service-image::before, .wgl-striped-services .service-item .service-image::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: all 0.4s linear; } .wgl-striped-services .service-item_title { color: var(--odefy-tertiary-color); position: relative; z-index: 1; font-size: 32px; line-height: 1.25em; transition: all 0.5s ease; opacity: 0; } .wgl-striped-services .service-item_title a { display: inline-block; font-size: 1em; line-height: inherit; color: inherit; } .wgl-striped-services .service-item_subtitle { font-size: 24px; color: var(--odefy-tertiary-color); font-weight: 700; line-height: 1.5em; font-family: var(--odefy-content-font-family); text-transform: uppercase; letter-spacing: 0; margin-top: 14px; transition: all 0.5s ease; opacity: 0; } .wgl-striped-services .service-item_content { font-family: var(--odefy-content-font-family); font-size: 18px; color: var(--odefy-header-font-color); line-height: 1.889em; transition: all 0.5s ease; opacity: 0; } .wgl-striped-services .service-item_bg_text { font-family: var(--odefy-h3-font-family); font-weight: var(--odefy-h3-font-weight); font-size: 110px; line-height: 1.25em; transition: all 0.5s ease; letter-spacing: -0.04em; } .wgl-striped-services .service-item_bg_text span { display: inline-block; } .bg_text_position-absolute .wgl-striped-services .service-item_bg_text { display: flex; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .wgl-striped-services .service-item_wrapper { display: flex; position: absolute; top: 0; left: 0; justify-content: flex-end; align-items: flex-start; text-align: left; flex-direction: column; width: 100%; height: 100%; overflow: hidden; } .wgl-striped-services .service-item .service-item_button_wrapper { transition: all 0.5s ease; opacity: 0; } .wgl-striped-services .service-item .wgl-striped_button span { white-space: nowrap; } .wgl-striped-services .service-item.active .service-item_title, .wgl-striped-services .service-item.active .service-item_subtitle, .wgl-striped-services .service-item.active .service-item_content, .wgl-striped-services .service-item.active .service-item_button_wrapper { opacity: 1; } body[data-elementor-device-mode=widescreen] .wgl-striped-services.breakpoint_on-widescreen { flex-direction: column; margin-right: 0 !important; } body[data-elementor-device-mode=widescreen] .wgl-striped-services.breakpoint_on-widescreen .service-item { display: flex; width: 100%; } body[data-elementor-device-mode=widescreen] .wgl-striped-services.breakpoint_on-widescreen .service-item_title, body[data-elementor-device-mode=widescreen] .wgl-striped-services.breakpoint_on-widescreen .service-item_subtitle, body[data-elementor-device-mode=widescreen] .wgl-striped-services.breakpoint_on-widescreen .service-item_content { max-width: -moz-fit-content; max-width: fit-content; } body[data-elementor-device-mode=desktop] .wgl-striped-services.breakpoint_on-desktop { flex-direction: column; margin-right: 0 !important; } body[data-elementor-device-mode=desktop] .wgl-striped-services.breakpoint_on-desktop .service-item { display: flex; width: 100%; } body[data-elementor-device-mode=desktop] .wgl-striped-services.breakpoint_on-desktop .service-item_title, body[data-elementor-device-mode=desktop] .wgl-striped-services.breakpoint_on-desktop .service-item_subtitle, body[data-elementor-device-mode=desktop] .wgl-striped-services.breakpoint_on-desktop .service-item_content { max-width: -moz-fit-content; max-width: fit-content; } body[data-elementor-device-mode=tablet_extra] .wgl-striped-services.breakpoint_on-tablet_extra { flex-direction: column; margin-right: 0 !important; } body[data-elementor-device-mode=tablet_extra] .wgl-striped-services.breakpoint_on-tablet_extra .service-item { display: flex; width: 100%; } body[data-elementor-device-mode=tablet_extra] .wgl-striped-services.breakpoint_on-tablet_extra .service-item_title, body[data-elementor-device-mode=tablet_extra] .wgl-striped-services.breakpoint_on-tablet_extra .service-item_subtitle, body[data-elementor-device-mode=tablet_extra] .wgl-striped-services.breakpoint_on-tablet_extra .service-item_content { max-width: -moz-fit-content; max-width: fit-content; } body[data-elementor-device-mode=tablet] .wgl-striped-services.breakpoint_on-tablet { flex-direction: column; margin-right: 0 !important; } body[data-elementor-device-mode=tablet] .wgl-striped-services.breakpoint_on-tablet .service-item { display: flex; width: 100%; } body[data-elementor-device-mode=tablet] .wgl-striped-services.breakpoint_on-tablet .service-item_title, body[data-elementor-device-mode=tablet] .wgl-striped-services.breakpoint_on-tablet .service-item_subtitle, body[data-elementor-device-mode=tablet] .wgl-striped-services.breakpoint_on-tablet .service-item_content { max-width: -moz-fit-content; max-width: fit-content; } body[data-elementor-device-mode=mobile_extra] .wgl-striped-services.breakpoint_on-mobile_extra { flex-direction: column; margin-right: 0 !important; } body[data-elementor-device-mode=mobile_extra] .wgl-striped-services.breakpoint_on-mobile_extra .service-item { display: flex; width: 100%; } body[data-elementor-device-mode=mobile_extra] .wgl-striped-services.breakpoint_on-mobile_extra .service-item_title, body[data-elementor-device-mode=mobile_extra] .wgl-striped-services.breakpoint_on-mobile_extra .service-item_subtitle, body[data-elementor-device-mode=mobile_extra] .wgl-striped-services.breakpoint_on-mobile_extra .service-item_content { max-width: -moz-fit-content; max-width: fit-content; } body[data-elementor-device-mode=mobile] .wgl-striped-services.breakpoint_on-mobile { flex-direction: column; margin-right: 0 !important; } body[data-elementor-device-mode=mobile] .wgl-striped-services.breakpoint_on-mobile .service-item { display: flex; width: 100%; } body[data-elementor-device-mode=mobile] .wgl-striped-services.breakpoint_on-mobile .service-item_title, body[data-elementor-device-mode=mobile] .wgl-striped-services.breakpoint_on-mobile .service-item_subtitle, body[data-elementor-device-mode=mobile] .wgl-striped-services.breakpoint_on-mobile .service-item_content { max-width: -moz-fit-content; max-width: fit-content; } /* ==================== ## WGL Tabs ==================== */ .wgl-tabs .wgl-tabs_headings { display: inline-block; white-space: nowrap; width: auto; min-width: -moz-fit-content; min-width: fit-content; } .wgl-tabs .wgl-tabs_headings-wrap { overflow: visible; } .wgl-tabs.wgl-tabs_swiper-wrapper { overflow: hidden; } .wgl-tabs.has-divider .wgl-tabs_header::after { content: ""; display: block; width: 60px; height: 1px; position: absolute; left: 0; bottom: -1px; margin-left: 0; border-radius: 0; transition: all 0.45s; transform: scalex(0.8) translateY(-15px); } .wgl-tabs.has-divider .wgl-tabs_header.active::after { transform: scalex(1) translateY(0); background-color: var(--odefy-primary-color); } .wgl-tabs .lavalamp { position: relative; } .wgl-tabs .lavalamp-object { position: absolute; z-index: 5; right: 0; bottom: 0; left: 0; margin: auto auto -1px 0; opacity: 0; font-size: 0; line-height: 0; } .wgl-tabs .lavalamp-object::after { content: ""; position: static; width: 100%; max-width: 100%; height: 3px; background-color: currentColor; border-radius: 0; display: inline-block; } .wgl-tabs .lavalamp_animate .lavalamp-object { opacity: 1; } .wgl-tabs .wgl-tabs_header { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: -moz-fit-content; width: fit-content; min-width: -moz-fit-content; min-width: fit-content; position: relative; text-align: center; font-family: var(--odefy-header-font-family); font-size: 24px; font-weight: 600; line-height: 1.5; margin: 0; cursor: pointer; transition: 0.4s; z-index: 1; color: rgba(var(--odefy-content-secondary-rgb), 0.5); border-radius: 0; } .wgl-tabs .wgl-tabs_header:first-child { margin-left: 0 !important; } .wgl-tabs .wgl-tabs_header:last-child { margin-right: 0 !important; } .wgl-tabs .wgl-tabs_header:hover, .wgl-tabs .wgl-tabs_header.active { color: var(--odefy-header-font-color); } .wgl-tabs .wgl-tabs_content { padding: 31px 0 15px 0; display: block; } .wgl-tabs .wgl-tabs_content > .elementor { margin: 0; } .wgl-tabs .wgl-tabs_content > .elementor .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated, .wgl-tabs .wgl-tabs_content > .elementor .elementor-column-gap-default > .elementor-column > .theiaStickySidebar > .elementor-element-populated, .wgl-tabs .wgl-tabs_content > .elementor .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding-left: 0; padding-right: 0; } .wgl-tabs .wgl-tabs_content-wrap { min-height: -moz-fit-content; min-height: fit-content; transition: height 0.6s ease-in-out; } .wgl-tabs .wgl-tabs_icon { line-height: 1; color: inherit; transition: 0.4s; } .wgl-tabs .wgl-tabs_icon svg { width: 1em; height: 1em; fill: currentColor; transition: inherit; } .wgl-tabs .wgl-tabs_title { font: inherit; color: inherit; line-height: inherit; text-transform: inherit; letter-spacing: inherit; } body .wgl-tabs.tabs_align-left .wgl-tabs_headings-wrap { text-align: left; } body .wgl-tabs.tabs_align-left .wgl-tabs_headings { display: inline-block; } body .wgl-tabs.tabs_align-left .wgl-tabs_headings .wgl-tabs_header { flex: none; } body .wgl-tabs.tabs_align-left .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: 0 !important; } body .wgl-tabs.tabs_align-left .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: auto !important; } body .wgl-tabs.tabs_align-right .wgl-tabs_headings-wrap { text-align: right; } body .wgl-tabs.tabs_align-right .wgl-tabs_headings { display: inline-block; } body .wgl-tabs.tabs_align-right .wgl-tabs_headings .wgl-tabs_header { flex: none; } body .wgl-tabs.tabs_align-right .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: auto !important; } body .wgl-tabs.tabs_align-right .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: 0 !important; } body .wgl-tabs.tabs_align-center .wgl-tabs_headings-wrap { text-align: center; } body .wgl-tabs.tabs_align-center .wgl-tabs_headings { display: inline-block; } body .wgl-tabs.tabs_align-center .wgl-tabs_headings .wgl-tabs_header { flex: none; } body .wgl-tabs.tabs_align-center .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: 0 !important; } body .wgl-tabs.tabs_align-center .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: 0 !important; } body .wgl-tabs.tabs_align-justify .wgl-tabs_headings-wrap { text-align: left; } body .wgl-tabs.tabs_align-justify .wgl-tabs_headings { display: inline-flex; } body .wgl-tabs.tabs_align-justify .wgl-tabs_headings .wgl-tabs_header { flex: 1; } body .wgl-tabs.tabs_align-justify .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: 0 !important; } body .wgl-tabs.tabs_align-justify .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: 0 !important; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-left .wgl-tabs_headings-wrap { text-align: left; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-left .wgl-tabs_headings { display: inline-block; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-left .wgl-tabs_headings .wgl-tabs_header { flex: none; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-left .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: 0 !important; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-left .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: auto !important; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-right .wgl-tabs_headings-wrap { text-align: right; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-right .wgl-tabs_headings { display: inline-block; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-right .wgl-tabs_headings .wgl-tabs_header { flex: none; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-right .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: auto !important; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-right .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: 0 !important; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-center .wgl-tabs_headings-wrap { text-align: center; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-center .wgl-tabs_headings { display: inline-block; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-center .wgl-tabs_headings .wgl-tabs_header { flex: none; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-center .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: 0 !important; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-center .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: 0 !important; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-justify .wgl-tabs_headings-wrap { text-align: left; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-justify .wgl-tabs_headings { display: inline-flex; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-justify .wgl-tabs_headings .wgl-tabs_header { flex: 1; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-justify .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: 0 !important; } body:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop]) .wgl-tabs.tabs_align-tablet-justify .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: 0 !important; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-left .wgl-tabs_headings-wrap { text-align: left; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-left .wgl-tabs_headings { display: inline-block; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-left .wgl-tabs_headings .wgl-tabs_header { flex: none; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-left .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: 0 !important; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-left .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: auto !important; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-right .wgl-tabs_headings-wrap { text-align: right; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-right .wgl-tabs_headings { display: inline-block; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-right .wgl-tabs_headings .wgl-tabs_header { flex: none; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-right .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: auto !important; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-right .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: 0 !important; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-center .wgl-tabs_headings-wrap { text-align: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-center .wgl-tabs_headings { display: inline-block; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-center .wgl-tabs_headings .wgl-tabs_header { flex: none; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-center .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: 0 !important; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-center .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: 0 !important; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-justify .wgl-tabs_headings-wrap { text-align: left; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-justify .wgl-tabs_headings { display: inline-flex; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-justify .wgl-tabs_headings .wgl-tabs_header { flex: 1; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-justify .wgl-tabs_headings .wgl-tabs_header:last-child { margin-right: 0 !important; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-tabs.tabs_align-mobile-justify .wgl-tabs_headings .wgl-tabs_header:first-child { margin-left: 0 !important; } /* ==================== ## WGL Tabs ==================== */ .wgl-tabs-horizontal { display: flex; } .wgl-tabs-horizontal_headings { display: flex; flex-direction: column; align-items: stretch; position: relative; z-index: 1; } .wgl-tabs-horizontal_header { width: 100%; display: flex; align-items: center; position: relative; text-align: center; font-size: 32px; line-height: 1.25em; transition: 0.4s; } .wgl-tabs-horizontal_header_wrap { flex: 1; display: flex; justify-content: center; transition: background-color 0.4s; cursor: pointer; } .wgl-tabs-horizontal_content { width: 100%; display: block; } .wgl-tabs-horizontal_content-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1 1 auto; } .wgl-tabs-horizontal_icon { line-height: 1; color: inherit; transition: 0.4s; font-weight: normal; } .wgl-tabs-horizontal_title, .wgl-tabs-horizontal_prefix { font: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; } .wgl-tabs-horizontal_prefix { transition: color 0.4s; } .wgl-tabs-horizontal .lavalamp { position: relative; } .wgl-tabs-horizontal .lavalamp-object { position: absolute; z-index: 5; top: 0; right: 0; bottom: 0; left: auto; margin: 0px -2px auto auto; opacity: 0; font-size: 0; line-height: 0; } .wgl-tabs-horizontal .lavalamp-object::after { content: ""; position: absolute; width: 3px; height: 100%; background-color: currentColor; border-radius: 0; display: inline-block; margin: auto; top: 0; bottom: 0; left: 0; } .wgl-tabs-horizontal .lavalamp_animate .lavalamp-object { opacity: 1; } .wgl-testimonials { position: relative; --wgl-gap: 30px; } .wgl-testimonials > .row { margin: calc(-0.5 * var(--wgl-gap)); } .wgl-testimonials .wgl-carousel_wrapper { --wgl-gap: inherit; margin: 0 calc(-0.5 * var(--wgl-gap)); } .wgl-testimonials .wgl-carousel_wrapper .testimonials__wrapper { padding: 0 calc(0.5 * var(--wgl-gap)); } .wgl-testimonials .testimonials__wrapper { display: flex; flex-direction: row; flex-wrap: nowrap; transition: 0.4s; padding: calc(0.5 * var(--wgl-gap)); } .wgl-testimonials .testimonial__item { display: flex; width: 100%; position: relative; z-index: 1; transform: translate(0); background: var(--odefy-form-bg-color); transition: inherit; } .wgl-testimonials.hover_animation .testimonials__wrapper { padding-top: 20px; } .wgl-testimonials.hover_animation .testimonials__wrapper:hover .testimonial__item { transform: translateY(-20px); } .wgl-testimonials .item__author { display: flex; align-items: center; justify-content: center; line-height: 1; } .wgl-testimonials .author__meta { display: flex; flex-direction: column; } .wgl-testimonials .item__rating { display: inline-block; position: relative; width: 6.52em; font-size: 15px; letter-spacing: 0.38em; line-height: 1; color: var(--odefy-header-font-color); } .wgl-testimonials .item__rating::before, .wgl-testimonials .item__rating ::before { content: "\f13c\f13c\f13c\f13c\f13c"; font-family: Flaticon; } .wgl-testimonials .item__rating::before { color: rgba(var(--odefy-header-rgb), 0.3); } .wgl-testimonials .item__rating span { position: absolute; top: 0; left: 0; padding-top: 1em; overflow: hidden; } .wgl-testimonials .item__rating span::before { position: absolute; top: 0; left: 0; color: var(--odefy-header-font-color); } .wgl-testimonials .author__name { font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); letter-spacing: var(--odefy-h3-letter-spacing); font-size: 20px; line-height: 1.5em; color: var(--odefy-header-font-color); transition: 0.4s; } .wgl-testimonials .author__name a { font: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; } body[data-elementor-device-mode=mobile] .wgl-testimonials .author__name { font-size: 18px; } .wgl-testimonials .author__position { display: inline-block; font-family: var(--odefy-header-font-family); font-weight: 600; color: var(--odefy-content-secondary-color); font-size: 14px; line-height: 1.5; letter-spacing: 0; margin-top: 4px; margin-bottom: 4px; text-transform: uppercase; } .wgl-testimonials .item__icon { display: none; width: -moz-fit-content; width: fit-content; position: relative; color: var(--odefy-primary-color); font-size: 42px; line-height: 1em; font-weight: normal; vertical-align: text-bottom; } .wgl-testimonials .item__icon::before { content: "\f106"; font-family: flaticon; } .wgl-testimonials .item__title { font-size: 40px; color: var(--odefy-header-font-color); line-height: 1.4em; } .wgl-testimonials .item__title .item__icon { margin-bottom: -6px; margin-right: 19px; } .wgl-testimonials .item__quote { --corner-size: 35px; --corner-width: 1px; --corner-pos-x: 80px; position: relative; color: var(--odefy-header-font-color); } .wgl-testimonials .item__quote p:last-child { margin-bottom: 0; } .wgl-testimonials .item__quote::before { display: none; content: ""; position: absolute; top: 100%; left: 0; right: 0; height: var(--corner-width); background-image: linear-gradient(90deg, currentColor var(--corner-pos-x), transparent var(--corner-pos-x), transparent calc(var(--corner-pos-x) + var(--corner-size) - var(--corner-width)), currentColor calc(var(--corner-pos-x) + var(--corner-size) - var(--corner-width)), currentColor 100%); background-repeat: no-repeat; } .wgl-testimonials .item__quote::after { --corner-angle: -45deg; display: none; content: ""; position: absolute; top: 100%; right: auto; bottom: auto; left: var(--corner-pos-x); width: var(--corner-size); height: var(--corner-size); border-top: var(--corner-width) solid transparent; border-left: var(--corner-width) solid currentColor; border-bottom: var(--corner-width) solid transparent; background-image: linear-gradient(var(--corner-angle), transparent 50%, currentColor 50%, currentColor calc(50% + var(--corner-width)), transparent calc(50% + var(--corner-width))); background-repeat: no-repeat; } .wgl-testimonials .author__thumbnail { position: relative; display: inline-block; --image-width: 120; --image-not-active-width: var(--image-width); margin-right: 25px; transition: 0.7s; } .wgl-testimonials .author__thumbnail img { display: inline-block; width: calc(var(--image-width) * 1px); min-width: calc(var(--image-width) * 1px); transform: scale(1); transition: transform 0.7s; } .wgl-testimonials .author__thumbnail::before { content: ""; opacity: 0; position: absolute; bottom: calc(100% + var(--triangle-distance, 5px)); left: 0; right: 0; margin: 0 auto; display: block; width: 0; height: 0; color: var(--odefy-primary-color); border-style: solid; border-width: 0 12px 12px 12px; border-color: transparent transparent currentColor transparent; pointer-events: none; transition: 0.4s; } .wgl-testimonials .testimonials__wrapper:hover .author__thumbnail img { transform: scale(1) !important; } .wgl-testimonials .swiper-slide:not(.swiper-slide-active) .author__thumbnail img { transform: scale(calc(var(--image-not-active-width) / var(--image-width))); } .wgl-testimonials.type-top_block .author__thumbnail { margin-bottom: 10px; margin-right: 0; margin-left: 0; } .wgl-testimonials.type-top_block .item__icon + .author__thumbnail { margin-top: 20px; } .wgl-testimonials.type-top_block .author__thumbnail::before { top: calc(100% + var(--triangle-distance, 5px)); bottom: auto; border-width: 12px 12px 0 12px; border-color: currentColor transparent transparent transparent; } .wgl-testimonials.type-bottom_block .item__author { flex-direction: column; } .wgl-testimonials.type-bottom_block .author__thumbnail { margin: 0 0 11px 0; } .wgl-testimonials.type-top_inline .item__quote { margin-top: 20px; } .wgl-testimonials.type-top_inline .author__thumbnail::before { top: calc(100% + var(--triangle-distance, 5px)); bottom: auto; border-width: 12px 12px 0 12px; border-color: currentColor transparent transparent transparent; } .wgl-testimonials.type-bottom_inline .item__quote { margin-bottom: 26px; } .wgl-testimonials.type-bottom_inline .author__name { margin-top: -4px; } .wgl-testimonials.type-left_block .author__thumbnail { margin-right: 5.8%; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-testimonials.type-left_block .testimonials__wrapper { display: block; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-testimonials.type-left_block .testimonials__wrapper .author__thumbnail { margin-right: 0; margin-bottom: 20px; } .wgl-testimonials.type-left_block .author__thumbnail::before { left: calc(100% + var(--triangle-distance, 5px)); right: auto; top: 0; bottom: 0; margin: auto; border-width: 12px 0 12px 12px; border-color: transparent transparent transparent currentColor; } @media (max-width: 600px) { .wgl-testimonials.type-inline_top .author__thumbnail { position: relative; margin-left: 0; margin-top: 0; } .wgl-testimonials.type-inline_top .wgl-carousel_wrapper .testimonials__wrapper { padding-left: 15px; } } .elementor-widget-wgl-testimonials { max-width: 100% !important; } .elementor-widget-wgl-testimonials .testimonials__wrapper.no_image .testimonial__item { margin: 0; padding: 0; } .elementor-widget-wgl-testimonials .testimonials__wrapper.no_image .author__thumbnail { position: static; top: unset; left: unset; right: unset; transform: unset; } .elementor-widget-wgl-testimonials.aleft .type-bottom_block .item__author { align-items: flex-start; flex-direction: column; justify-content: center; } .elementor-widget-wgl-testimonials.aleft .type-top_block .item__author, .elementor-widget-wgl-testimonials.aleft .type-left_block .item__author { align-items: flex-start; flex-direction: column; justify-content: flex-start; } .elementor-widget-wgl-testimonials.aleft .type-top_inline .item__author, .elementor-widget-wgl-testimonials.aleft .type-bottom_inline .item__author { align-items: center; flex-direction: row; justify-content: flex-start; } .elementor-widget-wgl-testimonials.acenter .type-bottom_block .item__author { align-items: center; flex-direction: column; justify-content: center; } .elementor-widget-wgl-testimonials.acenter .type-top_block .item__author, .elementor-widget-wgl-testimonials.acenter .type-left_block .item__author { align-items: center; flex-direction: column; justify-content: center; } .elementor-widget-wgl-testimonials.acenter .type-top_inline .item__author, .elementor-widget-wgl-testimonials.acenter .type-bottom_inline .item__author { align-items: center; flex-direction: row; justify-content: center; } .elementor-widget-wgl-testimonials.aright .type-bottom_block .item__author { align-items: flex-end; flex-direction: column; justify-content: center; } .elementor-widget-wgl-testimonials.aright .type-top_block .item__author, .elementor-widget-wgl-testimonials.aright .type-left_block .item__author { justify-content: flex-end; flex-direction: column; align-items: flex-end; } .elementor-widget-wgl-testimonials.aright .type-top_inline .item__author, .elementor-widget-wgl-testimonials.aright .type-bottom_inline .item__author { align-items: center; flex-direction: row; justify-content: flex-end; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletleft .type-bottom_block .item__author { align-items: flex-start; flex-direction: column; justify-content: center; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletleft .type-top_block .item__author, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletleft .type-left_block .item__author { align-items: flex-start; flex-direction: column; justify-content: flex-start; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletleft .type-top_inline .item__author, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletleft .type-bottom_inline .item__author { align-items: center; flex-direction: row; justify-content: flex-start; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletcenter .type-bottom_block .item__author { align-items: center; flex-direction: column; justify-content: center; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletcenter .type-top_block .item__author, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletcenter .type-left_block .item__author { align-items: center; flex-direction: column; justify-content: center; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletcenter .type-top_inline .item__author, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletcenter .type-bottom_inline .item__author { align-items: center; flex-direction: row; justify-content: center; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-bottom_block .item__author { align-items: flex-end; flex-direction: column; justify-content: center; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-top_block .item__author, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-left_block .item__author { justify-content: flex-end; flex-direction: column; align-items: flex-end; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-top_inline .item__author, body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-tabletright .type-bottom_inline .item__author { align-items: center; flex-direction: row; justify-content: flex-end; } body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileleft .type-bottom_block .item__author { align-items: flex-start; flex-direction: column; justify-content: center; } body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileleft .type-top_block .item__author, body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileleft .type-left_block .item__author { align-items: flex-start; flex-direction: column; justify-content: flex-start; } body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileleft .type-top_inline .item__author, body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileleft .type-bottom_inline .item__author { align-items: center; flex-direction: row; justify-content: flex-start; } body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobilecenter .type-bottom_block .item__author { align-items: center; flex-direction: column; justify-content: center; } body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobilecenter .type-top_block .item__author, body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobilecenter .type-left_block .item__author { align-items: center; flex-direction: column; justify-content: center; } body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobilecenter .type-top_inline .item__author, body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobilecenter .type-bottom_inline .item__author { align-items: center; flex-direction: row; justify-content: center; } body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-bottom_block .item__author { align-items: flex-end; flex-direction: column; justify-content: center; } body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-top_block .item__author, body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-left_block .item__author { justify-content: flex-end; flex-direction: column; align-items: flex-end; } body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-top_inline .item__author, body:is([data-elementor-device-mode=mobile], [data-elementor-device-mode=mobile_extra]) .elementor-widget-wgl-testimonials.a-mobileright .type-bottom_inline .item__author { align-items: center; flex-direction: row; justify-content: flex-end; } /* ==================== ## WGL Text Path ==================== */ .elementor-widget-wgl-text-path { font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 110px; line-height: 1.5em; color: var(--odefy-header-font-color); text-align: var(--alignment, left); letter-spacing: -0.05em; } .elementor-widget-wgl-text-path .wgl-text-path { display: inline-block; transform: rotate(var(--rotate, 0)); } .elementor-widget-wgl-text-path .wgl-text-path[data-type-svg=wgl_line_simple] { overflow: hidden; } .elementor-widget-wgl-text-path .wgl-text-path[data-type-svg=wgl_wave] { display: block; } .elementor-widget-wgl-text-path .wgl-text-path.rotate_circle { line-height: 0; } .elementor-widget-wgl-text-path .wgl-text-path.rotate_circle svg { animation-name: wgl-rotation; animation-iteration-count: infinite; animation-timing-function: linear; } .elementor-widget-wgl-text-path .simple_line { white-space: nowrap; width: var(--width); margin: 0 auto; } .elementor-widget-wgl-text-path .simple_line .text--word { display: inline-block; } .elementor-widget-wgl-text-path .simple_line .text--word .text { word-spacing: var(--word-spacing); transition: all var(--transition); } .elementor-widget-wgl-text-path .simple_line .divider { display: inline-block; position: relative; vertical-align: middle; } .elementor-widget-wgl-text-path .wgl-text-path > svg { width: var(--width); height: auto; overflow: visible; word-spacing: var(--word-spacing); transform: scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1)); } .elementor-widget-wgl-text-path .wgl-text-path > svg path { vector-effect: non-scaling-stroke; fill: var(--path-fill, transparent); stroke: var(--stroke-color, transparent); stroke-width: var(--stroke-width, 1px); transition: var(--stroke-transition) stroke, var(--stroke-transition) fill; } .elementor-widget-wgl-text-path .wgl-text-path > svg:hover path { --path-fill: var( --path-fill-hover ); --stroke-color: var( --stroke-color-hover ); --stroke-width: var( --stroke-width-hover ); } .elementor-widget-wgl-text-path .wgl-text-path > svg text { fill: var(--odefy-primary-color); transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill; } .elementor-widget-wgl-text-path .wgl-text-path > svg text:hover { fill: var(--odefy-primary-color); } .elementor-widget-wgl-text-path .media-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; } @keyframes wgl-rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* ==================== ##Text Editor ==================== */ .elementor-widget-wgl-text-editor .text-editor_wrapper .text-editor_outer-clone { position: absolute; z-index: 1; top: 0; left: 0; transform: translate(var(--start-circle-point-left), var(--start-circle-point-top)); width: var(--circle-width); height: var(--circle-width); border-radius: 50%; margin-top: calc(var(--circle-width) / 2 * -1); margin-left: calc(var(--circle-width) / 2 * -1); overflow: hidden; transition: all 0.1s ease-out 0s, opacity 0.4s; pointer-events: none; } .elementor-widget-wgl-text-editor .text-editor_wrapper .text-editor_outer-clone .text-editor_wrapper-clone { background-color: var(--odefy-primary-color); position: absolute; z-index: 1; top: 0; left: 0; transform: translate(calc(var(--start-circle-point-left) * -1), calc(var(--start-circle-point-top) * -1)); margin-top: calc(var(--circle-width) / 2); margin-left: calc(var(--circle-width) / 2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.1s ease-out 0s, opacity 0.4s; } .elementor-widget-wgl-text-editor .text-editor_wrapper { font-size: 110px; line-height: 1.5em; color: var(--odefy-header-font-color); letter-spacing: -0.05em; } .elementor-widget-wgl-text-editor .text-editor_wrapper .text-editor__item { display: inline-block; transition: 0.5s ease-in-out; } .elementor-widget-wgl-text-editor.visibility-on_hover .wgl-text-editor.mask_effect .text-editor_outer-clone { opacity: 0; } .elementor-widget-wgl-text-editor.visibility-on_hover .wgl-text-editor.mask_effect .text-editor_wrapper:hover .text-editor_outer-clone { opacity: 1; } .elementor-widget-wgl-text-editor .wgl-text-editor.mask_effect .text-editor_wrapper { --circle-width: 344px; --start-circle-point-top: 0; --start-circle-point-left: 0; position: relative; z-index: 1; display: inline-block; } .elementor-widget-wgl-text-editor .wgl-text-editor.loop_animation { display: flex; --wgl-loop-animation-gap: 0.4em; --wgl-loop-animation-duration: 120s; } .elementor-widget-wgl-text-editor .wgl-text-editor.loop_animation .text-editor_wrapper { display: flex; gap: var(--wgl-loop-animation-gap); } .elementor-widget-wgl-text-editor .wgl-text-editor.loop_animation .text-editor_wrapper-inner { display: flex; gap: var(--wgl-loop-animation-gap); animation: scroll var(--wgl-loop-animation-duration) linear infinite; white-space: nowrap; } .elementor-widget-wgl-text-editor .wgl-text-editor.loop_animation.reverse .text-editor_wrapper-inner { animation-direction: reverse; } .elementor-widget-wgl-text-editor .wgl-text-editor.loop_animation.hover_stop:hover .text-editor_wrapper-inner { animation-play-state: paused; } @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-100%); } } .elementor-widget-wgl-text-editor .wgl-text-editor.text_appear { --wgl-text-duration: 400ms; --wgl-text-delay: 400ms; } .elementor-widget-wgl-text-editor .wgl-text-editor.text_appear .word { white-space: nowrap; } .elementor-widget-wgl-text-editor .wgl-text-editor.text_appear .target { opacity: 0; display: inline-block; animation-duration: var(--wgl-text-duration); animation-delay: var(--wgl-text-delay); animation-play-state: paused; animation-fill-mode: both; } .elementor-widget-wgl-text-editor .wgl-text-editor.text_appear.appear .target { opacity: 1; animation-play-state: running; } /* ==================== ##Time Line Horizontal ==================== */ .wgl-timeline-horizontal .time_line_h-date_wrap { justify-content: flex-start; align-items: flex-end; --wgl-size: 11px; --wgl-size-active: var(--wgl-size); --wgl-gap: 10px; } .wgl-timeline-horizontal .time_line_h-date_wrap .swiper-slide { display: flex; align-items: center; pointer-events: none; font-size: 0; margin: 0; position: relative; } .wgl-timeline-horizontal .time_line_h-date_wrap .swiper-slide::before, .wgl-timeline-horizontal .time_line_h-date_wrap .swiper-slide::after { content: ""; width: calc(50% - var(--wgl-gap) - var(--wgl-size) / 2); height: 1px; display: block; background-color: rgba(var(--odefy-header-rgb), 0.2); position: absolute; bottom: calc(var(--wgl-size-active) / 2 - 0.5px); } .wgl-timeline-horizontal .time_line_h-date_wrap .swiper-slide::before { left: 0; } .wgl-timeline-horizontal .time_line_h-date_wrap .swiper-slide::after { right: 0; } .wgl-timeline-horizontal .time_line_h-date_wrap .swiper-slide:first-child::before { left: auto; right: calc(50% + var(--wgl-gap) + var(--wgl-size) / 2); width: 100vw; } .wgl-timeline-horizontal .time_line_h-date_wrap .swiper-slide:last-child::after { left: calc(50% + var(--wgl-gap) + var(--wgl-size) / 2); right: auto; width: 100vw; } .wgl-timeline-horizontal .time_line_h-date_wrap .swiper-slide:only-child { width: 100% !important; text-align: center; } .wgl-timeline-horizontal .time_line_h-date_wrap .swiper-slide:only-child .wgl-time_line-date { transform: unset !important; margin: auto; } .wgl-timeline-horizontal .time_line_h-date_wrap::after, .wgl-timeline-horizontal .time_line_h-date_wrap::before { display: none; } .wgl-timeline-horizontal .time_line_h-date_inner { display: inline-block; cursor: pointer; pointer-events: auto; padding: 0; width: 100%; text-align: center; } .wgl-timeline-horizontal .time_line_h-title { font-size: 36px; font-family: var(--odefy-h3-font-family); font-weight: var(--odefy-h3-font-weight); color: var(--odefy-header-font-color); line-height: 1.25em; } .wgl-timeline-horizontal .wgl-time_line-date { font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); color: var(--odefy-header-font-color); display: block; font-size: 32px; line-height: 1.25; letter-spacing: -0.05em; transition: 0.4s; position: relative; padding: 14px 5px 0 5px; text-align: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-timeline-horizontal .wgl-time_line-date { font-size: 24px; } .wgl-timeline-horizontal .wgl-time_line-dot { display: inline-block; width: var(--wgl-size-active); height: var(--wgl-size-active); border-radius: var(--wgl-size-active); position: relative; z-index: 2; } .wgl-timeline-horizontal .wgl-time_line-dot::after { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: var(--wgl-size); height: var(--wgl-size); border-radius: var(--wgl-size); border-color: var(--odefy-primary-color); transition: all 0.2s linear; } .wgl-timeline-horizontal .time_line_h-date_container { position: relative; z-index: 10; } .wgl-timeline-horizontal .time_line_h-content_container { --content_gap: 30px; margin: 0 calc(var(--content_gap) * -1); } .wgl-timeline-horizontal .time_line_h-content_wrap { padding: 0 var(--content_gap); } .wgl-timeline-horizontal .time_line_h-content .time_line_h-title { transition: 0.4s; } .wgl-timeline-horizontal .time_line_h-content .time_line_h-text { transition: 0.4s; } .wgl-timeline-horizontal .time_line_h-date.slide-active { --wgl-size: var(--wgl-size-active) !important; } .wgl-timeline-horizontal .time_line_h-date:hover .wgl-time_line-dot::after, .wgl-timeline-horizontal .time_line_h-date.slide-active .wgl-time_line-dot::after { background-color: var(--odefy-primary-color); } .wgl-timeline-horizontal .elementor-swiper-button { --vertical-position: -7px; --horizontal-position: 0%; --center-horizontal-position: 0%; --wgl-swiper-button-diameter: 50px; display: block; position: absolute; z-index: 100; top: var(--vertical-position); margin: 0 var(--center-horizontal-position) 0 calc(-1 * var(--center-horizontal-position)); width: var(--wgl-swiper-button-diameter); height: var(--wgl-swiper-button-diameter); padding: 0; font-size: 19px; font-weight: normal; line-height: 0; letter-spacing: unset; text-align: center; text-indent: unset; cursor: pointer; transition: all 0s, opacity 0.4s; color: var(--odefy-primary-color); border: 1px solid var(--odefy-primary-color); background-color: var(--odefy-content-secondary-color); } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-timeline-horizontal .elementor-swiper-button { --wgl-swiper-button-diameter: 30px; font-size: 15px; } .wgl-timeline-horizontal .elementor-swiper-button i { display: inline-block; } .wgl-timeline-horizontal .elementor-swiper-button-prev { transform: translate3d(calc(-1 * var(--horizontal-position)), 0, 0px); left: var(--horizontal-position); } .wgl-timeline-horizontal .elementor-swiper-button-prev i { transform: scale(-1); } .wgl-timeline-horizontal .elementor-swiper-button-next { transform: translate3d(var(--horizontal-position), 0, 0px); right: var(--horizontal-position); } .wgl-timeline-horizontal .elementor-swiper-button.swiper-button-disabled { opacity: 1; } .wgl-timeline-horizontal .elementor-swiper-button.swiper-button-disabled i { opacity: 0.3; transition: 0.2s; } .wgl-timeline-horizontal .swiper-pagination { --dots-vertical-position: 20px; --dots-horizontal-position: 50%; position: relative; z-index: 2; width: max-content; padding: 0; margin: var(--dots-vertical-position) 0 0 var(--dots-horizontal-position); transform: translateX(calc(-1 * var(--dots-horizontal-position))); min-height: 20px; line-height: 0; font-size: 0; bottom: 0; transition: none; } .wgl-timeline-horizontal .swiper-pagination .swiper-pagination-bullet { width: auto; height: auto; border-radius: 0; background: initial; opacity: 1; display: inline-block; vertical-align: middle; margin: 0 2px; padding: 5px; font-size: 0; line-height: 0; list-style: none; cursor: pointer; transition: 0.4s; } .wgl-timeline-horizontal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active button { background-color: var(--odefy-primary-color); } .wgl-timeline-horizontal .swiper-pagination button { display: inline-block; position: relative; z-index: 1; font-size: 0; line-height: 0; padding: 0; margin: 0; border: 0; vertical-align: bottom; transition: inherit; background-color: #AFBCCC; width: 6px; height: 6px; border-radius: 50%; } .wgl-timeline-horizontal.appear_anim .time_line_h-date::before, .wgl-timeline-horizontal.appear_anim .time_line_h-date::after { opacity: 0; transition: all 0.4s 0.2s, width 0.4s, left 0.4s, right 0.4s; } .wgl-timeline-horizontal.appear_anim .wgl-time_line-dot { opacity: 0; transform: scale(0.4); transition: all 0.4s 0.4s; } .wgl-timeline-horizontal.appear_anim .wgl-time_line-date { opacity: 0; transform: translateY(-10px); transition: all 0.4s 0.4s; } .wgl-timeline-horizontal.appear_anim .time_line_h-content_wrap { opacity: 0; transition: all 0.4s 0.3s; } .wgl-timeline-horizontal.appear_anim .elementor-swiper-button { opacity: 0; transition: all 0s, opacity 0.4s; } .wgl-timeline-horizontal.appear_anim.show .time_line_h-date::before, .wgl-timeline-horizontal.appear_anim.show .time_line_h-date::after { opacity: 1; } .wgl-timeline-horizontal.appear_anim.show .wgl-time_line-date { opacity: 1; transform: translateY(0); } .wgl-timeline-horizontal.appear_anim.show .wgl-time_line-dot { opacity: 1; transform: scale(1); } .wgl-timeline-horizontal.appear_anim.show .time_line_h-content_wrap, .wgl-timeline-horizontal.appear_anim.show .elementor-swiper-button { opacity: 1; } /* ==================== ##Time Line Vertical ==================== */ @property --tlv-content-wrapper-first { syntax: "
"; initial-value: rgb(250, 169, 165); inherits: false; } @property --tlv-content-wrapper-sec { syntax: "
"; initial-value: rgb(121, 24, 238); inherits: false; } .wgl-timeline-vertical { --line-size: 10px; --curve-width: 1px; --curve-gap: 85px; --curve-color: rgba(var(--odefy-header-rgb), 0.2); --curve-h-width: 85px; --dot-size: 11px; --dot-color: var(--odefy-primary-color); --dot-bg-color: var(--odefy-body-background-color); display: flex; flex-direction: column; gap: 60px; position: relative; padding: 0; z-index: 1; } .wgl-timeline-vertical::before { content: ""; position: absolute; top: 0; right: 0; left: 0; margin: auto; width: var(--curve-width); min-width: var(--curve-width); transition: height 1.3s 0.5s cubic-bezier(0.65, 0.05, 0.36, 1); z-index: 1; bottom: 0; background-color: var(--curve-color); } .wgl-timeline-vertical .tlv__items-wrapper { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: center; position: relative; } .wgl-timeline-vertical .tlv__items-wrapper::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; transition: 0.4s; } .wgl-timeline-vertical .tlv__items-wrapper::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; pointer-events: none; transition: 0.4s; width: var(--curve-width); min-width: var(--curve-width); } .wgl-timeline-vertical .tlv__items-wrapper .tlv__content-wrapper { --tlv-content-wrapper-first: var(--odefy-form-bg-color); --tlv-content-wrapper-sec: var(--odefy-form-bg-color); position: relative; display: flex; flex-direction: column; transition: 0.7s, --tlv-content-wrapper-first 0.7s, --tlv-content-wrapper-sec 0.7s; } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(odd) .tlv__item.image { justify-content: flex-end; padding-right: var(--curve-gap); } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(odd) .tlv__curve-wrapper { margin-right: var(--curve-gap); } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(odd) .tlv__curve-wrapper span { left: -6px; } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(odd) .tlv__content-wrapper { align-items: flex-end; } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(odd) .tlv__bg_date { right: 0; left: auto; } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(even) { flex-direction: row; } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(even) .tlv__volume-wrapper { flex-direction: row-reverse; } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(even) .tlv__item { flex-direction: row-reverse; text-align: right; } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(even) .tlv__item.image { padding-left: var(--curve-gap); } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(even) .tlv__curve-wrapper { margin-left: var(--curve-gap); } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(even) .tlv__curve-wrapper::before { right: -60px; left: auto; } .wgl-timeline-vertical .tlv__items-wrapper:nth-child(even) .tlv__curve-wrapper .dot { right: calc((var(--curve-width) + var(--dot-size)) * -0.5); left: auto; } .wgl-timeline-vertical .tlv__item { display: flex; position: relative; text-align: left; width: calc((100% - var(--curve-width)) * 0.5); z-index: 2; } .wgl-timeline-vertical .tlv__item.image { display: flex; order: 2; justify-content: flex-end; } .wgl-timeline-vertical .tlv__item.empty { margin: unset !important; padding: unset !important; } .wgl-timeline-vertical .tlv__item:nth-child(odd) { text-align: left; } .wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__date-wrapper { right: 0; } .wgl-timeline-vertical .tlv__item:nth-child(odd) .tlv__volume-wrapper::after { left: 0; } .wgl-timeline-vertical .tlv__item:hover .tlv__thumbnail--hover { opacity: 1; } .wgl-timeline-vertical .tlv__item:hover .tlv__thumbnail--hover + .tlv__thumbnail--idle { opacity: 0; } .wgl-timeline-vertical .tlv__item:hover .tlv__curve-wrapper span::before { transform: rotate3d(0, 0, 1, 45deg) scale(1); } .wgl-timeline-vertical .tlv__item:hover .tlv__content-wrapper { --tlv-content-wrapper-first: rgba(250, 169, 165, 1); --tlv-content-wrapper-sec: var(--odefy-primary-color); } .wgl-timeline-vertical .tlv__item:hover .dot { --dot-bg-color: var(--odefy-primary-color); } .wgl-timeline-vertical .tlv__item:hover .tlv__bg_date { color: var(--odefy-primary-color); } .wgl-timeline-vertical .tlv__volume-wrapper { display: flex; position: relative; width: 100%; transition: 0.5s; z-index: 1; } .wgl-timeline-vertical .tlv__curve-wrapper { position: relative; min-width: 0; width: 0; } .wgl-timeline-vertical .tlv__curve-wrapper::before { content: ""; top: calc(50% - var(--curve-width) * 0.5); position: absolute; left: -60px; right: auto; align-self: stretch; width: var(--curve-h-width); height: var(--curve-width); background-color: var(--curve-color); order: 1; z-index: 1; transition: all 0.4s, opacity 0.5s 0.4s; } .wgl-timeline-vertical .tlv__curve-wrapper .dot { width: var(--dot-size); height: var(--dot-size); position: absolute; top: calc(50% - var(--dot-size) * 0.5); left: calc((var(--curve-width) + var(--dot-size)) * -0.5); background-color: var(--dot-bg-color); border: 2px solid var(--dot-color); border-radius: var(--dot-size); z-index: 2; transition: 0.4s; } .wgl-timeline-vertical .tlv__media { display: inline-flex; align-items: center; justify-content: center; position: relative; max-width: -moz-fit-content; max-width: fit-content; flex-shrink: 0; transition: 0.4s; } .wgl-timeline-vertical .tlv__media::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; z-index: -1; pointer-events: none; transform: translate(var(--border-offset-x, 0), var(--border-offset-y, 0)); transition: inherit; } .wgl-timeline-vertical .tlv__media [class|=tlv__thumbnail] { margin: auto; border-radius: inherit; transition: 0.6s; } .wgl-timeline-vertical .tlv__thumbnail--hover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; } .wgl-timeline-vertical .tlv__content { transition: 0.5s; } .wgl-timeline-vertical .tlv__content p:last-child { margin-bottom: 0; } .wgl-timeline-vertical .tlv__title { margin-top: 2px; margin-bottom: 11px; font-size: 24px; line-height: 1.25em; position: relative; transition: 0.4s; } .wgl-timeline-vertical .tlv__text { color: var(--odefy-header-font-color); position: relative; transition: 0.4s; } .wgl-timeline-vertical .tlv__date-wrapper { position: relative; width: 100%; } .wgl-timeline-vertical .tlv__date { display: inline-block; font-family: var(--odefy-header-font-family); font-size: 24px; font-weight: var(--odefy-header-font-weight); text-align: left; line-height: 1em; letter-spacing: 0; margin-bottom: 15px; transition: 0.4s; } .wgl-timeline-vertical .tlv__bg_date { position: absolute; top: 0; right: auto; bottom: auto; left: 0; margin: auto; max-width: 100%; display: inline-block; font-family: var(--odefy-content-font-family); font-weight: 700; letter-spacing: -0.05em; font-size: 128px; line-height: 1em; height: min-content; color: rgba(var(--odefy-secondary-rgb), 0.3); z-index: 1; pointer-events: none; transition: 0.4s; } .wgl-timeline-vertical .tlv__item-start, .wgl-timeline-vertical .tlv__item-end { --dot-size: 9px; position: absolute; top: calc(var(--dot-size) * -0.5); right: 0; left: 0; display: inline-block; font-size: 0; line-height: 0; margin: auto; width: var(--dot-size); height: var(--dot-size); border-radius: var(--dot-size); background-color: currentColor; z-index: 2; transition: 0.4s; } .wgl-timeline-vertical .tlv__item-end { top: auto; bottom: calc(var(--dot-size) * -0.5); } .wgl-timeline-vertical .button-read-more { margin: 0; } .wgl-timeline-vertical.appear_animation .tlv__items-wrapper::before { opacity: 0; } .wgl-timeline-vertical.appear_animation .tlv__items-wrapper:nth-child(odd) .tlv__date-wrapper { transform: translateX(-20%); } .wgl-timeline-vertical.appear_animation .tlv__items-wrapper:nth-child(odd) .tlv__volume-wrapper { transform: translateX(20%); } .wgl-timeline-vertical.appear_animation .tlv__items-wrapper:nth-child(even) .tlv__date-wrapper { transform: translateX(20%); } .wgl-timeline-vertical.appear_animation .tlv__items-wrapper:nth-child(even) .tlv__volume-wrapper { transform: translateX(-20%); } .wgl-timeline-vertical.appear_animation .tlv__item { opacity: 0; } .wgl-timeline-vertical.appear_animation .tlv__item, .wgl-timeline-vertical.appear_animation .tlv__item .tlv__date-wrapper, .wgl-timeline-vertical.appear_animation .tlv__item .tlv__volume-wrapper { transition: all 0.4s, opacity 0.5s 0.4s, transform 0.5s 0.4s; } .wgl-timeline-vertical.appear_animation .tlv__items-wrapper.show::before { opacity: 1; } .wgl-timeline-vertical.appear_animation .tlv__items-wrapper.show .tlv__item { opacity: 1; } .wgl-timeline-vertical.appear_animation .tlv__items-wrapper.show .tlv__item .tlv__date-wrapper, .wgl-timeline-vertical.appear_animation .tlv__items-wrapper.show .tlv__item .tlv__volume-wrapper { transform: translateX(0); } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-timeline-vertical .tlv__items-wrapper:nth-child(even) .tlv__volume-wrapper { flex-direction: column; align-items: flex-end; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .wgl-timeline-vertical .tlv__items-wrapper:nth-child(odd) .tlv__volume-wrapper { flex-direction: column; align-items: flex-start; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen { --curve-gap: 6%; --curve-h-width: 0; padding: 0; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen::before { right: auto; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__item-start, body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__item-end { right: auto; left: calc(var(--dot-size) * -0.5); } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__item { width: 100%; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__curve-wrapper .dot { margin-left: calc(var(--curve-width) * 0.5); } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__item.image .tlv__media { margin: 0 0 65px 0; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__item.image .tlv__media img { width: 300px; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__content-wrapper { --tlv-content-wrapper-first: rgba(250, 169, 165, 1); --tlv-content-wrapper-sec: var(--odefy-primary-color); } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__date { font-size: 20px; margin-bottom: 12px; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__items-wrapper { flex-direction: column-reverse; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__items-wrapper::after { right: auto; left: calc(var(--curve-width) * -0.5); } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__items-wrapper .tlv__item { flex-direction: row; text-align: left; justify-content: flex-start; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__items-wrapper:first-child .tlv__item { padding-top: 0 !important; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__items-wrapper:last-child .tlv__item { padding-bottom: 0 !important; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__items-wrapper .tlv__volume-wrapper { flex-direction: column; align-items: flex-start; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__items-wrapper .tlv__item.image { padding-left: var(--curve-gap); padding-right: 0; } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__items-wrapper .tlv__curve-wrapper { margin-left: 0; margin-right: var(--curve-gap); } body[data-elementor-device-mode=widescreen] .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__items-wrapper .tlv__bg_date { left: auto; right: 0; } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-widescreen { flex-direction: column; } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__items-wrapper { width: 100%; margin: 0; } body[data-elementor-device-mode=widescreen] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-widescreen .tlv__media { align-self: unset; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop { --curve-gap: 6%; --curve-h-width: 0; padding: 0; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop::before { right: auto; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__item-start, body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__item-end { right: auto; left: calc(var(--dot-size) * -0.5); } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__item { width: 100%; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__curve-wrapper .dot { margin-left: calc(var(--curve-width) * 0.5); } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__item.image .tlv__media { margin: 0 0 65px 0; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__item.image .tlv__media img { width: 300px; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__content-wrapper { --tlv-content-wrapper-first: rgba(250, 169, 165, 1); --tlv-content-wrapper-sec: var(--odefy-primary-color); } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__date { font-size: 20px; margin-bottom: 12px; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__items-wrapper { flex-direction: column-reverse; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__items-wrapper::after { right: auto; left: calc(var(--curve-width) * -0.5); } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__items-wrapper .tlv__item { flex-direction: row; text-align: left; justify-content: flex-start; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__items-wrapper:first-child .tlv__item { padding-top: 0 !important; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__items-wrapper:last-child .tlv__item { padding-bottom: 0 !important; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__items-wrapper .tlv__volume-wrapper { flex-direction: column; align-items: flex-start; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__items-wrapper .tlv__item.image { padding-left: var(--curve-gap); padding-right: 0; } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__items-wrapper .tlv__curve-wrapper { margin-left: 0; margin-right: var(--curve-gap); } body[data-elementor-device-mode=desktop] .wgl-timeline-vertical.breakpoint_on-desktop .tlv__items-wrapper .tlv__bg_date { left: auto; right: 0; } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-desktop { flex-direction: column; } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-desktop .tlv__items-wrapper { width: 100%; margin: 0; } body[data-elementor-device-mode=desktop] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-desktop .tlv__media { align-self: unset; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra { --curve-gap: 6%; --curve-h-width: 0; padding: 0; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra::before { right: auto; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__item-start, body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__item-end { right: auto; left: calc(var(--dot-size) * -0.5); } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__item { width: 100%; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__curve-wrapper .dot { margin-left: calc(var(--curve-width) * 0.5); } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__item.image .tlv__media { margin: 0 0 65px 0; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__item.image .tlv__media img { width: 300px; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__content-wrapper { --tlv-content-wrapper-first: rgba(250, 169, 165, 1); --tlv-content-wrapper-sec: var(--odefy-primary-color); } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__date { font-size: 20px; margin-bottom: 12px; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__items-wrapper { flex-direction: column-reverse; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__items-wrapper::after { right: auto; left: calc(var(--curve-width) * -0.5); } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__items-wrapper .tlv__item { flex-direction: row; text-align: left; justify-content: flex-start; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__items-wrapper:first-child .tlv__item { padding-top: 0 !important; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__items-wrapper:last-child .tlv__item { padding-bottom: 0 !important; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__items-wrapper .tlv__volume-wrapper { flex-direction: column; align-items: flex-start; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__items-wrapper .tlv__item.image { padding-left: var(--curve-gap); padding-right: 0; } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__items-wrapper .tlv__curve-wrapper { margin-left: 0; margin-right: var(--curve-gap); } body[data-elementor-device-mode=tablet_extra] .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__items-wrapper .tlv__bg_date { left: auto; right: 0; } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-tablet_extra { flex-direction: column; } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__items-wrapper { width: 100%; margin: 0; } body[data-elementor-device-mode=tablet_extra] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-tablet_extra .tlv__media { align-self: unset; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet { --curve-gap: 6%; --curve-h-width: 0; padding: 0; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet::before { right: auto; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__item-start, body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__item-end { right: auto; left: calc(var(--dot-size) * -0.5); } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__item { width: 100%; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__curve-wrapper .dot { margin-left: calc(var(--curve-width) * 0.5); } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__item.image .tlv__media { margin: 0 0 65px 0; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__item.image .tlv__media img { width: 300px; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__content-wrapper { --tlv-content-wrapper-first: rgba(250, 169, 165, 1); --tlv-content-wrapper-sec: var(--odefy-primary-color); } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__date { font-size: 20px; margin-bottom: 12px; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__items-wrapper { flex-direction: column-reverse; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__items-wrapper::after { right: auto; left: calc(var(--curve-width) * -0.5); } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__items-wrapper .tlv__item { flex-direction: row; text-align: left; justify-content: flex-start; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__items-wrapper:first-child .tlv__item { padding-top: 0 !important; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__items-wrapper:last-child .tlv__item { padding-bottom: 0 !important; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__items-wrapper .tlv__volume-wrapper { flex-direction: column; align-items: flex-start; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__items-wrapper .tlv__item.image { padding-left: var(--curve-gap); padding-right: 0; } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__items-wrapper .tlv__curve-wrapper { margin-left: 0; margin-right: var(--curve-gap); } body[data-elementor-device-mode=tablet] .wgl-timeline-vertical.breakpoint_on-tablet .tlv__items-wrapper .tlv__bg_date { left: auto; right: 0; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-tablet { flex-direction: column; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-tablet .tlv__items-wrapper { width: 100%; margin: 0; } body[data-elementor-device-mode=tablet] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-tablet .tlv__media { align-self: unset; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra { --curve-gap: 6%; --curve-h-width: 0; padding: 0; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra::before { right: auto; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__item-start, body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__item-end { right: auto; left: calc(var(--dot-size) * -0.5); } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__item { width: 100%; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__curve-wrapper .dot { margin-left: calc(var(--curve-width) * 0.5); } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__item.image .tlv__media { margin: 0 0 65px 0; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__item.image .tlv__media img { width: 300px; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__content-wrapper { --tlv-content-wrapper-first: rgba(250, 169, 165, 1); --tlv-content-wrapper-sec: var(--odefy-primary-color); } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__date { font-size: 20px; margin-bottom: 12px; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__items-wrapper { flex-direction: column-reverse; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__items-wrapper::after { right: auto; left: calc(var(--curve-width) * -0.5); } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__items-wrapper .tlv__item { flex-direction: row; text-align: left; justify-content: flex-start; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__items-wrapper:first-child .tlv__item { padding-top: 0 !important; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__items-wrapper:last-child .tlv__item { padding-bottom: 0 !important; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__items-wrapper .tlv__volume-wrapper { flex-direction: column; align-items: flex-start; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__items-wrapper .tlv__item.image { padding-left: var(--curve-gap); padding-right: 0; } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__items-wrapper .tlv__curve-wrapper { margin-left: 0; margin-right: var(--curve-gap); } body[data-elementor-device-mode=mobile_extra] .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__items-wrapper .tlv__bg_date { left: auto; right: 0; } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-mobile_extra { flex-direction: column; } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__items-wrapper { width: 100%; margin: 0; } body[data-elementor-device-mode=mobile_extra] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-mobile_extra .tlv__media { align-self: unset; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile { --curve-gap: 6%; --curve-h-width: 0; padding: 0; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile::before { right: auto; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__item-start, body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__item-end { right: auto; left: calc(var(--dot-size) * -0.5); } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__item { width: 100%; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__curve-wrapper .dot { margin-left: calc(var(--curve-width) * 0.5); } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__item.image .tlv__media { margin: 0 0 65px 0; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__item.image .tlv__media img { width: 300px; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__content-wrapper { --tlv-content-wrapper-first: rgba(250, 169, 165, 1); --tlv-content-wrapper-sec: var(--odefy-primary-color); } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__date { font-size: 20px; margin-bottom: 12px; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__items-wrapper { flex-direction: column-reverse; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__items-wrapper::after { right: auto; left: calc(var(--curve-width) * -0.5); } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__items-wrapper .tlv__item { flex-direction: row; text-align: left; justify-content: flex-start; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__items-wrapper:first-child .tlv__item { padding-top: 0 !important; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__items-wrapper:last-child .tlv__item { padding-bottom: 0 !important; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__items-wrapper .tlv__volume-wrapper { flex-direction: column; align-items: flex-start; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__items-wrapper .tlv__item.image { padding-left: var(--curve-gap); padding-right: 0; } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__items-wrapper .tlv__curve-wrapper { margin-left: 0; margin-right: var(--curve-gap); } body[data-elementor-device-mode=mobile] .wgl-timeline-vertical.breakpoint_on-mobile .tlv__items-wrapper .tlv__bg_date { left: auto; right: 0; } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-mobile { flex-direction: column; } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-mobile .tlv__items-wrapper { width: 100%; margin: 0; } body[data-elementor-device-mode=mobile] .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical.breakpoint_on-mobile .tlv__media { align-self: unset; } /* Mini Timeline */ .elementor-widget-wgl-time-line-vertical.media_position-inner .wgl-timeline-vertical { flex-direction: row; flex-wrap: wrap; align-items: flex-start; column-gap: 0 !important; gap: 95px; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__media { align-self: flex-start; border-radius: 50px; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__media img { width: 100px; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper { width: 50%; flex-direction: column-reverse; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(even) { margin-top: 75px; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(even)::after { right: auto; left: calc(var(--curve-width) * -0.5); } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(even) .tlv__item { flex-direction: row; text-align: left; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(even) .tlv__volume-wrapper { flex-direction: row; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(even) .tlv__curve-wrapper { margin-right: var(--curve-gap); margin-left: 0; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(even) .tlv__curve-wrapper .dot { right: calc(var(--dot-size) * -0.5); left: auto; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(even) .tlv__content-wrapper { flex-direction: row; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(even) .tlv__media { margin-right: 22px; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(even) .tlv__bg_date { right: 0; left: auto; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(odd)::after { right: calc(var(--curve-width) * -0.5); left: auto; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(odd) .tlv__item { flex-direction: row-reverse; text-align: right; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(odd) .tlv__volume-wrapper { flex-direction: row-reverse; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(odd) .tlv__curve-wrapper { margin-left: var(--curve-gap); margin-right: 0; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(odd) .tlv__curve-wrapper .dot { right: 0; left: calc(var(--dot-size) * -0.5); } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(odd) .tlv__content-wrapper { flex-direction: row-reverse; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(odd) .tlv__media { margin-left: 22px; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper:nth-child(odd) .tlv__bg_date { left: 0; right: auto; } .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__item { width: 100%; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper .tlv__content-wrapper { flex-direction: column; } body:is([data-elementor-device-mode=tablet_extra], [data-elementor-device-mode=tablet], [data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-time-line-vertical.media_position-inner .tlv__items-wrapper .tlv__media { margin-left: 0; margin-bottom: 22px; } /* ==================== ##Accordion ==================== */ .wgl-accordion .wgl-accordion_content::after { content: ""; clear: both; display: block; } .wgl-accordion .wgl-accordion_header { display: flex; align-items: center; position: relative; width: 100%; font-family: var(--odefy-header-font-family); font-weight: 600; font-size: 22px; line-height: 1.5em; letter-spacing: -0.03em; cursor: pointer; text-transform: unset; transition: 0.4s; color: var(--odefy-header-font-color); } .wgl-accordion .wgl-accordion_header::before { content: ""; position: absolute; left: -100vw; right: -100vw; top: 0; bottom: 0; pointer-events: auto; } .wgl-accordion .wgl-accordion_header .wgl-accordion_icon { --icon-size: 16px; font-size: var(--icon-size); font-weight: normal; border: unset; padding: 0; color: var(--odefy-primary-color); transition: 0.4s, --icon-size 0s; } .wgl-accordion .wgl-accordion_header .wgl-accordion_icon::before { width: 1em; height: 1em; line-height: 1em; display: block; } .wgl-accordion .wgl-accordion_title { font: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; transition: 0.4s; } .wgl-accordion .wgl-accordion_title-prefix { margin-right: 5px; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; text-transform: inherit; } .wgl-accordion .wgl-accordion_content { display: none; font-size: 15px; line-height: 1.867em; width: 100%; } .wgl-accordion .wgl-accordion_content p:last-child { margin-bottom: 0; } .wgl-accordion .wgl-accordion_panel { display: flex; flex-direction: column; align-items: center; position: relative; --acc-delimiter-color: rgba(var(--odefy-header-rgb), 0.15); --acc-delimiter-color-last: rgba(var(--odefy-header-rgb), 0.15); transition: border-radius 0.4s, background 0.4s; } .wgl-accordion .wgl-accordion_panel:last-child::before { border-bottom: var(--acc-delimiter-size, 1px) solid var(--acc-delimiter-color-last, transparent); transition: 0.4s; } .wgl-accordion .wgl-accordion_panel::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-top: var(--acc-delimiter-size, 1px) solid var(--acc-delimiter-color, transparent); pointer-events: none; z-index: 1; transition: 0.4s; } .wgl-accordion .wgl-accordion_panel::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; pointer-events: none; transition: 0.4s; } .wgl-accordion .wgl-accordion_panel:first-child { margin-top: 0 !important; } .wgl-accordion .wgl-accordion_panel:last-child { margin-bottom: 0 !important; } .wgl-accordion .wgl-accordion_panel.active .wgl-accordion_title, .wgl-accordion .wgl-accordion_panel .wgl-accordion_header:hover .wgl-accordion_title { color: var(--odefy-primary-color); } .wgl-accordion .wgl-accordion_panel.active .wgl-accordion_panel-inner::before { opacity: 1; } .wgl-accordion .wgl-accordion_panel-inner { max-width: 100%; } .wgl-accordion .wgl-accordion_panel-inner::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; opacity: 0; z-index: -1; transition: 0.4s; } .wgl-accordion_title-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: none; } .wgl-accordion_panel.active .wgl-accordion_title-link { pointer-events: auto; } .wgl-accordion.icon-plus .wgl-accordion_panel .wgl-accordion_icon, .wgl-accordion.icon-plus_bold .wgl-accordion_panel .wgl-accordion_icon { --icon-width: 2px; position: relative; z-index: 1; height: var(--icon-size); width: var(--icon-size); min-width: var(--icon-size); box-sizing: content-box; } .wgl-accordion.icon-plus .wgl-accordion_panel .wgl-accordion_icon::before, .wgl-accordion.icon-plus .wgl-accordion_panel .wgl-accordion_icon::after, .wgl-accordion.icon-plus_bold .wgl-accordion_panel .wgl-accordion_icon::before, .wgl-accordion.icon-plus_bold .wgl-accordion_panel .wgl-accordion_icon::after { content: ""; display: block; position: absolute; top: 50%; left: 50%; background-color: currentColor; transform: rotate(90deg); transition: transform 0.4s; } .wgl-accordion.icon-plus .wgl-accordion_panel .wgl-accordion_icon::before, .wgl-accordion.icon-plus_bold .wgl-accordion_panel .wgl-accordion_icon::before { width: inherit; height: var(--icon-width); margin: calc(-0.5 * var(--icon-width)) 0 0 calc(-0.5 * var(--icon-size)); } .wgl-accordion.icon-plus .wgl-accordion_panel .wgl-accordion_icon::after, .wgl-accordion.icon-plus_bold .wgl-accordion_panel .wgl-accordion_icon::after { width: var(--icon-width); height: inherit; margin: calc(-0.5 * var(--icon-size)) 0 0 calc(-0.5 * var(--icon-width)); } .wgl-accordion.icon-plus .wgl-accordion_panel.active .wgl-accordion_icon::before, .wgl-accordion.icon-plus .wgl-accordion_panel.active .wgl-accordion_icon::after, .wgl-accordion.icon-plus_bold .wgl-accordion_panel.active .wgl-accordion_icon::before, .wgl-accordion.icon-plus_bold .wgl-accordion_panel.active .wgl-accordion_icon::after { transform: rotate(-90deg); } .wgl-accordion.icon-plus .wgl-accordion_panel.active .wgl-accordion_icon::before, .wgl-accordion.icon-plus_bold .wgl-accordion_panel.active .wgl-accordion_icon::before { opacity: 0; } .wgl-accordion.icon-plus_bold .wgl-accordion_panel .wgl-accordion_icon { --icon-width: 5px; } .wgl-accordion.icon-plus_bold .wgl-accordion_panel .wgl-accordion_icon::before, .wgl-accordion.icon-plus_bold .wgl-accordion_panel .wgl-accordion_icon::after { border-radius: 2px; } /* ==================== ##Video Popup ==================== */ .wgl-video-popup { position: relative; line-height: 0; z-index: 1; } .wgl-video-popup .videobox_content { display: inline-flex; align-items: center; cursor: pointer; transition: 0.4s; } .wgl-video-popup .videobox_background img { position: relative; z-index: 0; width: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15); } .wgl-video-popup .title { position: relative; display: inline-block; font-family: var(--odefy-header-font-family); font-weight: var(--odefy-header-font-weight); font-size: 20px; line-height: 1.25; color: var(--odefy-header-font-color); z-index: 2; } .wgl-video-popup .videobox_link { display: block; position: relative; flex-shrink: 0; cursor: pointer; color: var(--odefy-body-background-color); fill: currentColor; stroke: currentColor; transition: all 0.4s; } .wgl-video-popup .videobox_link::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--odefy-header-font-color); border: 1px solid var(--odefy-header-font-color); border-radius: inherit; transition: all 0.4s; z-index: 2; } .wgl-video-popup .videobox_link:hover::before { transform: scale(1.1); } .wgl-video-popup .videobox_icon { display: block; position: absolute; z-index: 2; top: 50%; left: 50%; width: 20px; height: 24px; transform: translate(-40%, -50%); stroke-width: 0.05em; transition: none; } .wgl-video-popup .videobox_icon.icon_pack { width: auto; transform: translate(-50%, -50%); } .wgl-video-popup .videobox_icon.icon_pack::before { display: inline-block; content: "\f122"; font-family: "Flaticon"; vertical-align: middle; } .wgl-video-popup.title_pos-top .videobox_content { flex-direction: column; } .wgl-video-popup.title_pos-top .title { order: 0; margin-bottom: 14px; } .wgl-video-popup.title_pos-right .videobox_content { justify-content: flex-start; } .wgl-video-popup.title_pos-right .title { margin-left: 14px; order: 1; } .wgl-video-popup.title_pos-bot .videobox_content { flex-direction: column; } .wgl-video-popup.title_pos-bot .title { order: 1; margin-top: 14px; } .wgl-video-popup.title_pos-left .title { order: 0; margin-right: 14px; } .wgl-video-popup .videobox_animation { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; color: var(--odefy-primary-color); pointer-events: none; } .wgl-video-popup.animation-disable .videobox_link:hover, .wgl-video-popup.animation-disable .videobox_link:hover::before { transform: unset; } .wgl-video-popup.animation-circles .videobox_animation { z-index: 1; border-width: 0.5px; border-style: solid; opacity: 0; animation: circles 3.9s linear 0s infinite; animation-play-state: paused; } .wgl-video-popup.animation-circles .videobox_animation.circle_2 { animation-delay: 1.3s; } .wgl-video-popup.animation-circles .videobox_animation.circle_3 { animation-delay: 2.6s; } .wgl-video-popup.animation-circles .videobox_link { border-radius: 50%; } .wgl-video-popup.animation-circles .videobox_link::before { transform: unset; } .wgl-video-popup.animation-circles .videobox_link:hover .videobox_animation, .wgl-video-popup.animation-circles.idle-animation .videobox_animation { animation-play-state: running; } .wgl-video-popup.animation-circles.idle-animation .videobox_link:hover .videobox_animation { animation-play-state: paused; } @keyframes circles { 0% { transform: scale(1); opacity: 0; } 20% { transform: scale(1.44); opacity: 0.5; } 100% { transform: scale(3.2); opacity: 0; } } .wgl-video-popup.animation-ring_pulse .videobox_animation { z-index: 1; background: inherit; background-color: var(--odefy-primary-color); animation: pulse_ring 2.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite; animation-play-state: paused; } .wgl-video-popup.animation-ring_pulse .videobox_link { border-radius: 50%; } .wgl-video-popup.animation-ring_pulse .videobox_link::before { transform: unset; } .wgl-video-popup.animation-ring_pulse .videobox_link:hover .videobox_animation, .wgl-video-popup.animation-ring_pulse.idle-animation .videobox_animation { animation-play-state: running; } .wgl-video-popup.animation-ring_pulse.idle-animation .videobox_link:hover .videobox_animation { animation-play-state: paused; } @keyframes pulse_ring { 0% { transform: scale(1); } 50% { transform: scale(1.7); } 100% { transform: scale(1); } } .wgl-video-popup.animation-ring_static .videobox_link { border-radius: 50%; } .wgl-video-popup.animation-ring_static .videobox_link::before { transform: unset; } .wgl-video-popup.animation-ring_static .videobox_link .videobox_animation { z-index: -1; border: 1px solid; border-radius: inherit; top: -70%; left: -70%; width: 242%; height: 242%; transition: 0.5s; pointer-events: none; } .wgl-video-popup.animation-ring_static .videobox_link:hover .videobox_animation { transform: scale(0.3); opacity: 0; } .wgl-video-popup.animation-scale .videobox_link { transition: 0.4s, transform 0.2s; } .wgl-video-popup.animation-scale .videobox_link:hover { transform: scale(1.03); } .wgl-video-popup.animation-scale .videobox_link:active { transform: scale(0.97); } .wgl-video-popup.with_image .videobox_link_wrapper { position: absolute; z-index: 1; } .wgl-video-popup.with_image .videobox_link { width: 90px; height: 90px; color: var(--odefy-quaternary-color); fill: currentColor; } .wgl-video-popup.with_image .videobox_link::before { border-radius: 50%; background-color: var(--odefy-tertiary-color); border-color: var(--odefy-tertiary-color); } .wgl-video-popup.with_image .videobox_link svg { fill: var(--odefy-quaternary-color); stroke: var(--odefy-quaternary-color); width: 16px; } .wgl-video-popup.with_image .videobox_link:hover::before { transform: scale(1.1); } body .elementor-widget-wgl-video-popup.button_align-left { text-align: left; } body .elementor-widget-wgl-video-popup.button_align-left .videobox_content { justify-content: flex-start; } body .elementor-widget-wgl-video-popup.button_align-left .title_pos-bot .videobox_content, body .elementor-widget-wgl-video-popup.button_align-left .title_pos-top .videobox_content { justify-content: unset; align-items: flex-start; } body .elementor-widget-wgl-video-popup.button_align-left.elementor-element { display: block; width: 100%; } body .elementor-widget-wgl-video-popup.button_align-center { text-align: center; } body .elementor-widget-wgl-video-popup.button_align-center .videobox_content { justify-content: center; align-items: center; } body .elementor-widget-wgl-video-popup.button_align-center .title_pos-right .videobox_content { justify-content: center; align-items: center; } body .elementor-widget-wgl-video-popup.button_align-center.elementor-element { display: block; width: 100%; } body .elementor-widget-wgl-video-popup.button_align-right { text-align: right; } body .elementor-widget-wgl-video-popup.button_align-right .videobox_content { justify-content: flex-end; flex-direction: row; } body .elementor-widget-wgl-video-popup.button_align-right .title_pos-bot .videobox_content { justify-content: unset; align-items: flex-end; flex-direction: column; } body .elementor-widget-wgl-video-popup.button_align-right .title_pos-bot .title { order: 1; } body .elementor-widget-wgl-video-popup.button_align-right .title_pos-top .videobox_content { justify-content: unset; align-items: flex-end; flex-direction: column; } body .elementor-widget-wgl-video-popup.button_align-right .title_pos-top .title { order: 0; } body .elementor-widget-wgl-video-popup.button_align-right.elementor-element { display: block; width: 100%; } body .elementor-widget-wgl-video-popup.button_align-inline.elementor-element { display: inline-block; width: auto; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-left { text-align: left; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-left .videobox_content { justify-content: flex-start; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-left .title_pos-bot .videobox_content, body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-left .title_pos-top .videobox_content { justify-content: unset; align-items: flex-start; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-left.elementor-element { display: block; width: 100%; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-center { text-align: center; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-center .videobox_content { justify-content: center; align-items: center; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-center .title_pos-right .videobox_content { justify-content: center; align-items: center; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-center.elementor-element { display: block; width: 100%; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right { text-align: right; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right .videobox_content { justify-content: flex-end; flex-direction: row; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-bot .videobox_content { justify-content: unset; align-items: flex-end; flex-direction: column; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-bot .title { order: 1; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-top .videobox_content { justify-content: unset; align-items: flex-end; flex-direction: column; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right .title_pos-top .title { order: 0; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-right.elementor-element { display: block; width: 100%; } body:is(:not([data-elementor-device-mode=widescreen], [data-elementor-device-mode=desktop])) .elementor-widget-wgl-video-popup.button_align-tablet-inline.elementor-element { display: inline-block; width: auto; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-left { text-align: left; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-left .videobox_content { justify-content: flex-start; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-left .title_pos-bot .videobox_content, body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-left .title_pos-top .videobox_content { justify-content: unset; align-items: flex-start; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-left.elementor-element { display: block; width: 100%; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-center { text-align: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-center .videobox_content { justify-content: center; align-items: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-center .title_pos-right .videobox_content { justify-content: center; align-items: center; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-center.elementor-element { display: block; width: 100%; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right { text-align: right; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right .videobox_content { justify-content: flex-end; flex-direction: row; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-bot .videobox_content { justify-content: unset; align-items: flex-end; flex-direction: column; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-bot .title { order: 1; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-top .videobox_content { justify-content: unset; align-items: flex-end; flex-direction: column; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right .title_pos-top .title { order: 0; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-right.elementor-element { display: block; width: 100%; } body:is([data-elementor-device-mode=mobile_extra], [data-elementor-device-mode=mobile]) .elementor-widget-wgl-video-popup.button_align-mobile-inline.elementor-element { display: inline-block; width: auto; } /* ==================== ##Working Hours ==================== */ .wgl-working-hours .working-item { display: flex; align-items: baseline; } .wgl-working-hours .working-item_day { order: 1; margin-right: 13px; } .wgl-working-hours .working-item_hours { order: 3; margin-left: 13px; } .wgl-working-hours .working-item::after { content: ""; width: 100%; height: 1px; flex: 1; order: 2; transform: translateY(1px); } .wgl-working-hours .working-item .working-item_day { font-weight: 400; } .wgl-working-hours .working-item .working-item_hours { font-weight: 600; } /* ==================== ## WGL Zoom ==================== */ .elementor-element.elementor-widget-wgl-zoom { height: calc(200vh + var(--wgl-anim-speed, 0) * 100vh); margin: calc((100vh - var(--wgl-items-height, 100vh)) / -2) 0; } .wgl-zoom { height: 100vh; position: relative; } .wgl-zoom_wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: var(--content-width); margin: auto; } .wgl-zoom_item__wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transform: translate3D(var(--wgl-zoom-h-pos, 0), var(--wgl-zoom-v-pos, 0), 0); height: var(--wgl-items-height, auto); margin: auto; } .wgl-zoom_item__wrapper::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; opacity: var(--wgl-zoom-bg-opacity, 1); transform: scale(var(--wgl-zoom-bg-scale, 1)); } .wgl-zoom_item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: -moz-fit-content; height: fit-content; max-width: 100vw; opacity: var(--wgl-zoom-opacity, 1); filter: blur(var(--wgl-zoom-blur, 0px)); transform: scale(var(--wgl-zoom-scale, 1)); } .wgl-zoom.zoom_fixed .wgl-zoom_wrapper { position: fixed; top: 0; right: var(--padding-inline-start); bottom: 0; left: var(--padding-inline-end); } .wgl-zoom.zoom_completed .wgl-zoom_wrapper { transform: translateY(calc(100% + var(--wgl-anim-speed, 0) * 100%)); }