/* UFS */ body .sppb-btn.sppb-btn-primary, body .sppb-sp-slider-button .sp-slider-btn-text, body .sppb-addon-image-overlay-icon{background:linear-gradient(45deg, #48C0FF 0%, #000252) !important;} h2 {font-size: 28px;} /* spaziatura dall'header */ .com-content #sp-main-body{padding: 40px 0;} /* TOP */ #sp-top a{color: #fff;} #sp-top a:hover, #sp-top a:visited{color: #9c9c9c !important;} #sp-top .colMail{margin-left: 30px;} /* header */ #sp-header, #sp-logo,#sp-menu,#sp-position1 {height: 70px;padding-top: 4px;} /* logo */ #sp-header .logo img {height: 60px !important;} /* menu */ .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent > li:last-child > a { padding: 18px 0; padding-left: 0px; } #sppb-addon-1658194787919 .show-searchbox a {margin: 5px 0 !important;} /* lingua */ .mod-languages .chosen-drop {width: 9em !important;} /* INIZIO HOME */ /* img animati sotto il testo */ #sppb-addon-1658251979598 .anim-object, #sppb-addon-1713875804385 .anim-object{z-index: -1;} /* slider */ .bgTextGall { background-color: rgba(255,255,255,0.5);position: absolute; width: 1300px; height: 8.4vh; position: absolute; bottom: -70px; left: -30px;} /* -- inizio video -- */ #lytGallAper {margin-bottom: -10px;} #lytGallAper a::before {content: "\25B6"; position: absolute; color: white; font-size: 2.5em; left: 22%; display: none;border: 5px solid #fff; border-radius: 100%;padding: 20px 15px 20px 20px;background: linear-gradient(225deg, #48C0FF 0%, #000252 100%);} #lytGallAper a:hover::before { display: block !important; } .mfp-content {max-width: 1280px !important;} #rowFormContatti .boxVideo .sppb-text-center { margin-left: 280px !important;} .boxVideo .playVideoTimeline { left: 105px;top: 65px;position: absolute;} #playVideo { width: 100%; height: 150px; position: absolute; z-index: 99999999; } #playVideo::before {content: "\25B6"; position: absolute; color: white; font-size: 2.5em; display: none;border: 5px solid #fff; border-radius: 100%;padding: 20px 15px 20px 20px;background: linear-gradient(225deg, #48C0FF 0%, #000252 100%);top: 20%;} #playVideo:hover::before { display: block !important; } #rowLineeProdotti #playVideo::before {left: 30%;} #rowSitiAzienda #playVideo::before {left: 42%;} #boxLink { width: 100%; height: 100%; position: absolute; z-index: 99999999; } #boxLink::before {content: "\261B"; position: absolute; color: white; font-size: 2.5em; display: none;border: 5px solid #fff; border-radius: 100%;padding: 15px 15px 28px 15px;background: linear-gradient(225deg, #48C0FF 0%, #000252 100%);rotate: -90deg;} #boxLink:hover::before { display: block !important; } #rowB2B #boxLink::before {top: 35%;left: 40%;} #rowProdotti #boxLink::before {top: 30%;left: 40%;} #rowVideoAzienda .sppb-col-md-4{overflow: hidden;} #rowVideoAzienda .sppb-column-overlay::after { border-radius: 15px; position: absolute; background: var(--maincolor); height: 3px; width: 0; left: 0; bottom: -24px; content: ""; right: 0; margin: 0 auto; -moz-transition: all 500ms ease-out 0s; -webkit-transition: all 500ms ease-out 0s; -ms-transition: all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; opacity: 0.6; z-index: 0; } #rowVideoAzienda .sppb-column-overlay:hover:after,.sppb-col-md-4:hover .sppb-column-overlay::after { width: 85% !important; bottom: 24px!important;} #rowVideoAzienda .sppb-col-md-4 .sppb-img-container { position: relative; overflow: hidden; } #rowVideoAzienda .sppb-col-md-4 .boxVideo.feature-content{ width: 100%; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; transition: all 900ms ease; } #rowVideoAzienda .sppb-col-md-4:hover .boxVideo.feature-content { -moz-transform: scale(1.2) rotate(3deg); -o-transform: scale(1.2) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); -webkit-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg); } #rowVideoAzienda .sppb-col-md-4:hover .boxVideo.feature-content .playVideoAzienda{ -moz-transform: scale(0.9) rotate(1deg); -o-transform: scale(0.9) rotate(1deg); -ms-transform: scale(0.9) rotate(1deg); -webkit-transform: scale(0.9) rotate(1deg); transform: scale(0.9) rotate(1deg);} #rowVideoAzienda .sppb-column-overlay{ -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } #rowVideoAzienda .sppb-col-md-4 .sppb-btn { position: absolute; background: linear-gradient(45deg, var(--fifthcolor), var(--secondcolor)) !important; color: #fff; height: 45px; width: 85px; line-height: 45px; left: 50%; transform: translatex(-50%); right: 0; margin: 0 auto; bottom: -20px; border-radius: 30px; z-index: 1; -moz-transition: all 400ms ease-out 0s; -webkit-transition: all 400ms ease-out 0s; -ms-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; font-weight: 400; font-size: 16px; padding: 0; } #rowVideoAzienda .sppb-col-md-4 .sppb-btn:hover { width: 110px; } #rowVideoAzienda .sppb-col-md-4 .sppb-media-content { -moz-transition: all 400ms ease-out 0s; -webkit-transition: all 400ms ease-out 0s; -ms-transition: all 400ms ease-out 0s; -o-transition: all 400ms ease-out 0s; transition: all 400ms ease-out 0s; } #rowVideoAzienda .sppb-col-md-4:hover .sppb-media-content { -webkit-box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06); -khtml-box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06); -ms-box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06); -o-box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06); box-shadow: 0 0 16px 10px rgba(0, 0, 0, 0.06); } .mfp-close { position: fixed!important; right: 35px !important; top: 20px !important; font-size: 100px !important; font-weight: lighter !important; } /* -- fine video -- */ /* POPUP */ .pgHome .mfp-wrap .mfp-content {height: auto !important;} /* 3 siti */ #section-id-1658195646485 .sppb-media-content {padding: 20px !important;} /* FINE HOME */ /* main */ .article-header h1 {background-image: linear-gradient(45deg, #000252 0%,#48C0FF 100%);color: #fff;padding: 10px;} .article-header h2{font-weight: 800 !important; font-size: 28px !important;} #sp-main-body { padding: 30px 0; } /* blog */ .article-introtext {display: block !important;} .layout-blog .article-body { box-shadow: none;} /* form */ .request-a-call-back-form::before {border-color: var(--maincolor) var(--maincolor) transparent transparent;} .request-a-call-back-form::after {border-color: var(--maincolor) transparent transparent var(--maincolor);} /* form contatti */ input{-moz-appearance: auto;} .sppb-form-check-label {color: #a7a8b4;} #Submit { background-image: linear-gradient(50deg, #48C0FF 0%, #000252 100%); padding: 10px 20px; font-weight: 700; } #Submit:hover { background-image: linear-gradient(100deg, #000252 0%, #48C0FF 100%); cursor: pointer; } .formContattiHome.request-a-call-back-form::after, .request-a-call-back-form::before { border: none; } #submit { width: 100%; padding: 15px 0; background: linear-gradient(45deg, #48C0FF 0%, #000252) !important; } #submit:hover{background: linear-gradient(45deg, #000252 0%, #48C0FF) !important;} #name,#email,#message {padding: 15px;} .numPerc .sppb-animated-number::before { content: "%"; left: 100px; position: absolute; } /* footer */ #sp-footer a {color: #22a9e1 !important;} #sp-footer a:hover {color: var(--maincolor) !important;} .sp-scroll-up {background: linear-gradient(180deg, #48C0FF 0%, #000252 100%); bottom: 70px;} /* whatsapp */ .whatsappchat .label { background: linear-gradient(-20deg, #48C0FF,#000252) !important; color: #fff !important; } .popup-top .image img {max-width: 80px !important;margin-top: 12px;} .offcanvas-menu .whatsappchat p{color: #000 !important;} /* ----------------------------------------------------------------*/ /* ---------------------- Media ---------------------------*/ /* ----------------------------------------------------------------*/ /* Smartphones */ @media (max-width: 360px) { /* 80 anni */ #sppb-addon-1658251979642 {padding: 20px 40px 70px 40px;} /* form */ #sppb-addon-1658251979918 .call-us-now{bottom: 55px !important;} #sppb-addon-1658251979918 .call-us-now h3{font-size: 20px;} #rowFormContatti .boxVideo .sppb-text-center {margin-left: 0px !important;} #column-id-1658251979928 {background-size: 100%;background-position: 0px 25px;padding-bottom: 60px;} /* spaziatura delle colonne */ #column-wrap-id-1715932635849,#column-wrap-id-1713864303709,#column-wrap-id-1713864303709 {margin-top: 50px;} #column-wrap-id-1715932635855,#column-id-1713875804380 {margin-bottom: 50px;} } @media (min-width: 361px) and (max-width: 400px) { /* 80 anni */ #sppb-addon-1658251979642 {padding: 20px 40px 70px 40px;} /* form */ #sppb-addon-1658251979918 .call-us-now{bottom: 55px !important;} #sppb-addon-1658251979918 .call-us-now h3{font-size: 20px;} #rowFormContatti .boxVideo .sppb-text-center {margin-left: 0px !important;} #column-id-1658251979928 {background-size: 100%;background-position: 0px 25px;padding-bottom: 60px;} /* spaziatura delle colonne */ #column-wrap-id-1715932635849,#column-wrap-id-1713864303709,#column-wrap-id-1713864303709 {margin-top: 50px;} #column-wrap-id-1715932635855,#column-id-1713875804380 {margin-bottom: 50px;} } @media only screen and (min-device-width : 361px) and (max-device-width : 400px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { } /* Smartphones to Tablets */ @media (min-width: 401px) and (max-width: 767px) { /* 80 anni */ #sppb-addon-1658251979642 {padding: 20px 40px 70px 40px;} /* form */ #sppb-addon-1658251979918 .call-us-now{bottom: 55px !important;} #sppb-addon-1658251979918 .call-us-now h3{font-size: 20px;} #rowFormContatti .boxVideo .sppb-text-center {margin-left: 0px !important;} #column-id-1658251979928 {background-size: 100%;background-position: 0px 25px;padding-bottom: 60px;} /* spaziatura delle colonne */ #column-wrap-id-1715932635849,#column-wrap-id-1713864303709,#column-wrap-id-1713864303709 {margin-top: 50px;} #column-wrap-id-1715932635855,#column-id-1713875804380 {margin-bottom: 50px;} } /* Smartphones to Tablets */ @media (min-width: 401px) and (max-width: 599px) { } @media (min-width: 600px) and (max-width: 767px) { } @media only screen and (min-device-width : 401px) and (max-device-width : 767px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { } /* Tablets */ @media (min-width: 768px) and (max-width: 959px) { #sppb-addon-1658251979918 .call-us-now { bottom: 60px; } #column-id-1713864303709{margin-top: 50px;} /* blog */ .layout-blog .clLeft, .layout-blog .clRight {width: 100%;} .layout-blog .clRight img{float: none !important;margin-left: 40%;margin-right: 40%;} } /* tablet apple */ @media only screen and (min-device-width : 768px) and (max-device-width : 1090px) and (orientation : landscape){ .formContattiHome {width: 480px;left: 100px;} /* video */ #column-id-1658251979928 {padding-top: 145px;} } /* Tablets landscape */ @media only screen and (min-device-width : 768px) and (max-device-width : 1080px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { #column-id-1715932635849,#column-id-1713864303709{margin-top: 50px;} #column-wrap-id-1715932635855{margin-bottom: 50px;} #section-id-1658251979610 .sppb-col-md-3 { flex: 0 0 50%; max-width: 50%; } } /* tablet android */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){ #section-id-1658251979610 .sppb-col-md-3 { flex: 0 0 50%; max-width: 50%; } } /* Desktop */ @media (min-width: 960px) and (max-width: 1199px) { /* blog */ .layout-blog .article-header { width: 80%;} .layout-blog .article-header h2 {text-align: justify;} } /* Large Display */ @media (min-width: 1200px) { /* blog */ .layout-blog .article-header { width: 80%;} .layout-blog .clLeft{padding-right: 50px;} .layout-blog .clRight {margin-top: -100px;} .layout-blog .article-header h2 {text-align: justify;} } @media only all and (max-width: 768px) { } @media only all and (min-width: 50em) { } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ specific styles go here */ } @keyframes glow { from { box-shadow: 0 0 10px rgba(0, 195, 255, 0.8), 0 0 20px rgba(0, 195, 255, 0.6), 0 0 30px rgba(0, 195, 255, 0.4); } to { box-shadow: 0 0 100px rgba(0, 195, 255, 1), 0 0 40px rgba(0, 195, 255, 0.8), 0 0 60px rgba(0, 195, 255, 0.6); } }