/* Theme Name: Hello Biz Child Template: hello-biz Version: 1.0.0 */ :root { --primary-font: "Space Grotesk", Sans-serif; } body { overflow-x: hidden; } .home .pc_breadcrumb { display: none; } .elementor-widget-image a img[src$=".svg"] { width: unset !important; } /*============= Global Section =============*/ .ctm_contact_primary_container:hover { background-color: #005ea4 !important; } .ctm_contact_secondary_container:hover { background-color: var(--e-global-color-primary) !important; } .ctm_contact_secondary_container:hover .ctm_button .elementor-button { background-color: #005ea4 !important; } .ctm_contact_secondary_container:hover > *, .ctm_contact_primary_container:hover > * { transition: all 400ms ease; } .ctm_certificazione_btn .elementor-button-content-wrapper{ flex-direction:row-reverse; } .ctm_certificazione_container:has(.ctm_arrow_button) .ctm_certificazione_btn_wrap{ display:none; } .ctm_download_btn .elementor-button { padding-left: 60px !important; position: relative; transition: all 350ms ease; } .ctm_download_btn .elementor-button:hover { padding-left: 64px !important; } .ctm_download_btn .elementor-button:hover .elementor-button-text { color: #005ea4 !important; } .ctm_economico_container .ctm_download_btn .elementor-button:hover .elementor-button-text { color: #fff !important; } .ctm_download_btn .elementor-button:hover .elementor-button-icon { transform: translateY(1px); } .ctm_download_btn .elementor-button .elementor-button-text { line-height: normal !important; place-content: center; text-align: left; } .ctm_download_btn .elementor-button .elementor-button-icon svg { width: auto; height: auto; } .ctm_contact_primary_container:hover .ctm_download_btn .elementor-button .elementor-button-icon svg path { stroke: #202124; } .ctm_download_btn.ctm_blue .elementor-button::before, .ctm_contact_primary_container .ctm_download_btn .elementor-button::before { content: url('data:image/svg+xml,'); } .ctm_download_btn .elementor-button::before, .ctm_contact_primary_container:hover .ctm_download_btn .elementor-button::before { content: url('data:image/svg+xml,'); position: absolute; width: 24px; height: 24px; top: 47%; left: 30px; transform: translate(-50%, -50%); } .ctm_contact_primary_container:hover .ctm_download_btn .elementor-button { transition: all 400ms ease; background-color: #fff; } .ctm_contact_primary_container:hover .ctm_download_btn .elementor-button-text { color: #202124; } .ctm_arrow_bg_t_button .elementor-button-wrapper, .ctm_arrow_button .elementor-button-wrapper { line-height: 0; } .ctm_arrow_bg_t_button .elementor-button, .ctm_arrow_button .elementor-button { padding: 17px 20px 17px 24px !important; color: #fff; font-family: "Space Grotesk", Sans-serif; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; transition: all 300ms ease-in-out; position: relative; overflow: hidden; border-radius: 8px; overflow: visible; } .ctm_padding_none_button .elementor-button, .ctm_arrow_bg_t_button .elementor-button { padding: 0 !important; } .contact_from_submit_btn, .eae-popup-wrapper .eae-popup-link, .ctm_arrow_button .elementor-button .elementor-button-content-wrapper { position: relative; } .contact_from_submit_btn .submit_btn_title::before, .eae-popup-wrapper .eae-popup-link::before, .ctm_arrow_button .elementor-button .elementor-button-content-wrapper::before { position: absolute; content: url('data:image/svg+xml,'); width: 8px; top: 1px; left: 0; height: 20px; transform: translate(-24px); opacity: 0; transition: all 300ms ease-in-out; } .eae-popup-wrapper .eae-popup-link::before { transform: translate(0px); top: 18px; } .contact_from_submit_btn .submit_btn_title { position: relative; } .contact_from_submit_btn:hover .submit_btn_title::before { transform: translate(-20px); opacity: 1; transition: all 300ms ease-in-out; } .contact_from_submit_btn > svg { overflow: visible; } .eae-popup-link:hover::before, .ctm_padding_none_button .elementor-button:hover .elementor-button-content-wrapper::before, .ctm_arrow_bg_t_button .elementor-button:hover .elementor-button-content-wrapper::before, .ctm_arrow_button .elementor-button:hover .elementor-button-content-wrapper::before { transform: translate(0px); opacity: 1; transition: all 300ms ease-in-out; } .eae-popup-link:hover::before { transform: translate(24px); } .contact_from_submit_btn:hover::before { transform: translate(62px); } .ctm_padding_none_button .elementor-button:hover .elementor-button-content-wrapper::before, .ctm_arrow_bg_t_button .elementor-button:hover .elementor-button-content-wrapper::before { transform: translate(0px); } .contact_from_submit_btn :is(input[type="submit"], svg, .submit_btn_title), .eae-popup-link :is(.eae-popup-btn-text, .eae-popup-btn-icon), .ctm_arrow_bg_t_button .elementor-button :is(.elementor-button-text, .elementor-button-icon), .ctm_arrow_button .elementor-button :is(.elementor-button-text, .elementor-button-icon) { transition: all 300ms ease-in-out; } .ctm_arrow_bg_t_button .elementor-button-content-wrapper, .ctm_arrow_button .elementor-button-content-wrapper { display: flex; gap: 8px !important; } .contact_from_submit_btn:hover svg, .eae-popup-link:hover .eae-popup-btn-icon, .ctm_arrow_bg_t_button .elementor-button:hover .elementor-button-icon, .ctm_arrow_button .elementor-button:hover .elementor-button-icon { opacity: 0; transition: all 300ms ease-in-out; transform: translate(12px); } .contact_from_submit_btn:hover .submit_btn_title, .eae-popup-link:hover .eae-popup-btn-text, .ctm_arrow_bg_t_button .elementor-button:hover .elementor-button-text, .ctm_arrow_button .elementor-button:hover .elementor-button-text { transform: translate(24px); transition: all 300ms ease-in-out; } .ctm_arrow_bg_t_button .elementor-button .elementor-button-content-wrapper::before { position: absolute; content: url('data:image/svg+xml,'); } .ctm_padding_none_button .elementor-button .elementor-button-content-wrapper::before, .ctm_arrow_bg_t_button .elementor-button .elementor-button-content-wrapper::before { width: 8px; top: 2px; left: 0; height: 20px; transform: translate(-24px); opacity: 0; transition: all 300ms ease-in-out; } /* .pc_breadcrumb { z-index: 999 !important; } */ .ctm_full_container_hover, .ctm_full_container_hover .elementor-button { position: unset !important; } .ctm_full_container_hover .elementor-button::after, .ctm_full_container_hover::before { position: absolute; content: ""; inset: 0; width: 100%; height: 100%; z-index: 9999; } .ctm_positions_unset { position: unset !important; z-index: 9; } .eae-popup .mfp-container { padding: 0 !important; } /*============= Header Section =============*/ .ctm_mobile_menu_header_sticky { inset-inline-start: 0 !important; } .ctm_header .e-n-menu-item .e-n-menu-dropdown-icon-opened { display: none !important; } .ctm_header .e-n-menu-item .e-n-menu-dropdown-icon-closed { display: flex !important; transition: transform 0.3s cubic-bezier(0.16, 0.85, 0.45, 1), -webkit-transform 0.3s cubic-bezier(0.16, 0.85, 0.45, 1); } .ctm_header .e-n-menu-item:has(.e-n-menu-content.e-active) .e-n-menu-dropdown-icon-closed { transform: scaleY(-1) translateY(-1px); } .ctm_header_container_hover :is(h3, p), .ctm_header_container_hover { transition: all 300ms ease; } .ctm_header_container_hover { position: relative; overflow: hidden; } .ctm_header_container_hover:hover { background-color: #012555 !important; transition: all 300ms ease; } .ctm_header_container_hover:hover .elementor-button-icon svg path { fill: #fff; } .ctm_header_container_hover:hover :is(h3, p, .elementor-button-text) { color: #fff !important; transition: all 300ms ease; } .ctm_menu_image_wrap a.has_eae_slider :is(.elementor-heading-title, .elementor-widget-image img), .ctm_child_menu a.elementor-element :is(.elementor-heading-title, p) { transition: all 350ms ease; } .ctm_menu_image_wrap a.has_eae_slider:hover .elementor-heading-title, .ctm_child_menu a.elementor-element:hover :is(.elementor-heading-title, p) { color: #a7aaaf; transition: all 350ms ease; } .ctm_menu_image_wrap a.has_eae_slider:hover .elementor-widget-image img { transform: scale(1.05); transition: all 350ms ease; } .ctm_menu_image_wrap .elementor-widget-image { overflow: hidden; border-radius: 12px; } .ctm_header .e-n-menu-item .e-n-menu-content { transform-origin: top; } .ctm_header .e-n-menu-item .e-n-menu-content.e-active { animation: slideDownAndScale 0.2s forwards; } @keyframes slideDownAndScale { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ctm_header_language_menu ul.hfe-nav-menu .menu-item-has-children ul.sub-menu { left: unset; right: 0; } header .e-off-canvas { --e-off-canvas-animation-duration-minimum: Max(0.001s, 0.3s); } /* header:has(.elementor-widget-off-canvas .e-off-canvas[aria-hidden="true"]) .ctm_header .e-n-menu .e-n-menu-wrapper>ul, header:has(.elementor-widget-off-canvas .e-off-canvas[aria-hidden="true"]) .ctm_header>.has_eae_slider{ transform: translateX(0); transition: transform Max(0.001s, 0.3s) ease; } header:has(.elementor-widget-off-canvas .e-off-canvas[aria-hidden="false"]) .ctm_header .e-n-menu .e-n-menu-wrapper>ul, header:has(.elementor-widget-off-canvas .e-off-canvas[aria-hidden="false"]) .ctm_header>.has_eae_slider{ transform: translateX(-100%); transition: transform Max(0.001s, 0.3s) ease; } */ /*============= Marquee Section =============*/ .marquee_section_wrap .swiper-wrapper { transition-timing-function: linear; cursor: auto !important; pointer-events: none !important; user-select: auto; } .marquee_section_wrap .swiper-wrapper:hover { transition-duration: 0ms !important; } .marquee_section_wrap .swiper { height: 200px !important; } .marquee_section_wrap .swiper-slide { display: flex; justify-content: center; align-items: center; margin: 0 !important; } .marquee_section_wrap .swiper-slide .elementor-carousel-image { height: 100%; width: 100%; background-size: contain !important; max-height: 66px; } .ctm_counter_section .elementor-counter-number-suffix { font-size: 50px; } .sostenibilita_counter .elementor-counter-title { text-align: right; } /*============= Home Page =============*/ .ctm_home_hero_slider .n2-ss-slider-controls .nextend-arrow.n2-ss-widget-hidden { opacity: 0.3 !important; } .ctm_home_hero_info { width: 40% !important; flex: none !important; } .ctm_home_hero_info > .n2-ss-layer-col { display: flex; flex-direction: column; gap: 30px; } .ctm_home_hero_slider > .n2-ss-margin { overflow-x: hidden; } .ctm_home_hero_slider .n2-ss-slide.n2-ss-slide-active .ctm_home_hero_info { animation: incomingOpacity 350ms ease-in-out forwards; } .ctm_home_hero_slider .n2-ss-slide:not(.n2-ss-slide-active) .ctm_home_hero_info { animation: incomingOpacity 350ms ease-in-out forwards reverse; } @keyframes incomingOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } .ctm_home_hero_slider .n2-ss-slide-background.active :is(video, .n2-ss-slide-background-image) { animation: incomingSlide 500ms ease-out forwards; } @keyframes incomingSlide { 0% { opacity: 0; transform: translateX(200px); } 100% { opacity: 1; transform: translateX(0); } } .ctm_home_hero_slider .n2-ss-slide-background:not(.active) :is(video, .n2-ss-slide-background-image) { animation: outgoingSlide 350ms ease-out forwards; } @keyframes outgoingSlide { 0% { opacity: 1; transform: translateX(-150px); } 100% { opacity: 0; transform: translateX(0); } } .n2-ss-slide:not(.n2-ss-slide-active) :is(.ctm_home_hero_heading, .ctm_home_hero_desc) { animation: outgoingBottom 350ms ease-out forwards; } @keyframes outgoingBottom { 0% { transform: translateY(0); } 100% { transform: translateY(20px); } } .n2-ss-slide:not(.n2-ss-slide-active) :is(.ctm_home_hero_btn) { animation: outgoingBottomBtn 350ms ease-out forwards; } @keyframes outgoingBottomBtn { 0% { transform: translateX(0); } 100% { transform: translateX(30px); } } .ctm_home_hero_slider .n2-ss-slider-controls .nextend-arrow { border-radius: 50%; width: 36px; height: 36px; border: 2px solid #fff; display: flex; justify-content: center; align-items: center; } .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-arrow) { flex-direction: row; gap: 24px; bottom: 44px; height: fit-content !important; margin-left: calc((100vw - var(--content-width) - 14px) / 2); align-items: center; width: -webkit-fill-available !important; } .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-indicator-track) { bottom: 170px; margin-left: calc((100vw - var(--content-width) - 14px) / 2); border-radius: 50%; align-items: start; height: auto !important; } .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-indicator-track) .nextend-indicator { max-width: 105px; } .ctm_home_hero_slider .n2-ss-control-bullet { flex: 1; text-align: center !important; margin-left: -127px !important; height: 6px; } .ctm_home_hero_slider .n2-ss-control-bullet { margin-bottom: 0px !important; } .ctm_home_hero_btn a { padding: 17px 20px 17px 24px !important; color: #fff !important; font-family: "Space Grotesk", Sans-serif !important; font-size: 14px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; text-transform: uppercase !important; transition: all 300ms ease-in-out !important; position: relative !important; overflow: hidden !important; border-radius: 8px !important; } .ctm_home_hero_btn a > div { position: relative !important; transition: all 300ms ease-in-out; gap: 12px; } .ctm_home_hero_btn a > div::before { position: absolute; content: url('data:image/svg+xml,'); width: 8px; top: 1px; left: 0; height: 20px; opacity: 0; transition: all 300ms ease-in-out; transform: translate(-26px); } .ctm_home_hero_btn a:hover > div::before { opacity: 1; transition: all 300ms ease-in-out; } .ctm_home_hero_btn a .nfa-chevron-right { transition: all 300ms ease-in-out; } .ctm_home_hero_btn a:hover > div { transform: translate(24px); transition: all 300ms ease-in-out; } .ctm_home_hero_btn a:hover .nfa-chevron-right { opacity: 0; transition: all 300ms ease-in-out; transform: translate(12px); } .ctm_home_tab_section .e-n-tabs-heading button:first-child { border-radius: 12px 0 0 0; } .ctm_home_tab_section .e-n-tabs-heading { display: grid; grid-template-columns: repeat(3, 1fr); } .ctm_home_tab_section .e-n-tabs-heading button:last-child { border-radius: 0 12px 0 0; } .ctm_home_tab_section #area_building[aria-selected="true"] { border-color: #a64e3e; } .ctm_home_tab_section #area_appalti_pubblici[aria-selected="true"] { border-color: #aa811d; } .home_accordion_section_wrap .e-n-accordion { counter-reset: counter; } .home_accordion_section_wrap details { position: relative; counter-increment: counter; } .home_accordion_section_wrap details::before { content: "0" counter(counter); position: absolute; left: 0; line-height: normal; color: var(--n-accordion-title-hover-color); font-size: 16px; font-weight: 400; letter-spacing: 0.2px; font-family: var(--primary-font); } .ctm_home_valori_image_section .elementor-widget-container:has(img) { overflow: hidden; transition: all 350ms ease; } .ctm_home_valori_image_section .ctm_home_valori_info_section, .ctm_home_valori_image_section .elementor-widget-container img { transition: all 350ms ease; } .ctm_home_valori_image_section:hover .elementor-widget-container img { transform: scale(1.05); } .ctm_home_valori_image_section:hover .ctm_home_valori_info_section { background-color: #005ea4 !important; } .ctm_home_valori_image_section:hover .ctm_arrow_button .elementor-button { background-color: var(--e-global-color-primary) !important; } .ctm_progetti_container .ctm_progetti_header { transition: all 450ms ease; opacity: 0; } .ctm_progetti_container { overflow: hidden; position: relative; } .ctm_progetti_container::before { position: absolute; content: ""; background-image: linear-gradient(180deg, #04040499 39.04%, #040404 100%); opacity: 0.8; inset: 0; width: 100%; height: 100%; z-index: 0; } .ctm_progetti_container .ctm_progetti_btn { opacity: 0; /* transform: translateY(30px); */ transition: all 350ms ease; } .ctm_progetti_container { background-size: 100% 100% !important; } .ctm_progetti_container:hover { cursor: pointer; background-size: 103% 103% !important; transition: all 350ms ease; } .ctm_progetti_container:hover .ctm_progetti_btn { opacity: 1; transition: all 600ms ease; } .ctm_progetti_container .ctm_progetti_content { margin-bottom: -57px; transition: all 600ms ease; } .ctm_progetti_container:hover .ctm_progetti_content { margin-bottom: 0; transition: all 600ms ease; } .ctm_progetti_container:hover .ctm_progetti_header { opacity: 1; } .ctm_progetti_content .ctm_progetti_title { font-family: var(--primary-font); font-weight: 600; font-size: 26px; line-height: 32px; text-transform: uppercase; color: #efeff0; margin: 0; } .ctm_progetti_content_wrap { display: flex; flex-direction: column; gap: 20px; max-width: 50%; margin-top: auto; z-index: 9; } .ctm_progetti_header_wrap { opacity: 0; transition: all 400ms ease; } .ctm_progetti_container:hover .ctm_progetti_header_wrap { opacity: 1; } .ctm_progetti_slide .ctm_progetti_container { border-radius: 12px; padding: 36px 36px 54px 36px; height: 480px; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; transition: all 400ms ease; overflow: hidden; position: relative; } .ctm_progetti_slide .ctm_progetti_container:hover { background-size: 103% 103% !important; } .ctm_progetti_slide .ctm_progetti_slide_content { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .ctm_progetti_slide_content .elementor-button { padding-right: 2px !important; } .ctm_progetti_header_wrap { display: flex; justify-content: space-between; z-index: 9; } .ctm_progetti_header_wrap .ctm_progetti_header_content { color: #efeff0; font-family: var(--primary-font); font-size: 14px; font-style: normal; font-weight: 700; line-height: 18px; text-transform: uppercase; } .ctm_image_carousel_container .elementor-swiper-button, .ctm_progetti_slide_arrow_wrap .ctm_progetti_slide_arrow { position: relative !important; inset: unset !important; border: 2px solid #202124 !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .ctm_image_carousel_container .elementor-swiper-button { border-color: #ffffff !important; bottom: 0px !important; } .ctm_image_carousel_container .elementor-swiper-button-next { right: 20px !important; position: absolute !important; } .ctm_image_carousel_container .elementor-swiper-button-prev { right: 84px !important; position: absolute !important; } .ctm_image_carousel_container .swiper-pagination { position: absolute; bottom: 20px !important; left: 20px; width: fit-content; } .ctm_image_carousel_container .swiper-slide-inner { height: 570px; position: relative; border-radius: 12px; overflow: hidden; } .ctm_image_carousel_container .swiper-slide-inner::before { position: absolute; content: ""; background: linear-gradient(360deg, #202124 0%, rgba(32, 33, 36, 0) 100%); height: 50%; bottom: 0; left: 0; right: 0; opacity: 50%; } .ctm_image_carousel_container .swiper-slide .swiper-slide-image { max-height: 570px; height: 100%; width: 100%; object-fit: cover; } .ctm_building_image_carousel_container :is(.swiper-slide-inner, .swiper-slide .swiper-slide-image) { height: 460px; max-height: 460px; } .ctm_image_carousel_container .swiper-pagination-bullet { transition: all 300ms ease; } .ctm_image_carousel_container .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 12px !important; border-radius: 20px; background: #fff !important; } .ctm_progetti_slide_arrow_wrap .ctm_progetti_slide_arrow::after { font-size: 10px; font-weight: 900; color: #202124; } .ctm_progetti_slide_control .swiper-pagination { inset: 0 !important; position: relative !important; width: auto !important; display: flex; align-items: center; gap: 12px; } .ctm_progetti_slide_control .swiper-pagination .swiper-pagination-bullet { transition: all 250ms ease !important; background-color: #4a4b4e !important; width: auto !important; height: auto !important; padding: 3px; margin: 0 !important; } .ctm_progetti_slide_control .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #202124 !important; /* width: 12px !important; */ padding-left: 2px !important; padding-right: 10px !important; border-radius: 20px !important; } .ctm_progetti_slide_control { position: relative !important; display: flex; align-items: start; justify-content: space-between; margin-top: 20px; } .ctm_progetti_slide_arrow_wrap { display: flex; align-items: center; gap: 24px; } .ctm_home_tab_section .e-n-tabs-content .has_eae_slider.e-active .ctm_home_tab_content_wrap { animation: contentFromLeft 400ms ease-out forwards; opacity: 0; } @keyframes contentFromLeft { 0% { opacity: 0; margin-left: 30px; } 100% { opacity: 1; margin-left: 0; } } .mouse_enter_accordion_wrap .e-n-accordion { overflow: hidden; } .mouse_enter_accordion_wrap .e-n-accordion-item::after { position: absolute; content: ""; bottom: 0; height: 1px; border-bottom: 1px solid; border-color: #202124; width: 100%; animation: faq-slider-reverse 250ms linear forwards; } .mouse_enter_accordion_wrap .e-n-accordion-item[open]:first-of-type::after, .mouse_enter_accordion_wrap .e-n-accordion-item:hover::after { border-color: #202124; animation: faq-slider 500ms linear forwards; } @keyframes faq-slider-reverse { from { left: 0%; } to { left: -100%; } } @keyframes faq-slider { from { left: -100%; } to { left: 0; } } .ctm_home_project_slider .swiper-pagination .swiper-pagination-bullet { transition: all 250ms ease; } .ctm_home_project_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 12px; border-radius: 6px; background: #4abcff; } /*============= Contact page =============*/ .contact_form_main_wrap br { display: none; } .form_group_wrap { display: flex; gap: 30px; } .contact_form_main_wrap :is(.form_group_control_wrap) { display: flex; flex-direction: column; gap: 28px; width: 100%; } .contact_form_main_wrap .form_group_input { display: grid; gap: 28px 30px; width: 100%; } .form_group_control_wrap p { margin: 0; } .form_group_control_wrap :is(.form_group_select select, .form_group_label) { font-family: var(--primary-font); font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.2px; color: #4a4b4e; transition: all 250ms ease; } .ctm_mobile_dropdown select.e-filter-dropdown, .form_group_control_wrap .form_group_select select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: url("/wp-content/uploads/2025/08/arrow-down-2.svg") no-repeat right; background-position: right 12px center !important; height: 60px; background-size: 24px; } .form_group:has(input[type="file"]) { height: auto; } .form_group input[type="file"] { width: 100%; } .form_group_control_wrap .form_group_input .form_group_control { height: 60px; } .form_group_control_wrap :is(.form_group_select select, .form_group_control) { background-color: #fff; border-radius: 4px; padding: 18px 38px 18px 12px; border: 0; outline: none; font-family: var(--primary-font); font-weight: 400; font-size: 16px; line-height: 24px; color: #202124; transition: all 250ms ease; } .form_group_control_wrap :is(.form_group_control) { background-color: transparent !important; } .form_group_textarea textarea { resize: none !important; } .form_group_control_wrap .form_group { position: relative; background-color: #fff; height: 60px; } .form_group_control_wrap .form_group:has(textarea) { height: 100%; } .form_group_control_wrap .form_group_label { position: absolute; top: 18px; left: 12px; } .form_group_control_wrap .form_group_control:focus, .form_group.has-value .form_group_control { padding: 24px 12px 12px; } .form_group:has(.form_group_control:focus) .form_group_label, .form_group.has-value .form_group_label { font-size: 12px; line-height: 16px; font-weight: 400; top: 8px; } .form_group_control_wrap .wpcf7-not-valid-tip { font-family: var(--primary-font); font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: 0.2px; background-color: transparent !important; } .form_group_checkbox { margin-top: 20px; } .form_group_checkbox .wpcf7-list-item-label > a { color: #202124; font-weight: 700; text-decoration: underline; } .contact_from_submit_btn_wrap { margin-top: 48px; } .contact_from_submit_btn_wrap :is(br, .wpcf7-spinner) { display: none; } .contact_from_submit_btn { padding: 17px 60px; background-color: #012555; border-radius: 8px; border: 0; display: flex; justify-content: center; align-items: center; gap: 10px; } .contact_from_submit_btn input[type="submit"] { position: absolute; text-indent: -9999px; inset: 0; } .contact_from_submit_btn :is(input[type="submit"], .submit_btn_title) { font-family: var(--primary-font); font-weight: 500; font-size: 14px; line-height: normal; text-transform: uppercase; color: #fff !important; border: 0 !important; background-color: transparent !important; padding: 0 !important; /* overflow: hidden; */ } .contact_from_submit_btn_wrap p { margin: 0; display: flex; justify-content: end; flex-direction: row-reverse; align-items: end; } /* .contact_from_submit_btn .submit_btn_title::before { position: absolute; inset: 0; width: 100%; height: 100%; } */ .form_group_checkbox .wpcf7-list-item { margin: 0; } .form_group_checkbox label { display: flex; align-items: start; gap: 20px; position: relative; padding-left: 40px; cursor: pointer; } .form_group_checkbox .wpcf7-list-item-label { font-family: var(--primary-font); font-weight: 400; font-size: 14px; line-height: normal; letter-spacing: 0.2px; color: #202124; } .form_group_checkbox .wpcf7-list-item-label::before { content: ""; position: absolute; left: 0; top: 12px; transform: translateY(-50%); height: 20px; width: 20px; background-color: #fff; border-radius: 2px; border: 1px solid #232323; } .form_group_checkbox .wpcf7-list-item-label::after { content: ""; position: absolute; left: 7px; top: 4px; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .form_group_checkbox .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before { background-color: #012555; } .form_group_checkbox input[type="checkbox"] { opacity: 0; position: absolute; } /*============= Faq Section =============*/ .faq_section_wrap .e-n-accordion-item-title-header { width: 90%; } .faq_section_wrap .e-n-accordion-item-title-icon { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #dee7eb; transition: all 400ms ease; } .faq_section_wrap .e-n-accordion-item-title-icon svg { margin-top: 1px; } .ctm_soluzioni_faq_section_wrap .e-n-accordion-item-title-icon { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #ffffff; transition: all 400ms ease; } .faq_section_wrap .e-n-accordion-item:hover .e-n-accordion-item-title-icon { background-color: #4b7887; } .faq_section_wrap .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #4b7887; transform: rotate(-180deg); } .faq_section_wrap.ctm_bg_red .e-n-accordion-item-title-icon { background-color: #f4e8e6; } .faq_section_wrap.ctm_bg_yellow .e-n-accordion-item-title-icon { background-color: #faf5ea; } .faq_section_wrap.ctm_bg_green .e-n-accordion-item-title-icon { background-color: #dbe9e3; } .faq_section_wrap.ctm_bg_red .e-n-accordion-item:hover .e-n-accordion-item-title-icon, .faq_section_wrap.ctm_bg_red .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #a64e3e; } .faq_section_wrap.ctm_bg_yellow .e-n-accordion-item:hover .e-n-accordion-item-title-icon, .faq_section_wrap.ctm_bg_yellow .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #aa811d; } .faq_section_wrap.ctm_bg_green .e-n-accordion-item:hover .e-n-accordion-item-title-icon, .faq_section_wrap.ctm_bg_green .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon { background-color: #3d8b6c; } .ctm_faq_carousel_wrap .swiper-pagination { left: unset !important; bottom: unset !important; } .ctm_faq_carousel_wrap .elementor-swiper-button { top: 100% !important; } .ctm_faq_carousel_wrap .elementor-swiper-button.swiper-button-disabled.swiper-button-lock, .ctm_faq_carousel_wrap:not(.e-widget-swiper) .elementor-swiper-button { display: none !important; } /*============= Soluzioni e servizi Page =============*/ .ctm_image_carpusel_wrap .n2-bullet { transition: all 500ms ease-in-out !important; } .ctm_progetti_slide_control .swiper-pagination:has( .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(6) ) .swiper-pagination-bullet:nth-child(2), .ctm_progetti_slide_control .swiper-pagination:has( .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1), .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2), .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3), .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4) ) .swiper-pagination-bullet:nth-child(5), .ctm_image_carpusel_wrap .nextend-bullet-bar:has(div:nth-child(6) .n2-bullet.n2-active) div:nth-child(2) .n2-bullet, .ctm_image_carpusel_wrap .nextend-bullet-bar:has( div:nth-child(1) .n2-bullet.n2-active, div:nth-child(2) .n2-bullet.n2-active, div:nth-child(3) .n2-bullet.n2-active, div:nth-child(4) .n2-bullet.n2-active ) div:nth-child(5) .n2-bullet { padding: 2px !important; } .ctm_progetti_slide_control .swiper-pagination:has( .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(6) ) .swiper-pagination-bullet:nth-child(1), .ctm_progetti_slide_control .swiper-pagination:has( .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1), .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2), .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3), .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4), .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5) ) .swiper-pagination-bullet:nth-child(6), .ctm_image_carpusel_wrap .nextend-bullet-bar:has(div:nth-child(6) .n2-bullet.n2-active) div:nth-child(1) .n2-bullet, .ctm_image_carpusel_wrap .nextend-bullet-bar:has( div:nth-child(1) .n2-bullet.n2-active, div:nth-child(2) .n2-bullet.n2-active, div:nth-child(3) .n2-bullet.n2-active, div:nth-child(4) .n2-bullet.n2-active, div:nth-child(5) .n2-bullet.n2-active ) div:nth-child(6) .n2-bullet { padding: 1px !important; } .ctm_image_carpusel_wrap .nextend-bullet-bar .n2-bullet.n2-active { transition: all 500ms ease-in-out !important; padding-left: 2px !important; padding-right: 10px !important; } .ctm_teams_slider_wrap :is(.n2-ss-slider-2, .n2-ss-slider-3, .n2-ss-slide.n2-ss-slide-active) { overflow: unset !important; } .ctm_teams_slider_wrap .n2-ss-slide .n2-ss-slide--focus { position: absolute; left: 0; bottom: -60px; top: unset; width: fit-content; height: fit-content; z-index: unset; opacity: 1; filter: unset; } .cer_image_section_wrap .cer_image_section { overflow: hidden; } .ctm_area_card_wrap .ctm_area_card_btn, .cer_image_section_wrap .cer_image_section img { transition: all 400ms ease; } .cer_image_section_wrap > .e-con-inner { position: relative; } .cer_image_section_wrap .e-con-inner:hover .cer_image_section img { transition: all 400ms ease; transform: scale(1.05); } .ctm_area_card_wrap .ctm_area_card_img_wrap { overflow: hidden; border-radius: 12px; transition: all 400ms ease; } .ctm_area_card_wrap:hover { gap: 20px; } .ctm_area_card_wrap:hover .ctm_area_card_img_wrap { /* transform: translateY(4px); */ margin-top: 4px; transition: all 400ms ease; } .ctm_area_card_wrap:hover .ctm_area_card_info_wrap { transform: translateY(-4px); /* margin-top: -2px; */ transition: all 400ms ease; } .ctm_area_card_wrap .ctm_area_card_btn { /* transform: translate(-100%); */ opacity: 0; margin-top: -72px; z-index: 99; padding-bottom: 20px; } .ctm_area_card_wrap:hover .ctm_area_card_btn { /* transform: translate(20px); */ padding-left: 20px; opacity: 1; } .ctm_area_card_wrap, .ctm_area_card_wrap:hover .ctm_area_card_info_wrap, .ctm_area_card_wrap .ctm_area_card_img_wrap img { transition: all 400ms ease; } .ctm_area_card_wrap .ctm_area_card_img_wrap .elementor-widget-container:has(img) { overflow: hidden; border-radius: 12px; } .ctm_area_card_wrap:hover .ctm_area_card_img_wrap img { transform: scale(1.05); } /*============= Lavora con noi Page =============*/ .ctm_positions_container:hover { transition: all 400ms ease; background-color: var(--e-global-color-primary) !important; cursor: pointer; } .ctm_positions_container:hover :is(h3, p, .ctm_posizioni_desc .elementor-widget-container) { transition: all 400ms ease; color: #fff !important; } .eae-popup-wrapper :is(.eae-popup-link, .eae-popup-link svg path) { transition: all 400ms ease; } .ctm_positions_container:hover .eae-popup-wrapper .eae-popup-link, .ctm_positions_container:hover .ctm_positions_btn .elementor-button { transition: all 400ms ease; background-color: #005ea4 !important; color: #fff !important; } .ctm_positions_container:hover .eae-popup-wrapper .eae-popup-link svg path { fill: #ffffff; } .ctm_positions_container:hover .ctm_positions_btn .elementor-button svg path { transition: all 400ms ease; fill: #fff; } .ctm_posizioni_desc > .elementor-widget-container strong { display: inline-block; width: 100%; margin-block: 20px; } .ctm_posizioni_desc > .elementor-widget-container ul { padding-left: 16px; list-style-type: disc; } .eae-popup-container:has(.ctm_candidatura_main_popup[style="display: block;"]) .eae-close { display: none; } .ctm_candidatura_form .form_group_control_wrap :is(.form_group_select select, .form_group_control) { border: 1px solid #a7aaaf; } .eae-popup-wrapper .eae-popup-btn-icon { display: flex; align-items: center; width: fit-content; } .eae-popup-wrapper .eae-popup-link svg { width: 14px; height: 14px; } .main-container { display: flex; justify-content: center; align-items: center; } .circle-wrapper { position: relative; width: 420px; height: 420px; border-radius: 50%; } .circle-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; } .circle-item { position: absolute; width: 210px; height: 210px; padding: 28px; border: 1px solid #005ea4; background-color: #012555; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; font-weight: bold; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .circle-item span { display: block; transform-origin: center center; transition: transform 0.1s; font-family: var(--primary-font); color: #ffffff; font-weight: 700; font-style: Bold; font-size: 22px; line-height: normal; text-align: center; } /*============= Team Slider =============*/ .ctm_team_slider .n2-ss-slider-controls { align-items: start; position: relative !important; } .ctm_team_slider .n2-ss-slider-controls .nextend-arrow { border-radius: 50%; width: 36px; height: 36px; border: 2px solid var(--e-global-color-primary); display: flex; justify-content: center; align-items: center; } .ctm_team_slider .n2-ss-slider-controls:has(.nextend-arrow) { flex-direction: row; gap: 24px; align-items: start; margin-top: 20px; height: auto !important; } .ctm_team_slider .n2-ss-slider-controls .nextend-arrow.n2-ss-widget-hidden { opacity: 0.3 !important; } .ctm_team_slider .n2-ss-control-bullet { order: -1; flex: 1; text-align: start !important; } .ctm_team_slider .n2-ss-slide-background img { border-radius: 12px !important; } /*============= Testimonianze Section =============*/ .pt-testimonial-slider { overflow: hidden; } .pt-slider-header { display: flex; /* gap: 150px; */ justify-content: space-between; align-items: end; padding-bottom: 80px; } .pt-slider-header, .ctm_testimonial_description_container, .ctm_testimonials_swiper { position: relative; } .ctm_testimonial_description_wrapper { padding-top: 42px; border-top: 1px solid #ffffff33; width: 100%; } .ctm_testimonial_description_wrap { /* max-width: 27%; */ margin: 0 auto; transition: all 0.3s ease; } .pt-slider-section-title { color: #4abcff; font-family: var(--primary-font); font-size: 20px; font-style: normal; font-weight: 700; line-height: 24px; text-transform: uppercase; } .testimonial-item { display: flex; flex-direction: column; margin-bottom: 26px !important; } .testimonial-item .testimonial-title { margin: 0; } .pt-slider-counter { color: #4abcff; font-family: var(--primary-font); font-size: 24px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.2px; } .pt-slider-counter .ctm_current_slide { font-weight: 700; } .ctm_slider_control_btn_wrap .swiper-button-next, .ctm_slider_control_btn_wrap .swiper-button-prev { width: 40px; height: 40px; border: 2px solid #4abcff; border-radius: 50%; color: #4abcff; } .ctm_slider_control_btn_wrap .swiper-button-next::after, .ctm_slider_control_btn_wrap .swiper-button-prev::after { font-size: 10px; font-weight: 900; } .ctm_testimonials_red :is( .pt-slider-section-title, .pt-slider-counter, .ctm_slider_control_btn_wrap :is(.swiper-button-next, .swiper-button-prev) ) { color: #a64e3e; } .ctm_testimonials_red .ctm_slider_control_btn_wrap :is(.swiper-button-next, .swiper-button-prev) { border-color: #a64e3e; } .ctm_testimonials_yellow :is( .pt-slider-section-title, .pt-slider-counter, .ctm_slider_control_btn_wrap :is(.swiper-button-next, .swiper-button-prev) ) { color: #aa811d; } .ctm_testimonials_yellow .ctm_slider_control_btn_wrap :is(.swiper-button-next, .swiper-button-prev) { border-color: #aa811d; } .ctm_testimonials_sky_blue :is( .pt-slider-section-title, .pt-slider-counter, .ctm_slider_control_btn_wrap :is(.swiper-button-next, .swiper-button-prev) ) { color: #4b7887; } .ctm_testimonials_sky_blue .ctm_slider_control_btn_wrap :is(.swiper-button-next, .swiper-button-prev) { border-color: #4b7887; } .ctm_container { max-width: var(--content-width); margin: 0 auto; } .ctm_slider_control_btn_wrap { display: flex; align-items: center; gap: 24px; } .ctm_slider_control_btn_wrap .ctm_slider_control_btn { position: relative !important; inset: unset; margin: 0; } .swiper-slide:not(.swiper-slide-active) .testimonial-title { font-size: 24px !important; line-height: normal !important; color: #ffffff4d !important; } .swiper-slide:not(.swiper-slide-active) .testimonial-subtitle { font-size: 14px !important; line-height: normal !important; color: #ffffff4d !important; } .swiper-slide .testimonial-title, .swiper-slide .testimonial-subtitle { transition: all 600ms ease; } .testimonial-description p { margin: 0; } /*============= Chi siamo page =============*/ .ctm_management_card { position: relative; overflow: hidden; } .ctm_management_card .ctm_management_card_img, .ctm_management_card_img img { transition: all 450ms ease; } .ctm_management_card .ctm_management_card_img .elementor-widget-container { overflow: hidden; transition: all 450ms ease; border-radius: 12px; } .ctm_management_card .ctm_management_card_img { transform: translateY(0px); } .ctm_management_card:hover .ctm_management_card_content { transform: translateY(-6px); transition: all 450ms ease; } .ctm_management_card:hover .ctm_management_card_img img { transform: scale(1.04); transition: all 450ms ease; } .ctm_management_model { position: absolute; inset: 0; width: 100%; height: 100%; } .ctm_management_model a.eae-popup-link { position: absolute; inset: 0; width: 100%; height: 100%; text-indent: -999999px; } .eae-popup.mfp-wrap { z-index: 999999; } .eae-popup-container .eae-close { top: 78px; left: 0; margin-left: calc((100vw - 1340px - 14px) / 2); position: fixed; } /* .eae-popup-container:has(.ctm_popup_close_btn_hide) .eae-close{ display: none; } */ .eae-popup-container:has(.ctm_governance_model_container) .eae-close { top: 30px !important; position: absolute !important; } .eae-popup-container .eae-close::before { color: #202124; height: 12px; font-size: 16px; place-content: center; } .eae-popup-container .eae-close::after { content: "indietro"; padding-left: 26px; font-family: var(--primary-font); font-weight: 500; font-size: 16px; line-height: normal; text-transform: uppercase; color: #202124; } /* Timeline section here */ .pt-timeline { max-width: var(--content-width); margin: 0 auto; position: relative; overflow: hidden; } .storia_heading { font-family: var(--primary-font) !important; font-weight: 700 !important; font-size: 20px; line-height: normal; letter-spacing: 0.2px; text-transform: uppercase; color: #4abcff !important; margin: 0 !important; padding-bottom: 65px; } .storia_info_wrap .storia_title { color: #edf8ff !important; font-family: var(--primary-font); font-size: 18px; font-style: normal; font-weight: 700; line-height: 25px; letter-spacing: 0.2px; text-transform: uppercase; margin: 0 !important; } .storia_year_desc_wrap .storia_year { margin: 0 !important; color: #fff !important; font-family: var(--primary-font); font-size: 106px; font-style: normal; font-weight: 700; line-height: 84px; letter-spacing: 0.2px; } .storia_year_desc_wrap { display: flex; flex-direction: column; gap: 20px; } .storia_info_wrap { display: flex; flex-direction: column; gap: 40px; width: 70%; } .storia_year_desc_wrap .storia_desc { color: #edf8ff; font-family: var(--primary-font); font-size: 18px; font-style: normal; font-weight: 400; line-height: 25px; letter-spacing: 0.2px; margin: 0 !important; } .timeline_swiper_slide { display: flex; align-items: start; } .swiper-slide:has(.timeline_swiper_slide) { margin-bottom: 100px; } .pt-timeline .timeline-left { flex: 1 1 45%; } .pt-timeline .timeline-right { flex: 1 1 50%; text-align: end; } .pt-timeline .timeline-right img { border-radius: 12px; max-width: 650px; max-height: 440px; width: 100%; height: 100%; object-fit: cover; } .pt-timeline .swiper-pagination { text-align: center; margin-top: 0; display: flex; justify-content: space-around; gap: 15px; } .pt-timeline .swiper-pagination-bullet { background-color: transparent !important; font-family: var(--primary-font); font-weight: 700; font-size: 16px; line-height: normal; letter-spacing: 0.2px; text-align: center; color: #edf8ff; opacity: 1; height: 100%; width: 100%; margin: 0 !important; display: flex; flex-direction: column; gap: 12px; } .pt-timeline .swiper-pagination .bullet-loader { position: relative; width: 100%; height: 4px; background: rgba(0, 94, 164, 0.4); overflow: hidden; display: inline-block; } .pt-timeline .swiper-pagination .bullet-loader-fill { position: absolute; height: 100%; width: 0%; animation: none; left: 0; display: inline-block; } .pt-timeline .swiper-pagination-bullet-active .bullet-loader-fill { animation: slide-loader 5s linear forwards; background: #4abcff; } @keyframes slide-loader { 0% { width: 0%; } 60% { width: 80%; } 100% { width: 100%; } } .animate-bottom { animation: slideFromBottom 0.6s ease-out forwards; opacity: 0; } @keyframes slideFromBottom { 0% { opacity: 0; transform: translateY(120px); } 100% { opacity: 1; transform: translateY(0); } } .animate-top { animation: slideToBottom 0.4s ease-out forwards; opacity: 1; } @keyframes slideToBottom { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(120px); } } .pt-timeline .swiper-slide { z-index: 0; position: relative; } .pt-timeline .swiper-slide-active { z-index: 10; } .timeline_swiper_slide { opacity: 0; pointer-events: none; transition: opacity 800ms ease-in-out; } .swiper-slide-active .timeline_swiper_slide { opacity: 1; pointer-events: auto; } /*============= tab faq =============*/ .ctm_tab_faq_section .e-n-tabs-heading[role="tablist"] > .e-n-tab-title { max-width: 60%; } /*============= Premi e certificazioni page =============*/ .our_project_filter_select_wrap .selection .select2-selection, .ctm_mobile_dropdown select.e-filter-dropdown, .ctm_certificazione_tabs_wrap select.e-filter-dropdown { margin: 0 !important; font-family: var(--primary-font); font-weight: 400; font-size: 16px; line-height: 24px; color: #202124; border-radius: 4px; border-color: #a7aaaf; text-transform: capitalize; appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; padding: 18px 38px 18px 12px; outline: none; } .our_project_filter_select_wrap .selection .select2-selection { padding: 18px 12px; } .ctm_white_dropdown select.e-filter-dropdown { background-color: #fff; } .ctm_certificazione_tabs_wrap .e-filter { position: relative; } .ctm_certificazione_tabs_wrap .e-filter::after { position: absolute; content: url('data:image/svg+xml,'); width: 24px; height: 24px; top: 50%; right: 0; transform: translate(-50%, -50%); } /*============= Progetti page =============*/ .our_project_filter_select_wrap { display: flex; gap: 30px; margin-bottom: 30px; overflow: overlay; padding-bottom: 10px; } body:has(#wpadminbar) .select2-container--open .select2-dropdown { top: 32px; } .select2-container--open .select2-dropdown { background-color: #ffffff !important; border-color: #a7aaaf !important; border-radius: 0 0 4px 4px !important; } .select2-container--open .select2-dropdown .custom-select2-option { display: flex; align-items: center; gap: 12px; } .select2-container--default .select2-results__option[aria-selected="true"], .select2-container--open .select2-dropdown .select2-results__option.select2-results__option--highlighted { background-color: #edf8ff !important; } .select2-results__options .select2-results__option.select2-results__message, .select2-container--open .select2-dropdown .custom-select2-option .label-text { font-family: var(--primary-font); font-weight: 400; font-size: 14px; line-height: 24px; letter-spacing: 0.2px; color: #000; } .select2-selection__rendered:has(.select2-selection__clear) .select2-search.select2-search--inline { display: none; } .our_project_filter_select_wrap input[type="search"]::placeholder, .our_project_filter_select_wrap input[type="search"] { font-family: var(--primary-font); font-weight: 400; font-size: 16px !important; line-height: 24px; color: #202124 !important; margin: 0 !important; opacity: 1; } .our_project_filter_select_wrap .selection .select2-selection { align-items: center; display: flex; min-width: 310px; max-width: 310px; position: relative; } .our_project_filter_select_wrap .selection .select2-selection::after { position: absolute; content: url('data:image/svg+xml,'); width: 24px; height: 24px; top: 50%; right: 0; transform: translate(-50%, -50%); transition: all 300ms ease; } .our_project_filter_select_wrap .selection .select2-selection[aria-expanded="true"]::after { transform: translate(-50%, -50%) rotate(-180deg); } .our_project_filter_select_wrap .selection .select2-selection:has(.select2-selection__clear)::after { content: unset; } .our_project_filter_select_wrap .selection .select2-selection :is(.select2-selection__rendered) { padding: 0; margin: 0; } .custom-select2-option .checkbox { width: 20px; height: 20px; border: 1px solid #a7aaaf; display: inline-block; border-radius: 4px; } .select2-container--default .select2-results__option[aria-selected="true"] .checkbox { background-color: #012555; border-color: #012555; position: relative; } .select2-container--default .select2-results__option[aria-selected="true"] .checkbox::after { content: ""; position: absolute; top: 3px; left: 6px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .select2-selection__rendered .select2-selection__clear { margin: 0 !important; width: 18px; height: 18px; border-radius: 50%; background-color: #012555; color: #fff; display: flex; justify-content: center; align-items: center; margin-top: 3px !important; } .our_project_filter_select ul.select2-selection__rendered .select2-selection__choice { padding: 0 !important; } .select2-selection__rendered li.select2-selection__choice { margin: 0 !important; font-family: var(--primary-font); font-weight: 400; font-size: 16px; line-height: 24px; color: #202124; background-color: transparent !important; border: none !important; border-radius: 0 !important; float: unset !important; } .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove { display: none !important; } #our-project-filter { overflow: hidden; } .our-project-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 30px; } .our_project_load_more_wrap { display: flex; justify-content: center; align-items: center; } .our_project_load_more_btn { margin-top: 80px; padding: 18px 28px; background: #edf8ff; border-radius: 8px; font-family: var(--primary-font); font-weight: 500; font-size: 14px; line-height: normal; text-transform: uppercase; color: #012555; transition: all 250ms ease; border: 0; } .our_project_load_more_btn:hover { color: #fff; background-color: #012555; } .ctm_products_image_container_wrap{ display: none !important; } .ctm_products_image_container_wrap:has(.ctm_project_image_carousel_wrap){ display: flex !important; } .ctm_project_image_carousel_wrap .swiper-slide-inner .swiper-slide-image{ width: 100% !important; object-fit: cover; max-height: 660px !important; } .ctm_project_image_carousel_wrap .elementor-image-carousel-wrapper{ width: 100% !important; } .ctm_project_image_carousel_wrap .elementor-image-carousel-wrapper .elementor-swiper-button{ border-radius: 50%; width: 40px; height: 40px; border: 2px solid var(--e-global-color-primary); display: flex; justify-content: center; align-items: center; outline: none; box-shadow: none; top: 100% !important; } .ctm_project_image_carousel_wrap .elementor-image-carousel-wrapper .elementor-swiper-button.elementor-swiper-button-prev{ left: unset !important; right: 64px !important; } .ctm_project_image_carousel_wrap .elementor-image-carousel-wrapper .elementor-swiper-button-next> svg{ transform: rotate(180deg); } .ctm_project_image_carousel_wrap .elementor-image-carousel-wrapper .swiper-pagination{ width: fit-content; } .ctm_project_image_carousel_wrap .swiper-pagination .swiper-pagination-bullet{ margin-bottom: 0 !important; transition: 250ms ease-in-out; } .ctm_project_image_carousel_wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ transition: 250ms ease-in-out; width: 12px !important; border-radius: 6px; } /*============= Timeline Section =============*/ .timeline { position: relative; margin: 0 auto; max-width: 840px; } .progress-line { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 0; background: #fff; z-index: 2; /* transition: height 50ms linear; */ } .timeline:before { content: ""; position: absolute; left: 50%; width: 1px; height: 100%; background: #60a189; z-index: 1; } .timeline .ctm_timeline_content_ul { padding: 0; margin: 0; } .timeline .ctm_timeline_content_li { list-style: none; position: relative; width: 50%; padding-bottom: 130px; box-sizing: border-box; } .timeline .ctm_timeline_content_li:nth-child(odd) { padding-right: 50px; float: left; text-align: right; clear: both; } .timeline .ctm_timeline_content_li:nth-child(even) { padding-left: 50px; float: right; text-align: left; clear: both; } .timeline .ctm_timeline_content_li:before { position: absolute; content: ""; width: 13px; height: 13px; border-radius: 50%; z-index: 9; background-color: #60a189; top: 0; transition: background-color 0.3s linear; } .timeline .ctm_timeline_content_li.active:before { background-color: #fff; } .timeline .ctm_timeline_content_li:nth-child(odd):before { right: -6.5px; } .timeline .ctm_timeline_content_li:nth-child(even):before { left: -6.5px; } .ctm_timeline_content_wrapper, .ctm_timeline_content_wrap { display: flex; flex-direction: column; gap: 12px; } .ctm_timeline_content_wrapper { gap: 30px; opacity: 30%; transition: opacity 0.3s linear; } .timeline .ctm_timeline_content_li.active .ctm_timeline_content_wrapper { opacity: 1; } .ctm_timeline_count { color: #edf8ff; font-family: var(--primary-font); font-weight: 400; font-size: 18px; line-height: normal; margin: 0; } .ctm_timeline_heading { margin: 0; font-family: var(--primary-font); font-weight: 700 !important; font-size: 32px; line-height: normal; text-transform: uppercase; color: #edf8ff !important; transition: all 300ms ease; } .ctm_timeline_content_wrap > p { color: #edf8ff; font-family: var(--primary-font); font-weight: 400; font-size: 18px; line-height: normal; margin: 0; } .ctm_timeline_heading span { opacity: 0; display: inline-block; transition: all 300ms ease; transform: translateY(10px); animation: fadeInUp 0.4s forwards; } .ctm_timeline_content_li:not(.active) .ctm_timeline_heading { opacity: 0; } @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } /*============= Video controller =============*/ .glass-controls { position: absolute; bottom: 24px; width: 100%; max-width: 100%; z-index: 10; padding-inline: 24px; } .glass-controls_wrap { width: 100%; display: flex; align-items: center; gap: 20px; } .glass_range_wrap { display: flex; width: 100%; } .glass_range_toggle_wrap, .glass_controls_btn_wrap { display: flex; align-items: center; gap: 10px; } .glass_range_toggle_wrap { width: 100%; gap: 16px; } .glass-btn { border: none; padding: 0; background: #fff !important; backdrop-filter: blur(8px); border-radius: 50%; width: 36px; height: 36px; padding: 12px; font-size: 18px; color: #012555; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.3s; } .glass-btn:hover { background: #fff; } .glass_range_wrap input[type="range"] { -webkit-appearance: none; appearance: none; width: 100%; height: 36px; border-radius: 12px; outline: none; cursor: pointer; background: #ffffff33; backdrop-filter: blur(6px); } .glass_range_wrap input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 36px; height: 36px; border-radius: 0 12px 12px 0px; opacity: 0.6; background-color: #fff; box-shadow: -900px 0 0px 880px #fff; } .glass_range_wrap #seekBar { overflow: hidden; } .video-container video { width: 100%; border-radius: 10px; display: block; max-height: 570px; object-fit: cover; } .video-container { position: relative; width: 100%; } /*============= Supporto Page =============*/ .ctm_supporto_page_tabs { transform: translateY(-114px); margin-bottom: -114px !important; } .ctm_supporto_page_tabs .e-n-tabs-heading { transform: translateY(194px); } .faq_section_wrap .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon svg path, .faq_section_wrap .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg path, .ctm_supporto_page_tabs .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon svg path, .ctm_supporto_page_tabs .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg path { stroke: #fff; } .form_group:has(.upload-box) { position: relative; } .upload-box { border: 2px dashed #a7aaaf; background-color: #e3e3e3; padding: 38px; text-align: center; cursor: pointer; color: #4a4b4e; font-family: var(--primary-font); border-radius: 4px; transition: 0.3s; } .upload-box :is(h4, .dynamic_file_get) { margin: 0; font-family: var(--primary-font); font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: 0.2px; text-align: center; } .upload-box .dynamic_file_get { font-size: 14px; } .contact_form_main_wrap:has(.upload-box) p:has(input[type="file"]) { position: absolute; inset: 0; width: 100%; height: 100%; } .contact_form_main_wrap:has(.upload-box) input[type="file"] { width: 100%; height: 100%; opacity: 0 !important; } /* */ .ctm_details_faq .e-n-accordion-item-title :is(.e-n-accordion-item-title-header, .e-n-accordion-item-title-icon) { z-index: 9; } .ctm_details_faq .e-n-accordion-item { overflow: hidden; border-radius: 12px; } .ctm_details_faq .e-n-accordion-item-title { position: relative; transition: 0.2s ease all; /* overflow: hidden; */ } .ctm_details_faq .e-n-accordion-item-title::before { position: absolute; content: ""; top: 50%; left: 0; right: 0; bottom: 50%; opacity: 0; transition: 0.4s all ease; } .ctm_details_faq .e-n-accordion-item-title:hover::before { top: 0; bottom: 0; opacity: 1; transition: 0.4s all ease; } .ctm_bg_blue_faq_section .e-n-accordion-item-title::before { background-color: #4b7887; } .ctm_bg_red_faq_section .e-n-accordion-item-title::before { background-color: #a64e3e; } .ctm_bg_yellow_faq_section .e-n-accordion-item-title::before { background-color: #aa811d; } .ctm_header_social_icons .elementor-icon, .ctm_popup_social_icons .elementor-icon, .ctm_footer_social_icons .elementor-icon { overflow: hidden; position: relative; transition: all 250ms ease-in-out; } .ctm_header_social_icons .elementor-icon::after, .ctm_popup_social_icons .elementor-icon::after, .ctm_footer_social_icons .elementor-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 120%; height: 120%; border-color: transparent !important; border-radius: 50%; transform: translate(-50%, -50%) scale(0); opacity: 1; z-index: -1; background-color: #ffffff; } .ctm_popup_social_icons .elementor-icon::after { background-color: #012555; } .ctm_header_social_icons .elementor-icon::after { background-color: #202124; } .ctm_header_social_icons .elementor-icon:hover::after, .ctm_popup_social_icons .elementor-icon:hover::after, .ctm_footer_social_icons .elementor-icon:hover::after { animation: bubbleIn 250ms ease-out forwards; } .ctm_header_social_icons .elementor-icon:not(:hover)::after, .ctm_popup_social_icons .elementor-icon:not(:hover)::after, .ctm_footer_social_icons .elementor-icon:not(:hover)::after { animation: bubbleOut 250ms ease-in forwards; } @keyframes bubbleIn { 0% { transform: translate(-50%, -50%) scale(0); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(1); opacity: 1; } } @keyframes bubbleOut { 0% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(0); opacity: 0; } } .ctm_header_social_icons .elementor-icon svg path, .ctm_popup_social_icons .elementor-icon svg path, .ctm_footer_social_icons .elementor-icon svg path { transition: all 250ms ease; } .ctm_footer_social_icons .elementor-icon:hover svg path { transition: all 250ms ease; fill: #012555; } .ctm_header_social_icons .elementor-icon:hover svg path, .ctm_popup_social_icons .elementor-icon:hover svg path { transition: all 250ms ease; fill: #ffffff; } .ctm_single_after_before_image_wrap .eae-img-comp-container { overflow: hidden; border-radius: 12px; } .ctm_single_after_before_image_wrap .eae-img-comp-container .eae-img-comp-slider { padding: 35px 20px !important; } .ctm_single_after_before_image_wrap .eae-img-comp-slider > svg { width: 40px; height: 70px; } .pt-scroll-navbar { display: flex; flex-wrap: nowrap; align-items: center; overflow-x: overlay; gap: 40px; } .pt-scroll-navbar::-webkit-scrollbar { display: none; } .pt-scroll-navbar .pt-scroll-link { margin: 0 !important; text-wrap: nowrap; } .pc_breadcrumb .hfe-breadcrumbs-first .hfe-breadcrumbs-home-icon { margin: 0 !important; } /*============= Responsive start here =============*/ @media (min-width: 1341px) { .pt-slider-header, .ctm_testimonial_description_container, .ctm_testimonials_swiper { margin-left: calc((100vw - 1340px) / 2); } .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-indicator-track), .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-arrow) { padding-inline: 8px; } } @media (min-width: 1025px) { .home .ctm_header:not(.elementor-sticky--active) { background-color: transparent !important; } .home:has(li.e-n-menu-item .e-n-menu-content.e-active) .ctm_header { background-color: #ffffff !important; } .home .ctm_header:not(.elementor-sticky--active) .elementor-widget-theme-site-logo img { filter: brightness(0) invert(1); } .home:has(li.e-n-menu-item .e-n-menu-content.e-active) .ctm_header .elementor-widget-theme-site-logo img { filter: unset; } .home .ctm_header:not(.elementor-sticky--active) .e-n-menu-heading .e-n-menu-title .e-n-menu-title-text { color: #fff !important; } .home:has(li.e-n-menu-item .e-n-menu-content.e-active) .ctm_header .e-n-menu-heading .e-n-menu-title .e-n-menu-title-text { color: #202124 !important; } .home:has(li.e-n-menu-item .e-n-menu-content.e-active) .ctm_header .e-n-menu-heading .e-n-menu-title:hover .e-n-menu-title-text { color: #a7aaaf !important; } .home .ctm_header:not(.elementor-sticky--active) .e-n-menu-heading .e-n-menu-title svg path { fill: #fff !important; } .home:has(li.e-n-menu-item .e-n-menu-content.e-active) .ctm_header .e-n-menu-heading .e-n-menu-title svg path { fill: #202124 !important; } .home:has(li.e-n-menu-item .e-n-menu-content.e-active) .ctm_header .e-n-menu-heading .e-n-menu-title:hover svg path { fill: #a7aaaf !important; } .ctm_header .e-n-menu-item:has(.e-n-menu-content) .e-n-menu-title { cursor: pointer !important; } .ctm_header .e-n-menu-item:has(.e-n-menu-content) .e-n-menu-title a { pointer-events: none; cursor: pointer !important; } /* body:has(.ctm_no_sticky_header) header .ctm_sticky_header { position: relative !important; transition: none !important; display: flex !important; width: 100% !important; top: unset !important; } */ .pc_breadcrumb.ctm_no_sticky_header, header .ctm_sticky_header { transition: all .3s; } body:has(.ctm_no_sticky_header) header.scrolling-down .ctm_sticky_header { display: flex !important; width: 100% !important; top: -100% !important; } /* body:has(.ctm_no_sticky_header) header .ctm_sticky_header.elementor-sticky__spacer{ display: none !important; } */ body:has(header.scrolling-up) .pc_breadcrumb.ctm_no_sticky_header.elementor-sticky--effects { top: 85px !important; /* z-index: 999; */ } } @media (min-width: 768px) { .mouse_enter_accordion_wrap .e-n-accordion .e-n-accordion-item-title .e-n-accordion-item-title-icon{ display: none !important; } .ctm_manager_section_wrap .elementor-grid .elementor[data-elementor-type="loop-item"]:first-of-type { grid-column-start: 2; } .ctm_tab_container { background-size: 100% 100% !important; } .ctm_tab_container:hover { cursor: pointer; background-size: 103% 103% !important; } .ctm_contact_primary_container .ctm_download_btn .elementor-button { width: 370px; } .ctm_contact_img_container:hover { cursor: pointer; background-size: 105% !important; } .cer_image_section, .ctm_full_img_container { background-size: 100% 100% !important; } .cer_image_section_wrap .e-con-inner:hover:hover .cer_image_section, .ctm_full_img_container:hover { cursor: pointer; background-size: 103% 103% !important; } .ctm_certificazione_tabs_wrap select.e-filter-dropdown { min-width: 310px; } .contact_form_main_wrap .form_group_input { display: grid; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 551px) { .ctm_home_tab_section .e-n-tabs-heading button span br { display: none !important; } } @media (max-width: 1380px) { .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-indicator-track), .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-arrow) { padding-inline: 16px; left: 8px; } .eae-popup-container .eae-close, .eae-popup-container:has(.ctm_governance_model_container) .eae-close { margin: 0; left: 16px; } } @media (max-width: 1280px) { .circle-wrapper > svg, .circle-wrapper { width: 320px; height: 320px; } .circle-item { width: 180px; height: 180px; padding: 18px; } .circle-item span { font-size: 20px; } } @media (min-width: 1025px) and (max-width: 1280px) { .ctm_header_servizi_menu { gap: 64px; } } @media (max-width: 1024px) { .pc_breadcrumb.ctm_no_sticky_header{ position: sticky !important; top: 71px !important; z-index: 99 !important; } .ctm_home_hero_slider > .n2-ss-margin { margin-top: 0 !important; } .storia_year_desc_wrap .storia_year { font-size: 80px; line-height: 62px; } .pt-timeline .swiper-pagination { gap: 12px; } .pt-timeline .swiper-pagination-bullet { font-size: 14px; } .storia_heading { padding-bottom: 50px; font-size: 18px; } .storia_year_desc_wrap .storia_desc { font-size: 16px; line-height: normal; } .storia_info_wrap { gap: 36px; width: 80%; } .ctm_home_hero_info .ctm_home_hero_heading .n2-ss-item-content { font-size: 36px !important; line-height: 40px !important; } .ctm_home_hero_info > .n2-ss-layer-col { gap: 28px; } .ctm_home_hero_info { width: 80% !important; flex: none !important; } .ctm_progetti_container .ctm_progetti_content { margin-bottom: -38px; transition: all 600ms ease; } .timeline .ctm_timeline_content_li { padding-bottom: 100px; } .ctm_timeline_heading { font-size: 28px; line-height: 32px; } .timeline .ctm_timeline_content_li:nth-child(odd) { padding-right: 40px; } .timeline .ctm_timeline_content_li:nth-child(even) { padding-left: 40px; } .ctm_soluzioni_faq_section_wrap .e-n-accordion-item-title-icon { width: 32px; height: 32px; padding: 12px; } .ctm_image_carousel_container .swiper-pagination { left: 16px; } .ctm_image_carousel_container .swiper-slide-inner { height: 400px !important; } .ctm_image_carousel_container .swiper-slide .swiper-slide-image { max-height: 400px; } .ctm_image_carousel_container .elementor-swiper-button-prev { right: 74px !important; position: absolute !important; } .ctm_counter_section .elementor-counter-number-suffix { font-size: 30px; } .ctm_supporto_page_tabs { transform: translateY(-94px); margin-bottom: -94px !important; } .faq_section_wrap .e-n-accordion-item-title-icon { width: 32px; height: 32px; } .home_accordion_section_wrap details::before { font-size: 14px; } .pt-slider-header { gap: 70px; } .ctm_home_hero_btn a, .ctm_arrow_bg_t_button .elementor-button, .ctm_arrow_button:not(.ctm_mobile_full_btn) .elementor-button { padding: 14px 20px 14px 24px !important; } .ctm_progetti_content_wrap .ctm_padding_none_button .elementor-button, .ctm_padding_none_button .elementor-button, .ctm_arrow_bg_t_button .elementor-button { padding: 0 !important; } .ctm_contatti_map iframe { height: 545px; } .contact_from_submit_btn_wrap { margin-top: 40px; } .ctm_team_slider .n2-ss-slider-controls .nextend-arrow { width: 36px; height: 36px; } .ctm_team_slider .n2-ss-slider-controls:has(.nextend-arrow) { gap: 20px; } .ctm_progetti_content .ctm_progetti_title { font-size: 22px; line-height: 28px; } .ctm_progetti_slide .ctm_progetti_container { padding: 38px 28px; } .ctm_image_carousel_container .elementor-swiper-button, .ctm_progetti_slide_arrow_wrap .ctm_progetti_slide_arrow { width: 38px !important; height: 38px !important; } .ctm_progetti_slide_arrow_wrap { gap: 20px; } .pt-slider-section-title { font-size: 18px; line-height: 22px; } .ctm_slider_control_btn_wrap .swiper-button-next, .ctm_slider_control_btn_wrap .swiper-button-prev { width: 36px; height: 36px; } .pt-slider-counter { font-size: 22px; } .testimonial-item .testimonial-title { font-size: 28px !important; line-height: normal !important; } .ctm_slider_control_btn_wrap { gap: 20px; } .ctm_slider_control_btn_wrap .swiper-button-next::after, .ctm_slider_control_btn_wrap .swiper-button-prev::after { font-size: 12px; } .our_project_load_more_btn { margin-top: 50px; padding: 17px 26px; line-height: 18px; } .our-project-grid { gap: 24px; } .circle-center > svg { width: 80px; height: auto; object-fit: contain; } .ctm_home_hero_slider .n2-ss-slider-controls .nextend-arrow { width: 32px; height: 32px; } .n2-ss-section-main-content:has(.ctm_home_hero_info) { padding-bottom: 180px !important; } .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-indicator-track) { bottom: 140px; } .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-arrow) { gap: 18px; } .ctm_home_hero_slider .n2-ss-control-bullet { margin-left: -107px !important; } .ctm_teams_slider_wrap .n2-ss-slide .n2-ss-slide--focus { font-size: 14px; line-height: normal; } .pt-timeline .swiper-pagination .bullet-loader { height: 3px; } .eae-popup-container .eae-close { top: 68px !important; } .ctm_header_menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper { background-color: #ffffff !important; top: 46px !important; } .ctm_header_menu .e-n-menu-wrapper .e-n-menu-item .e-n-menu-title { display: flex; align-items: center; flex-wrap: nowrap !important; } .ctm_header_menu .e-n-menu-wrapper .e-n-menu-item .e-n-menu-title a.e-n-menu-title-container { width: 100%; z-index: 99; position: relative; } .ctm_header_menu .e-n-menu-wrapper .e-n-menu-item .e-n-menu-title:has(button.e-n-menu-dropdown-icon) a.e-n-menu-title-container::after { position: absolute; content: url('data:image/svg+xml,'); right: 0; width: 24px; height: 24px; } .ctm_header_menu .e-n-menu-wrapper .e-n-menu-item .e-n-menu-title button.e-n-menu-dropdown-icon{ display: none !important; } .ctm_header_menu > .elementor-widget-container > nav.e-n-menu > .e-n-menu-wrapper { height: calc(100dvh - 46px); overflow-y: overlay; padding-top: 60px; } .ctm_humberger_menu_dropdown nav.e-n-menu ul.e-n-menu-heading { flex-direction: column; } .ctm_header_tablet { display: none !important; height: 100%; } .ctm_header_menu .ctm_header_tablet { display: flex !important; } .ctm_humberger_menu_dropdown .e-n-menu .e-n-menu-toggle { display: none !important; } .ctm_humberger_menu_dropdown .e-n-menu .e-n-menu-wrapper { display: contents !important; } body:has(.ctm_header_menu .e-n-menu-toggle[aria-expanded="true"]) { overflow: hidden; } } @media (max-width: 767px) { .upload-box .dynamic_file_get { text-decoration: underline; } .pc_breadcrumb.ctm_no_sticky_header{ top: 60px !important; } .ctm_header_menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper { height: calc(100vh - 36px); top: 36px !important; } .ctm_posizioni_desc > .elementor-widget-container strong { margin-block: 16px; } .eae-popup-container .eae-close { top: 30px !important; position: absolute; } .eae-popup-container:has(.ctm_governance_model_container) .eae-close { top: 22px !important; } .timeline_swiper_slide { flex-direction: column; gap: 12px; } .storia_heading { padding-bottom: 40px; font-size: 16px; } .storia_info_wrap .storia_title { font-size: 16px; line-height: 20px; } .storia_year_desc_wrap .storia_year { font-size: 60px; line-height: 42px; } .storia_year_desc_wrap .storia_desc { font-size: 14px; } .storia_info_wrap { gap: 32px; width: 100%; } .pt-timeline .timeline-right { text-align: center; width: 100%; } .pt-timeline .timeline-right img { max-width: 100%; max-height: 440px; } .swiper-slide:has(.timeline_swiper_slide) { margin-bottom: 70px; } .pt-timeline .swiper-pagination { gap: 10px; } .pt-timeline .swiper-pagination-bullet { font-size: 12px; gap: 9px; } .pt-timeline .swiper-pagination .bullet-loader { height: 2px; } .glass-controls_wrap { gap: 12px; flex-direction: column; align-items: start; position: relative; } .glass_range_toggle_wrap button.glass-btn { position: absolute; bottom: 0; right: 0; } .glass-controls { padding-inline: 18px; bottom: 16px; } .glass_range_wrap input[type="range"] { height: 7px; } .glass_range_toggle_wrap { order: 1; } .glass_controls_btn_wrap { order: 2; } .ctm_teams_slider_wrap .n2-ss-slide .n2-ss-slide--focus { width: 100%; font-size: 12px; line-height: normal; } .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-arrow) { gap: 14px; } .ctm_home_hero_slider .n2-ss-control-bullet { margin-left: -90px !important; } .ctm_home_hero_slider .n2-ss-slider-controls .nextend-arrow { width: 28px; height: 28px; } .ctm_home_hero_info .ctm_home_hero_heading .n2-ss-item-content { font-size: 32px !important; } .ctm_home_hero_info { width: calc(100% - 20px) !important; flex: none !important; } .n2-ss-section-main-content:has(.ctm_home_hero_info) { padding-bottom: 160px !important; } .ctm_home_hero_slider .n2-ss-slider-controls:has(.nextend-indicator-track) { bottom: 120px; } .ctm_home_hero_desc .n2-ss-item-content p { font-size: 16px !important; line-height: 22px !important; } .ctm_home_hero_info .n2-ss-layer-col { gap: 24px !important; } .timeline .ctm_timeline_content_li { padding: 0 0 100px 30px !important; float: unset !important; text-align: unset !important; width: 100%; } .timeline .ctm_timeline_content_li::before { left: -6.5px; right: unset; } .timeline:before, .progress-line { left: 0; } .ctm_timeline_heading { font-size: 24px; line-height: 28px; } .ctm_image_carousel_container .swiper-slide-inner { height: 300px !important; } .ctm_image_carousel_container .swiper-slide .swiper-slide-image { max-height: 300px; } .circle-wrapper > svg, .circle-wrapper { width: 230px; height: 230px; } .circle-item { width: 130px; height: 130px; padding: 13px; } .circle-item span { font-size: 14px; } .circle-center > svg { width: 60px; } .ctm_button_text_center .elementor-button-content-wrapper, .ctm_mobile_full_btn .elementor-button-content-wrapper { width: fit-content; margin-inline: auto; } .ctm_supporto_page_tabs .e-n-tabs-heading, .ctm_supporto_page_tabs { transform: translateY(0); margin-bottom: 0 !important; } .our_project_load_more_btn { margin-top: 30px; } .our-project-grid { grid-template-columns: repeat(1, 1fr); gap: 16px; } .our_project_filter_select_wrap .selection .select2-selection { min-width: 260px; max-width: 260px; } .ctm_home_hero_btn a, .ctm_arrow_bg_t_button .elementor-button, .ctm_arrow_button:not(.ctm_mobile_full_btn) .elementor-button { padding: 11px 20px 11px 24px !important; } .ctm_single_after_before_image_wrap .eae-img-comp-container .eae-img-comp-slider { padding: 15px 25px !important; } .ctm_single_after_before_image_wrap .eae-img-comp-slider > svg { height: auto; } .ctm_progetti_content_wrap .ctm_padding_none_button .elementor-button, .ctm_arrow_button.ctm_padding_none_button .elementor-button, .ctm_padding_none_button .elementor-button, .ctm_arrow_bg_t_button .elementor-button { padding: 0 !important; } .ctm_footer_icon_list_wrap .elementor-icon-list-items { display: flex; flex-direction: column; gap: 16px; } .ctm_contatti_map iframe { height: 485px; } .contact_form_main_wrap :is(.form_group_control_wrap), .contact_form_main_wrap .form_group_input { gap: 28px; } .contact_from_submit_btn_wrap { margin-top: 32px; } /* .ctm_image_carousel_container .swiper-pagination, */ .ctm_project_image_carousel_wrap .elementor-image-carousel-wrapper .swiper-pagination, .ctm_faq_carousel_wrap .swiper-pagination { width: 100%; } /* .ctm_image_carousel_container .elementor-swiper-button, */ .ctm_project_image_carousel_wrap .elementor-image-carousel-wrapper .elementor-swiper-button, .ctm_faq_carousel_wrap .elementor-swiper-button, .ctm_progetti_slide_arrow_wrap, .ctm_team_slider .n2-ss-slider-controls .nextend-arrow { display: none !important; } .ctm_image_carousel_container .elementor-swiper-button { width: 32px !important; height: 32px !important; } .ctm_image_carousel_container .elementor-swiper-button-prev { right: 64px !important; } .ctm_team_slider .n2-ss-control-bullet { text-align: center !important; } .ctm_image_carpusel_wrap .n2-ss-slide { min-height: 300px; } .ctm_progetti_content .ctm_progetti_title { font-size: 20px; line-height: 24px; } .ctm_progetti_slide .ctm_progetti_container { height: 340px; } .ctm_progetti_content_wrap { gap: 10px; max-width: 100%; } .ctm_progetti_container .ctm_progetti_content { margin-bottom: -36px; } .ctm_progetti_header_wrap .ctm_progetti_header_content { font-size: 12px; } .ctm_progetti_slide_control { align-items: center; justify-content: center; } .pt-slider-section-title { font-size: 16px; line-height: 20px; width: 100% !important; } .ctm_slider_control_btn_wrap .swiper-button-next, .ctm_slider_control_btn_wrap .swiper-button-prev { width: 32px; height: 32px; } .pt-slider-counter { font-size: 20px; width: 50% !important; } .testimonial-item .testimonial-title { font-size: 20px !important; } .testimonial-item { margin-bottom: 20px !important; } .ctm_testimonial_description_wrapper { padding-top: 0; border: none; } .ctm_testimonial_description_wrap { max-width: 100%; margin: 0; } .testimonial-description p { font-size: 16px !important; line-height: normal !important; } .ctm_slider_control_btn_wrap { gap: 14px; width: 50% !important; justify-content: end; } .ctm_slider_control_btn_wrap .swiper-button-next::after, .ctm_slider_control_btn_wrap .swiper-button-prev::after { font-size: 10px; } .pt-testimonial-slider .pt-slider-header { flex-wrap: wrap; gap: 44px 0; padding-bottom: 42px; } } @media (max-width: 575px) { .contact_from_submit_btn { width: 100%; } .ctm_image_carousel_container .swiper-slide-inner { height: 280px !important; } .ctm_image_carousel_container .swiper-slide .swiper-slide-image { max-height: 280px; } .ctm_image_carousel_container .elementor-swiper-button, .ctm_progetti_slide_arrow_wrap .ctm_progetti_slide_arrow { width: 32px !important; height: 32px !important; } .ctm_image_carousel_container .elementor-swiper-button-prev { right: 62px !important; } .ctm_project_image_carousel_wrap .swiper-slide-inner .swiper-slide-image{ width: 100%; height: 300px; object-fit: cover; } } @media (max-width: 350px) { .circle-wrapper > svg, .circle-wrapper { width: 210px; height: 210px; } .circle-item { width: 120px; height: 120px; } }