html, body { max-width:100vw; overflow-x:hidden; }  li.lang-item a { padding-top:17px !important; } #mainheader { background-color: #ffffff;  } .home #mainheader:not(.she-header) { background-color:transparent; background: linear-gradient(to top, transparent 0%, rgba(0,0,0,0.8) 100%); }  .home #masthead { margin-bottom:-110px; } #mainheader:hover { background-color: #353535;  background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100% ); transition: background-color .3s ease-in-out; } #mainheader #mainlogo .hfe-site-logo-img, .home #mainheader:not(.she-header) #mainlogo .hfe-site-logo-img { transition: filter 0.3s ease-in-out; } .hfe-nav-menu .menu-item a::before, .hfe-nav-menu .menu-item a::after, a.hfe-sub-menu-item { transition: all 0.3s ease-in-out; } .seeportfolio a .elementor-button-icon svg { transition: all 0.3s ease-in-out; } #mainheader:hover #mainlogo .hfe-site-logo-img, .home #mainheader:not(.she-header) #mainlogo .hfe-site-logo-img { filter: brightness(300%); } #mainheader:hover .hfe-nav-menu > li > a, #mainheader:hover .hfe-nav-menu > li > div > a, .home #mainheader:not(.she-header) .hfe-nav-menu > li > a, .home #mainheader:not(.she-header) .hfe-nav-menu > li > div > a { color:#FFF; text-shadow:1px 1px 2px rgba(0,0,0,0.6); } .page-id-3048 .proiectegrid .latest-post-selection article:hover .article__info *, .page-id-3048 .proiectegrid .latest-post-selection.ver2 article:hover a.main-link, .page-id-4884 .proiectegrid .latest-post-selection article:hover .article__info *, .page-id-4884 .proiectegrid .latest-post-selection.ver2 article:hover a.main-link { color:#0187bb !important; } .elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent:not(.parent-has-child) a.hfe-menu-item:hover::after { background-color: var( --e-global-color-accent ) !important; } .elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent:not(.parent-has-child) a.hfe-menu-item:hover::after { background-color:#FFF; } .elementor-counter-title{ text-align:center; } .projservices li { list-style-type:"⬡"; margin-left:-20px; padding-left:10px; } .projservices li::marker { color:#888; } .project-template .elementor-widget-icon-list .elementor-icon-list-text { color:#888 !important; } .project-template .elementor-widget-icon-list .elementor-icon-list-text b { color:var( --e-global-color-text ) !important; } .elementor-testimonial-meta { padding-left:21px; } .elementor-testimonial-content { padding-top:0 !important; margin-bottom:0 !important; text-align:justify; font-weight:300 !important; } .elementor-testimonial-details > * { display:inline-block !important; } .elementor-testimonial-job::before { content:"- "; } .elementor-testimonial-wrapper { text-align:left !important; } #homeprojectlist article { background-color:#FFF; } .wpcf7 * { font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px } .wpcf7 p { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 400; line-height: 20px } #jobform .row{ display:flex; flex-direction:rows; gap:1rem; } #jobform .row > .wpb_column { width:50%; } #jobform p { font-size:14px; } #jobform .wpcf7-list-item, .wpcf7-list-item { margin-left:1px; } #jobform [type="submit"], .wpcf7 [type="submit"] { border:0; } #jobform .wpcf7-not-valid-tip { position:absolute; margin-top:-60px; font-size:12px; } .stargreen h3::first-letter { font-weight:500; color:var(--e-global-color-primary); font-size:1.5em; margin-right:1px; font-weight:600 !important; } .valori:hover { background-color:#444 !important; } .valori:hover .elementor-widget-heading .elementor-widget-container { background-color:var(--e-global-color-primary) !important; box-shadow:0 0 14px rgba(0,0,0,0.5) } .valori:hover .elementor-widget-heading .elementor-widget-container *, .valori:hover .stargreen h3::first-letter { color:#FFF !important; }  #servicii .elementor-icon-box-wrapper:before { content: "0"counter(boxcounter)"."; position:absolute; top:-1rem; background-color:#FFF; border:1px solid #e5e5e5; width:2.2rem; height:2rem; padding-left:3px; padding-top:1px; display:flex; justify-content:center; align-items:baseline; } #servicii .elementor-widget-icon-box:hover .elementor-icon-box-wrapper:before { background-color:#1f9658; border:1px solid #1f9658; color:#FFF; } #servicii .elementor-widget-icon-box { cursor: pointer; transition: 500ms ease; border:1px solid #e5e5e5; counter-increment: boxcounter 1; } #servicii .elementor-widget-icon-box:before { position: absolute; width: 0; height: 1px; content: ""; background: #000; top: 0px; left: 0px; transition: 100ms width ease 300ms; -webkit-transition: 100ms width ease 300ms; } #servicii .elementor-widget-icon-box:after { position: absolute; width: 1px; height: 0; content: ""; background: #000; top: 0px; right: 0px; transition: 100ms height ease 200ms; -webkit-transition: 100ms height ease 200ms; } #servicii .elementor-widget-icon-box > div:after { position: absolute; width: 0; height: 1px; content: ""; background: #000; bottom: 0px; right: 0px; transition: 100ms width ease 100ms; -webkit-transition: 100ms width ease 100ms; } #servicii .elementor-widget-icon-box > div:before { position: absolute; width: 1px; height: 0; content: ""; background: #000; bottom: 0px; left: 0px; transition: 100ms height ease 0ms; -webkit-transition: 100ms height ease 0ms; } #servicii .elementor-widget-icon-box:hover {   } #servicii .elementor-widget-icon-box:hover:before { width: 100%; transition: 100ms width ease 0ms; -webkit-transition: 100ms width ease 0ms; } #servicii .elementor-widget-icon-box:hover:after { height: 100%; transition: 100ms height ease 100ms; -webkit-transition: 100ms height ease 100ms; } #servicii .elementor-widget-icon-box:hover > div:after { width: 100%; transition: 100ms width ease 200ms; -webkit-transition: 100ms width ease 200ms; } #servicii .elementor-widget-icon-box:hover > div:before { height: 100%; transition: 100ms height ease 300ms; -webkit-transition: 100ms height ease 300ms; } #servicii .elementor-icon-box-title { min-height:60px; }  #servicii .elementor-widget-icon-box:hover .elementor-icon-box-content:after { background-color:#1f9658; }  #proiecteexecutie .elementor-image-box-content { padding:1rem 2rem 2rem 2rem; } #proiecteexecutie .elementor-widget-image-box:hover h3.elementor-image-box-title { color:#151515; } #proiecteexecutie .elementor-widget-image-box:hover .elementor-widget-container { background-color:#e9f4eb; } #testimoniale .elementor-testimonial-content { padding:1.3rem; }  .lps-block__filters button { padding: 5px 10px; background-color: lightgray; border-radius: 5px; color:#000; font-family: var( --e-global-typography-primary-font-family ), Sans-serif; } .lps-block__filters button.active { background-color: gray; color:#FFF; border-radius: 5px; text-decoration:none; } .latest-post-selection.ver2.lps-masonry.as-overlay .article__image, .latest-post-selection.ver2.lps-masonry.as-overlay .article__image img {  } .latest-post-selection.ver2.lps-masonry.as-overlay .article__info {  opacity:0; transition: .3s ease-in-out !important; } .latest-post-selection.ver2.lps-masonry.as-overlay article:hover .article__info { opacity:1; } .latest-post-selection.ver2.lps-masonry.as-overlay a.main-link{ font-family: var( --e-global-typography-primary-font-family ), Sans-serif !important; font-weight: var( --e-global-typography-primary-font-weight ) !important; text-shadow: 1px 1px 4px rgba(0,0,0,0.4); transition: .3s ease-in-out !important; }  .proiectegrid .latest-post-selection.ver2 article a.main-link{ color: #FFF;  font-family: var( --e-global-typography-primary-font-family ), Sans-serif; font-weight: var( --e-global-typography-primary-font-weight ); text-shadow:1px 1px 4px rgba(0,0,0,0.4); transition: .3s ease-in-out; } .proiectegrid .latest-post-selection.ver2 article {  } .proiectegrid .latest-post-selection.ver2 article:hover a.main-link {  color: #FFF !important;  } .proiectegrid .article__link::before { z-index:1; } .proiectegrid .article__read-more { z-index:2; } .proiectegrid .article__read-more:hover { text-decoration:underline; } .proiectegrid .latest-post-selection.ver2 article .item-text { color: #FFF;  font-family: "Poppins", Sans-serif; font-size: 15px !important; font-weight: 400; } .proiectegrid .latest-post-selection.ver2 .read-more > a { background-color: #151515; color: #FFF !important; font-size:16px; padding: 6px 20px; display: inline-block; margin-top: 20px; transition: .3s ease-in-out; } .proiectegrid .latest-post-selection article:hover .read-more > a { background-color: var( --e-global-color-primary ); color:#FFF !important; } .proiectegrid .latest-post-selection article:hover {  } .proiectegrid .latest-post-selection article:hover .article__info *, .proiectegrid .latest-post-selection.ver2 article:hover a.main-link { color:#FFF !important; } .proiectegrid .latest-post-selection article:hover img { transform:scale(1); } .hexvalori { display:flex; width:8rem; height:8rem; align-items:center; align-content:center; justify-items:center; align-self:center; justify-content:center; background:url('https://www.alusystem.ro/wp-content/uploads/2024/11/hexagon-svgrepo-com.svg') no-repeat 50% 50% transparent; background-size:100% 100%; z-index:9; position:relative; } .hexvalori >div { display:contents; } .hextitlevalue { z-index:1; margin-left:-100px; max-height:90px; margin-top:20px; } .hextitlevalue .elementor-heading-title::first-letter { margin-right:1.1em; display:block; position:relative; color:var( --e-global-color-primary ); font-family: monospace, monospace; } .hextitlevalue::after { content:">"; color:#FFF; font-family:"Poppins",sans-serif; font-weight:600; font-size:42px; line-height:2.2em; position:absolute; z-index:0; display:block; width:50px; top:0; right:0; } .filter-button { word-wrap:nowrap; display:inline-block; margin-bottom:10px; } #certificate .gallery-item { padding:0px 0px 0px 24px; max-width: 200px;} #certificate .gallery-item img { box-shadow:0 0 10px rgba(0,0,0,0.1) } #certificate .gallery-item:nth-of-type(4), #certificate .gallery-item:nth-of-type(5), #certificate .gallery-item:nth-of-type(6) { clear:both !important; margin-top:-60px; } #certificate .gallery-item:nth-of-type(4) { margin-left:40px; } .wp-block-themepunch-revslider .justifytext { text-align: justify !important; } .wp-block-themepunch-revslider .justifytext span { clear: both; display: block; margin-top: 20px; font-family: "Poppins", Sans-serif; font-size: 18px; font-weight: 400; letter-spacing:0.4px; color: var( --e-global-color-primary ); } .ecitat { height:120px; margin-block-start:-202px; margin-block-end:60px; } .single-post #content { max-width:100%; font-family:"Poppins", sans-serif; } .single-post .page-header .entry-title, .single-post #content .page-content { max-width:1280px; margin-left:auto; margin-right:auto; } .single-post #content .page-content { padding-top:2rem; padding-bottom:2rem; } .single-post #content .page-header { background: url(https://www.alusystem.ro/wp-content/uploads/2025/08/head-citygate01.jpg) no-repeat 100% 100%; background-position: center center !important; background-size:cover; min-height:104px; vertical-align:middle; display:flex; align-items:center; position:relative; } .single-post #content .page-header::before { content:""; display: block; position: absolute; opacity: 0.75; background-color: #0187bb; width:100%; height:100%; box-sizing: border-box; } .single-post h1.entry-title { font-family: "Poppins", Sans-serif; font-weight: 600; color: #FFFFFF !important; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.55); font-size: 2rem; text-align:center; z-index:1; } @media all and (max-width: 800px) { .home .elementor-image-gallery .gallery.gallery-columns-5 .gallery-item { max-width:50%; } .hfe-nav-menu a { color:#353535 !important; } .wp-block-themepunch-revslider h1, .wp-block-themepunch-revslider h2 { white-space: normal !important; max-width:230px; line-height:1.6rem !important; } .slidetitle { line-height:1.6rem !important; margin-top:-40px !important; } .slidebutton { margin-top:-20px !important; } #jobform .row{ display:flex; flex-direction:column; gap:1rem; } #jobform .row > .wpb_column { width:100%; } .project-template .gallery { max-width:100%; } .project-template .gallery-item { max-width:50%; width: 50% !important; padding:0 0.5rem 0 0 !important; } .project-template .gallery-item:nth-of-type(2n) { padding:0 0 1rem 0.5rem !important; } #certificate #gallery-1 { padding:10px; } #certificate .gallery-item { padding:10px; max-width: calc( (100% - 1rem) / 2);} #certificate .gallery-item img { box-shadow:0 0 10px rgba(0,0,0,0.1) } #certificate .gallery-item:nth-of-type(4), #certificate .gallery-item:nth-of-type(5), #certificate .gallery-item:nth-of-type(6) { margin-top:0px; } #certificate .gallery-item:nth-of-type(4) { margin-left:0px; } .hexvalori { display:flex; width:5rem; height:5rem; align-items:center; align-content:center; justify-items:center; align-self:center; justify-content:center; background:url('https://www.alusystem.ro/wp-content/uploads/2024/11/hexagon-svgrepo-com.svg') no-repeat 50% 50% transparent; background-size:100% 100%; z-index:9; position:relative; margin-left:-15px; } .hexvalori >div { display:contents; } .hextitlevalue { z-index:0; margin-left:-60px; width:88% !important; max-height:90px; margin-top:0px; } .hextitlevalue a { font-size:20px !important; padding-left:8px; } .hextitlevalue .elementor-heading-title::first-letter { margin-right:1.1em; display:block; position:relative; color:var( --e-global-color-primary ); font-family: monospace, monospace; } .hextitlevalue::after { content:">"; color:#FFF; font-family:"Poppins",sans-serif; font-weight:500; font-size:32px; line-height:2.4em; position:absolute; z-index:0; display:block; width:50px; top:0; right:-25px; } .ecitat { height:120px; margin:5%; width:90%; margin-block-start:-234px; margin-block-end:120px; } #colaboratori figure { max-width:50%; } body:not([class*="elementor-page-"]) .site-main { padding-inline-start: 0px; padding-inline-end: 0px; } .single-post #content { max-width:100%; } .single-post .page-header .entry-title, .single-post #content .page-content { max-width:100%; margin-left:auto; margin-right:auto; padding-left:1rem; padding-right:1rem; } .single-post h1.entry-title { font-family: "Poppins", Sans-serif; font-weight: 600; color: #FFFFFF !important; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.55); font-size: 1.5rem; text-align:center; z-index:1; } #mainheader:hover .hfe-nav-menu > li > a, #mainheader:hover .hfe-nav-menu > li > div > a, .home #mainheader:not(.she-header) .hfe-nav-menu > li > a, .home #mainheader:not(.she-header) .hfe-nav-menu > li > div > a {text-shadow:unset;} .home .hfe-nav-menu-icon { fill:#FFF !important; } .she-header .hfe-nav-menu-icon { fill:#000 !important; } #mainheader:hover .hfe-nav-menu-icon, .she-header:hover .hfe-nav-menu-icon { fill:#FFF !important; } } .project-template .elementor-slideshow__title { display:none; } #socialsfooter a.elementor-social-icon-facebook-f:hover { background-color: #2b81ef; } #socialsfooter a.elementor-social-icon-linkedin:hover { background-color: #1581b8; } #socialsfooter a.elementor-social-icon-instagram:hover { background: linear-gradient(115deg, #f9ce34, #ee2a7b, #6228d7); } .proiectegrid .latest-post-selection.ver2 .article__info {position: absolute;} .proiectegrid .latest-post-selection.ver2.as-overlay .article__image {position:relative;} .proiectegrid .latest-post-selection.ver2 .article__image img {position:relative;}