.fl-page-content {
background-color: #FFF;
}
.fl-page-header-primary .fl-logo-img {
width: 40px;
} .fl-page a.fl-button,
.fl-page a.fl-button:visited {
background: #595959;
color: #34d330;
border: 2px solid #34d330;
box-shadow: 4px 4px 0 #34d330;
transition: all 0.2s ease;
}
.fl-page a.fl-button *,
.fl-page a.fl-button:visited * {
color: inherit;
}
.fl-page a.fl-button:hover {
background: #34d330;
color: #595959;
border: 2px solid #595959 !important;
box-shadow: 6px 6px 0 #34d330, 6px 6px 0 #595959;
}
.fl-page a.fl-button:hover * {
color: inherit;
}
.fl-page .pulsante-black a.fl-button,
.fl-page .pulsante-black a.fl-button:visited {
background: #595959;
color: #34d330;
border: 2px solid #34d330;
box-shadow: 4px 4px 0 #595959;
}
.fl-page .pulsante-black a.fl-button:hover {
background: #34d330;
color: #595959;
border: 2px solid #595959; box-shadow: 6px 6px 0 #595959;
}
.fl-page .pulsante-black a.fl-button:hover * {
color: inherit;
}
a:focus {
outline: none;
}
.pp-heading-content .pp-heading .heading-title, .pp-heading-content .pp-heading .heading-title span.pp-secondary-title {
font-family: "IBM Plex Mono", monospace !important;
} .fl-page-nav-right .fl-page-header-container {
padding-bottom: 10px;
padding-top: 10px;
}
.fl-page-nav-right.fl-page-header-fixed .fl-page-header-container.container, .fl-page-header-fixed .fl-page-header-container.container {
padding-bottom: 0px;
padding-top: 0px;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a {
color: #FFFFFF;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
.fl-page-nav-right .fl-page-header-wrap {
border-bottom: 4px solid #34d330;
}
li.menu-h a {
background-color: #34d330;
border: 2px solid #34d330;
color: #303030;
}
li.menu-h a:hover {
border: 2px solid #34d330;
}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:hover, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li>a:focus {
color: #34d330;
}
.fl-page-header {
position: absolute;
top: 0 !important;
left: 0;
width: 100%;
z-index: 999;
background: rgba(13, 13, 13, 0.5);
}
.fl-page {
padding-top: 0 !important;
}
body.admin-bar .fl-page-header {
top: 32px; }
.fl-page-header .fl-logo-img {
filter: brightness(0) invert(1);
}
.fl-page-header .fl-page-nav a {
color: #fff;
}
.fl-page-header .fl-page-nav a:hover {
opacity: 0.8;
} .img-highlight {
border: 4px solid #34d330;
}
.testata-home h1 {
display: none;
}
.sfondovideo {
position: relative;
overflow: hidden;
background-color: #000 !important;
}
.sfondovideo::before {
content: '';
position: absolute;
inset: 0;
background: #000;
z-index: 999;
opacity: 1;
transition: opacity 1.5s ease-out;
pointer-events: none;
}
.sfondovideo.video-loaded::before {
opacity: 0;
}
.video-fade-layer {
position: absolute;
inset: 0;
background-color: #000;
z-index: 998;
opacity: 1;
transition: opacity 1.5s ease-out;
pointer-events: none;
}
.sfondovideo .fl-bg-video,
.sfondovideo .fl-bg-video-player,
.sfondovideo .fl-row-content-wrap {
background-color: #000 !important;
}
.sfondovideo video,
.sfondovideo iframe {
position: relative;
z-index: 1;
}
.sfondovideo .fl-row-content {
position: relative;
z-index: 1001;
}
.fl-page-nav-right.fl-page-header-fixed, .fl-page-header-fixed {
z-index: 1002;
}
.pp-pricing-table-title {
text-align: left;
text-transform: uppercase;
font-size: 22px;
}
.pp-pricing-table-price {
font-weight: bold;
text-align: left;
}
.pp-pricing-table-highlight {
transform: scale(1.05);
}
.pp-pricing-table-column {
padding-left: 20px !important;
padding-right: 20px !important;
padding-bottom: 40px !important;
}
.pp-pricing-table-column {
box-shadow: 4px 4px 0 #FFFFFF;
transition: box-shadow 0.2s ease;
}
.pp-pricing-table-column a.fl-button {
box-shadow: none;
}
.pp-pricing-table-column a.fl-button * {
color: #34d330;
}
.pp-pricing-table-column a.fl-button:hover {
background-color: #34d330 !important;
color: #595959 !important;
}
.pp-pricing-table-col {
opacity: 0;
transform: translateY(-40px);
animation: slideDown 0.8s ease forwards;
}
@keyframes slideDown {
to {
opacity: 1;
transform: translateY(0);
}
}
.pp-pricing-table-col:nth-child(1) {
animation-delay: 0.2s;
}
.pp-pricing-table-col:nth-child(2) {
animation-delay: 0.7s;
}
.pp-pricing-table-col:nth-child(3) {
animation-delay: 1.1s;
}
.pp-pricing-table .fl-button-wrap {
display: none;
}
.numero-elenco p {
background-color: rgba(89, 89, 89, 0.1); color: #34d330 !important;
font-family: "IBM Plex Mono", monospace;
font-size: 50px;
font-weight: bold;
padding: 20px;
} .car-icons .pp-image-carousel .swiper-slide {
transform: scale(0.85);
opacity: 0.5;
transition: all 0.3s ease;
}
.car-icons .pp-image-carousel .swiper-slide-active {
transform: scale(1.1);
opacity: 1;
z-index: 2;
}
.car-icons .pp-image-carousel .pp-image-overlay {
position: static !important;
opacity: 1 !important;
background: none !important;
}
.car-icons .pp-image-carousel .pp-caption {
position: static;
margin-top: 10px;
text-align: center;
}
.car-icons .pp-image-carousel .swiper-slide-inner {
display: flex;
flex-direction: column;
align-items: center;
} .pp-list-item-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
min-height: 380px;
text-align: left;
}
h3.pp-infolist-title-text {
font-family: "IBM Plex Mono", monospace;
color: #FFFFFF;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 14px
}
.pp-list-item-content .pp-icon-wrapper {
background-color: #34d330;
color: #0d0d0d;
padding: 10px;
margin-left: 0;
margin-right: auto;
}
.pp-infolist-icon-inner span.pp-icon:before {
font-size: 20px !important;
} .fl-post-grid-post {
border: 4px solid #34d330;
position: relative;
overflow: hidden;
height: 320px;
}
.fl-post-grid-image a {
position: absolute !important;
inset: 0;
z-index: 3;
display: block;
}
.fl-post-grid-image,
.fl-post-grid-image img {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
display: block;
margin: 0;
padding: 0;
z-index: 1;
}
.fl-post-grid-post::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 2;
pointer-events: none;
transition: background 0.5s ease;
}
.fl-post-grid-post:hover::before {
background: rgba(52, 211, 48, 0.7);
}
.fl-post-grid-text {
position: absolute;
inset: 0;
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-align: left;
padding: 30px;
z-index: 4;
pointer-events: none;
}
.fl-post-grid-title {
margin: 0 0 5px 0;
}
.fl-post-grid-title a {
color: #ffffff;
font-size: 24px;
font-weight: 200;
text-decoration: none;
transition: color 0.4s ease;
pointer-events: auto;
}
.fl-post-grid-terms a {
color: rgba(255, 255, 255, 0.6); font-size: 14px;
transition: color 0.4s ease;
}
.fl-post-grid-post:hover .fl-post-grid-title a,
.fl-post-grid-post:hover .fl-post-grid-terms,
.fl-post-grid-post:hover .fl-post-grid-terms a {
color: #000000 !important;
font-weight: 600;
}
.loghi .pp-logos-content {
overflow: hidden;
width: 100%;
display: block;
}
.loghi .pp-logos-grid {
display: flex !important;
flex-wrap: nowrap !important;
width: max-content; animation: scrollLoghi 30s linear infinite;
will-change: transform;
}
.loghi .pp-logos-grid {
transform: translateZ(0);
backface-visibility: hidden;
}
.loghi .pp-logo {
width: 200px;
flex: 0 0 200px;
display: flex !important;
align-items: center;
justify-content: center;
padding: 30px;
box-sizing: border-box;
}
.loghi .logo-image {
max-width: 100%;
height: auto;
max-height: 60px;
object-fit: contain;
display: block;
}
.loghi .pp-logo {
width: 240px !important;
flex: 0 0 240px !important;
padding: 0 30px !important;
box-sizing: border-box;
}
.loghi .logo-image {
max-width: 100%;
max-height: 45px;
object-fit: contain;
}
@keyframes scrollLoghi {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.loghi .pp-logos-content:hover .pp-logos-grid {
animation-play-state: paused;
} input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=number]:focus, input[type=search]:focus, input[type=url]:focus, textarea:focus {
background-color: #FFF;
border-radius: 0;
color: #303030;
}
.fl-contact-form textarea::placeholder,
.fl-contact-form input[type="text"]::placeholder,
.fl-contact-form input[type="tel"]::placeholder,
.fl-contact-form input[type="email"]::placeholder {
color:#303030;
}
.fl-page button[type=submit] {
background-color: #34d330;
}
.fl-page button[type=submit] * {
color: #303030;
}
.fl-page button[type=submit]:hover {
background-color:#303030;
color: #34d330 !important;
}
.fl-page button[type=submit] *:hover {
color: #34d330;
}
#sib-container {
background: transparent !important;
padding: 17px 0 !important;
}
.sib-form-block {
padding: 0 !important;
}
.sib-form .input:not(textarea), .sib-form .input__button {
height: calc(2.5rem + 10px) !important;
}
.sib-form .entry__field {
border-radius: 0 !important;
}
.sib-form .entry__label, .entry__choice {
font-family: "IBM Plex Mono", monospace !important;
}
.sib-form .entry__label {
text-transform: uppercase;
}
.sib-form .entry__choice .checkbox, .sib-form .entry__choice .radio-button {
margin-right: 0 !important;
}
.sib-form-block__button {
margin-top: 12px;
color: #303030 !important;
padding: 12px 24px !important;
} .talenti .pp-content-post .pp-post-title {
opacity: 0.9;
transform: scale(0.95);
transition: all 0.4s ease;
}
.talenti .pp-content-post:hover .pp-post-title {
transform: scale(1.1);
opacity: 1;
}
.talenti .pp-content-post .pp-post-title:hover {
opacity: 1;
transform: scale(1.3) !important;
}
.talenti {
max-height: 40vh;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
.talenti::-webkit-scrollbar {
display: none;
}
.breadcrumb-overlay {
text-transform: uppercase;
}
.pp-video-gallery .pp-video-gallery-items:not(.swiper-wrapper) {
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.pp-video-gallery .pp-video-gallery-item {
flex: 0 0 50% !important;
max-width: 50% !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box;
}
.pp-video-gallery .pp-video {
margin: 0 !important;
padding: 0 !important;
}
.pp-video-gallery .pp-video-wrapper {
margin: 0 !important;
} .fl-page-footer-widgets {
border-top: 4px solid #34d330;
background-color: #595959;
}
.fl-page-footer-widgets .col-md-6 {
padding-left: 30px;
padding-right: 30px;
}
.fl-page-footer-widgets-container {
padding-top: 20px
}
.fl-page-footer-widgets a, .fl-page-footer-widgets a *, .fl-page-footer-widgets a.fas, .fl-page-footer-widgets a.fab, .fl-page-footer a, .fl-page-footer a *, .fl-page-footer a.fas, .fl-page-footer a.fab {
color: #34d330;
}
.fl-page-footer {
background-color: #595959;
border-top: none;
}
.fl-page-footer-widgets *, .fl-page-footer-widgets h1, .fl-page-footer-widgets h2, .fl-page-footer-widgets h3, .fl-page-footer-widgets h4, .fl-page-footer-widgets h5, .fl-page-footer-widgets h6, .fl-page-footer *, .fl-page-footer h1, .fl-page-footer h2, .fl-page-footer h3, .fl-page-footer h4, .fl-page-footer h5, .fl-page-footer h6 {
color: #FFF;
}
.fl-page-footer-row.row {
border-top: 2px solid #34d330;
padding-top: 18px;
}
.logo-footer {
width: 38px;
}
.footer-small {
font-size: 14px;
}
.icona-footer {
background: none;
}
.fl-page-footer-widgets h4 {
font-family: "IBM Plex Mono", monospace;
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
}
.fl-page-footer-widgets a:hover, .fl-page-footer-widgets a:focus, .fl-page-footer-widgets a:hover *, .fl-page-footer-widgets a:focus *, .fl-page-footer-widgets a.fas:hover, .fl-page-footer-widgets a.fab:hover, .fl-page-footer-widgets a.fas:focus, .fl-page-footer-widgets a.fab:focus {
color: #FFFFFF;
}
.wp-block-button {
width: 100%
}
.wp-block-button .wp-block-button__link {
background-color: #34d330;
color: #0d0d0d;
font-family: "IBM Plex Mono", monospace;
border-radius: 0;
border: 2px solid  #34d330;
}
.wp-block-button .wp-block-button__link:hover {
text-decoration: none;
background-color: #595959;
color: #34d330;
}
.pp-content-ticker-wrap {
position: relative;
width: 100%;
min-height: 500px !important;
overflow: hidden;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition: background-image 0.5s ease-in-out;
}
.pp-content-ticker-wrap::before {
content: '';
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 1;
}
.pp-content-ticker {
position: relative;
z-index: 2;
}
.pp-content-ticker-image {
display: none !important;
}
.pp-content-ticker-item-title a {
color: #fff !important;
font-size: 50px !important;
font-weight: 900 !important;
text-transform: uppercase;
text-decoration: none !important;
transition: all 0.3s ease;
}
.pp-content-ticker-item {
height: 150px !important;
display: flex !important;
align-items: center !important;
padding-left: 40px !important;
}
.pp-content-ticker-item:hover .pp-content-ticker-item-title a {
color: #28a745 !important;
padding-left: 20px;
}
a.backto::before {
font-family: "Font Awesome 5 Free";
font-weight: 900; content: "\f060";
color: rgb(52, 211, 48) !important;
margin-right: 8px;
display: inline-block;
height: auto;
width: auto;
border: none !important;
} .form-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.form-grid .full {
grid-column: 1 / -1;
}
.field-group {
display: flex;
flex-direction: column;
}
.field-group label {
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
color: #111;
}
.form-grid input[type=email], .form-grid input[type=tel], .form-grid input[type=text] {
border: 1px solid #dcdcdc !important;
}
.form-input,
.form-select,
.form-textarea {
width: 100%;
padding: 14px 16px;
border: 1px solid #dcdcdc;
border-radius: 14px;
background: #fff;
font-size: 16px;
transition: all .2s ease;
}
.form-input:focus,
.form-select:focus,
.form-textarea:focus {
border-color: #dcdcdc;
outline: none;
box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
}
.form-textarea {
min-height: 160px;
resize: vertical;
}
.checkbox-group {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
checkbox-group .wpcf7-list-item {
margin: 0;
}
.checkbox-group label {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
border: 1px solid #dcdcdc;
cursor: pointer;
transition: all .2s ease;
font-weight: 500;
}
.checkbox-group input[type="checkbox"] {
margin: 0;
}
.checkbox-group label:hover {
border-color: #dcdcdc;
}
.separator {
grid-column: 1 / -1;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #e5e5e5;
}
.separator span {
font-size: 16px;
font-weight: 600;
color: #666;
}
.submit-wrap {
margin-top: 10px;
}
.submit-btn {
background: #595959 !important;
color: #34d330 !important;
border: 2px solid #34d330 !important;
box-shadow: 4px 4px 0 #595959;
appearance: none;
border: none;
background: #111;
color: #fff;
padding: 16px 28px;
border-radius: 999px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: all .2s ease;
display: inline-flex;
align-items: center;
gap: 10px;
}
.submit-wrap button[type=submit] * {
color: #34d330;
}
.submit-btn:hover * {
color: #595959 !important;
}
.submit-btn:hover {
background: #34d330 !important;
color: #595959 !important;
border: 2px solid #595959 !important;
box-shadow: 6px 6px 0 #595959;
}
.submit-btn .fl-button-icon {
transition: transform .2s ease;
}
.submit-btn:hover .fl-button-icon {
transform: translateX(3px);
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #34d330;
}
#cf7-popup-overlay {
display: none;
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
align-items: center;
justify-content: center;
}
#cf7-popup-overlay.active {
display: flex;
}
#cf7-popup-box {
background: #34d330;
color: #fff;
border-radius: 12px;
padding: 2.5rem 2rem;
max-width: 420px;
width: 90%;
text-align: center;
animation: popupIn 0.3s ease;
}
@keyframes popupIn {
from { transform: scale(0.85); opacity: 0; }
to   { transform: scale(1);    opacity: 1; }
}
.wpcf7-turnstile.cf-turnstile {
text-align: right;
margin-bottom: 22px;
}
#cf7-popup-box .popup-icon {
font-size: 48px;
margin-bottom: 1rem;
}
#cf7-popup-box h2 {
font-size: 20px;
margin: 0 0 0.5rem;
}
#cf7-popup-box p {
font-size: 15px;
opacity: 0.9;
margin: 0 0 1.5rem;
}
#cf7-popup-box button {
background: rgba(255,255,255,0.2);
border: 1px solid rgba(255,255,255,0.5);
color: #fff;
padding: 8px 24px;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
}
.wpcf7-response-output {
display: none !important;
} @media (min-width: 992px) {
.testata-talento .fl-row-content-wrap {
align-items: flex-start !important;
padding-top: 90px !important;
}
.testata-talento .breadcrumb-group {
width: 100% !important;
text-align: right !important;
margin-bottom: 0 !important;
}
.testata-talento .fl-col-group:last-child {
margin-top: 25vh !important;
text-align: right !important;
}
.fl-page-footer-container {
padding: 0;
}
}
@media (max-width: 991px) {
.fl-page-header {
border-color: #515151;
background-color: #303030;
color: #34d330;
}
.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile.fl-page-nav-right .fl-page-header-row .fl-page-header-logo {
padding-bottom: 10px;
}
li.menu-h a {
color: #303030 !important;
}
li.menu-h a:hover {
color: #34d330 !important;
}
}
@media (max-width: 768px) {
body {
font-size: 15px;
}
.pp-pricing-table .pp-pricing-table-features .pp-pricing-table-item {
flex-direction: row !important;
}
h2.heading-title, .pp-heading-content .pp-heading .heading-title span.pp-secondary-title  {
font-size: 44px;
}
.pp-pricing-table .pp-pricing-table-features .pp-pricing-table-item {
flex-direction: row;
}
.pp-pricing-table .pp-pricing-table-col {
margin-bottom: 0;
}
.fl-node-svmnkciujowp{
margin-bottom: 20px;
}
.form-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.sib-form, #sib-container, .sib-form-block {
padding: 0 !important;
}
.pp-video-gallery .pp-video-gallery-item {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.fl-animation {
animation-duration: 0.4s !important;
}
}